{"remainingRequest":"/home/soeren/dev/keksaccountgui/node_modules/babel-loader/lib/index.js!/home/soeren/dev/keksaccountgui/node_modules/vuetify-loader/lib/loader.js!/home/soeren/dev/keksaccountgui/node_modules/cache-loader/dist/cjs.js??ref--0-0!/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//\nimport UserServie from \"../services/User\";\nexport default {\n  name: 'Menu',\n  components: {},\n  data: function data() {\n    return {\n      big: true,\n      bgcolor: \"transparent\",\n      flat: true,\n      nameBig: '',\n      nameSmall: ''\n    };\n  },\n  computed: {\n    setting: function setting(name) {//this.$store.getters.getSettingValue(this.$store.state, name);\n    }\n  },\n  methods: {\n    toggleSideMenu: function toggleSideMenu() {\n      console.log(\"TOGGLE\");\n      this.$store.state.sideMenu = !this.$store.state.sideMenu;\n    },\n    generateMenu: function generateMenu() {\n      this.menu = [];\n\n      if (!this.$store.state.loggedIn) {\n        this.menu.push({\n          icon: 'home',\n          title: 'Login',\n          link: \"Login\"\n        });\n\n        if (this.$store.getters.getSettingValue(\"invites\")) {\n          this.menu.push({\n            icon: 'home',\n            title: 'Invited',\n            link: \"Invited\"\n          });\n        }\n\n        if (this.$store.getters.getSettingValue(\"registration_possible\")) {\n          this.menu.push({\n            icon: 'home',\n            title: 'Register',\n            link: \"Register\"\n          });\n        }\n      } else {\n        if (this.$store.getters.getMe.developer) {\n          this.menu.push({\n            icon: 'home',\n            title: 'Apps',\n            link: \"Apps\"\n          });\n        }\n\n        if (this.$store.getters.getMe.admin) {\n          this.menu.push({\n            icon: 'home',\n            title: 'Admin',\n            link: \"Admin\"\n          });\n        }\n\n        this.menu.push({\n          icon: 'home',\n          title: 'Profile',\n          link: \"profile\",\n          submenu: true,\n          menu: [{\n            icon: 'home',\n            title: 'Logout',\n            link: \"Logout\"\n          }]\n        });\n      }\n    },\n    handleScroll: function handleScroll(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 clickLoogut() {\n      UserServie.logout();\n      this.$store.dispatch('checkAccount');\n      this.$router.push({\n        \"path\": \"login\"\n      });\n    }\n  },\n  mounted: function mounted() {\n    this.nameBig = this.$store.getters.getSettingValue(\"name_big\");\n    this.nameSmall = this.$store.getters.getSettingValue(\"name_small\");\n    this.generateMenu();\n  }\n};",{"version":3,"sources":["Menu.vue"],"names":[],"mappings":"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","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>"],"sourceRoot":"src/components"}]}