{"version":3,"sources":["webpack:///./src/components/Common/RouterTabs.vue?8d9d","webpack:///./src/components/Common/RouterTabs.vue","webpack:///src/components/Common/RouterTabs.vue","webpack:///./src/components/Common/RouterTabs.vue?099f","webpack:///./src/components/Common/RouterTabs.vue?cd0b","webpack:///./src/views/Admin/UsersView.vue","webpack:///src/views/Admin/UsersView.vue","webpack:///./src/views/Admin/UsersView.vue?151a","webpack:///./src/views/Admin/UsersView.vue?6ad6"],"names":["render","_vm","this","_c","_self","staticClass","pathsNotEmpty","model","value","activeTab","callback","$$v","expression","_l","visiblePath","path","key","name","label","attrs","_e","staticRenderFns","props","paths","type","default","created","data","computed","permittedPaths","getters","updateConditions","methods","setActiveTabByRouteName","watch","$route","component","components","RouterTabs","permissions"],"mappings":"yGAAA,W,oCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,eAAe,CAAEJ,EAAIK,cAAeH,EAAG,UAAU,CAACI,MAAM,CAACC,MAAOP,EAAIQ,UAAWC,SAAS,SAAUC,GAAMV,EAAIQ,UAAUE,GAAKC,WAAW,cAAc,CAACX,EAAIY,GAAIZ,EAAIa,aAAa,SAASC,GAAM,MAAO,CAACZ,EAAG,cAAc,CAACa,IAAID,EAAKE,KAAOF,EAAKG,MAAMC,MAAM,CAAC,MAAQJ,EAAKG,cAAa,GAAGjB,EAAImB,KAAKjB,EAAG,gBAAgB,IAEvYkB,EAAkB,G,wBCmBtB,GACAJ,kBACAK,OACAC,OACAC,WACAC,iBAGAC,UACA,gCAEAC,OACA,OACAlB,iBAIAmB,UACAtB,gBACA,qCAGAuB,iBACA,uBAAAC,aAAA,oBACA,8DAGAhB,cACA,+EAGAiB,mBACA,0BACA,oBACAhB,0BAIAiB,SACAC,0BACA,oEACA,yCAGAC,OACAC,SACA,gCAGA1B,eACA,oEAGA,mBAAAQ,mCAAA,gBC1EmW,I,wBCQ/VmB,EAAY,eACd,EACApC,EACAqB,GACA,EACA,KACA,WACA,MAIa,OAAAe,E,oDCnBf,IAAIpC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,aAAa,CAACgB,MAAM,CAAC,MAAQlB,EAAIsB,UAEnGF,EAAkB,G,YCKtB,GACAJ,iBACAoB,YACAC,mBAEAV,UACAL,QACA,OACA,CACAN,8BACAC,6CACAqB,aACA,sBACA,sBACA,2BAGA,CACAtB,+BACAC,8CACAqB,aACA,uBACA,uBACA,4BAGA,CACAtB,kCACAC,iDACAqB,oCCpCkW,I,YCO9VH,EAAY,eACd,EACApC,EACAqB,GACA,EACA,KACA,KACA,MAIa,aAAAe,E","file":"js/users.30ba03d2.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RouterTabs.vue?vue&type=style&index=0&id=06310a86&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"router-tabs\"},[(_vm.pathsNotEmpty)?_c('el-tabs',{model:{value:(_vm.activeTab),callback:function ($$v) {_vm.activeTab=$$v},expression:\"activeTab\"}},[_vm._l((_vm.visiblePath),function(path){return [_c('el-tab-pane',{key:path.name + path.label,attrs:{\"label\":path.label}})]})],2):_vm._e(),_c('router-view')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"router-tabs\">\n        <el-tabs\n            v-if=\"pathsNotEmpty\"\n            v-model=\"activeTab\">\n            <template v-for=\"path in visiblePath\">\n                <el-tab-pane\n                    :key=\"path.name + path.label\"\n                    :label=\"path.label\">\n                </el-tab-pane>\n            </template>\n        </el-tabs>\n        <!--        <transition :name=\"animation\">-->\n        <router-view></router-view>\n        <!--        </transition>-->\n    </div>\n</template>\n\n<script>\n  import { hasPermissions } from \"@core/mixins/permissions\";\n    \n  export default {\n    name: \"RouterTabs\",\n    props: {\n      paths: {\n        type: Array,\n        default: () => []\n      }\n    },\n    created () {\n      this.setActiveTabByRouteName();\n    },\n    data () {\n      return {\n        activeTab: null\n        // animation: null\n      };\n    },\n    computed: {\n      pathsNotEmpty () {\n        return this.permittedPaths.length > 0;\n      },\n            \n      permittedPaths () {\n        const userPermissions = (this.$store || { getters: {} }).getters.permissions;\n        return this.paths.filter(path => hasPermissions(path.permissions, userPermissions));\n      },\n\n      visiblePath () {\n        return this.permittedPaths.filter(path => !path.hasOwnProperty(\"visible\") || path.visible);\n      },\n            \n      updateConditions () {\n        return JSON.stringify({\n          ...this.permittedPaths,\n          path: this.$route.path\n        });\n      }\n    },\n    methods: {\n      setActiveTabByRouteName () {\n        const index = this.permittedPaths.findIndex(el => el.name === this.$route.name);\n        this.activeTab = index === -1 ? \"0\" : index.toString();\n      }\n    },\n    watch: {\n      $route () {\n        this.setActiveTabByRouteName();\n      },\n            \n      activeTab (value, old) {\n        if (this.pathsNotEmpty && this.$route.name !== this.permittedPaths[value].name) {\n          // TODO: need add new animation\n          // this.animation = value > old ? \"slide-prev\" : \"slide-next\";\n          this.$router.push({ name: this.permittedPaths[value].name }).catch(_ => {});\n        }\n      }\n    }\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n    .router-tabs {\n        width: 100%;\n        \n        ::v-deep {\n            .el-tabs__item {\n                color: #9AA3B4;\n                \n                &.is-active {\n                    color: #162239;\n                }\n            }\n    \n            .el-tabs__active-bar {\n                background-color: #FE2615;\n            }\n    \n            .el-tabs__nav-wrap {\n                padding: 24px;\n                &:after {\n                    height: 1px;\n                }\n            }\n        }\n    }\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RouterTabs.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RouterTabs.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RouterTabs.vue?vue&type=template&id=06310a86&scoped=true&\"\nimport script from \"./RouterTabs.vue?vue&type=script&lang=js&\"\nexport * from \"./RouterTabs.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RouterTabs.vue?vue&type=style&index=0&id=06310a86&prod&lang=scss&scoped=true&\"\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  \"06310a86\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('RouterTabs',{attrs:{\"paths\":_vm.paths}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <RouterTabs :paths=\"paths\"></RouterTabs>\n</template>\n\n<script>\n  import RouterTabs from \"@/components/Common/RouterTabs\";\n\n  export default {\n    name: \"UsersView\",\n    components: {\n      RouterTabs\n    },\n    computed: {\n      paths () {\n        return [\n          {\n            name: \"admin:users:webmasters\",\n            label: this.$t(\"admin.users.tabs.webmasters\"),\n            permissions: [\n              \"WEBMASTERS.LIST.ALL\",\n              \"WEBMASTERS.LIST.OWN\",\n              \"WEBMASTERS.LIST.UNBIND\"\n            ]\n          },\n          {\n            name: \"admin:users:advertisers\",\n            label: this.$t(\"admin.users.tabs.advertisers\"),\n            permissions: [\n              \"ADVERTISERS.LIST.ALL\",\n              \"ADVERTISERS.LIST.OWN\",\n              \"ADVERTISERS.LIST.UNBIND\"\n            ]\n          },\n          {\n            name: \"admin:users:administrators\",\n            label: this.$t(\"admin.users.tabs.administrators\"),\n            permissions: \"SUPER.PERMISSION\"\n          }\n        ];\n      }\n    }\n  };\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UsersView.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UsersView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UsersView.vue?vue&type=template&id=439fe26c&\"\nimport script from \"./UsersView.vue?vue&type=script&lang=js&\"\nexport * from \"./UsersView.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":""}