Documentation

Vue

Summary

File name:- /src/app/store/setting/state.ts
  1. saveLocal:
    - for storing changes of setting panel there are 3 choices given below: 
    "saveLocal": "sessionStorage"
  2. app_name
    - for app name any name can be given as shown below: 
    "app_name": "Hope UI"
  3. theme_scheme_direction
    - for direction of theme there are 2 choices given below: 
    "theme_scheme_direction": "ltr"
  4. theme_scheme
    - for theme there are 3 choices given below: 
    "theme_scheme": "light"
  5. theme_color
    - for colour customization . Colors are in array 
    "theme_color",
colors: {
    "--primary": "#3a57e8",
    "--info": "#08B1BA",
}
  6. theme_style_appearance
    - for card apperance there are 4 options given below. Values are in array. 
    "theme_style_appearance": " ["theme-default"]
  7. theme_transition
    - for transition effect there are 2 options given below: 
    "theme_transition": "null"
  8. theme_font_size
    - for theme font size there area 3 options given below: 
    "theme_font_size": "theme-fs-md"
  9. page_layout
    - for layout of page there are 2 options: 
    "page_layout": "container-fluid"
  10. header_navbar
    - for header navbar there are 4 options given below: 
    "header_navbar": "default"
  11. header_banner
    - for header banner there are 3 options given below: 
    "header_banner": "default"
  12. sidebar_color
    - for sidebar color there are 4 options given below: 
    "sidebar_color": "sidebar-white"
  13. sidebar_type
    - for sidebar type there are 3 options given below:. Values are in array. 
    "sidebar_type":'sidebar-boxed'
  14. sidebar_menu_style
    - for sidebar menu-style there are 5 options given below: 
    "sidebar_menu_style":'navs-rounded-all'
  15. footer
    - for footer there are 2 options given below: 
    "footer": "default"
  16. body_font_family
    - for font style of body 
    "body_font_family": "null"
  17. heading_font_family
    - for font style of heading 
    "heading_font_family": "null"
    18. File Name: gulp.config.json
    "options": {
    "saveLocal": "sessionStorage",
    "storeKey": "huisetting",
    "setting": {
        "app_name": {
            "value": "Hope UI"
        },
        "theme_scheme_direction": {
            "value": "ltr"
        },
        "theme_scheme": {
            "value": "light"
        },
        "theme_style_appearance": {
            "value": [
                "theme-default"
            ]
        },
        "theme_color": {
            "colors": {
                "--primary": "#3a57e8",
                "--info": "#08B1BA"
            },
            "value": "theme-color-default"
        },
        "theme_transition": {
            "value": "theme-with-animation"
        },
        "theme_font_size": {
            "value": "theme-fs-md"
        },
        "page_layout": {
            "value": "container-fluid"
        },
        "header_navbar": {
            "value": "default"
        },
        "header_banner": {
            "value": "default"
        },
        "sidebar_color": {
            "value": "sidebar-white"
        },
        "sidebar_type": {
            "value": []
        },
        "sidebar_menu_style": {
            "value": "left-bordered"
        },
        "footer": {
            "value": "default"
        },
        "body_font_family": {
            "value": null
        },
        "heading_font_family": {
            "value": null
        }
    }
},
File Structure Next