Class: H_ui_multi_state

H_ui_multi_state

UI class for multi-state toggle buttons.
Handles avatar, toggling, and active state.
Used as h.libs.ui_multi_state.

new H_ui_multi_state(dom_id, side, toogle_mode)

ui.js, line 2313
Name Type Default Description
dom_id string dom_id for the created multi_state button
side string where is should display the list of buttons.
toogle_mode boolean false optional is true, stay open.

Members

instancesObject

Stores all multi_state instances.

Methods

change_avatar()

ui.js, line 2484
Take the active element to create an avatar
Put the avatar as the toggler.

clean()

ui.js, line 2557
thanks for your job, you're fired !

exist()

ui.js, line 2549
Still alive ?

next(loop)

ui.js, line 2512
Click on next button (so it will display it).
Name Type Default Description
loop boolean false if true when the last button is the current, it will loop to first one.

on_click_btn(evt)

ui.js, line 2389
Handles click on button and switching state active and set current avatar.
Name Type Description
evt Event The click event.

on_click_outside(evt)

ui.js, line 2474
If the click is on toggler, do nothing.
the function that handle the click on the toggler will trigger the close
this is like a clickOutside except "this" element
Name Type Description
evt event

on_click_toggler(evt)

ui.js, line 2374
Handles toggle display buttons.
Name Type Description
evt Event The click event.

on_close()

ui.js, line 2418
Toggle buttons and hide the toggler.

prev(loop)

ui.js, line 2524
Click on previous button (so it will display it).
Name Type Default Description
loop boolean false if true when the first button is the current, it will loop to last one.

set_avatar(dom_id)

ui.js, line 2538
Set current avatar by clicking on the corresponding button indicated by its dom_id.
Name Type Description
dom_id string of the button we want to select/click on

toggle_buttons(hide)

ui.js, line 2428
Toggle every button except the active one.
Name Type Default Description
hide boolean true optional false if you want to keep toogler open

staticH_ui_multi_state.clean_instances()

ui.js, line 2588
clean all instances that have disapeared...

staticH_ui_multi_state.create_instance(dom_id, settings){H_ui_autocomplete}

ui.js, line 2576
Creates a new multi_state instance for a given dom_id.
Cleans up any existing instance for the same dom_id.
Name Type Description
dom_id string The DOM id suffix.
settings Object Settings for the instance.
Returns:
Type Description
H_ui_autocomplete The created instance.