{"version":3,"sources":["webpack:///./src/components/charts/DoughnutChart.vue?6146","webpack:///./src/components/charts/DoughnutChart.vue","webpack:///./src/modules/user/components/ContactsBtn.vue","webpack:///src/modules/user/components/ContactsBtn.vue","webpack:///./src/modules/user/components/ContactsBtn.vue?8bf8","webpack:///./src/modules/user/components/ContactsBtn.vue?7a9e","webpack:///src/components/charts/DoughnutChart.vue","webpack:///./src/components/charts/DoughnutChart.vue?7557","webpack:///./src/components/charts/DoughnutChart.vue?f714"],"names":["render","_vm","this","_c","_self","staticClass","ref","_v","_s","options","legendTitle","staticRenderFns","on","attrs","getContacts","model","value","menu","callback","expression","full_name","name","components","CopyToClipboard","props","rpId","ids","data","fetching","org","space","contacts","labels","methods","computed","contactListApi","level","component","chartData","colors","items","rpid","type","default","valueFormatter","doughnutChart","watch","li","mounted","id","afterUpdate","ul","chart","self","boxSpan","textContainer","text","valueContainer","valueText","document","ComponentClass","isMetaPropsAllEmpty","instance","vuetify","propsData","Chart","ArcElement","LineElement","BarElement","PointElement","BarController","BubbleController","DoughnutController","LineController","PieController","PolarAreaController","RadarController","ScatterController","CategoryScale","LinearScale","LogarithmicScale","RadialLinearScale","TimeScale","TimeSeriesScale","Decimation","Filler","Legend","Title","Tooltip","SubTitle","cutout","elements","arc","backgroundColor","borderColor","borderWidth","offset","plugins","tooltip","callbacks","label","htmlLegend","containerID","legend","display"],"mappings":"kHAAA,W,kECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,SAAS,CAACG,IAAI,cAAcH,EAAG,MAAM,CAACF,EAAIM,GAAGN,EAAIO,GAAGP,EAAIQ,QAAQC,gBAAgBP,EAAG,KAAK,CAACG,IAAI,mBAAmBD,YAAY,wDAEvOM,EAAkB,G,4LCFiMC,W,MAAIC,K,EAAS,QAAW,G,SAAwBR,SAAY,Q,MAA4BO,C,WAAI,G,kBAAoCE,G,0BAAa,G,YAAI,EAASD,KAA8C,gBAAG,GAAC,YAACE,IAAM,OAACC,EAAWC,EAAK,MAACC,MAAQ,CAAC,gBAAa,GAAE,CAACjB,YAAY,4BAAC,IAACkB,MAAW,YAAM,0BAA6G,YAAkB,GAAK,GAAQ,GAAElB,GAAIM,0BAAibM,MAAM,CAAC,QAAW,KAAG,qBAAM,EAAC,QAAuHV,WAAG,S,CAAwC,SAAQ,yCAAS,+BAAG,CAACF,EAAG,OAAI,aAA2B,GAAG,4BAAO,GAAuBE,EAAG,QAAmB,EAAEF,OAAO,mCAA4C,IAAGE,IAAG,GAAS,IAAT,EAAS,oCAACU,YAAM,mB,CAAC,SAAa,+I,MAAC,CAAc,eAAoH,GAArBO,OAAW,CAAF,EAATA,QAAS,gC,YAAO,iCAAM,UAAU,GAAa,OAAC,C,MAAI,CAAgB,MAAK,Y,GAA0L,kCAAkB,qF,MAAC,CAAiB,cAAG,UAAQ,KACz1D,0EACGT,MAAgB,EAAI,UAExB,EAASX,EAAQW,M,qNCoDjB,G,8BAAA,oEAEe,GACfU,oBACAC,YAAAC,mBACAC,OACAC,YACAC,YAEAC,gBACA,OACAC,UACAC,OACAC,UAEAC,YACAC,QACAH,4BACAC,8BAEAb,UAGAgB,SACAnB,uBAAA,gKACA,wDACA,gDAEA,+CAAAa,SACA,kEAEA,wBAEA,OAFA,UAEA,mGATA,KAaAO,UACAC,0BACA,iGACA,2EAEAC,iBACA,0BACA,WCpGuY,I,YCOnYC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,4CC0BA,GACfhB,qBACAG,OACAc,iBACAC,aACAC,YACAC,YACAhC,SACAiC,YACAC,mBACA,OACAjC,eACAkC,wBAKAjB,gBACA,OACAkB,mBAGAC,OACAR,qBACA,uCACA,6BAEAE,kBAAA,WACA,6DACA,0BACA,eACAO,WACA,4CAGA,4BACA,8BAGAC,mBACA,WACA,GACAC,gBACAC,4BACA,6BAGA,mBACAC,sBAIA,wDAEAX,qBAAA,iKACAO,+BACAA,qBACA,oBACA,0BAEAK,gCAEAA,2EAEAA,WACAC,0BAIAC,8BACAA,+BACAA,kCACAA,qCAGAC,gCACAA,0BACAA,kDACAC,kCACAD,iBAGAE,gCACAA,2BACAA,0BACAA,kDACAC,2BACAC,mFACAA,yDACAF,iBAEAV,iBACAA,iBAEAa,mBACA,8CACAC,wDAAA,gCACA,IACAC,SACAC,eACAC,WACAvC,YACAC,2BAGAoC,WACAf,uBAIAA,iBACAI,iBAAA,4CACA,qDA1DAX,MA8DAyB,gBACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,QAEA,kDACA/C,gBACAf,oBACAlB,SACAiF,aACAC,UACAC,KACAC,4BACAC,0BAEAC,cACAC,WAGAC,SACAC,SACAC,WACAC,kBACA,oFAIAC,YAEAC,gCAEAC,QACAC,cAIAP,gBCzN6X,ICQzX,G,UAAY,eACd,EACA,EACAtF,GACA,EACA,KACA,KACA,OAIa,e","file":"static/js/chunk-68936f7e.e148963d.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!./DoughnutChart.vue?vue&type=style&index=0&id=05c23b4a&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"pa-4\"},[_c('canvas',{ref:\"myChart\"})]),_c('div',[_vm._v(_vm._s(_vm.options.legendTitle))]),_c('ul',{ref:\"legend-container\",staticClass:\"d-flex flex-column pt-2 chartjs-legend text-left\"})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_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-icon',_vm._g(_vm._b({staticClass:\"ma-0 text--secondary ml-2\",on:{\"click\":function($event){return _vm.getContacts()}}},'v-icon',attrs,false),on),[_vm._v(\"mdi-information\")])]}}]),model:{value:(_vm.menu),callback:function ($$v) {_vm.menu=$$v},expression:\"menu\"}},[_c('v-card',[(_vm.fetching[_vm.level])?_c('v-list',[_c('v-list-item',{staticClass:\"pr-10 opacity-7\"},[_c('v-list-item-icon',[_c('v-icon',[_vm._v(\"mdi-progress-download\")])],1),_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(\"Searching for contacts\")])],1)],1)],1):(_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-menu offset-y offset-overflow :close-on-content-click=\"false\" v-model=\"menu\">\n            <template v-slot:activator=\"{ on, attrs }\">\n                <v-icon class=\"ma-0 text--secondary ml-2\" v-bind=\"attrs\" v-on=\"on\" @click=\"getContacts()\">mdi-information</v-icon>\n            </template>\n            <v-card>\n                <v-list v-if=\"fetching[level]\">\n                    <v-list-item class=\"pr-10 opacity-7\">\n                        <v-list-item-icon>\n                            <v-icon>mdi-progress-download</v-icon>\n                        </v-list-item-icon>\n                        <v-list-item-content>\n                            <v-list-item-title>Searching for contacts</v-list-item-title>\n                        </v-list-item-content>\n                    </v-list-item>\n                </v-list>\n                <v-list v-else-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        rpId: Number,\n        ids: Object\n    },\n    data() {\n        return {\n            fetching: {\n                org: false,\n                space: false\n            },\n            contacts: [],\n            labels: {\n                org: 'Organization managers',\n                space: 'Space administrators'\n            },\n            menu: false\n        }\n    },\n    methods: {\n        async getContacts() {\n            if (this.menu) return\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.fetching[this.level] = false\n            }\n        }\n    },\n    computed: {\n        contactListApi() {\n            if (this.level === 'org') return `/resource/${this.rpId}/org/${this.ids.oid}/contacts`\n            else return `/resource/${this.rpId}/space/${this.ids.sid}/contacts`\n        },\n        level() {\n            if (this.ids.oid) return 'org'\n            return 'space'\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!./ContactsBtn.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!./ContactsBtn.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ContactsBtn.vue?vue&type=template&id=488e6c92&\"\nimport script from \"./ContactsBtn.vue?vue&type=script&lang=js&\"\nexport * from \"./ContactsBtn.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","<template>\n    <div>\n        <div class=\"pa-4\">\n            <canvas ref=\"myChart\"></canvas>\n        </div>\n        <div>{{ options.legendTitle }}</div>\n        <ul class=\"d-flex flex-column pt-2 chartjs-legend text-left\" ref=\"legend-container\"></ul>\n    </div>\n</template>\n\n<script>\nimport Vue from 'vue'\nimport ContactsBtn from '@/modules/user/components/ContactsBtn.vue'\nimport vuetify from '@/plugins/vuetify'\nimport { isNil } from 'lodash'\n\nimport {\n    Chart,\n    ArcElement,\n    LineElement,\n    BarElement,\n    PointElement,\n    BarController,\n    BubbleController,\n    DoughnutController,\n    LineController,\n    PieController,\n    PolarAreaController,\n    RadarController,\n    ScatterController,\n    CategoryScale,\n    LinearScale,\n    LogarithmicScale,\n    RadialLinearScale,\n    TimeScale,\n    TimeSeriesScale,\n    Decimation,\n    Filler,\n    Legend,\n    Title,\n    Tooltip,\n    SubTitle\n} from 'chart.js'\n\nexport default {\n    name: 'DoughnutChart',\n    props: {\n        chartData: Object,\n        colors: Array,\n        items: Array,\n        rpid: Number,\n        options: {\n            type: Object,\n            default() {\n                return {\n                    legendTitle: '',\n                    valueFormatter: null\n                }\n            }\n        }\n    },\n    data() {\n        return {\n            doughnutChart: {}\n        }\n    },\n    watch: {\n        chartData() {\n            this.doughnutChart.data = this.chartData\n            this.doughnutChart.update()\n        },\n        items(items) {\n            this.doughnutChart.legend.legendItems.forEach((li, index) => {\n                const hidden = items.indexOf(li.text) < 0\n                if (hidden !== li.hidden) {\n                    li.hidden = hidden\n                    this.doughnutChart.toggleDataVisibility(index)\n                }\n            })\n            this.doughnutChart.update()\n            this.doughnutChart.render()\n        }\n    },\n    mounted() {\n        const self = this\n        const htmlLegendPlugin = {\n            id: 'htmlLegend',\n            afterUpdate(chart, args, options) {\n                const ul = self.$refs[options.containerID]\n\n                // Remove old legend items\n                while (ul.firstChild) {\n                    ul.firstChild.remove()\n                }\n\n                // Reuse the built-in legendItems generator\n                const items = chart.options.plugins.legend.labels.generateLabels(chart)\n\n                items.forEach(async (item, i) => {\n                    const li = document.createElement('li')\n                    li.onclick = () => {\n                        const { type } = chart.config\n                        if (type === 'pie' || type === 'doughnut') {\n                            // Pie and doughnut charts only have a single dataset and visibility is per item\n                            chart.toggleDataVisibility(item.index)\n                        } else {\n                            chart.setDatasetVisibility(item.datasetIndex, !chart.isDatasetVisible(item.datasetIndex))\n                        }\n                        chart.update()\n                        self.$emit('legendClick', item)\n                    }\n\n                    // Color box\n                    const boxSpan = document.createElement('i')\n                    boxSpan.style.background = item.fillStyle\n                    boxSpan.style.borderColor = item.strokeStyle\n                    boxSpan.style.borderWidth = item.lineWidth + 'px'\n\n                    // Text\n                    const textContainer = document.createElement('div')\n                    textContainer.style.color = item.fontColor\n                    textContainer.style.textDecoration = item.hidden ? 'line-through' : ''\n                    const text = document.createTextNode(item.text)\n                    textContainer.appendChild(text)\n\n                    // Value\n                    const valueContainer = document.createElement('div')\n                    valueContainer.classList.add('ml-auto')\n                    valueContainer.style.color = item.fontColor\n                    valueContainer.style.textDecoration = item.hidden ? 'line-through' : ''\n                    const valueText = self.options.valueFormatter\n                        ? document.createTextNode(self.options.valueFormatter(self.chartData.datasets[0].data[i]))\n                        : document.createTextNode(self.chartData.datasets[0].data[i])\n                    valueContainer.appendChild(valueText)\n\n                    li.appendChild(boxSpan)\n                    li.appendChild(textContainer)\n\n                    const ComponentClass = Vue.extend(ContactsBtn)\n                    if (self.chartData.meta && self.chartData.meta.length > 0) {\n                        const isMetaPropsAllEmpty = Object.values(self.chartData.meta[i]).every(value => isNil(value))\n                        if (!isMetaPropsAllEmpty) {\n                            const instance = new ComponentClass({\n                                vuetify,\n                                propsData: {\n                                    rpId: self.rpid,\n                                    ids: self.chartData.meta[i]\n                                }\n                            })\n                            instance.$mount()\n                            li.appendChild(instance.$el)\n                        }\n                    }\n\n                    li.appendChild(valueContainer)\n                    ul.appendChild(li)\n                })\n            }\n        }\n\n        Chart.register(\n            ArcElement,\n            LineElement,\n            BarElement,\n            PointElement,\n            BarController,\n            BubbleController,\n            DoughnutController,\n            LineController,\n            PieController,\n            PolarAreaController,\n            RadarController,\n            ScatterController,\n            CategoryScale,\n            LinearScale,\n            LogarithmicScale,\n            RadialLinearScale,\n            TimeScale,\n            TimeSeriesScale,\n            Decimation,\n            Filler,\n            Legend,\n            Title,\n            Tooltip,\n            SubTitle\n        )\n        this.doughnutChart = new Chart(this.$refs.myChart, {\n            type: 'doughnut',\n            data: this.chartData,\n            options: {\n                cutout: '70%',\n                elements: {\n                    arc: {\n                        backgroundColor: this.colors,\n                        borderColor: 'transparent',\n                        // borderRadius: 9999,\n                        borderWidth: 0,\n                        offset: 0\n                    }\n                },\n                plugins: {\n                    tooltip: {\n                        callbacks: {\n                            label(context) {\n                                return self.options.valueFormatter ? self.options.valueFormatter(context.raw) : context.formattedValue\n                            }\n                        }\n                    },\n                    htmlLegend: {\n                        // ID of the container to put the legend in\n                        containerID: 'legend-container'\n                    },\n                    legend: {\n                        display: false\n                    }\n                }\n            },\n            plugins: [htmlLegendPlugin]\n        })\n    }\n}\n</script>\n\n<style lang=\"scss\">\nul.chartjs-legend {\n    padding: 0;\n    list-style: none;\n    li {\n        margin: 0;\n        display: flex;\n        cursor: pointer;\n        align-items: center;\n        padding: 0.1rem 0;\n        i {\n            width: 1rem;\n            height: 1rem;\n            margin-right: 0.5rem;\n            border-radius: 50%;\n            flex-shrink: 0;\n        }\n    }\n}\n</style>\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!./DoughnutChart.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!./DoughnutChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DoughnutChart.vue?vue&type=template&id=05c23b4a&\"\nimport script from \"./DoughnutChart.vue?vue&type=script&lang=js&\"\nexport * from \"./DoughnutChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DoughnutChart.vue?vue&type=style&index=0&id=05c23b4a&prod&lang=scss&\"\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":""}