From 4590f5bbbf0406c8507a5a4ef93a3d26ba97926d Mon Sep 17 00:00:00 2001 From: sandali-singh Date: Sat, 6 Jul 2024 15:52:05 +0530 Subject: [PATCH] sidebar update --- public/index.html | 53 ++++++++++----- src/assets/img/aura-logo.svg | 4 ++ src/assets/img/aura_ai.svg | 4 ++ src/components/Core/Drawer.vue | 54 ++++++++++----- src/store/index.js | 120 ++++++++++++++++----------------- 5 files changed, 143 insertions(+), 92 deletions(-) create mode 100644 src/assets/img/aura-logo.svg create mode 100644 src/assets/img/aura_ai.svg diff --git a/public/index.html b/public/index.html index d1055d8..cf4014c 100644 --- a/public/index.html +++ b/public/index.html @@ -1,28 +1,49 @@ - - - - + + + + Aura-Admin - - + + + + - - + + gtag("config", "UA-84991751-1"); +
diff --git a/src/assets/img/aura-logo.svg b/src/assets/img/aura-logo.svg new file mode 100644 index 0000000..e914e3b --- /dev/null +++ b/src/assets/img/aura-logo.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/img/aura_ai.svg b/src/assets/img/aura_ai.svg new file mode 100644 index 0000000..6f32ee5 --- /dev/null +++ b/src/assets/img/aura_ai.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/components/Core/Drawer.vue b/src/components/Core/Drawer.vue index b204d3e..3b60035 100644 --- a/src/components/Core/Drawer.vue +++ b/src/components/Core/Drawer.vue @@ -8,13 +8,8 @@ color="#F5F8FC" class="text-center" > - - mdi-google - + +
- {{ - link.icon - }} + {{ link.icon }} {{ link.text }}
- - + + info + +

V5 Aura

+ + + + @@ -129,3 +134,20 @@ export default { }, }; + diff --git a/src/store/index.js b/src/store/index.js index 6a0b071..f407ca5 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -1,5 +1,5 @@ -import Vue from 'vue'; -import Vuex from 'vuex'; +import Vue from "vue"; +import Vuex from "vuex"; Vue.use(Vuex); @@ -12,91 +12,91 @@ export default new Vuex.Store({ unsub: {}, userDetails: {}, generalConfig: { - email: '', - name: '' + email: "", + name: "", }, - items: [{ - text: 'Home', - to: '/home', - icon: 'mdi-home-outline', + items: [ + { + text: "Home", + to: "/home", + icon: "nest_thermostat_gen_3", access: { "Super Admin": true, - "Admin": true, - "Viewer": true - } + Admin: true, + Viewer: true, + }, }, { - text: 'Events', - to: '/events', - icon: 'mdi-monitor-dashboard', + text: "Events", + to: "/events", + icon: "mountain_flag", access: { "Super Admin": true, - "Admin": true, - "Viewer": true - } + Admin: true, + Viewer: true, + }, }, { - text: 'Team', - to: '/team', - icon: 'mdi-card-account-details-outline', + text: "Team", + to: "/team", + icon: "groups_3", access: { "Super Admin": true, - "Admin": true, - "Viewer": true - } + Admin: true, + Viewer: true, + }, }, { - text: 'Speakers', - to: '/speakers', - icon: 'mdi-account-supervisor-outline', + text: "Speakers", + to: "/speakers", + icon: "interpreter_mode", access: { "Super Admin": true, - "Admin": true, - "Viewer": true - } + Admin: true, + Viewer: true, + }, }, { - text: 'Partners', - to: '/partners', - icon: 'mdi-toaster-oven', + text: "Partners", + to: "/partners", + icon: "partner_exchange", access: { "Super Admin": true, - "Admin": true, - "Viewer": true - } + Admin: true, + Viewer: true, + }, }, { - text: 'Mgmt', - to: '/roles', - icon: 'mdi-account-group-outline', + text: "Manage user", + to: "/roles", + icon: "supervisor_account", access: { "Super Admin": true, - "Admin": false, - "Viewer": false - } + Admin: false, + Viewer: false, + }, }, { - text: 'Config', - to: '/config', - icon: 'mdi-widgets-outline', + text: "Config", + to: "/config", + icon: "tv_options_input_settings", access: { "Super Admin": true, - "Admin": false, - "Viewer": false - } + Admin: false, + Viewer: false, + }, }, { - text: 'Profile', - to: '/profile', - icon: 'mdi-account-circle-outline', + text: "Profile", + to: "/profile", + icon: "manage_accounts", access: { "Super Admin": true, - "Admin": true, - "Viewer": true - } - } - - ] + Admin: true, + Viewer: true, + }, + }, + ], }, getters: { links: (state) => { @@ -106,11 +106,11 @@ export default new Vuex.Store({ mutations: { unsub: (state, payload) => (state.unsub = payload), setDrawer: (state, payload) => (state.drawer = payload), - toggleDrawer: state => (state.drawer = !state.drawer), + toggleDrawer: (state) => (state.drawer = !state.drawer), roleSet: (state, payload) => (state.role = payload), setGeneral: (state, payload) => (state.generalConfig = payload), - userDetailsSet: (state, payload) => (state.userDetails = payload) + userDetailsSet: (state, payload) => (state.userDetails = payload), }, actions: {}, - modules: {} -}); \ No newline at end of file + modules: {}, +});