{"version":3,"sources":["webpack:///./src/layouts/panel.vue","webpack:///src/layouts/panel.vue","webpack:///./src/layouts/panel.vue?9225","webpack:///./src/layouts/panel.vue?f35e"],"names":["_c","proxy","model","value","_vm","drawer","callback","$$v","expression","drawerIsMini","staticClass","attrs","memberTerritoryMenus","key","APP_CONFIG","imageSrc","on","changeTheme","stopPropagation","fn","_l","path","staticRenderFns","render","name","components","sidebarList","props","source","String","computed","mapGetters","config","user","profile","$store","state","auth","userInfo","layout","avatarImage","avatarFile","created","getUser","then","getProfilePic","response","data","watch","val","logo","methods","mapActions","$vuetify","theme","dark","component"],"mappings":"4XAAqa,W,MAAIA,K,IAAoB,MAAC,G,SAAC,Q,gCAAuF,C,YAAO,iB,MAA0C,CAACC,QAAM,GAAM,IAAC,GAACC,MAAM,eAACC,KAAOC,EAAIC,WAAO,2BAACC,eAAS,EAAUC,c,YAAqB,OAACC,aAAmB,cAAMJ,MAAIK,UAAcT,CAAaU,YAAY,4BAA0C,MAAC,CAAM,WAA0B,WAAO,IAAYA,MAAY,YAAgC,oBAAC,EAAU,cAAE,kBAA2B,0CAAcC,OAAM,KAAsB,OAAK,MAAI,EAAM,OAAED,SAAW,SAAC,GAAgDN,EAAM,OAAKA,GAAiIO,WAAM,W,CAAwD,eAA4gB,OAA/f,U,YAASP,qC,MAAgB,CAAC,cAAIJ,UAAG,MAA8C,CAACA,EAAG,OAAQ,CAAEU,YAAY,0BAAoBC,MAAM,CAAC,QAAQ,GAAE,WAAGP,OAAYQ,O,CAAoEC,EAAG,MAAC,C,MAA2C,C,IAAE,EAAO,iBAAiB,UAAC,YAAM,+CAAuL,CAAC,EAAG,GAAG,IAAI,OAAW,QAAC,sDAACF,YAAM,iC,MAAC,CAAgD,KAAO,gDAAe,cAAiC,SAAc,iBAA+BX,EAAG,QAAeW,YAAM,sBAAC,SAASG,CAAkB,gCAAE,MAAOC,CAAsBJ,MAAM,K,EAAoB,KAAS,sBAAM,c,OAAC,EAAO,OAAC,CAAI,oCAAG,MAAO,CAA0ED,KAAW,GAAaC,GAAM,SAAY,UAAQ,mHAAG,iBAACK,MAAG,CAAC,KAAQ,EAACZ,WAAIa,0BAAW,oBAAG,gBAAa,WAAe,IAAEN,gBAAM,eAAC,IAAM,KAA4C,CAACX,EAAG,eAAsBU,OAAgCC,GAAM,uBAAiB,sBAACK,MAAG,CAAC,IAAO,EAAC,S,OAAwBE,O,MAAsBb,QAAqB,gEAAG,YAAY,YAAEM,MAAM,CAAC,SAAc,U,GAAsBE,CAAgBM,OAAG,EAAS,e,EAAMR,wB,MAAQ,C,KAAC,4C,SAA2E,C,YAAC,oB,aAAmC,S,UAAuE,SAAQP,G,EAA+CM,kB,EAAmBC,QAAM,a,SAA2B,C,MAAG,C,WAAiB,I,YAAsB,O,IAAI,YAAM,gBAAG,QAAM,IAAkB,MAAQ,qBAAE,mCAAOS,MAAQR,CAAkDZ,UAAG,EAAmB,sBAA6C,QAAS,oBAAC,YAAUqB,eAAI,gDAAM,YAAC,OAAsBX,MAAW,CAAa,MAAS,KAAM,OAAC,OAAW,UAAIN,MAAO,CAAmJ,IAAK,EAAI,kBAAyC,SAAgC,WAAE,MAAK,CAAqBM,MAAW,KACr4G,2CACGY,gBAAoB,CAExB,IAASC,8BAAuB,E,8YCyKjB,GACfC,KAAA,eACAC,WAAA,CACA,eAAAC,QAEAC,MAAA,CACAC,OAAAC,QAEAC,SAAA,IACAC,eAAA,CACAC,OAAA,cACAC,KAAA,eAEAC,UACA,YAAAC,OAAAC,MAAAC,KAAAC,UAEA1B,uBACA,YAAAuB,OAAAC,MAAAG,OAAA3B,sBAEA4B,cACA,YAAAC,WAAA,KAAAA,WAAA,4BAGAC,UACA,KAAAC,UAAAC,KAAA,KACA,KAAAN,SAAA,KAAAL,KACA,KAAAY,gBAAAD,KAAAE,IACA,KAAAL,WAAA,0BAAAK,EAAAC,UAIAA,UAAA,CACA1C,OAAA,KACAI,aAAA,KACAgC,WAAA,KACA1B,SAAA,KAEAiC,MAAA,CACAhB,OAAAiB,GACA,KAAAlC,SAAAkC,EAAAC,OAGAC,QAAA,IACAC,eAAA,CACAT,QAAA,gBACAE,cAAA,wBAEA5B,cACA,KAAAoC,SAAAC,MAAAC,MAAA,KAAAF,SAAAC,MAAAC,QC7N8U,I,YCO1UC,EAAY,eACd,EACA,EACAlC,GACA,EACA,KACA,KACA,MAIa,aAAAkC,E","file":"js/chunk-2d0c8fa3.7edd2f1b.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-app',{attrs:{\"id\":\"inspire\"}},[_c('v-navigation-drawer',{staticClass:\"sidebarContent\",attrs:{\"clipped\":\"\",\"app\":\"\",\"right\":_vm.$vuetify.rtl,\"dark\":_vm.APP_CONFIG.layout.panel.isSidebarDark,\"mini-variant\":_vm.drawerIsMini},scopedSlots:_vm._u([{key:\"append\",fn:function(){return [_c('v-list',{staticClass:\"mt-auto d-none d-md-block\",attrs:{\"dense\":\"\"}},[_c('v-list-item',{on:{\"click\":function($event){$event.stopPropagation();_vm.drawerIsMini = !_vm.drawerIsMini}}},[_c('v-icon',[_vm._v(\" mdi-menu \")])],1)],1)]},proxy:true}]),model:{value:(_vm.drawer),callback:function ($$v) {_vm.drawer=$$v},expression:\"drawer\"}},[(!_vm.drawerIsMini)?_c('v-card',{staticClass:\"pa-4 d-block rounded-0 transparent\",attrs:{\"to\":\"/profile\",\"elevation\":\"1\"}},[_c('v-avatar',{staticClass:\"mr-auto ml-auto d-block\",attrs:{\"rounded\":\"\",\"width\":\"64\",\"height\":\"64\"}},[_c('img',{attrs:{\"src\":_vm.avatarImage}})]),_c('span',{staticClass:\"d-block w-100 mt-4 text-caption text-center\"},[_vm._v(\" \"+_vm._s(_vm.profile.name)+\" \")])],1):_vm._e(),_c('sidebar-list'),_c('portal-target',{staticClass:\"mt-auto mb-5 align-self-center\",attrs:{\"name\":\"layoutPanel_navigationDrawerAfterSidebarItems\",\"slot-props\":{isMini: _vm.drawerIsMini}}}),_c('v-divider',{staticClass:\"d-block d-md-none\"}),_c('v-list',{staticClass:\"d-block d-md-none\",attrs:{\"dense\":\"\"}},_vm._l((_vm.memberTerritoryMenus),function(item,index){return _c('v-list-item',{key:'member-territory-list-item-' + index,attrs:{\"link\":\"\",\"to\":item.path}},[_c('v-list-item-action',[_c('v-icon',[_vm._v(\" \"+_vm._s(item.iconName)+\" \")])],1),_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(\" \"+_vm._s(_vm.$t(item.title))+\" \")])],1)],1)}),1)],1),_c('v-app-bar',{attrs:{\"dark\":_vm.APP_CONFIG.layout.panel.isHeaderDark,\"color\":\"headerColor\",\"clipped-right\":_vm.$vuetify.rtl,\"clipped-left\":!_vm.$vuetify.rtl,\"app\":\"\"}},[_c('router-link',{attrs:{\"to\":_vm.APP_CONFIG.homeURL}},[(_vm.imageSrc)?_c('v-img',{attrs:{\"src\":_vm.imageSrc,\"height\":\"auto\",\"width\":\"50\"}}):_vm._e()],1),_c('v-spacer'),(_vm.APP_CONFIG.themes.enableChange)?_c('v-switch',{staticClass:\"mt-5 ml-2\",attrs:{\"dense\":\"\",\"inset\":\"\"},on:{\"change\":_vm.changeTheme}}):_vm._e(),_c('portal-target',{attrs:{\"name\":\"layoutPanel_appBarAfterMemberTerritory\"}}),_c('v-app-bar-nav-icon',{staticClass:\"d-block d-md-none\",attrs:{\"color\":\"white\"},on:{\"click\":function($event){$event.stopPropagation();_vm.drawer = !_vm.drawer}}}),_c('v-menu',{attrs:{\"offset-y\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-btn',_vm._g(_vm._b({staticClass:\"px-0 pr-2 d-md-block\",attrs:{\"elevation\":0,\"color\":\"transparent\"}},'v-btn',attrs,false),on),[_c('span',{staticClass:\"white--text\"},[_vm._v(\" \"+_vm._s(_vm.profile.name)+\" \")]),_c('v-avatar',{staticClass:\"mr-2\",attrs:{\"width\":\"32\",\"height\":\"32\"}},[_c('img',{attrs:{\"src\":_vm.avatarImage}})])],1)]}}])},[_c('v-list',{attrs:{\"dense\":\"\"}},_vm._l((_vm.memberTerritoryMenus),function(item,index){return _c('v-list-item',{key:'member-territory-list-item-' + index,attrs:{\"link\":\"\",\"to\":item.path}},[_c('v-list-item-action',{staticClass:\"mx-0\"},[_c('v-icon',{attrs:{\"small\":\"\"}},[_vm._v(\" \"+_vm._s(item.iconName)+\" \")])],1),_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(\" \"+_vm._s(_vm.$t(item.title))+\" \")])],1)],1)}),1)],1)],1),_c('v-main',{staticClass:\"mainContent\"},[_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-row',[_c('v-col',{staticClass:\"pt-0\"},[_c('router-view')],1)],1)],1)],1),_c('GlobalSnackbar')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-app id=\"inspire\">\n    <v-navigation-drawer\n      v-model=\"drawer\"\n      clipped\n      app\n      :right=\"$vuetify.rtl\"\n      :dark=\"APP_CONFIG.layout.panel.isSidebarDark\"\n      :mini-variant=\"drawerIsMini\"\n      class=\"sidebarContent\"\n      >\n      <v-card\n        v-if=\"!drawerIsMini\"\n        to=\"/profile\"\n        class=\"pa-4 d-block rounded-0 transparent\"\n        elevation=\"1\">\n        <v-avatar\n          class=\"mr-auto ml-auto d-block\"\n          rounded\n          width=\"64\"\n          height=\"64\">\n          <img\n            :src=\"avatarImage\"\n            />\n        </v-avatar>\n      <span\n        class=\"d-block w-100 mt-4 text-caption text-center\">\n        {{ profile.name }}\n      </span>\n      </v-card>\n      <sidebar-list />\n      <portal-target\n        class=\"mt-auto mb-5 align-self-center\"\n        name=\"layoutPanel_navigationDrawerAfterSidebarItems\"\n        :slot-props=\"{isMini: drawerIsMini}\"\n      ></portal-target>\n      <v-divider class=\"d-block d-md-none\"></v-divider>\n      <v-list\n        class=\"d-block d-md-none\"\n        dense>\n        <v-list-item\n          v-for=\"(item, index) in memberTerritoryMenus\"\n          :key=\"'member-territory-list-item-' + index\"\n          link\n          :to=\"item.path\"\n          >\n          <v-list-item-action>\n            <v-icon>\n              {{ item.iconName }}\n            </v-icon>\n          </v-list-item-action>\n          <v-list-item-content>\n            <v-list-item-title>\n              {{ $t(item.title) }}\n            </v-list-item-title>\n          </v-list-item-content>\n        </v-list-item>\n      </v-list>\n        <template v-slot:append>\n          <v-list\n            class=\"mt-auto d-none d-md-block\"\n            dense>\n            <v-list-item\n              @click.stop=\"drawerIsMini = !drawerIsMini\">\n              <v-icon\n                >\n                mdi-menu\n              </v-icon>\n            </v-list-item>\n          </v-list>\n        </template>\n    </v-navigation-drawer>\n    <v-app-bar\n      :dark=\"APP_CONFIG.layout.panel.isHeaderDark\"\n      color=\"headerColor\"\n      :clipped-right=\"$vuetify.rtl\"\n      :clipped-left=\"!$vuetify.rtl\"\n      app\n      >\n      <router-link :to=\"APP_CONFIG.homeURL\" >\n        <v-img\n          v-if=\"imageSrc\"\n          :src=\"imageSrc\"\n          height=\"auto\"\n          width=\"50\"\n          >\n        </v-img>\n      </router-link>\n      <v-spacer></v-spacer>\n      <v-switch\n        v-if=\"APP_CONFIG.themes.enableChange\"\n        dense\n        inset\n        class=\"mt-5 ml-2\"\n        @change=\"changeTheme\"\n      ></v-switch>\n      <portal-target\n        name=\"layoutPanel_appBarAfterMemberTerritory\">\n        <!--\n          This component can be located anywhere in your App.\n          The slot content of the above portal component will be rendered here.\n        -->\n      </portal-target>\n      <v-app-bar-nav-icon\n        color=\"white\"\n        class=\"d-block d-md-none\"\n        @click.stop=\"drawer = !drawer\"></v-app-bar-nav-icon>\n      <v-menu\n        offset-y >\n        <template v-slot:activator=\"{ on, attrs }\">\n          <v-btn\n            :elevation=\"0\"\n            color=\"transparent\"\n            class=\"px-0 pr-2 d-md-block\"\n            v-bind=\"attrs\"\n            v-on=\"on\"\n            >\n            <span class=\"white--text\">\n              {{ profile.name }}\n            </span>\n            <v-avatar\n              class=\"mr-2\"\n              width=\"32\"\n              height=\"32\">\n              <img\n                :src=\"avatarImage\"\n                />\n            </v-avatar>\n          </v-btn>\n        </template>\n        <v-list dense>\n          <v-list-item\n            v-for=\"(item, index) in memberTerritoryMenus\"\n            :key=\"'member-territory-list-item-' + index\"\n            link\n            :to=\"item.path\"\n            >\n            <v-list-item-action\n              class=\"mx-0\">\n              <v-icon small>\n                {{ item.iconName }}\n              </v-icon>\n            </v-list-item-action>\n            <v-list-item-content>\n              <v-list-item-title>\n                {{ $t(item.title) }}\n              </v-list-item-title>\n            </v-list-item-content>\n          </v-list-item>\n        </v-list>\n      </v-menu>\n    </v-app-bar>\n\n    <v-main\n      class=\"mainContent\"\n      >\n      <v-container\n        fluid\n        >\n        <v-row >\n          <v-col class=\"pt-0\">\n            <router-view />\n          </v-col>\n        </v-row>\n      </v-container>\n    </v-main>\n    <GlobalSnackbar />\n  </v-app>\n</template>\n\n<script>\nimport { mapGetters, mapActions } from 'vuex'\nimport sidebarList from '../components/sidebar-list'\nexport default {\n  name: 'LayoutsPanel',\n  components: {\n    'sidebar-list': sidebarList\n  },\n  props: {\n    source: String\n  },\n  computed: {\n    ...mapGetters({\n      config: 'auth/config',\n      user: 'users/user'\n    }),\n    profile () {\n      return this.$store.state.auth.userInfo\n    },\n    memberTerritoryMenus () {\n      return this.$store.state.layout.memberTerritoryMenus\n    },\n    avatarImage () {\n      return this.avatarFile ? this.avatarFile : '/img/default-avatar.jpg'\n    }\n  },\n  created () {\n    this.getUser().then(() => {\n      this.userInfo = this.user\n      this.getProfilePic().then(response => {\n        this.avatarFile = `data:image/png;base64, ${response.data}`\n      })\n    })\n  },\n  data: () => ({\n    drawer: null,\n    drawerIsMini: null,\n    avatarFile: null,\n    imageSrc: ''\n  }),\n  watch: {\n    config (val) {\n      this.imageSrc = val.logo\n    }\n  },\n  methods: {\n    ...mapActions({\n      getUser: 'users/getUser',\n      getProfilePic: 'users/getProfilePic'\n    }),\n    changeTheme () {\n      this.$vuetify.theme.dark = !this.$vuetify.theme.dark\n    }\n  }\n}\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./panel.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./panel.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./panel.vue?vue&type=template&id=3630457e\"\nimport script from \"./panel.vue?vue&type=script&lang=js\"\nexport * from \"./panel.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}