{"version":3,"sources":["webpack:///./src/modules/user/views/TheUserResourcesAndUsage.vue","webpack:///src/modules/user/views/TheUserResourcesAndUsage.vue","webpack:///./src/modules/user/views/TheUserResourcesAndUsage.vue?50b3","webpack:///./src/modules/user/views/TheUserResourcesAndUsage.vue?9a56"],"names":["_c","staticClass","staticStyle","_vm","attrs","_v","disableResourcePoolSelector","value","callback","resourcePoolName","staticRenderFns","components","TheUserResourceAdmin","data","selectedTab","dataForInstanceToInviteTo","mainTabNames","OVERVIEW","USAGE","MANAGEMENT","ADMIN","methods","changeResourcePoolData","computed","mapState","tabs","tabName","icon","component","isResourcePoolManager","watch","availableResourcePools","handler","immediate","created"],"mappings":"6KAAgG,aAAC,IAAGA,EAAG,KAA0BC,UAAY,G,OAAqBC,SAAY,C,MAAC,CAAmB,UAAcD,UAAY,UAAsB,YAAY,qBAACA,YAAY,CAAqCE,YAAO,UAAgDC,GAAK,MAAC,C,YAAW,uB,CAAI,SAAQ,CAAE,gDAAG,CAACD,EAAIE,GAAG,gBAAiB,EAAG,OAAKL,CAAUC,YAAY,OAAO,MAAK,CAAkBG,SAAM,GAAC,W,CAAiD,2BAAeE,WAA2B,C,YAAWH,Q,CAAgC,SAAY,C,MAAU,CAAoB,SAAU,GAAC,MAAQ,yBAAgB,SAAW,8BAAG,sCAAG,YAAC,UAAC,aAAS,O,MAAwBA,GAAkC,sBAAE,a,GAAQI,CAA6BC,OAAS,YAAgBL,OAAIM,yBAAoB,KAA+B,OAAI,MAAO,EAAG,iBACl5B,qBACGC,mBAAoB,G,gKC8BxB,sJAEe,GACfC,YAAAC,wBACAC,gBACA,OACAC,cACAC,+BACAN,oBACAO,cACAC,WACAC,QACAC,aACAC,WAIAC,SACAC,mCACA,4DACA,gEAGAC,0CACAC,4BACA,iCACA,yBACA,mBACA,8BACA,sCACA,0BACA,mCACA,0BACA,IACAC,gBACA,QAAAC,gBAAAC,4BAAAC,oCAEAC,iCAAA,WACA,kEACA,4GACA,SAEA,UAEAvB,uCACA,OACA,qCACA,kCACA,0CACA,8BACA,yCAIAwB,OACAC,wBACAC,oBACA,WACA,oEACA,kCAGAC,cAEAJ,kCACA,IACA,+CAIAK,mBACA,8DCvGoZ,I,YCOhZN,EAAY,eACd,EACA,EACAlB,GACA,EACA,KACA,KACA,MAIa,aAAAkB,E","file":"static/js/chunk-2d0b2d87.5d74b1b7.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-card',{attrs:{\"flat\":\"\"}},[_c('v-card-title',[_c('div',{staticClass:\"d-flex flex-column\",staticStyle:{\"max-width\":\"600px\"}},[_c('div',{staticClass:\"d-flex align-center\"},[_c('span',{staticClass:\"font-weight-bold secondary--text\"},[_vm._v(\"Monitoring\")]),_c('v-chip',{staticClass:\"ml-1\",attrs:{\"outlined\":\"\",\"small\":\"\"}},[_vm._v(\"Account Manager\")])],1),_c('div',{staticClass:\"mt-5\"},[_c('v-autocomplete',{attrs:{\"required\":\"\",\"items\":_vm.availableResourcePools,\"disabled\":_vm.disableResourcePoolSelector,\"loading\":_vm.disableResourcePoolSelector,\"item-text\":\"long_id\",\"item-value\":\"rpid\",\"dense\":\"\",\"label\":\"Resource pool\",\"outlined\":\"\"},on:{\"change\":function($event){return _vm.changeResourcePoolData($event)}},model:{value:(_vm.resourcePoolName),callback:function ($$v) {_vm.resourcePoolName=$$v},expression:\"resourcePoolName\"}})],1)])]),_c('v-card-text',[_c('the-user-resource-admin')],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <v-card flat>\n        <v-card-title>\n            <div style=\"max-width: 600px\" class=\"d-flex flex-column\">\n                <div class=\"d-flex align-center\">\n                    <span class=\"font-weight-bold secondary--text\">Monitoring</span>\n                    <v-chip class=\"ml-1\" outlined small>Account Manager</v-chip>\n                </div>\n                <div class=\"mt-5\">\n                    <v-autocomplete\n                        required\n                        :items=\"availableResourcePools\"\n                        :disabled=\"disableResourcePoolSelector\"\n                        :loading=\"disableResourcePoolSelector\"\n                        v-model=\"resourcePoolName\"\n                        item-text=\"long_id\"\n                        item-value=\"rpid\"\n                        dense\n                        label=\"Resource pool\"\n                        @change=\"changeResourcePoolData($event)\"\n                        outlined></v-autocomplete>\n                </div>\n            </div>\n        </v-card-title>\n        <v-card-text>\n            <the-user-resource-admin />\n        </v-card-text>\n    </v-card>\n</template>\n\n<script>\nimport { mapState } from 'vuex'\nconst TheUserResourceAdmin = () => import('../components/TheUserResourceAdmin')\n\nexport default {\n    components: { TheUserResourceAdmin },\n    data() {\n        return {\n            selectedTab: 0,\n            dataForInstanceToInviteTo: null,\n            resourcePoolName: '',\n            mainTabNames: {\n                OVERVIEW: 0,\n                USAGE: 1,\n                MANAGEMENT: 2,\n                ADMIN: 3\n            }\n        }\n    },\n    methods: {\n        changeResourcePoolData(rpid) {\n            this.$store.dispatch('userStore/setSelectedResourcePool', rpid)\n            this.$store.dispatch('userStore/fetchResourcePoolHpcUsers', rpid)\n        }\n    },\n    computed: {\n        ...mapState('userStore', [\n            'fetchingAvailableResourcePools',\n            'availableResourcePools',\n            'isAccountManager',\n            'fetchingResourceDescription',\n            'fetchingResourceBalanceCurrentMonth',\n            'fetchingResourceBalance',\n            'fetchingResourceBalanceBreakdown',\n            'selectedResourcePool'\n        ]),\n        tabs() {\n            return [{ tabName: 'Admin', icon: 'admin_panel_settings', component: 'TheUserResourceAdmin' }]\n        },\n        isResourcePoolManager() {\n            if (this.selectedResourcePool && this.availableResourcePools.length) {\n                const selectedResourceData = this.availableResourcePools.find(resource => resource.rpid === this.selectedResourcePool).is_rp_manager\n                return selectedResourceData\n            }\n            return false\n        },\n        disableResourcePoolSelector() {\n            return (\n                this.fetchingAvailableResourcePools ||\n                this.fetchingResourceDescription ||\n                this.fetchingResourceBalanceCurrentMonth ||\n                this.fetchingResourceBalance ||\n                this.fetchingResourceBalanceBreakdown\n            )\n        }\n    },\n    watch: {\n        availableResourcePools: {\n            handler: function (nextVal) {\n                if (nextVal.length) {\n                    this.$store.dispatch('userStore/setSelectedResourcePool', nextVal[0].rpid)\n                    this.resourcePoolName = nextVal[0].rpid\n                }\n            },\n            immediate: true\n        },\n        isResourcePoolManager: function (nextVal) {\n            if (!nextVal) {\n                this.selectedTab = this.mainTabNames.OVERVIEW\n            }\n        }\n    },\n    created() {\n        this.$store.dispatch('userStore/fetchAccountManagerStatus')\n    }\n}\n</script>\n","import mod from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheUserResourcesAndUsage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheUserResourcesAndUsage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheUserResourcesAndUsage.vue?vue&type=template&id=327ea561&\"\nimport script from \"./TheUserResourcesAndUsage.vue?vue&type=script&lang=js&\"\nexport * from \"./TheUserResourcesAndUsage.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":""}