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": [
"theme-default"
]
},
choices: 'sidebar-white', 'sidebar-dark', 'sidebar-color', 'sidebar-transparent', 'sidebar-glass'
  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', 'sidebar-soft'
  3. sidebar_menu_style
    - For sidebar menu-style there are 5 options given below: Values are in string. 
    "sidebar_menu_style": {
"value": "left-bordered"
},
choices: 'navs-rounded', 'navs-rounded-all', 'navs-pills', 'navs-pill-all', 'left-bordered', 'navs-full-width'
  4. To get the current value of the following you can use:

    sidebar_color 

    const sidebarColor = computed(() => store.getters['setting/sidebar_color'])

    sidebar_type 

    const sidebarType = computed(() => store.getters['setting/sidebar_type'])

    sidebar_menu_style 

    const sidebarMenuStyle = computed(() => store.getters['setting/sidebar_menu_style])
  5. To use make changes in action you can use store.dispatch to update state.js.

    sidebar_color 

    store.dispatch('setting/sidebar_color', value)

    sidebar_type 

    store.dispatch('setting/sidebar_type', [...sidebarType.value, 'value'])

    sidebar_menu_style 

    store.dispatch('setting/sidebar_menu_style', value)
prev Next