Looking for Vue, React, Angular, Laravel Version? Click here to Get 5 in 1 JS Bundle.

Requirements

Source & Credits

HTML Change Log

  1. sidebar_color
    - For sidebar color there are 4 options given below: Values are in string.
    "sidebar_color": {
"value": "sidebar-white"
},
choices: ["sidebar-white","sidebar-dark","sidebar-color","sidebar-transparent",],
  2. sidebar_type
    - For sidebar type there are 3 options given below: Values are in array.
    "sidebar_type": {
"value": []
},
choices: ["sidebar-hover", "sidebar-mini", "sidebar-boxed"],
  3. sidebar_menu_style
    - For sidebar menu-style there are 5 options given below: Values are in string.
    "sidebar_menu_style": {
"value": "sidebar-default navs-rounded-all"
}
choices: ["sidebar-default navs-rounded","sidebar-default navs-rounded-all","sidebar-default navs-pill","sidebar-default navs-pill-all","left-bordered",],
  4. To get the current value of the following you can use:

    sidebar_color 

    this.sidebarColorSelector$ = store.pipe(select(SettingSelectors.sidebarColorSelector));

    sidebar_type

    this.sidebarTypeSelector$ = store.pipe(select(SettingSelectors.sidebarTypeSelector));

    sidebar_menu_style 

    this.sidebarMenuStyleSelector$ = store.pipe(select(SettingSelectors.sidebarMenuStyleSelector));
  5. To use action you can use dispatch to update state.js.

    sidebar_color 

    this.store.dispatch(SettingActions.sidebar_color({value: value}))

    sidebar_type 

    this.store.dispatch(SettingActions.sidebar_type({value: value}))

    sidebar_menu_style 

    this.store.dispatch(SettingActions.sidebar_menu_style({value: value}))
Previous Next