{"version":3,"sources":["webpack:///./src/modules/pipeline/PipelineLinkWidget.vue?08dd","webpack:///src/modules/pipeline/PipelineLinkWidget.vue","webpack:///./src/modules/pipeline/PipelineLinkWidget.vue?6371","webpack:///./src/modules/pipeline/PipelineLinkWidget.vue","webpack:///./src/modules/pipeline/PipelineLinkWidget.vue?fd6f","webpack:///./src/modules/pipeline/PipelineLinkWidget.vue?3c07","webpack:///./src/modules/pipeline/PipelineLinkWidget.vue?1f03"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","scopedSlots","_u","key","fn","ref","on","_g","directives","name","rawName","value","content","tippyLabel","expression","class","iconOnly","staticClass","_v","opportunities","_s","length","_e","staticStyle","_l","opp","id","getClient","clientId","$event","viewOpportunity","unlink","linkOpportunity","staticRenderFns","component","VIcon","VMenu","___CSS_LOADER_API_IMPORT___","exports","push","module","i","__esModule","default","locals","add"],"mappings":"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","file":"js/chunk-1f01066e.9c9c91a1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-menu',{attrs:{\"close-on-click\":true,\"close-on-content-click\":true,\"bottom\":\"\",\"nudge-bottom\":\"10\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('div',_vm._g({directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({content: _vm.tippyLabel}),expression:\"{content: tippyLabel}\"}],class:(\"row-format centered \" + (_vm.iconOnly ? 'pipeline-icon' : 'pipeline-button'))},on),[_c('v-icon',{staticClass:\"material-symbols-rounded\",attrs:{\"color\":\"black\",\"size\":_vm.iconOnly ? 24 : 20}},[_vm._v(\"filter_alt\")]),(_vm.opportunities.length)?_c('div',{class:_vm.iconOnly ? 'opp-count-icon' : 'opp-count'},[_vm._v(_vm._s(_vm.opportunities.length))]):_vm._e()],1)]}}])},[_c('div',{staticClass:\"pa-4 font-14 text-left\",staticStyle:{\"background-color\":\"var(--v-white-base)\"}},[_vm._l((_vm.opportunities),function(opp){return _c('div',{key:opp.id,staticClass:\"row-format align-center\"},[(opp.clientId)?_c('client-avatar',{staticClass:\"mr-1\",attrs:{\"x-small\":true,\"client\":_vm.getClient(opp.clientId)}}):_vm._e(),_c('div',{staticClass:\"mr-2 pointer\",staticStyle:{\"white-space\":\"nowrap\"},on:{\"click\":function($event){return _vm.viewOpportunity(opp)}}},[_vm._v(_vm._s(opp.name))]),_c('v-icon',{staticClass:\"material-symbols-rounded ml-auto\",attrs:{\"color\":\"secondary\",\"size\":\"20\"},on:{\"click\":function($event){return _vm.unlink(opp)}}},[_vm._v(\"link_off\")])],1)}),_c('div',{staticClass:\"font-gray_70 brand-medium pointer mt-1\",on:{\"click\":_vm.linkOpportunity}},[_vm._v(\"+ Link to opportunity\")])],2)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div>\n\t\t<v-menu :close-on-click=\"true\" :close-on-content-click=\"true\" bottom nudge-bottom=\"10\">\n\t\t\t<template v-slot:activator=\"{on}\">\n\t\t\t\t<div v-on=\"on\" :class=\"`row-format centered ${iconOnly ? 'pipeline-icon' : 'pipeline-button'}`\" v-tippy=\"{content: tippyLabel}\">\n\t\t\t\t\t<v-icon color=\"black\" :size=\"iconOnly ? 24 : 20\" class=\"material-symbols-rounded\">filter_alt</v-icon>\n\t\t\t\t\t<div :class=\"iconOnly ? 'opp-count-icon' : 'opp-count'\" v-if=\"opportunities.length\">{{opportunities.length}}</div>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t\t<div style=\"background-color: var(--v-white-base);\" class=\"pa-4 font-14 text-left\">\n\t\t\t\t<div v-for=\"opp in opportunities\" :key=\"opp.id\" class=\"row-format align-center\">\n\t\t\t\t\t<client-avatar class=\"mr-1\" :x-small=\"true\" v-if=\"opp.clientId\" :client=\"getClient(opp.clientId)\"></client-avatar>\n\t\t\t\t\t<div style=\"white-space: nowrap\" class=\"mr-2 pointer\" @click=\"viewOpportunity(opp)\">{{opp.name}}</div>\n\t\t\t\t\t<v-icon class=\"material-symbols-rounded ml-auto\" color=\"secondary\" size=\"20\" @click=\"unlink(opp)\">link_off</v-icon>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"font-gray_70 brand-medium pointer mt-1\" @click=\"linkOpportunity\">+ Link to opportunity</div>\n\t\t\t</div>\n\t\t</v-menu>\n\t</div>\n</template>\n\n<script>\n\timport OpportunityService from \"@/modules/pipeline/OpportunityService\";\n\timport ClientAvatar from \"@/components/ClientAvatar\";\n\timport OpportunitySelector from \"@/modules/pipeline/OpportunitySelector\";\n\timport OpportunityDetail from \"@/modules/pipeline/opportunity/OpportunityDetail\";\n\n\texport default {\n\t\tname: 'PipelineLinkWidget',\n\n\t\tprops: ['itemType', 'itemId','clientId','iconOnly'],\n\n\t\tcomponents: {ClientAvatar},\n\n\t\tdata: function() {\n\t\t\treturn {\n\t\t\t\topportunities: [],\n\t\t\t\topportunityService: new OpportunityService()\n\t\t\t};\n\t\t},\n\n\t\tmounted() {\n\t\t\tthis.getLinked();\n\t\t},\n\n\t\tbeforeDestroy() {},\n\n\t\tmethods: {\n\t\t\tgetLinked: function(){\n\t\t\t\tthis.opportunityService.getLinkedWithActivity(this.itemType,this.itemId).then((res) => {\n\t\t\t\t\tthis.opportunities.splice(0,this.opportunities.length);\n\t\t\t\t\tthis.opportunities.push(... res.data);\n\t\t\t\t})\n\t\t\t},\n\n\t\t\tgetClient: function(clientId){\n\t\t\t\treturn this.$store.getters.getClientById(clientId);\n\t\t\t},\n\n\t\t\tunlink: function(opportunity){\n\t\t\t\tthis.opportunityService.unlinkWithActivity(opportunity.id,this.itemType,this.itemId).then(() => this.getLinked());\n\t\t\t},\n\n\t\t\tviewOpportunity: function(opportunity){\n\t\t\t\tlet binding = {\n\t\t\t\t\tid: opportunity.id,\n\t\t\t\t\tpipelineStages: null,\n\t\t\t\t\tpipelineFields: null,\n\t\t\t\t}\n\t\t\t\tthis.$store.state.globalModalController.openModal(OpportunityDetail,binding);\n\t\t\t},\n\n\t\t\tlinkOpportunity: function(){\n\t\t\t\tlet binding = {\n\t\t\t\t\tclientId: this.clientId,\n\t\t\t\t}\n\t\t\t\tthis.$store.state.globalModalController.openModal(OpportunitySelector,binding).then((res) => {\n\t\t\t\t\tif(res){\n\t\t\t\t\t\tthis.opportunityService.linkToActivity(res.id,this.itemType,this.itemId).then(() => this.getLinked());\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t},\n\n\t\tcomputed: {\n\t\t\ttippyLabel: function(){\n\t\t\t\tif(this.opportunities.length){\n\t\t\t\t\treturn `Linked to ${this.opportunities.length} ${this.opportunities.length > 1 ? 'opportunities' : 'opportunity'}`;\n\t\t\t\t}else{\n\t\t\t\t\treturn 'Link to pipeline opportunity'\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t};\n</script>\n\n<style scoped lang=\"scss\">\n\t.pipeline-button {\n\t\tborder: 1px solid var(--v-gray_50-base);\n\t\twidth: 32px;\n\t\theight: 32px;\n\t\tborder-radius: 20px;\n\t\tposition: relative;\n\t\tcursor: pointer;\n\t\t&:hover{\n\t\t\tbackground-color: var(--v-gray_10-base);\n\t\t}\n\t}\n\n\t.pipeline-icon {\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tborder-radius: 20px;\n\t\tposition: relative;\n\t\tcursor: pointer;\n\t\t&:hover{\n\t\t\tbackground-color: var(--v-gray_10-base);\n\t\t}\n\t}\n\n\n\t.opp-count-icon {\n\t\tposition: absolute;\n\t\ttop: -4px;\n\t\tright:-4px;\n\t\tbackground-color: var(--v-accent-base);\n\t\tcolor: var(--v-secondary-base);\n\t\tfont-size: 12px;\n\t\tfont-weight: 500;\n\t\twidth:16px;\n\t\theight:16px;\n\t\tborder-radius: 12px;\n\t\ttext-align: center;\n\n\t}\n\n\t.opp-count {\n\t\tposition: absolute;\n\t\ttop: -4px;\n\t\tright:-4px;\n\t\tbackground-color: var(--v-secondary-base);\n\t\tcolor: var(--v-white-base);\n\t\tfont-size: 12px;\n\t\tfont-weight: 500;\n\t\twidth:16px;\n\t\theight:16px;\n\t\tborder-radius: 12px;\n\t\ttext-align: center;\n\n\t}\n</style>\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!./PipelineLinkWidget.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!./PipelineLinkWidget.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PipelineLinkWidget.vue?vue&type=template&id=069eb715&scoped=true&\"\nimport script from \"./PipelineLinkWidget.vue?vue&type=script&lang=js&\"\nexport * from \"./PipelineLinkWidget.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PipelineLinkWidget.vue?vue&type=style&index=0&id=069eb715&scoped=true&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  \"069eb715\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\ninstallComponents(component, {VIcon,VMenu})\n","export * from \"-!../../../node_modules/vue-style-loader/index.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PipelineLinkWidget.vue?vue&type=style&index=0&id=069eb715&scoped=true&lang=scss&\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".pipeline-button[data-v-069eb715]{border:1px solid var(--v-gray_50-base);width:32px;height:32px;border-radius:20px;position:relative;cursor:pointer}.pipeline-button[data-v-069eb715]:hover{background-color:var(--v-gray_10-base)}.pipeline-icon[data-v-069eb715]{width:24px;height:24px;border-radius:20px;position:relative;cursor:pointer}.pipeline-icon[data-v-069eb715]:hover{background-color:var(--v-gray_10-base)}.opp-count-icon[data-v-069eb715]{background-color:var(--v-accent-base);color:var(--v-secondary-base)}.opp-count[data-v-069eb715],.opp-count-icon[data-v-069eb715]{position:absolute;top:-4px;right:-4px;font-size:12px;font-weight:500;width:16px;height:16px;border-radius:12px;text-align:center}.opp-count[data-v-069eb715]{background-color:var(--v-secondary-base);color:var(--v-white-base)}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PipelineLinkWidget.vue?vue&type=style&index=0&id=069eb715&scoped=true&lang=scss&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"9df5660a\", content, true, {\"sourceMap\":false,\"shadowMode\":false});"],"sourceRoot":""}