{"version":3,"sources":["webpack:///./src/modules/user/components/ContactsMenu.vue","webpack:///src/modules/user/components/ContactsMenu.vue","webpack:///./src/modules/user/components/ContactsMenu.vue?9a13","webpack:///./src/modules/user/components/ContactsMenu.vue?a5c6"],"names":["attrs","_c","_vm","staticClass","email","key","staticRenderFns","scopedSlots","fn","name","components","CopyToClipboard","props","level","type","required","rpId","orgId","spaceId","icon","default","data","fetched","rp","org","space","fetching","contacts","labels","methods","getContacts","reset","computed","contactListApi","watch","handler","immediate","component"],"mappings":"mPAAuSA,EAAM,W,IAAC,O,EAAc,W,OAAqB,mBAAyB,SAAkJ,U,kBAAU,G,kBAAkB,G,0BAAE,G,YAAyE,OAAG,gBAAIC,GAAG,SAAWC,GAA0DC,MAAY,KAAuB,UAAgNH,MAAM,qBAAC,YAAY,uBAAE,OAAO,OAAyEG,MAAY,GAAqC,UAAwC,QAAQ,mDAA2KH,GAAK,OAAC,2C,YAAW,mB,CAAI,SAAY,+IAAE,OAAIC,UAAG,K,CAAmGG,YAAK,wCAAM,YAAU,iC,CAAeC,EAAG,iBAAa,CAAE,MAAM,CAAmLL,MAAM,Y,GAAoB,kCAAa,qF,MAAI,CAAG,WAAQ,GAAG,UAAW,KAEltDM,UAAe,CAAG,EAAE,6DAExB,MAAiBA,Y,qNAJyV,UAAK,YAAC,uBAACC,OAAqBF,QAAI,WAAW,SAACG,IAAG,G,MAAa,G,SAAO,G,KAAI,K,UAA0E,CAAC,0B,iCCmD5f,G,kDAAA,oEAEe,GACfC,oBACAC,YAAAC,mBACAC,OACAC,OACAC,YACAC,aAEAC,YACAC,aACAC,eACAC,MACAL,YACAM,4BAGAC,gBACA,OACAC,SACAC,MACAC,OACAC,UAEAC,UACAH,MACAC,OACAC,UAEAE,YACAC,QACAL,4BACAC,4BACAC,gCAIAI,SACAC,uBAAA,4JAEA,OADA,sBACA,yCAEA,+CAAAT,SACA,kEAEA,wBAGA,OAHA,UAEA,sBACA,mGAVA,IAaAU,iBACA,8BAGAC,UACAC,0BACA,+FACA,+FACA,6CAGAC,OACAlB,MACAmB,oBACA,SAIA,mBACA,mBAJA,cAOAC,cAEAnB,kBACA,SAIA,mBAHA,cAKAC,oBACA,SAIA,mBAHA,gBCxIwY,I,YCOpYmB,EAAY,eACd,EACA,EACA/B,GACA,EACA,KACA,KACA,MAIa,aAAA+B,E","file":"static/js/chunk-2d213371.2da5d2b8.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(!_vm.fetched[_vm.level])?_c('v-btn',{staticClass:\"text--secondary ml-2\",attrs:{\"loading\":_vm.fetching[_vm.level],\"fab\":\"\",\"small\":\"\",\"disabled\":\"\",\"text\":\"\"}},[_c('v-icon',[_vm._v(_vm._s(_vm.icon))])],1):_c('v-menu',{attrs:{\"offset-y\":\"\",\"offset-overflow\":\"\",\"close-on-content-click\":false},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-btn',_vm._g(_vm._b({staticClass:\"text--secondary ml-2\",attrs:{\"fab\":\"\",\"small\":\"\",\"text\":\"\"}},'v-btn',attrs,false),on),[_c('v-icon',[_vm._v(_vm._s(_vm.icon))])],1)]}}])},[_c('v-card',[(_vm.contacts.length === 0)?_c('v-list',[_c('v-list-item',{staticClass:\"pr-10 opacity-7\"},[_c('v-list-item-icon',[_c('v-icon',[_vm._v(\"mdi-alert-circle-outline\")])],1),_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(\"No contacts found\")])],1)],1)],1):(_vm.$isError(_vm.contacts))?_c('v-list',{attrs:{\"subheader\":\"\"}},[_c('v-subheader',[_vm._v(_vm._s(_vm.labels[_vm.level]))]),_c('v-list-item',{staticClass:\"pr-10 warning--text opacity-7\"},[_c('v-list-item-icon',[_c('v-icon',{attrs:{\"color\":\"warning\"}},[_vm._v(\"mdi-alert-circle-outline\")])],1),_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(\"Error during contact retreval\")])],1)],1)],1):_c('v-list',{attrs:{\"two-line\":\"\",\"subheader\":\"\"}},[_c('v-subheader',[_vm._v(_vm._s(_vm.labels[_vm.level]))]),_vm._l((_vm.contacts),function({ full_name, email },j){return _c('v-list-item',{key:`contact-${j}`},[_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(_vm._s(full_name))]),_c('v-list-item-subtitle',[_vm._v(_vm._s(email))])],1),_c('v-list-item-action',[_c('copy-to-clipboard',{attrs:{\"textToCopy\":email,\"iconButton\":true}})],1)],1)})],2)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <v-btn v-if=\"!fetched[level]\" :loading=\"fetching[level]\" fab small disabled text class=\"text--secondary ml-2\">\n            <v-icon>{{ icon }}</v-icon>\n        </v-btn>\n        <v-menu v-else offset-y offset-overflow :close-on-content-click=\"false\">\n            <template v-slot:activator=\"{ on, attrs }\">\n                <v-btn fab small text v-bind=\"attrs\" v-on=\"on\" class=\"text--secondary ml-2\">\n                    <v-icon>{{ icon }}</v-icon>\n                </v-btn>\n            </template>\n            <v-card>\n                <v-list v-if=\"contacts.length === 0\">\n                    <v-list-item class=\"pr-10 opacity-7\">\n                        <v-list-item-icon>\n                            <v-icon>mdi-alert-circle-outline</v-icon>\n                        </v-list-item-icon>\n                        <v-list-item-content>\n                            <v-list-item-title>No contacts found</v-list-item-title>\n                        </v-list-item-content>\n                    </v-list-item>\n                </v-list>\n                <v-list v-else-if=\"$isError(contacts)\" subheader>\n                    <v-subheader>{{ labels[level] }}</v-subheader>\n                    <v-list-item class=\"pr-10 warning--text opacity-7\">\n                        <v-list-item-icon>\n                            <v-icon color=\"warning\">mdi-alert-circle-outline</v-icon>\n                        </v-list-item-icon>\n                        <v-list-item-content>\n                            <v-list-item-title>Error during contact retreval</v-list-item-title>\n                        </v-list-item-content>\n                    </v-list-item>\n                </v-list>\n                <v-list two-line subheader v-else>\n                    <v-subheader>{{ labels[level] }}</v-subheader>\n                    <v-list-item v-for=\"({ full_name, email }, j) in contacts\" :key=\"`contact-${j}`\">\n                        <v-list-item-content>\n                            <v-list-item-title>{{ full_name }}</v-list-item-title>\n                            <v-list-item-subtitle>{{ email }}</v-list-item-subtitle>\n                        </v-list-item-content>\n                        <v-list-item-action>\n                            <copy-to-clipboard :textToCopy=\"email\" :iconButton=\"true\"></copy-to-clipboard>\n                        </v-list-item-action>\n                    </v-list-item>\n                </v-list>\n            </v-card>\n        </v-menu>\n    </div>\n</template>\n\n<script>\nconst CopyToClipboard = () => import('@/components/CopyToClipboard.vue')\n\nexport default {\n    name: 'ContactsMenu',\n    components: { CopyToClipboard },\n    props: {\n        level: {\n            type: String,\n            required: true\n        },\n        rpId: Number,\n        orgId: Number,\n        spaceId: Number,\n        icon: {\n            type: String,\n            default: 'mdi-information'\n        }\n    },\n    data() {\n        return {\n            fetched: {\n                rp: false,\n                org: false,\n                space: false\n            },\n            fetching: {\n                rp: false,\n                org: false,\n                space: false\n            },\n            contacts: [],\n            labels: {\n                rp: 'Resource pool managers',\n                org: 'Organization managers',\n                space: 'Space administrators'\n            }\n        }\n    },\n    methods: {\n        async getContacts() {\n            this.fetched[this.level] = false\n            this.fetching[this.level] = true\n            try {\n                const { data } = await this.$axios.get(this.contactListApi)\n                this.contacts = data\n            } catch (error) {\n                this.contacts = error\n            } finally {\n                this.fetched[this.level] = true\n                this.fetching[this.level] = false\n            }\n        },\n        reset() {\n            this.fetched[this.level] = false\n        }\n    },\n    computed: {\n        contactListApi() {\n            if (this.level === 'org') return `/resource/${this.rpId}/org/${this.orgId}/contacts`\n            if (this.level === 'space') return `/resource/${this.rpId}/space/${this.spaceId}/contacts`\n            return `/resource/${this.rpId}/contacts`\n        }\n    },\n    watch: {\n        rpId: {\n            handler(id) {\n                if (id === null) {\n                    this.reset()\n                    return\n                }\n                if (this.level === 'rp') {\n                    this.getContacts()\n                }\n            },\n            immediate: true\n        },\n        orgId(id) {\n            if (id === null) {\n                this.reset()\n                return\n            }\n            this.getContacts()\n        },\n        spaceId(id) {\n            if (id === null) {\n                this.reset()\n                return\n            }\n            this.getContacts()\n        }\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!./ContactsMenu.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!./ContactsMenu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ContactsMenu.vue?vue&type=template&id=753fbd3c&\"\nimport script from \"./ContactsMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./ContactsMenu.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":""}