1 line
No EOL
12 KiB
JSON
1 line
No EOL
12 KiB
JSON
{"remainingRequest":"/home/soeren/dev/keksaccountgui/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/soeren/dev/keksaccountgui/src/components/Menu.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/soeren/dev/keksaccountgui/src/components/Menu.vue","mtime":1563967903333},{"path":"/home/soeren/dev/keksaccountgui/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/soeren/dev/keksaccountgui/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/home/soeren/dev/keksaccountgui/node_modules/vuetify-loader/lib/loader.js","mtime":1564062719000},{"path":"/home/soeren/dev/keksaccountgui/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/soeren/dev/keksaccountgui/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport UserServie from '../services/User'\n\nexport default {\n name: 'Menu',\n components: {\n },\n data () {\n return {\n big: true,\n bgcolor: \"transparent\",\n flat: true,\n nameBig: '',\n nameSmall: '',\n }\n },\n computed: {\n setting: (name) => {\n //this.$store.getters.getSettingValue(this.$store.state, name);\n }\n },\n methods: {\n toggleSideMenu: function() {\n console.log(\"TOGGLE\");\n this.$store.state.sideMenu = !this.$store.state.sideMenu;\n },\n generateMenu: function () {\n this.menu = [];\n if(!this.$store.state.loggedIn) {\n this.menu.push({ icon: 'home', title: 'Login' , link: \"Login\" });\n if(this.$store.getters.getSettingValue(\"invites\")) {\n this.menu.push({ icon: 'home', title: 'Invited' , link: \"Invited\" });\n }\n if(this.$store.getters.getSettingValue(\"registration_possible\")) {\n this.menu.push({ icon: 'home', title: 'Register' , link: \"Register\" });\n }\n } else {\n if(this.$store.getters.getMe.developer) {\n this.menu.push({ icon: 'home', title: 'Apps' , link: \"Apps\" });\n }\n if(this.$store.getters.getMe.admin) {\n this.menu.push({ icon: 'home', title: 'Admin' , link: \"Admin\" });\n }\n this.menu.push({ icon: 'home', title: 'Profile' , link: \"profile\", submenu: true, menu: [\n { icon: 'home', title: 'Logout' , link: \"Logout\" }\n ] });\n }\n },\n handleScroll: function (evt, el) {\n if(evt.pageY > 100) {\n this.big = false;\n this.bgcolor = \"#fff\";\n this.flat = false;\n } else {\n this.big = true;\n this.bgcolor = \"transparent\";\n this.flat = true;\n }\n },\n clickLoogut: function () {\n UserServie.logout();\n this.$store.dispatch('checkAccount')\n this.$router.push({\"path\": \"login\"})\n }\n },\n mounted: function () {\n this.nameBig = this.$store.getters.getSettingValue(\"name_big\");\n this.nameSmall = this.$store.getters.getSettingValue(\"name_small\");\n this.generateMenu();\n }\n}\n",{"version":3,"sources":["Menu.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuIA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Menu.vue","sourceRoot":"src/components","sourcesContent":["<template>\n <v-toolbar v-scroll=\"handleScroll\" app :flat=\"flat\" :prominent=\"big\" :dense=\"!big\" :color=\"bgcolor\" clipped-left >\n <v-toolbar-title class=\"headline text-uppercase\" @click=\"$router.push({'name': 'Dashboard'})\">\n <span>{{ nameBig }}</span>\n <span class=\"font-weight-light\">{{ nameSmall }}</span>\n </v-toolbar-title>\n <v-spacer></v-spacer>\n <v-toolbar-items class=\"hidden-sm-and-down\">\n <v-btn\n v-if=\"this.$store.state.loggedIn\"\n :to=\"{path: '/dashboard'}\"\n flat\n >Dashboard</v-btn>\n <v-btn\n v-if=\"this.$store.state.loggedIn && this.$store.getters.getMe.developer\"\n :to=\"{path: '/apps'}\"\n flat\n >Developer</v-btn>\n\n\n\n <v-menu offset-y v-if=\"this.$store.state.loggedIn && this.$store.getters.getMe.admin\">\n <template v-slot:activator=\"{ on }\">\n <v-btn\n v-on=\"on\"\n flat\n >\n Admin\n </v-btn>\n </template>\n <v-list>\n <v-list-tile @click=\"\">\n <v-list-tile-title >Settings</v-list-tile-title>\n </v-list-tile>\n <v-list-tile @click=\"\">\n <v-list-tile-title >Users</v-list-tile-title>\n </v-list-tile>\n <v-list-tile @click=\"\">\n <v-list-tile-title >Invites</v-list-tile-title>\n </v-list-tile>\n <v-list-tile @click=\"\">\n <v-list-tile-title >Apps</v-list-tile-title>\n </v-list-tile>\n </v-list>\n </v-menu>\n\n <v-menu offset-y v-if=\"this.$store.state.loggedIn\">\n <template v-slot:activator=\"{ on }\">\n <v-btn\n v-on=\"on\"\n flat\n >\n {{$store.getters.getMe[\"username\"]}}\n </v-btn>\n </template>\n <v-list>\n <v-list-tile @click=\"$router.push({'name': 'userMails'})\">\n <v-list-tile-title >Contact Information</v-list-tile-title>\n </v-list-tile>\n <v-list-tile @click=\"clickLoogut()\">\n <v-list-tile-title >Logout</v-list-tile-title>\n </v-list-tile>\n </v-list>\n </v-menu>\n <v-menu offset-y v-if=\"this.$store.state.loggedIn\">\n <template v-slot:activator=\"{ on }\">\n <v-btn\n v-on=\"on\"\n flat\n >\n <v-btn icon>\n <v-icon>apps</v-icon>\n </v-btn>\n </v-btn>\n </template>\n <v-list>\n <v-list-tile @click=\"\">\n <v-list-tile-title >KeksAccount</v-list-tile-title>\n </v-list-tile>\n <v-list-tile @click=\"\">\n <v-list-tile-title >Mein Verein</v-list-tile-title>\n </v-list-tile>\n <v-list-tile @click=\"\">\n <v-list-tile-title >Webmail</v-list-tile-title>\n </v-list-tile>\n </v-list>\n </v-menu>\n\n <v-btn\n v-if=\"!this.$store.state.loggedIn\"\n :to=\"{path: '/login'}\"\n flat\n >Login</v-btn>\n\n <v-btn\n v-if=\"!this.$store.state.loggedIn && this.$store.getters.getSettingValue('invites')\"\n :to=\"{path: '/invited'}\"\n flat\n >Invited</v-btn>\n <v-btn\n v-if=\"!this.$store.state.loggedIn && this.$store.getters.getSettingValue('registration_possible')\"\n :to=\"{path: '/register'}\"\n flat\n >Register</v-btn>\n\n\n <!--<v-menu offset-y>\n <template v-slot:activator=\"{ on }\">\n <v-btn\n color=\"primary\"\n dark\n v-on=\"on\"\n >\n Dropdown\n </v-btn>\n </template>\n <v-list>\n <v-list-tile\n v-for=\"(item, index) in menu\"\n :key=\"index\"\n @click=\"\"\n >\n <v-list-tile-title>{{ item.title }}</v-list-tile-title>\n </v-list-tile>\n </v-list>\n </v-menu>!-->\n\n </v-toolbar-items>\n <v-menu class=\"hidden-md-and-up\">\n <v-toolbar-side-icon slot=\"activator\" @click.stop=\"toggleSideMenu()\"></v-toolbar-side-icon>\n </v-menu>\n </v-toolbar>\n</template>\n\n<script>\n import UserServie from '../services/User'\n\n export default {\n name: 'Menu',\n components: {\n },\n data () {\n return {\n big: true,\n bgcolor: \"transparent\",\n flat: true,\n nameBig: '',\n nameSmall: '',\n }\n },\n computed: {\n setting: (name) => {\n //this.$store.getters.getSettingValue(this.$store.state, name);\n }\n },\n methods: {\n toggleSideMenu: function() {\n console.log(\"TOGGLE\");\n this.$store.state.sideMenu = !this.$store.state.sideMenu;\n },\n generateMenu: function () {\n this.menu = [];\n if(!this.$store.state.loggedIn) {\n this.menu.push({ icon: 'home', title: 'Login' , link: \"Login\" });\n if(this.$store.getters.getSettingValue(\"invites\")) {\n this.menu.push({ icon: 'home', title: 'Invited' , link: \"Invited\" });\n }\n if(this.$store.getters.getSettingValue(\"registration_possible\")) {\n this.menu.push({ icon: 'home', title: 'Register' , link: \"Register\" });\n }\n } else {\n if(this.$store.getters.getMe.developer) {\n this.menu.push({ icon: 'home', title: 'Apps' , link: \"Apps\" });\n }\n if(this.$store.getters.getMe.admin) {\n this.menu.push({ icon: 'home', title: 'Admin' , link: \"Admin\" });\n }\n this.menu.push({ icon: 'home', title: 'Profile' , link: \"profile\", submenu: true, menu: [\n { icon: 'home', title: 'Logout' , link: \"Logout\" }\n ] });\n }\n },\n handleScroll: function (evt, el) {\n if(evt.pageY > 100) {\n this.big = false;\n this.bgcolor = \"#fff\";\n this.flat = false;\n } else {\n this.big = true;\n this.bgcolor = \"transparent\";\n this.flat = true;\n }\n },\n clickLoogut: function () {\n UserServie.logout();\n this.$store.dispatch('checkAccount')\n this.$router.push({\"path\": \"login\"})\n }\n },\n mounted: function () {\n this.nameBig = this.$store.getters.getSettingValue(\"name_big\");\n this.nameSmall = this.$store.getters.getSettingValue(\"name_small\");\n this.generateMenu();\n }\n }\n</script>"]}]} |