X
4 years ago
7 changed files with 0 additions and 2017 deletions
Unified View
Diff Options
-
+0 -244src/layouts/SimpleMenu.vue
-
+0 -401src/layouts/TopMenu.vue
-
+0 -512src/router/index.js
-
+0 -4src/store/index.js
-
+0 -25src/store/side-menu.js
-
+0 -413src/store/simple-menu.js
-
+0 -418src/store/top-menu.js
+ 0
- 244
src/layouts/SimpleMenu.vue
View File
| @@ -1,244 +0,0 @@ | |||||
| <template> | |||||
| <div> | |||||
| <DarkModeSwitcher /> | |||||
| <MobileMenu /> | |||||
| <div class="flex"> | |||||
| <!-- BEGIN: Simple Menu --> | |||||
| <nav class="side-nav side-nav--simple"> | |||||
| <!-- BEGIN: Logo --> | |||||
| <router-link | |||||
| :to="{ name: 'simple-menu-dashboard' }" | |||||
| tag="a" | |||||
| class="intro-x flex items-center pl-5 pt-4" | |||||
| > | |||||
| <img | |||||
| alt="Midone Tailwind HTML Admin Template" | |||||
| class="w-6" | |||||
| src="@/assets/images/logo.svg" | |||||
| /> | |||||
| </router-link> | |||||
| <!-- END: Logo --> | |||||
| <div class="side-nav__devider my-6"></div> | |||||
| <ul> | |||||
| <!-- BEGIN: First Child --> | |||||
| <template v-for="(menu, menuKey) in formattedMenu"> | |||||
| <li | |||||
| v-if="menu == 'devider'" | |||||
| :key="menuKey" | |||||
| class="side-nav__devider my-6" | |||||
| ></li> | |||||
| <li v-else :key="menuKey"> | |||||
| <Tippy | |||||
| tag="a" | |||||
| :content="menu.title" | |||||
| :options="{ | |||||
| placement: 'left' | |||||
| }" | |||||
| href="javascript:;" | |||||
| class="side-menu" | |||||
| :class="{ | |||||
| 'side-menu--active': menu.active, | |||||
| 'side-menu--open': menu.activeDropdown | |||||
| }" | |||||
| @click.native="linkTo(menu)" | |||||
| > | |||||
| <div class="side-menu__icon"> | |||||
| <component :is="menu.icon" /> | |||||
| </div> | |||||
| <div class="side-menu__title"> | |||||
| {{ menu.title }} | |||||
| <ChevronDownIcon | |||||
| v-if="$h.isset(menu.subMenu)" | |||||
| class="side-menu__sub-icon" | |||||
| :class="{ 'transform rotate-180': menu.activeDropdown }" | |||||
| /> | |||||
| </div> | |||||
| </Tippy> | |||||
| <!-- BEGIN: Second Child --> | |||||
| <transition @enter="enter" @leave="leave"> | |||||
| <ul v-if="$h.isset(menu.subMenu) && menu.activeDropdown"> | |||||
| <li | |||||
| v-for="(subMenu, subMenuKey) in menu.subMenu" | |||||
| :key="subMenuKey" | |||||
| > | |||||
| <Tippy | |||||
| tag="a" | |||||
| :content="subMenu.title" | |||||
| :options="{ | |||||
| placement: 'left' | |||||
| }" | |||||
| href="javascript:;" | |||||
| class="side-menu" | |||||
| :class="{ 'side-menu--active': subMenu.active }" | |||||
| @click.native="linkTo(subMenu)" | |||||
| > | |||||
| <div class="side-menu__icon"> | |||||
| <ActivityIcon /> | |||||
| </div> | |||||
| <div class="side-menu__title"> | |||||
| {{ subMenu.title }} | |||||
| <ChevronDownIcon | |||||
| v-if="$h.isset(subMenu.subMenu)" | |||||
| class="side-menu__sub-icon" | |||||
| :class="{ | |||||
| 'transform rotate-180': subMenu.activeDropdown | |||||
| }" | |||||
| /> | |||||
| </div> | |||||
| </Tippy> | |||||
| <!-- BEGIN: Third Child --> | |||||
| <transition @enter="enter" @leave="leave"> | |||||
| <ul | |||||
| v-if=" | |||||
| $h.isset(subMenu.subMenu) && subMenu.activeDropdown | |||||
| " | |||||
| > | |||||
| <li | |||||
| v-for="(lastSubMenu, | |||||
| lastSubMenuKey) in subMenu.subMenu" | |||||
| :key="lastSubMenuKey" | |||||
| > | |||||
| <Tippy | |||||
| tag="a" | |||||
| :content="lastSubMenu.title" | |||||
| :options="{ | |||||
| placement: 'left' | |||||
| }" | |||||
| href="javascript:;" | |||||
| class="side-menu" | |||||
| :class="{ 'side-menu--active': lastSubMenu.active }" | |||||
| @click.native="linkTo(lastSubMenu)" | |||||
| > | |||||
| <div class="side-menu__icon"> | |||||
| <ZapIcon /> | |||||
| </div> | |||||
| <div class="side-menu__title"> | |||||
| {{ lastSubMenu.title }} | |||||
| </div> | |||||
| </Tippy> | |||||
| </li> | |||||
| </ul> | |||||
| </transition> | |||||
| <!-- END: Third Child --> | |||||
| </li> | |||||
| </ul> | |||||
| </transition> | |||||
| <!-- END: Second Child --> | |||||
| </li> | |||||
| </template> | |||||
| <!-- END: First Child --> | |||||
| </ul> | |||||
| </nav> | |||||
| <!-- END: Simple Menu --> | |||||
| <!-- BEGIN: Content --> | |||||
| <div class="content"> | |||||
| <TopBar /> | |||||
| <router-view /> | |||||
| </div> | |||||
| <!-- END: Content --> | |||||
| </div> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import Velocity from "velocity-animate"; | |||||
| import TopBar from "@/components/TopBar"; | |||||
| import MobileMenu from "@/components/MobileMenu"; | |||||
| import DarkModeSwitcher from "@/components/DarkModeSwitcher"; | |||||
| export default { | |||||
| components: { | |||||
| DarkModeSwitcher, | |||||
| MobileMenu, | |||||
| TopBar | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| formattedMenu: [] | |||||
| }; | |||||
| }, | |||||
| computed: { | |||||
| simpleMenu() { | |||||
| return this.nestedMenu(this.$store.state.simpleMenu.menu); | |||||
| } | |||||
| }, | |||||
| watch: { | |||||
| $route() { | |||||
| this.formattedMenu = this.$h.assign(this.simpleMenu); | |||||
| } | |||||
| }, | |||||
| mounted() { | |||||
| cash("body") | |||||
| .removeClass("login") | |||||
| .addClass("app"); | |||||
| this.formattedMenu = this.$h.assign(this.simpleMenu); | |||||
| }, | |||||
| methods: { | |||||
| nestedMenu(menu) { | |||||
| menu.forEach((item, key) => { | |||||
| if (typeof item !== "string") { | |||||
| menu[key].active = | |||||
| (item.pageName == this.$route.name || | |||||
| (this.$h.isset(item.subMenu) && | |||||
| this.findActiveMenu(item.subMenu))) && | |||||
| !item.ignore; | |||||
| } | |||||
| if (this.$h.isset(item.subMenu)) { | |||||
| menu[key].activeDropdown = this.findActiveMenu(item.subMenu); | |||||
| menu[key] = { | |||||
| ...item, | |||||
| ...this.nestedMenu(item.subMenu) | |||||
| }; | |||||
| } | |||||
| }); | |||||
| return menu; | |||||
| }, | |||||
| findActiveMenu(subMenu) { | |||||
| let match = false; | |||||
| subMenu.forEach(item => { | |||||
| if (item.pageName == this.$route.name && !item.ignore) { | |||||
| match = true; | |||||
| } else if (!match && this.$h.isset(item.subMenu)) { | |||||
| match = this.findActiveMenu(item.subMenu); | |||||
| } | |||||
| }); | |||||
| return match; | |||||
| }, | |||||
| linkTo(menu) { | |||||
| if (this.$h.isset(menu.subMenu)) { | |||||
| menu.activeDropdown = !menu.activeDropdown; | |||||
| } else { | |||||
| this.$router.push({ | |||||
| name: menu.pageName | |||||
| }); | |||||
| } | |||||
| }, | |||||
| enter(el, done) { | |||||
| Velocity( | |||||
| el, | |||||
| "slideDown", | |||||
| { | |||||
| duration: 300 | |||||
| }, | |||||
| { | |||||
| complete: done | |||||
| } | |||||
| ); | |||||
| }, | |||||
| leave(el, done) { | |||||
| Velocity( | |||||
| el, | |||||
| "slideUp", | |||||
| { | |||||
| duration: 300 | |||||
| }, | |||||
| { | |||||
| complete: done | |||||
| } | |||||
| ); | |||||
| } | |||||
| } | |||||
| }; | |||||
| </script> | |||||
+ 0
- 401
src/layouts/TopMenu.vue
View File
| @@ -1,401 +0,0 @@ | |||||
| <template> | |||||
| <div> | |||||
| <DarkModeSwitcher /> | |||||
| <MobileMenu /> | |||||
| <!-- BEGIN: Top Bar --> | |||||
| <div | |||||
| class="border-b border-theme-24 -mt-10 md:-mt-5 -mx-3 sm:-mx-8 px-3 sm:px-8 pt-3 md:pt-0 mb-10" | |||||
| > | |||||
| <div class="top-bar-boxed flex items-center"> | |||||
| <!-- BEGIN: Logo --> | |||||
| <router-link | |||||
| :to="{ name: 'top-menu-dashboard' }" | |||||
| tag="a" | |||||
| class="-intro-x hidden md:flex" | |||||
| > | |||||
| <img | |||||
| alt="Midone Tailwind HTML Admin Template" | |||||
| class="w-6" | |||||
| src="@/assets/images/logo.svg" | |||||
| /> | |||||
| <span class="text-white text-lg ml-3"> | |||||
| Mid<span class="font-medium">one</span> | |||||
| </span> | |||||
| </router-link> | |||||
| <!-- END: Logo --> | |||||
| <!-- BEGIN: Breadcrumb --> | |||||
| <div class="-intro-x breadcrumb breadcrumb--light mr-auto"> | |||||
| <a href="" class="">Application</a> | |||||
| <ChevronRightIcon class="breadcrumb__icon" /> | |||||
| <a href="" class="breadcrumb--active">Dashboard</a> | |||||
| </div> | |||||
| <!-- END: Breadcrumb --> | |||||
| <!-- BEGIN: Search --> | |||||
| <div class="intro-x relative mr-3 sm:mr-6"> | |||||
| <div class="search hidden sm:block"> | |||||
| <input | |||||
| type="text" | |||||
| class="search__input input dark:bg-dark-1 placeholder-theme-13" | |||||
| placeholder="Search..." | |||||
| @focus="showSearchDropdown" | |||||
| @blur="hideSearchDropdown" | |||||
| /> | |||||
| <SearchIcon class="search__icon dark:text-gray-300" /> | |||||
| </div> | |||||
| <a class="notification notification--light sm:hidden" href=""> | |||||
| <SearchIcon class="notification__icon dark:text-gray-300" /> | |||||
| </a> | |||||
| <div class="search-result" :class="{ show: searchDropdown }"> | |||||
| <div class="search-result__content"> | |||||
| <div class="search-result__content__title">Pages</div> | |||||
| <div class="mb-5"> | |||||
| <a href class="flex items-center"> | |||||
| <div | |||||
| class="w-8 h-8 bg-theme-18 text-theme-9 flex items-center justify-center rounded-full" | |||||
| > | |||||
| <InboxIcon class="w-4 h-4" /> | |||||
| </div> | |||||
| <div class="ml-3">Mail Settings</div> | |||||
| </a> | |||||
| <a href class="flex items-center mt-2"> | |||||
| <div | |||||
| class="w-8 h-8 bg-theme-17 text-theme-11 flex items-center justify-center rounded-full" | |||||
| > | |||||
| <UsersIcon class="w-4 h-4" /> | |||||
| </div> | |||||
| <div class="ml-3">Users & Permissions</div> | |||||
| </a> | |||||
| <a href class="flex items-center mt-2"> | |||||
| <div | |||||
| class="w-8 h-8 bg-theme-14 text-theme-10 flex items-center justify-center rounded-full" | |||||
| > | |||||
| <CreditCardIcon class="w-4 h-4" /> | |||||
| </div> | |||||
| <div class="ml-3">Transactions Report</div> | |||||
| </a> | |||||
| </div> | |||||
| <div class="search-result__content__title">Users</div> | |||||
| <div class="mb-5"> | |||||
| <a | |||||
| v-for="(faker, fakerKey) in $_.take($f(), 4)" | |||||
| :key="fakerKey" | |||||
| href | |||||
| class="flex items-center mt-2" | |||||
| > | |||||
| <div class="w-8 h-8 image-fit"> | |||||
| <img | |||||
| alt="Midone Tailwind HTML Admin Template" | |||||
| class="rounded-full" | |||||
| :src="require(`@/assets/images/${faker.photos[0]}`)" | |||||
| /> | |||||
| </div> | |||||
| <div class="ml-3">{{ faker.users[0].name }}</div> | |||||
| <div | |||||
| class="ml-auto w-48 truncate text-gray-600 text-xs text-right" | |||||
| > | |||||
| {{ faker.users[0].email }} | |||||
| </div> | |||||
| </a> | |||||
| </div> | |||||
| <div class="search-result__content__title">Products</div> | |||||
| <a | |||||
| v-for="(faker, fakerKey) in $_.take($f(), 4)" | |||||
| :key="fakerKey" | |||||
| href | |||||
| class="flex items-center mt-2" | |||||
| > | |||||
| <div class="w-8 h-8 image-fit"> | |||||
| <img | |||||
| alt="Midone Tailwind HTML Admin Template" | |||||
| class="rounded-full" | |||||
| :src="require(`@/assets/images/${faker.images[0]}`)" | |||||
| /> | |||||
| </div> | |||||
| <div class="ml-3">{{ faker.products[0].name }}</div> | |||||
| <div | |||||
| class="ml-auto w-48 truncate text-gray-600 text-xs text-right" | |||||
| > | |||||
| {{ faker.products[0].category }} | |||||
| </div> | |||||
| </a> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <!-- END: Search --> | |||||
| <!-- BEGIN: Notifications --> | |||||
| <div class="intro-x dropdown relative mr-4 sm:mr-6"> | |||||
| <div | |||||
| class="dropdown-toggle notification notification--light notification--bullet cursor-pointer" | |||||
| > | |||||
| <BellIcon class="notification__icon dark:text-gray-300" /> | |||||
| </div> | |||||
| <div class="notification-content pt-2 dropdown-box"> | |||||
| <div | |||||
| class="notification-content__box dropdown-box__content box dark:bg-dark-6" | |||||
| > | |||||
| <div class="notification-content__title">Notifications</div> | |||||
| <div | |||||
| v-for="(faker, fakerKey) in $_.take($f(), 5)" | |||||
| :key="fakerKey" | |||||
| class="cursor-pointer relative flex items-center" | |||||
| :class="{ 'mt-5': fakerKey }" | |||||
| > | |||||
| <div class="w-12 h-12 flex-none image-fit mr-1"> | |||||
| <img | |||||
| alt="Midone Tailwind HTML Admin Template" | |||||
| class="rounded-full" | |||||
| :src="require(`@/assets/images/${faker.photos[0]}`)" | |||||
| /> | |||||
| <div | |||||
| class="w-3 h-3 bg-theme-9 absolute right-0 bottom-0 rounded-full border-2 border-white" | |||||
| ></div> | |||||
| </div> | |||||
| <div class="ml-2 overflow-hidden"> | |||||
| <div class="flex items-center"> | |||||
| <a href="javascript:;" class="font-medium truncate mr-5"> | |||||
| {{ faker.users[0].name }} | |||||
| </a> | |||||
| <div | |||||
| class="text-xs text-gray-500 ml-auto whitespace-no-wrap" | |||||
| > | |||||
| {{ faker.times[0] }} | |||||
| </div> | |||||
| </div> | |||||
| <div class="w-full truncate text-gray-600"> | |||||
| {{ faker.news[0].short_content }} | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <!-- END: Notifications --> | |||||
| <!-- BEGIN: Account Menu --> | |||||
| <div class="intro-x dropdown w-8 h-8 relative"> | |||||
| <div | |||||
| class="dropdown-toggle w-8 h-8 rounded-full overflow-hidden shadow-lg image-fit zoom-in scale-110" | |||||
| > | |||||
| <img | |||||
| alt="Midone Tailwind HTML Admin Template" | |||||
| :src="require(`@/assets/images/${$f()[9].photos[0]}`)" | |||||
| /> | |||||
| </div> | |||||
| <div class="dropdown-box w-56"> | |||||
| <div | |||||
| class="dropdown-box__content box bg-theme-38 dark:bg-dark-6 text-white" | |||||
| > | |||||
| <div class="p-4 border-b border-theme-40 dark:border-dark-3"> | |||||
| <div class="font-medium">{{ $f()[0].users[0].name }}</div> | |||||
| <div class="text-xs text-theme-41 dark:text-gray-600"> | |||||
| {{ $f()[0].jobs[0] }} | |||||
| </div> | |||||
| </div> | |||||
| <div class="p-2"> | |||||
| <a | |||||
| href="" | |||||
| class="flex items-center block p-2 transition duration-300 ease-in-out hover:bg-theme-1 dark:hover:bg-dark-3 rounded-md" | |||||
| > | |||||
| <UserIcon class="w-4 h-4 mr-2" /> Profile | |||||
| </a> | |||||
| <a | |||||
| href="" | |||||
| class="flex items-center block p-2 transition duration-300 ease-in-out hover:bg-theme-1 dark:hover:bg-dark-3 rounded-md" | |||||
| > | |||||
| <EditIcon class="w-4 h-4 mr-2" /> Add Account | |||||
| </a> | |||||
| <a | |||||
| href="" | |||||
| class="flex items-center block p-2 transition duration-300 ease-in-out hover:bg-theme-1 dark:hover:bg-dark-3 rounded-md" | |||||
| > | |||||
| <LockIcon class="w-4 h-4 mr-2" /> Reset Password | |||||
| </a> | |||||
| <a | |||||
| href="" | |||||
| class="flex items-center block p-2 transition duration-300 ease-in-out hover:bg-theme-1 dark:hover:bg-dark-3 rounded-md" | |||||
| > | |||||
| <HelpCircleIcon class="w-4 h-4 mr-2" /> | |||||
| Help | |||||
| </a> | |||||
| </div> | |||||
| <div class="p-2 border-t border-theme-40 dark:border-dark-3"> | |||||
| <a | |||||
| href="" | |||||
| class="flex items-center block p-2 transition duration-300 ease-in-out hover:bg-theme-1 dark:hover:bg-dark-3 rounded-md" | |||||
| > | |||||
| <ToggleRightIcon class="w-4 h-4 mr-2" /> | |||||
| Logout | |||||
| </a> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <!-- END: Account Menu --> | |||||
| </div> | |||||
| </div> | |||||
| <!-- END: Top Bar --> | |||||
| <!-- BEGIN: Top Menu --> | |||||
| <nav class="top-nav"> | |||||
| <ul> | |||||
| <!-- BEGIN: First Child --> | |||||
| <template v-for="(menu, menuKey) in formattedMenu"> | |||||
| <li :key="menuKey"> | |||||
| <a | |||||
| href="javascript:;" | |||||
| class="top-menu" | |||||
| :class="{ | |||||
| 'top-menu--active': menu.active | |||||
| }" | |||||
| @click="linkTo(menu)" | |||||
| > | |||||
| <div class="top-menu__icon"> | |||||
| <component :is="menu.icon" /> | |||||
| </div> | |||||
| <div class="top-menu__title"> | |||||
| {{ menu.title }} | |||||
| <ChevronDownIcon | |||||
| v-if="$h.isset(menu.subMenu)" | |||||
| class="top-menu__sub-icon" | |||||
| /> | |||||
| </div> | |||||
| </a> | |||||
| <!-- BEGIN: Second Child --> | |||||
| <ul v-if="$h.isset(menu.subMenu)"> | |||||
| <li | |||||
| v-for="(subMenu, subMenuKey) in menu.subMenu" | |||||
| :key="subMenuKey" | |||||
| > | |||||
| <a | |||||
| href="javascript:;" | |||||
| class="top-menu" | |||||
| @click="linkTo(subMenu)" | |||||
| > | |||||
| <div class="top-menu__icon"> | |||||
| <ActivityIcon /> | |||||
| </div> | |||||
| <div class="top-menu__title"> | |||||
| {{ subMenu.title }} | |||||
| <ChevronDownIcon | |||||
| v-if="$h.isset(subMenu.subMenu)" | |||||
| class="top-menu__sub-icon" | |||||
| /> | |||||
| </div> | |||||
| </a> | |||||
| <!-- BEGIN: Third Child --> | |||||
| <ul v-if="$h.isset(subMenu.subMenu)"> | |||||
| <li | |||||
| v-for="(lastSubMenu, lastSubMenuKey) in subMenu.subMenu" | |||||
| :key="lastSubMenuKey" | |||||
| > | |||||
| <a | |||||
| href="javascript:;" | |||||
| class="top-menu" | |||||
| @click="linkTo(lastSubMenu)" | |||||
| > | |||||
| <div class="top-menu__icon"> | |||||
| <component :is="'zap-icon'" /> | |||||
| </div> | |||||
| <div class="top-menu__title"> | |||||
| {{ lastSubMenu.title }} | |||||
| </div> | |||||
| </a> | |||||
| </li> | |||||
| </ul> | |||||
| <!-- END: Third Child --> | |||||
| </li> | |||||
| </ul> | |||||
| <!-- END: Second Child --> | |||||
| </li> | |||||
| </template> | |||||
| <!-- END: First Child --> | |||||
| </ul> | |||||
| </nav> | |||||
| <!-- END: Top Menu --> | |||||
| <!-- BEGIN: Content --> | |||||
| <div class="content"> | |||||
| <router-view /> | |||||
| </div> | |||||
| <!-- END: Content --> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import TopBar from "@/components/TopBar"; | |||||
| import MobileMenu from "@/components/MobileMenu"; | |||||
| import DarkModeSwitcher from "@/components/DarkModeSwitcher"; | |||||
| export default { | |||||
| components: { | |||||
| DarkModeSwitcher, | |||||
| MobileMenu, | |||||
| TopBar | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| formattedMenu: [], | |||||
| searchDropdown: false | |||||
| }; | |||||
| }, | |||||
| computed: { | |||||
| topMenu() { | |||||
| return this.nestedMenu(this.$store.state.topMenu.menu); | |||||
| } | |||||
| }, | |||||
| watch: { | |||||
| $route() { | |||||
| this.formattedMenu = this.$h.assign(this.topMenu); | |||||
| } | |||||
| }, | |||||
| mounted() { | |||||
| cash("body") | |||||
| .removeClass("login") | |||||
| .addClass("app"); | |||||
| this.formattedMenu = this.$h.assign(this.topMenu); | |||||
| }, | |||||
| methods: { | |||||
| showSearchDropdown() { | |||||
| this.searchDropdown = true; | |||||
| }, | |||||
| hideSearchDropdown() { | |||||
| this.searchDropdown = false; | |||||
| }, | |||||
| nestedMenu(menu) { | |||||
| menu.forEach((item, key) => { | |||||
| if (typeof item !== "string") { | |||||
| menu[key].active = | |||||
| (item.pageName == this.$route.name || | |||||
| (this.$h.isset(item.subMenu) && | |||||
| this.findActiveMenu(item.subMenu))) && | |||||
| !item.ignore; | |||||
| } | |||||
| if (this.$h.isset(item.subMenu)) { | |||||
| menu[key] = { | |||||
| ...item, | |||||
| ...this.nestedMenu(item.subMenu) | |||||
| }; | |||||
| } | |||||
| }); | |||||
| return menu; | |||||
| }, | |||||
| findActiveMenu(subMenu) { | |||||
| let match = false; | |||||
| subMenu.forEach(item => { | |||||
| if (item.pageName == this.$route.name && !item.ignore) { | |||||
| match = true; | |||||
| } else if (!match && this.$h.isset(item.subMenu)) { | |||||
| match = this.findActiveMenu(item.subMenu); | |||||
| } | |||||
| }); | |||||
| return match; | |||||
| }, | |||||
| linkTo(menu) { | |||||
| if (!this.$h.isset(menu.subMenu)) { | |||||
| this.$router.push({ | |||||
| name: menu.pageName | |||||
| }); | |||||
| } | |||||
| } | |||||
| } | |||||
| }; | |||||
| </script> | |||||
+ 0
- 512
src/router/index.js
View File
| @@ -264,518 +264,6 @@ const routes = [ | |||||
| } | } | ||||
| ] | ] | ||||
| }, | }, | ||||
| { | |||||
| path: "/simple-menu", | |||||
| component: () => import('@/layouts/SimpleMenu'), | |||||
| children: [ | |||||
| { | |||||
| path: "/", | |||||
| name: "simple-menu-dashboard", | |||||
| component: () => import('@/views/Dashboard') | |||||
| }, | |||||
| { | |||||
| path: "inbox", | |||||
| name: "simple-menu-inbox", | |||||
| component: () => import('@/views/Inbox') | |||||
| }, | |||||
| { | |||||
| path: "file-manager", | |||||
| name: "simple-menu-file-manager", | |||||
| component: () => import('@/views/FileManager') | |||||
| }, | |||||
| { | |||||
| path: "point-of-sale", | |||||
| name: "simple-menu-point-of-sale", | |||||
| component: () => import('@/views/PointOfSale') | |||||
| }, | |||||
| { | |||||
| path: "chat", | |||||
| name: "simple-menu-chat", | |||||
| component: () => import('@/views/Chat') | |||||
| }, | |||||
| { | |||||
| path: "post", | |||||
| name: "simple-menu-post", | |||||
| component: () => import('@/views/Post') | |||||
| }, | |||||
| { | |||||
| path: "crud-data-list", | |||||
| name: "simple-menu-crud-data-list", | |||||
| component: () => import('@/views/CrudDataList') | |||||
| }, | |||||
| { | |||||
| path: "crud-form", | |||||
| name: "simple-menu-crud-form", | |||||
| component: () => import('@/views/CrudForm') | |||||
| }, | |||||
| { | |||||
| path: "users-layout-1", | |||||
| name: "simple-menu-users-layout-1", | |||||
| component: () => import('@/views/UsersLayout1') | |||||
| }, | |||||
| { | |||||
| path: "users-layout-2", | |||||
| name: "simple-menu-users-layout-2", | |||||
| component: () => import('@/views/UsersLayout2') | |||||
| }, | |||||
| { | |||||
| path: "users-layout-3", | |||||
| name: "simple-menu-users-layout-3", | |||||
| component: () => import('@/views/UsersLayout3') | |||||
| }, | |||||
| { | |||||
| path: "profile-overview-1", | |||||
| name: "simple-menu-profile-overview-1", | |||||
| component: () => import('@/views/ProfileOverview1') | |||||
| }, | |||||
| { | |||||
| path: "profile-overview-2", | |||||
| name: "simple-menu-profile-overview-2", | |||||
| component: () => import('@/views/ProfileOverview2') | |||||
| }, | |||||
| { | |||||
| path: "profile-overview-3", | |||||
| name: "simple-menu-profile-overview-3", | |||||
| component: () => import('@/views/ProfileOverview3') | |||||
| }, | |||||
| { | |||||
| path: "wizard-layout-1", | |||||
| name: "simple-menu-wizard-layout-1", | |||||
| component: () => import('@/views/WizardLayout1') | |||||
| }, | |||||
| { | |||||
| path: "wizard-layout-2", | |||||
| name: "simple-menu-wizard-layout-2", | |||||
| component: () => import('@/views/WizardLayout2') | |||||
| }, | |||||
| { | |||||
| path: "wizard-layout-3", | |||||
| name: "simple-menu-wizard-layout-3", | |||||
| component: () => import('@/views/WizardLayout3') | |||||
| }, | |||||
| { | |||||
| path: "blog-layout-1", | |||||
| name: "simple-menu-blog-layout-1", | |||||
| component: () => import('@/views/BlogLayout1') | |||||
| }, | |||||
| { | |||||
| path: "blog-layout-2", | |||||
| name: "simple-menu-blog-layout-2", | |||||
| component: () => import('@/views/BlogLayout2') | |||||
| }, | |||||
| { | |||||
| path: "blog-layout-3", | |||||
| name: "simple-menu-blog-layout-3", | |||||
| component: () => import('@/views/BlogLayout3') | |||||
| }, | |||||
| { | |||||
| path: "pricing-layout-1", | |||||
| name: "simple-menu-pricing-layout-1", | |||||
| component: () => import('@/views/PricingLayout1') | |||||
| }, | |||||
| { | |||||
| path: "pricing-layout-2", | |||||
| name: "simple-menu-pricing-layout-2", | |||||
| component: () => import('@/views/PricingLayout2') | |||||
| }, | |||||
| { | |||||
| path: "invoice-layout-1", | |||||
| name: "simple-menu-invoice-layout-1", | |||||
| component: () => import('@/views/InvoiceLayout1') | |||||
| }, | |||||
| { | |||||
| path: "invoice-layout-2", | |||||
| name: "simple-menu-invoice-layout-2", | |||||
| component: () => import('@/views/InvoiceLayout2') | |||||
| }, | |||||
| { | |||||
| path: "faq-layout-1", | |||||
| name: "simple-menu-faq-layout-1", | |||||
| component: () => import('@/views/FaqLayout1') | |||||
| }, | |||||
| { | |||||
| path: "faq-layout-2", | |||||
| name: "simple-menu-faq-layout-2", | |||||
| component: () => import('@/views/FaqLayout2') | |||||
| }, | |||||
| { | |||||
| path: "faq-layout-3", | |||||
| name: "simple-menu-faq-layout-3", | |||||
| component: () => import('@/views/FaqLayout3') | |||||
| }, | |||||
| { | |||||
| path: "update-profile", | |||||
| name: "simple-menu-update-profile", | |||||
| component: () => import('@/views/UpdateProfile') | |||||
| }, | |||||
| { | |||||
| path: "change-password", | |||||
| name: "simple-menu-change-password", | |||||
| component: () => import('@/views/ChangePassword') | |||||
| }, | |||||
| { | |||||
| path: "regular-table", | |||||
| name: "simple-menu-regular-table", | |||||
| component: () => import('@/views/RegularTable') | |||||
| }, | |||||
| { | |||||
| path: "tabulator", | |||||
| name: "simple-menu-tabulator", | |||||
| component: () => import('@/views/Tabulator') | |||||
| }, | |||||
| { | |||||
| path: "accordion", | |||||
| name: "simple-menu-accordion", | |||||
| component: () => import('@/views/Accordion') | |||||
| }, | |||||
| { | |||||
| path: "button", | |||||
| name: "simple-menu-button", | |||||
| component: () => import('@/views/Button') | |||||
| }, | |||||
| { | |||||
| path: "modal", | |||||
| name: "simple-menu-modal", | |||||
| component: () => import('@/views/Modal') | |||||
| }, | |||||
| { | |||||
| path: "alert", | |||||
| name: "simple-menu-alert", | |||||
| component: () => import('@/views/Alert') | |||||
| }, | |||||
| { | |||||
| path: "progress-bar", | |||||
| name: "simple-menu-progress-bar", | |||||
| component: () => import('@/views/ProgressBar') | |||||
| }, | |||||
| { | |||||
| path: "tooltip", | |||||
| name: "simple-menu-tooltip", | |||||
| component: () => import('@/views/Tooltip') | |||||
| }, | |||||
| { | |||||
| path: "dropdown", | |||||
| name: "simple-menu-dropdown", | |||||
| component: () => import('@/views/Dropdown') | |||||
| }, | |||||
| { | |||||
| path: "toast", | |||||
| name: "simple-menu-toast", | |||||
| component: () => import('@/views/Toast') | |||||
| }, | |||||
| { | |||||
| path: "typography", | |||||
| name: "simple-menu-typography", | |||||
| component: () => import('@/views/Typography') | |||||
| }, | |||||
| { | |||||
| path: "icon", | |||||
| name: "simple-menu-icon", | |||||
| component: () => import('@/views/Icon') | |||||
| }, | |||||
| { | |||||
| path: "loading-icon", | |||||
| name: "simple-menu-loading-icon", | |||||
| component: () => import('@/views/LoadingIcon') | |||||
| }, | |||||
| { | |||||
| path: "regular-form", | |||||
| name: "simple-menu-regular-form", | |||||
| component: () => import('@/views/RegularForm') | |||||
| }, | |||||
| { | |||||
| path: "datepicker", | |||||
| name: "simple-menu-datepicker", | |||||
| component: () => import('@/views/Datepicker') | |||||
| }, | |||||
| { | |||||
| path: "file-upload", | |||||
| name: "simple-menu-file-upload", | |||||
| component: () => import('@/views/FileUpload') | |||||
| }, | |||||
| { | |||||
| path: "wysiwyg-editor", | |||||
| name: "simple-menu-wysiwyg-editor", | |||||
| component: () => import('@/views/WysiwygEditor') | |||||
| }, | |||||
| { | |||||
| path: "validation", | |||||
| name: "simple-menu-validation", | |||||
| component: () => import('@/views/Validation') | |||||
| }, | |||||
| { | |||||
| path: "chart", | |||||
| name: "simple-menu-chart", | |||||
| component: () => import('@/views/Chart') | |||||
| }, | |||||
| { | |||||
| path: "slider", | |||||
| name: "simple-menu-slider", | |||||
| component: () => import('@/views/Slider') | |||||
| }, | |||||
| { | |||||
| path: "image-zoom", | |||||
| name: "simple-menu-image-zoom", | |||||
| component: () => import('@/views/ImageZoom') | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| path: "/top-menu", | |||||
| component: () => import('@/layouts/TopMenu'), | |||||
| children: [ | |||||
| { | |||||
| path: "/", | |||||
| name: "top-menu-dashboard", | |||||
| component: () => import('@/views/Dashboard') | |||||
| }, | |||||
| { | |||||
| path: "inbox", | |||||
| name: "top-menu-inbox", | |||||
| component: () => import('@/views/Inbox') | |||||
| }, | |||||
| { | |||||
| path: "file-manager", | |||||
| name: "top-menu-file-manager", | |||||
| component: () => import('@/views/FileManager') | |||||
| }, | |||||
| { | |||||
| path: "point-of-sale", | |||||
| name: "top-menu-point-of-sale", | |||||
| component: () => import('@/views/PointOfSale') | |||||
| }, | |||||
| { | |||||
| path: "chat", | |||||
| name: "top-menu-chat", | |||||
| component: () => import('@/views/Chat') | |||||
| }, | |||||
| { | |||||
| path: "post", | |||||
| name: "top-menu-post", | |||||
| component: () => import('@/views/Post') | |||||
| }, | |||||
| { | |||||
| path: "crud-data-list", | |||||
| name: "top-menu-crud-data-list", | |||||
| component: () => import('@/views/CrudDataList') | |||||
| }, | |||||
| { | |||||
| path: "crud-form", | |||||
| name: "top-menu-crud-form", | |||||
| component: () => import('@/views/CrudForm') | |||||
| }, | |||||
| { | |||||
| path: "users-layout-1", | |||||
| name: "top-menu-users-layout-1", | |||||
| component: () => import('@/views/UsersLayout1') | |||||
| }, | |||||
| { | |||||
| path: "users-layout-2", | |||||
| name: "top-menu-users-layout-2", | |||||
| component: () => import('@/views/UsersLayout2') | |||||
| }, | |||||
| { | |||||
| path: "users-layout-3", | |||||
| name: "top-menu-users-layout-3", | |||||
| component: () => import('@/views/UsersLayout3') | |||||
| }, | |||||
| { | |||||
| path: "profile-overview-1", | |||||
| name: "top-menu-profile-overview-1", | |||||
| component: () => import('@/views/ProfileOverview1') | |||||
| }, | |||||
| { | |||||
| path: "profile-overview-2", | |||||
| name: "top-menu-profile-overview-2", | |||||
| component: () => import('@/views/ProfileOverview2') | |||||
| }, | |||||
| { | |||||
| path: "profile-overview-3", | |||||
| name: "top-menu-profile-overview-3", | |||||
| component: () => import('@/views/ProfileOverview3') | |||||
| }, | |||||
| { | |||||
| path: "wizard-layout-1", | |||||
| name: "top-menu-wizard-layout-1", | |||||
| component: () => import('@/views/WizardLayout1') | |||||
| }, | |||||
| { | |||||
| path: "wizard-layout-2", | |||||
| name: "top-menu-wizard-layout-2", | |||||
| component: () => import('@/views/WizardLayout2') | |||||
| }, | |||||
| { | |||||
| path: "wizard-layout-3", | |||||
| name: "top-menu-wizard-layout-3", | |||||
| component: () => import('@/views/WizardLayout3') | |||||
| }, | |||||
| { | |||||
| path: "blog-layout-1", | |||||
| name: "top-menu-blog-layout-1", | |||||
| component: () => import('@/views/BlogLayout1') | |||||
| }, | |||||
| { | |||||
| path: "blog-layout-2", | |||||
| name: "top-menu-blog-layout-2", | |||||
| component: () => import('@/views/BlogLayout2') | |||||
| }, | |||||
| { | |||||
| path: "blog-layout-3", | |||||
| name: "top-menu-blog-layout-3", | |||||
| component: () => import('@/views/BlogLayout3') | |||||
| }, | |||||
| { | |||||
| path: "pricing-layout-1", | |||||
| name: "top-menu-pricing-layout-1", | |||||
| component: () => import('@/views/PricingLayout1') | |||||
| }, | |||||
| { | |||||
| path: "pricing-layout-2", | |||||
| name: "top-menu-pricing-layout-2", | |||||
| component: () => import('@/views/PricingLayout2') | |||||
| }, | |||||
| { | |||||
| path: "invoice-layout-1", | |||||
| name: "top-menu-invoice-layout-1", | |||||
| component: () => import('@/views/InvoiceLayout1') | |||||
| }, | |||||
| { | |||||
| path: "invoice-layout-2", | |||||
| name: "top-menu-invoice-layout-2", | |||||
| component: () => import('@/views/InvoiceLayout2') | |||||
| }, | |||||
| { | |||||
| path: "faq-layout-1", | |||||
| name: "top-menu-faq-layout-1", | |||||
| component: () => import('@/views/FaqLayout1') | |||||
| }, | |||||
| { | |||||
| path: "faq-layout-2", | |||||
| name: "top-menu-faq-layout-2", | |||||
| component: () => import('@/views/FaqLayout2') | |||||
| }, | |||||
| { | |||||
| path: "faq-layout-3", | |||||
| name: "top-menu-faq-layout-3", | |||||
| component: () => import('@/views/FaqLayout3') | |||||
| }, | |||||
| { | |||||
| path: "update-profile", | |||||
| name: "top-menu-update-profile", | |||||
| component: () => import('@/views/UpdateProfile') | |||||
| }, | |||||
| { | |||||
| path: "change-password", | |||||
| name: "top-menu-change-password", | |||||
| component: () => import('@/views/ChangePassword') | |||||
| }, | |||||
| { | |||||
| path: "regular-table", | |||||
| name: "top-menu-regular-table", | |||||
| component: () => import('@/views/RegularTable') | |||||
| }, | |||||
| { | |||||
| path: "tabulator", | |||||
| name: "top-menu-tabulator", | |||||
| component: () => import('@/views/Tabulator') | |||||
| }, | |||||
| { | |||||
| path: "accordion", | |||||
| name: "top-menu-accordion", | |||||
| component: () => import('@/views/Accordion') | |||||
| }, | |||||
| { | |||||
| path: "button", | |||||
| name: "top-menu-button", | |||||
| component: () => import('@/views/Button') | |||||
| }, | |||||
| { | |||||
| path: "modal", | |||||
| name: "top-menu-modal", | |||||
| component: () => import('@/views/Modal') | |||||
| }, | |||||
| { | |||||
| path: "alert", | |||||
| name: "top-menu-alert", | |||||
| component: () => import('@/views/Alert') | |||||
| }, | |||||
| { | |||||
| path: "progress-bar", | |||||
| name: "top-menu-progress-bar", | |||||
| component: () => import('@/views/ProgressBar') | |||||
| }, | |||||
| { | |||||
| path: "tooltip", | |||||
| name: "top-menu-tooltip", | |||||
| component: () => import('@/views/Tooltip') | |||||
| }, | |||||
| { | |||||
| path: "dropdown", | |||||
| name: "top-menu-dropdown", | |||||
| component: () => import('@/views/Dropdown') | |||||
| }, | |||||
| { | |||||
| path: "toast", | |||||
| name: "top-menu-toast", | |||||
| component: () => import('@/views/Toast') | |||||
| }, | |||||
| { | |||||
| path: "typography", | |||||
| name: "top-menu-typography", | |||||
| component: () => import('@/views/Typography') | |||||
| }, | |||||
| { | |||||
| path: "icon", | |||||
| name: "top-menu-icon", | |||||
| component: () => import('@/views/Icon') | |||||
| }, | |||||
| { | |||||
| path: "loading-icon", | |||||
| name: "top-menu-loading-icon", | |||||
| component: () => import('@/views/LoadingIcon') | |||||
| }, | |||||
| { | |||||
| path: "regular-form", | |||||
| name: "top-menu-regular-form", | |||||
| component: () => import('@/views/RegularForm') | |||||
| }, | |||||
| { | |||||
| path: "datepicker", | |||||
| name: "top-menu-datepicker", | |||||
| component: () => import('@/views/Datepicker') | |||||
| }, | |||||
| { | |||||
| path: "file-upload", | |||||
| name: "top-menu-file-upload", | |||||
| component: () => import('@/views/FileUpload') | |||||
| }, | |||||
| { | |||||
| path: "wysiwyg-editor", | |||||
| name: "top-menu-wysiwyg-editor", | |||||
| component: () => import('@/views/WysiwygEditor') | |||||
| }, | |||||
| { | |||||
| path: "validation", | |||||
| name: "top-menu-validation", | |||||
| component: () => import('@/views/Validation') | |||||
| }, | |||||
| { | |||||
| path: "chart", | |||||
| name: "top-menu-chart", | |||||
| component: () => import('@/views/Chart') | |||||
| }, | |||||
| { | |||||
| path: "slider", | |||||
| name: "top-menu-slider", | |||||
| component: () => import('@/views/Slider') | |||||
| }, | |||||
| { | |||||
| path: "image-zoom", | |||||
| name: "top-menu-image-zoom", | |||||
| component: () => import('@/views/ImageZoom') | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | { | ||||
| path: "/login", | path: "/login", | ||||
| name: "login", | name: "login", | ||||
+ 0
- 4
src/store/index.js
View File
| @@ -2,8 +2,6 @@ import Vue from "vue"; | |||||
| import Vuex from "vuex"; | import Vuex from "vuex"; | ||||
| import main from "./main"; | import main from "./main"; | ||||
| import sideMenu from "./side-menu"; | import sideMenu from "./side-menu"; | ||||
| import simpleMenu from "./simple-menu"; | |||||
| import topMenu from "./top-menu"; | |||||
| Vue.use(Vuex); | Vue.use(Vuex); | ||||
| @@ -11,7 +9,5 @@ export default new Vuex.Store({ | |||||
| modules: { | modules: { | ||||
| main: main, | main: main, | ||||
| sideMenu: sideMenu, | sideMenu: sideMenu, | ||||
| simpleMenu: simpleMenu, | |||||
| topMenu: topMenu | |||||
| } | } | ||||
| }); | }); | ||||
+ 0
- 25
src/store/side-menu.js
View File
| @@ -6,31 +6,6 @@ const state = () => { | |||||
| pageName: "side-menu-dashboard", | pageName: "side-menu-dashboard", | ||||
| title: "Dashboard" | title: "Dashboard" | ||||
| }, | }, | ||||
| { | |||||
| icon: "BoxIcon", | |||||
| pageName: "side-menu-menu-layout", | |||||
| title: "Menu Layout", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "side-menu-dashboard", | |||||
| title: "Side Menu", | |||||
| ignore: true | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-dashboard", | |||||
| title: "Simple Menu", | |||||
| ignore: true | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-dashboard", | |||||
| title: "Top Menu", | |||||
| ignore: true | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | { | ||||
| icon: "InboxIcon", | icon: "InboxIcon", | ||||
| pageName: "side-menu-inbox", | pageName: "side-menu-inbox", | ||||
+ 0
- 413
src/store/simple-menu.js
View File
| @@ -1,413 +0,0 @@ | |||||
| const state = () => { | |||||
| return { | |||||
| menu: [ | |||||
| { | |||||
| icon: "HomeIcon", | |||||
| pageName: "simple-menu-dashboard", | |||||
| title: "Dashboard" | |||||
| }, | |||||
| { | |||||
| icon: "BoxIcon", | |||||
| pageName: "simple-menu-menu-layout", | |||||
| title: "Menu Layout", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "side-menu-dashboard", | |||||
| title: "Side Menu", | |||||
| ignore: true | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-dashboard", | |||||
| title: "Simple Menu", | |||||
| ignore: true | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-dashboard", | |||||
| title: "Top Menu", | |||||
| ignore: true | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "InboxIcon", | |||||
| pageName: "simple-menu-inbox", | |||||
| title: "Inbox" | |||||
| }, | |||||
| { | |||||
| icon: "HardDriveIcon", | |||||
| pageName: "simple-menu-file-manager", | |||||
| title: "File Manager" | |||||
| }, | |||||
| { | |||||
| icon: "CreditCardIcon", | |||||
| pageName: "simple-menu-point-of-sale", | |||||
| title: "Point of Sale" | |||||
| }, | |||||
| { | |||||
| icon: "MessageSquareIcon", | |||||
| pageName: "simple-menu-chat", | |||||
| title: "Chat" | |||||
| }, | |||||
| { | |||||
| icon: "FileTextIcon", | |||||
| pageName: "simple-menu-post", | |||||
| title: "Post" | |||||
| }, | |||||
| "devider", | |||||
| { | |||||
| icon: "EditIcon", | |||||
| pageName: "simple-menu-crud", | |||||
| title: "Crud", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-crud-data-list", | |||||
| title: "Data List" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-crud-form", | |||||
| title: "Form" | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "UsersIcon", | |||||
| pageName: "simple-menu-users", | |||||
| title: "Users", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-users-layout-1", | |||||
| title: "Layout 1" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-users-layout-2", | |||||
| title: "Layout 2" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-users-layout-3", | |||||
| title: "Layout 3" | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "TrelloIcon", | |||||
| pageName: "simple-menu-profile", | |||||
| title: "Profile", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-profile-overview-1", | |||||
| title: "Overview 1" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-profile-overview-2", | |||||
| title: "Overview 2" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-profile-overview-3", | |||||
| title: "Overview 3" | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "LayoutIcon", | |||||
| pageName: "simple-menu-layout", | |||||
| title: "Pages", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-wizards", | |||||
| title: "Wizards", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-wizard-layout-1", | |||||
| title: "Layout 1" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-wizard-layout-2", | |||||
| title: "Layout 2" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-wizard-layout-3", | |||||
| title: "Layout 3" | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-blog", | |||||
| title: "Blog", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-blog-layout-1", | |||||
| title: "Layout 1" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-blog-layout-2", | |||||
| title: "Layout 2" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-blog-layout-3", | |||||
| title: "Layout 3" | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-pricing", | |||||
| title: "Pricing", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-pricing-layout-1", | |||||
| title: "Layout 1" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-pricing-layout-2", | |||||
| title: "Layout 2" | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-invoice", | |||||
| title: "Invoice", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-invoice-layout-1", | |||||
| title: "Layout 1" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-invoice-layout-2", | |||||
| title: "Layout 2" | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-faq", | |||||
| title: "FAQ", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-faq-layout-1", | |||||
| title: "Layout 1" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-faq-layout-2", | |||||
| title: "Layout 2" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-faq-layout-3", | |||||
| title: "Layout 3" | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "login", | |||||
| title: "Login" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "register", | |||||
| title: "Register" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "error-page", | |||||
| title: "Error Page" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-update-profile", | |||||
| title: "Update profile" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-change-password", | |||||
| title: "Change Password" | |||||
| } | |||||
| ] | |||||
| }, | |||||
| "devider", | |||||
| { | |||||
| icon: "InboxIcon", | |||||
| pageName: "simple-menu-components", | |||||
| title: "Components", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-grid", | |||||
| title: "Grid", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-regular-table", | |||||
| title: "Regular Table" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-tabulator", | |||||
| title: "Tabulator" | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-accordion", | |||||
| title: "Accordion" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-button", | |||||
| title: "Button" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-modal", | |||||
| title: "Modal" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-alert", | |||||
| title: "Alert" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-progress-bar", | |||||
| title: "Progress Bar" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-tooltip", | |||||
| title: "Tooltip" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-dropdown", | |||||
| title: "Dropdown" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-toast", | |||||
| title: "Toast" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-typography", | |||||
| title: "Typography" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-icon", | |||||
| title: "Icon" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-loading-icon", | |||||
| title: "Loading Icon" | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "SidebarIcon", | |||||
| pageName: "simple-menu-forms", | |||||
| title: "Forms", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-regular-form", | |||||
| title: "Regular Form" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-datepicker", | |||||
| title: "Datepicker" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-tail-select", | |||||
| title: "Tail Select" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-file-upload", | |||||
| title: "File Upload" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-wysiwyg-editor", | |||||
| title: "Wysiwyg Editor" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-validation", | |||||
| title: "Validation" | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "HardDriveIcon", | |||||
| pageName: "simple-menu-widgets", | |||||
| title: "Widgets", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-chart", | |||||
| title: "Chart" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-slider", | |||||
| title: "Slider" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-image-zoom", | |||||
| title: "Image Zoom" | |||||
| } | |||||
| ] | |||||
| } | |||||
| ] | |||||
| }; | |||||
| }; | |||||
| // getters | |||||
| const getters = { | |||||
| menu: state => state.menu | |||||
| }; | |||||
| // actions | |||||
| const actions = {}; | |||||
| // mutations | |||||
| const mutations = {}; | |||||
| export default { | |||||
| namespaced: true, | |||||
| state, | |||||
| getters, | |||||
| actions, | |||||
| mutations | |||||
| }; | |||||
+ 0
- 418
src/store/top-menu.js
View File
| @@ -1,418 +0,0 @@ | |||||
| const state = () => { | |||||
| return { | |||||
| menu: [ | |||||
| { | |||||
| icon: "HomeIcon", | |||||
| pageName: "top-menu-dashboard", | |||||
| title: "Dashboard" | |||||
| }, | |||||
| { | |||||
| icon: "BoxIcon", | |||||
| pageName: "top-menu-menu-layout", | |||||
| title: "Menu Layout", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "side-menu-dashboard", | |||||
| title: "Side Menu", | |||||
| ignore: true | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "simple-menu-dashboard", | |||||
| title: "Simple Menu", | |||||
| ignore: true | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-dashboard", | |||||
| title: "Top Menu", | |||||
| ignore: true | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "ActivityIcon", | |||||
| pageName: "top-menu-apps", | |||||
| title: "Apps", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "UsersIcon", | |||||
| pageName: "top-menu-users", | |||||
| title: "Users", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-users-layout-1", | |||||
| title: "Layout 1" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-users-layout-2", | |||||
| title: "Layout 2" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-users-layout-3", | |||||
| title: "Layout 3" | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "TrelloIcon", | |||||
| pageName: "top-menu-profile", | |||||
| title: "Profile", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-profile-overview-1", | |||||
| title: "Overview 1" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-profile-overview-2", | |||||
| title: "Overview 2" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-profile-overview-3", | |||||
| title: "Overview 3" | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "InboxIcon", | |||||
| pageName: "top-menu-inbox", | |||||
| title: "Inbox" | |||||
| }, | |||||
| { | |||||
| icon: "FolderIcon", | |||||
| pageName: "top-menu-file-manager", | |||||
| title: "File Manager" | |||||
| }, | |||||
| { | |||||
| icon: "CreditCardIcon", | |||||
| pageName: "top-menu-point-of-sale", | |||||
| title: "Point of Sale" | |||||
| }, | |||||
| { | |||||
| icon: "MessageSquareIcon", | |||||
| pageName: "top-menu-chat", | |||||
| title: "Chat" | |||||
| }, | |||||
| { | |||||
| icon: "FileTextIcon", | |||||
| pageName: "top-menu-post", | |||||
| title: "Post" | |||||
| }, | |||||
| { | |||||
| icon: "EditIcon", | |||||
| pageName: "top-menu-crud", | |||||
| title: "Crud", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-crud-data-list", | |||||
| title: "Data List" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-crud-form", | |||||
| title: "Form" | |||||
| } | |||||
| ] | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "LayoutIcon", | |||||
| pageName: "top-menu-layout", | |||||
| title: "Pages", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-wizards", | |||||
| title: "Wizards", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-wizard-layout-1", | |||||
| title: "Layout 1" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-wizard-layout-2", | |||||
| title: "Layout 2" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-wizard-layout-3", | |||||
| title: "Layout 3" | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-blog", | |||||
| title: "Blog", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-blog-layout-1", | |||||
| title: "Layout 1" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-blog-layout-2", | |||||
| title: "Layout 2" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-blog-layout-3", | |||||
| title: "Layout 3" | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-pricing", | |||||
| title: "Pricing", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-pricing-layout-1", | |||||
| title: "Layout 1" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-pricing-layout-2", | |||||
| title: "Layout 2" | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-invoice", | |||||
| title: "Invoice", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-invoice-layout-1", | |||||
| title: "Layout 1" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-invoice-layout-2", | |||||
| title: "Layout 2" | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-faq", | |||||
| title: "FAQ", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-faq-layout-1", | |||||
| title: "Layout 1" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-faq-layout-2", | |||||
| title: "Layout 2" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-faq-layout-3", | |||||
| title: "Layout 3" | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "login", | |||||
| title: "Login" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "register", | |||||
| title: "Register" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "error-page", | |||||
| title: "Error Page" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-update-profile", | |||||
| title: "Update profile" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-change-password", | |||||
| title: "Change Password" | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "InboxIcon", | |||||
| pageName: "top-menu-components", | |||||
| title: "Components", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-grid", | |||||
| title: "Grid", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-regular-table", | |||||
| title: "Regular Table" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-tabulator", | |||||
| title: "Tabulator" | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-accordion", | |||||
| title: "Accordion" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-button", | |||||
| title: "Button" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-modal", | |||||
| title: "Modal" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-alert", | |||||
| title: "Alert" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-progress-bar", | |||||
| title: "Progress Bar" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-tooltip", | |||||
| title: "Tooltip" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-dropdown", | |||||
| title: "Dropdown" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-toast", | |||||
| title: "Toast" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-typography", | |||||
| title: "Typography" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-icon", | |||||
| title: "Icon" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-loading-icon", | |||||
| title: "Loading Icon" | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "SidebarIcon", | |||||
| pageName: "top-menu-forms", | |||||
| title: "Forms", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-regular-form", | |||||
| title: "Regular Form" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-datepicker", | |||||
| title: "Datepicker" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-tail-select", | |||||
| title: "Tail Select" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-file-upload", | |||||
| title: "File Upload" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-wysiwyg-editor", | |||||
| title: "Wysiwyg Editor" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-validation", | |||||
| title: "Validation" | |||||
| } | |||||
| ] | |||||
| }, | |||||
| { | |||||
| icon: "HardDriveIcon", | |||||
| pageName: "top-menu-widgets", | |||||
| title: "Widgets", | |||||
| subMenu: [ | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-chart", | |||||
| title: "Chart" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-slider", | |||||
| title: "Slider" | |||||
| }, | |||||
| { | |||||
| icon: "", | |||||
| pageName: "top-menu-image-zoom", | |||||
| title: "Image Zoom" | |||||
| } | |||||
| ] | |||||
| } | |||||
| ] | |||||
| }; | |||||
| }; | |||||
| // getters | |||||
| const getters = { | |||||
| menu: state => state.menu | |||||
| }; | |||||
| // actions | |||||
| const actions = {}; | |||||
| // mutations | |||||
| const mutations = {}; | |||||
| export default { | |||||
| namespaced: true, | |||||
| state, | |||||
| getters, | |||||
| actions, | |||||
| mutations | |||||
| }; | |||||