{"version":3,"sources":["webpack:///./src/components/Globals/Pipeline/SmuColumn.vue","webpack:///src/components/Globals/Pipeline/SmuColumn.vue","webpack:///./src/components/Globals/Pipeline/SmuColumn.vue?ff7d","webpack:///./src/components/Globals/Pipeline/SmuColumn.vue?85c7"],"names":["render","_vm","this","_c","_self","staticClass","mobile","_e","_v","on","$event","toggleSlSelectedItemsAll","class","all","_l","legendColors","pill","k","key","style","getOpacity","toggleSlSelectedItems","_s","name","loading","attrs","smuFiltered","el","id","removeCharacters","id_sl","length","color","_f","total_sales","successOrDangerClass","objective_sale","avg_sale","estimated_sales","objective_estimated_sales","effectiveness_ratio","staticRenderFns","PipelineSMUMobile","props","components","data","smu","watch","loadingSl","getSmu","params","methods","_this","axios","get","then","response","slSelectedItems","includes","item","actions","str","replace","state","index","Object","keys","addSlSelectedItems","clearSlSelectedItems","computed","globalParams","slLegendColors","_this$sortBy$value","_this$sortBy","_this2","arr","filter","val","sortBy","value","direction","_","orderBy","mounted","component"],"mappings":"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","file":"js/chunk-2d21a600.1d01fabb.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"h-full flex flex-col overflow-hidden\"},[(!_vm.mobile)?_c('div',{staticClass:\"h-12 flex-none flex items-center mb-2\"},[_c('div',{staticClass:\"module-title self-center\"},[_vm._v(\"SMU\")]),_c('div',{staticClass:\"flex ml-auto\"},[_c('div',{staticClass:\"ml-2\"},[_c('div',{staticClass:\"pill-gray h-full flex flex-col justify-center items-center\",on:{\"click\":function($event){return _vm.toggleSlSelectedItemsAll()}}},[_c('span',{class:{ 'text-aux': _vm.all }},[_vm._v(\"ALL\")])])]),_vm._l((_vm.legendColors),function(pill,k){return _c('div',{key:k,staticClass:\"ml-2\"},[_c('div',{staticClass:\"pill-gray\",style:(_vm.getOpacity(pill, k)),on:{\"click\":function($event){return _vm.toggleSlSelectedItems(k)}}},[_vm._v(\" \"+_vm._s(pill.name)+\" \")])])})],2)]):_vm._e(),_c('div',{staticClass:\"flex-1 overflow-hidden relative flex flex-col min-h-0\"},[(_vm.loading)?_c('div',{staticClass:\"absolute bg-box-80 z-1flex items-center mb-40 h-full w-full top-0 rounded-lg left-0\"},[_c('loader',{attrs:{\"loading\":_vm.loading}})],1):_vm._e(),(_vm.mobile)?_c('div',{staticClass:\"overflow-auto flex-1 pb-8 no-scrollbar\"},[_vm._l((_vm.smuFiltered),function(el){return _c('PipelineSMUMobile',{key:el.id +\n          '' +\n          _vm.removeCharacters(el.id_sl) +\n          '' +\n          _vm.removeCharacters(el.name),attrs:{\"data\":el,\"desktop\":true}})}),(_vm.smuFiltered.length == 0)?_c('div',{staticClass:\"h-full flex flex-col justify-center items-center\"},[_c('span',{staticClass:\"text-font-gray text-xs\"},[_vm._v(\"No SL Selected\")])]):_vm._e()],2):[(_vm.smuFiltered.length > 0)?_c('transition-group',{staticClass:\"h-full overflow-y-auto pb-10\",attrs:{\"name\":\"fade\",\"tag\":\"div\"}},_vm._l((_vm.smuFiltered),function(el){return _c('div',{key:el.id +\n            '' +\n            _vm.removeCharacters(el.id_sl) +\n            '' +\n            _vm.removeCharacters(el.name),staticClass:\"box mb-2 flex\"},[_c('div',{staticClass:\"w-1 rounded mr-2\",style:('background-color:' + _vm.legendColors[el.id_sl].color + ';')}),_c('div',{staticClass:\"flex flex-col w-full overflow-hidden\"},[_c('div',{staticClass:\"text-xl font-bold mb-4\"},[_vm._v(_vm._s(el.name))]),_c('div',{staticClass:\"flex items-center\"},[_c('div',{staticClass:\"w-4/9 pr-4 flex items-center\"},[_c('div',{staticClass:\"text-font-gray text-sm\"},[_vm._v(\"Sales\")]),_c('div',{staticClass:\"text-xl ml-4\"},[_vm._v(\" \"+_vm._s(_vm._f(\"reduceBigNumbers\")(el.total_sales,2))+\"€ \")]),_c('div',{staticClass:\"text-font-gray text-sm ml-auto\"},[_vm._v(\"vs Obj\")]),_c('div',{staticClass:\"text-xl ml-4\",class:_vm.successOrDangerClass(el.objective_sale, 100)},[(el.objective_sale > 0)?_c('span',[_vm._v(\"+\")]):_vm._e(),_vm._v(_vm._s(_vm._f(\"numberFormat\")(el.objective_sale,2))),(\n                      el.objective_sale != 'N/A' && el.objective_sale != 'TBD'\n                    )?_c('span',[_vm._v(\"%\")]):_vm._e()]),_c('div',{staticClass:\"text-font-gray text-sm ml-auto\"},[_vm._v(\"vs Avg\")]),_c('div',{staticClass:\"text-xl ml-4\"},[(\n                      el.avg_sale > 0 &&\n                      el.avg_sale != 'N/A' &&\n                      el.avg_sale != 'TBD'\n                    )?_c('span',[_vm._v(\"+\")]):_vm._e(),_vm._v(_vm._s(_vm._f(\"numberFormat\")(el.avg_sale,2))+\" \"),(el.avg_sale != 'N/A' && el.avg_sale != 'TBD')?_c('span',[_vm._v(\"ptos.\")]):_vm._e()])]),_c('div',{staticClass:\"w-1/3 px-4 flex items-center\"},[_c('div',{staticClass:\"text-font-gray text-sm\"},[_vm._v(\"Sales Estimated\")]),_c('div',{staticClass:\"text-xl ml-4\"},[_vm._v(\" \"+_vm._s(_vm._f(\"reduceBigNumbers\")(el.estimated_sales,2))+\"€ \")]),_c('div',{staticClass:\"text-font-gray text-sm ml-auto\"},[_vm._v(\"vs Obj\")]),_c('div',{staticClass:\"text-xl ml-4\"},[(el.objective_estimated_sales > 0)?_c('span',[_vm._v(\"+\")]):_vm._e(),_vm._v(_vm._s(_vm._f(\"numberFormat\")(el.objective_estimated_sales,2))),(\n                      el.objective_estimated_sales != 'N/A' &&\n                      el.objective_estimated_sales != 'TBD'\n                    )?_c('span',[_vm._v(\"%\")]):_vm._e()])]),_c('div',{staticClass:\"flex-none w-2/9 pl-4 flex items-center\"},[_c('div',{staticClass:\"text-font-gray text-sm mr-4\"},[_vm._v(\" Effectiveness ratio \")]),_c('div',{staticClass:\"text-xl\"},[_vm._v(\" \"+_vm._s(_vm._f(\"reduceBigNumbers\")(el.effectiveness_ratio,2))+\"% \")])])])])])}),0):_c('div',{staticClass:\"h-full flex flex-col justify-center items-center\"},[_c('span',{staticClass:\"text-font-gray\"},[_vm._v(\"No SL Selected\")])])]],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"h-full flex flex-col overflow-hidden\">\r\n    <div class=\"h-12 flex-none flex items-center mb-2\" v-if=\"!mobile\">\r\n      <div class=\"module-title self-center\">SMU</div>\r\n      <div class=\"flex ml-auto\">\r\n        <div class=\"ml-2\">\r\n          <div\r\n            @click=\"toggleSlSelectedItemsAll()\"\r\n            class=\"pill-gray h-full flex flex-col justify-center items-center\"\r\n          >\r\n            <span :class=\"{ 'text-aux': all }\">ALL</span>\r\n          </div>\r\n        </div>\r\n        <div class=\"ml-2\" v-for=\"(pill, k) in legendColors\" :key=\"k\">\r\n          <div\r\n            @click=\"toggleSlSelectedItems(k)\"\r\n            class=\"pill-gray\"\r\n            :style=\"getOpacity(pill, k)\"\r\n          >\r\n            {{ pill.name }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"flex-1 overflow-hidden relative flex flex-col min-h-0\">\r\n      <div\r\n        class=\"absolute bg-box-80 z-1flex items-center mb-40 h-full w-full top-0 rounded-lg left-0\"\r\n        v-if=\"loading\"\r\n      >\r\n        <loader :loading=\"loading\" />\r\n      </div>\r\n\r\n      <div v-if=\"mobile\" class=\"overflow-auto flex-1 pb-8 no-scrollbar\">\r\n        <PipelineSMUMobile\r\n          v-for=\"el in smuFiltered\"\r\n          :key=\"\r\n            el.id +\r\n            '' +\r\n            removeCharacters(el.id_sl) +\r\n            '' +\r\n            removeCharacters(el.name)\r\n          \"\r\n          :data=\"el\"\r\n          :desktop=\"true\"\r\n        />\r\n\r\n        <div\r\n          v-if=\"smuFiltered.length == 0\"\r\n          class=\"h-full flex flex-col justify-center items-center\"\r\n        >\r\n          <span class=\"text-font-gray text-xs\">No SL Selected</span>\r\n        </div>\r\n      </div>\r\n\r\n      <template v-else>\r\n        <transition-group\r\n          name=\"fade\"\r\n          tag=\"div\"\r\n          class=\"h-full overflow-y-auto pb-10\"\r\n          v-if=\"smuFiltered.length > 0\"\r\n        >\r\n          <div\r\n            class=\"box mb-2 flex\"\r\n            :key=\"\r\n              el.id +\r\n              '' +\r\n              removeCharacters(el.id_sl) +\r\n              '' +\r\n              removeCharacters(el.name)\r\n            \"\r\n            v-for=\"el in smuFiltered\"\r\n          >\r\n            <div\r\n              class=\"w-1 rounded mr-2\"\r\n              :style=\"'background-color:' + legendColors[el.id_sl].color + ';'\"\r\n            ></div>\r\n            <div class=\"flex flex-col w-full overflow-hidden\">\r\n              <div class=\"text-xl font-bold mb-4\">{{ el.name }}</div>\r\n              <div class=\"flex items-center\">\r\n                <div class=\"w-4/9 pr-4 flex items-center\">\r\n                  <div class=\"text-font-gray text-sm\">Sales</div>\r\n                  <div class=\"text-xl ml-4\">\r\n                    {{ el.total_sales | reduceBigNumbers(2) }}€\r\n                  </div>\r\n                  <div class=\"text-font-gray text-sm ml-auto\">vs Obj</div>\r\n                  <div\r\n                    class=\"text-xl ml-4\"\r\n                    :class=\"successOrDangerClass(el.objective_sale, 100)\"\r\n                  >\r\n                    <span v-if=\"el.objective_sale > 0\">+</span\r\n                    >{{ el.objective_sale | numberFormat(2)\r\n                    }}<span\r\n                      v-if=\"\r\n                        el.objective_sale != 'N/A' && el.objective_sale != 'TBD'\r\n                      \"\r\n                      >%</span\r\n                    >\r\n                  </div>\r\n                  <div class=\"text-font-gray text-sm ml-auto\">vs Avg</div>\r\n                  <div class=\"text-xl ml-4\">\r\n                    <span\r\n                      v-if=\"\r\n                        el.avg_sale > 0 &&\r\n                        el.avg_sale != 'N/A' &&\r\n                        el.avg_sale != 'TBD'\r\n                      \"\r\n                      >+</span\r\n                    >{{ el.avg_sale | numberFormat(2) }}\r\n                    <span v-if=\"el.avg_sale != 'N/A' && el.avg_sale != 'TBD'\"\r\n                      >ptos.</span\r\n                    >\r\n                  </div>\r\n                </div>\r\n                <div class=\"w-1/3 px-4 flex items-center\">\r\n                  <div class=\"text-font-gray text-sm\">Sales Estimated</div>\r\n                  <div class=\"text-xl ml-4\">\r\n                    {{ el.estimated_sales | reduceBigNumbers(2) }}€\r\n                  </div>\r\n                  <div class=\"text-font-gray text-sm ml-auto\">vs Obj</div>\r\n                  <div class=\"text-xl ml-4\">\r\n                    <span v-if=\"el.objective_estimated_sales > 0\">+</span\r\n                    >{{ el.objective_estimated_sales | numberFormat(2)\r\n                    }}<span\r\n                      v-if=\"\r\n                        el.objective_estimated_sales != 'N/A' &&\r\n                        el.objective_estimated_sales != 'TBD'\r\n                      \"\r\n                      >%</span\r\n                    >\r\n                  </div>\r\n                </div>\r\n                <div class=\"flex-none w-2/9 pl-4 flex items-center\">\r\n                  <div class=\"text-font-gray text-sm mr-4\">\r\n                    Effectiveness ratio\r\n                  </div>\r\n                  <div class=\"text-xl\">\r\n                    {{ el.effectiveness_ratio | reduceBigNumbers(2) }}%\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </transition-group>\r\n        <div v-else class=\"h-full flex flex-col justify-center items-center\">\r\n          <span class=\"text-font-gray\">No SL Selected</span>\r\n        </div>\r\n      </template>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { state, actions } from \"@/store\";\r\nconst PipelineSMUMobile = () =>\r\n  import(\"@/components/Mobile/Pipeline/PipelineSmu\");\r\n\r\nexport default {\r\n  name: \"SMUColumn\",\r\n  props: [\"loadingSl\", \"sortBy\", \"sortOrder\", \"mobile\"],\r\n  components: {\r\n    PipelineSMUMobile,\r\n  },\r\n  data() {\r\n    return {\r\n      smu: null,\r\n      loading: false,\r\n      all: false,\r\n    };\r\n  },\r\n  watch: {\r\n    loadingSl() {\r\n      if (!this.loadingSl) {\r\n        this.getSmu();\r\n      }\r\n    },\r\n    params() {\r\n      this.getSmu();\r\n    },\r\n  },\r\n  methods: {\r\n    getSmu() {\r\n      if (!this.params) {\r\n        return;\r\n      }\r\n      this.smu = [];\r\n      this.loading = true;\r\n      this.axios\r\n        .get(\"pipeline/competency\", { params: this.params })\r\n        .then((response) => {\r\n          this.smu = response.data.data;\r\n          this.loading = false;\r\n        });\r\n    },\r\n    getOpacity(pill, k) {\r\n      if (this.slSelectedItems.includes(k)) {\r\n        return (\r\n          \"color:\" + pill.color + \";background-color:\" + pill.color + \"25;\"\r\n        );\r\n      }\r\n    },\r\n    toggleSlSelectedItems(item) {\r\n      actions.toggleSlSelectedItems(item);\r\n    },\r\n    removeCharacters(str) {\r\n      return str.replace(/[^A-Z0-9]+/gi, \"_\");\r\n    },\r\n    toggleSlSelectedItemsAll() {\r\n      this.all = !this.all;\r\n\r\n      if (state.slSelectedItems.length == 9 || !this.all) {\r\n        actions.clearSlSelectedItems();\r\n      } else {\r\n        for (\r\n          let index = 0;\r\n          index < Object.keys(this.legendColors).length;\r\n          index++\r\n        ) {\r\n          actions.addSlSelectedItems(Object.keys(this.legendColors)[index]);\r\n        }\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    params() {\r\n      return state.globalParams;\r\n    },\r\n    legendColors() {\r\n      return state.slLegendColors;\r\n    },\r\n    slSelectedItems() {\r\n      return state.slSelectedItems;\r\n    },\r\n    smuFiltered() {\r\n      let arr = [];\r\n\r\n      if (this.smu && this.smu.length > 0) {\r\n        arr = this.smu.filter((item) => {\r\n          return this.slSelectedItems.includes(item.id_sl);\r\n        });\r\n      }\r\n      let val = this?.sortBy?.value ?? \"name\";\r\n      let direction = val == \"name\" ? \"asc\" : \"desc\";\r\n\r\n      return _.orderBy(arr, [val], [direction]);\r\n    },\r\n  },\r\n  mounted() {\r\n    this.getSmu();\r\n  },\r\n};\r\n</script>\r\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!./SmuColumn.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!./SmuColumn.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SmuColumn.vue?vue&type=template&id=48ba4ba7&\"\nimport script from \"./SmuColumn.vue?vue&type=script&lang=js&\"\nexport * from \"./SmuColumn.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":""}