{"version":3,"sources":["webpack:///./src/components/Globals/Pipeline/SlColumn.vue","webpack:///src/components/Globals/Pipeline/SlColumn.vue","webpack:///./src/components/Globals/Pipeline/SlColumn.vue?bc76","webpack:///./src/components/Globals/Pipeline/SlColumn.vue?3b4a"],"names":["render","_vm","this","_c","_self","staticClass","loading","attrs","_e","mobile","_l","slSorted","el","key","removeCharacters","id","on","nextPage","i","style","legendColors","color","_v","_s","name","class","slSelectedItems","includes","$event","toggleSlSelectedItems","_f","total_sales","successOrDangerClass","objective_sale","avg_sale","estimated_sales","objective_estimated_sales","effectiveness_ratio","staticRenderFns","PipelineSl","components","props","data","sl","computed","params","state","globalParams","slLegendColors","sortBy","_","orderBy","value","direction","watch","n","o","getSl","methods","_this","actions","clearSlSelectedItems","$emit","axios","get","then","response","$setColorsBySector","item","str","replace","mounted","component"],"mappings":"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","file":"js/chunk-2d22d5f2.e0521e5e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"h-full overflow-hidden relative\"},[(_vm.loading)?_c('div',{staticClass:\"absolute bg-box-80 z-10 h-full w-full top-0 rounded-lg left-0\"},[_c('loader',{attrs:{\"loading\":_vm.loading}})],1):_vm._e(),(_vm.mobile)?_c('div',{staticClass:\"h-full overflow-auto no-scrollbar pb-8\"},_vm._l((_vm.slSorted),function(el){return _c('pipeline-sl',{key:_vm.removeCharacters(el.id),attrs:{\"data\":el},on:{\"nextPage\":_vm.nextPage}})}),1):[_c('transition-group',{staticClass:\"h-full overflow-y-auto\",attrs:{\"name\":\"fade\",\"tag\":\"div\"}},_vm._l((_vm.slSorted),function(i){return _c('div',{key:_vm.removeCharacters(i.id),staticClass:\"box mb-2\"},[_c('div',{staticClass:\"flex items-center mb-4\"},[_c('div',{staticClass:\"w-1 rounded-full h-6 mr-2\",style:('background-color:' + _vm.legendColors[i.id].color + ';')}),_c('div',{staticClass:\"text-2xl\"},[_vm._v(_vm._s(i.name))]),_c('div',{staticClass:\"h-8 w-8 rounded-lg flex flex-col justify-center items-center ml-auto cursor-pointer\",class:{\n              'bg-aux-15 text-aux': _vm.slSelectedItems.includes(i.id),\n              'bg-filters-80 text-font-gray': !_vm.slSelectedItems.includes(i.id),\n            },on:{\"click\":function($event){return _vm.toggleSlSelectedItems(i.id)}}},[(_vm.slSelectedItems.includes(i.id))?_c('i',{staticClass:\"mdi mdi-eye-outline\"}):_c('i',{staticClass:\"mdi mdi-eye-off-outline\"})])]),_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"w-1/2 pr-4\"},[_c('div',{staticClass:\"flex items-center h-7 mb-3\"},[_c('div',{staticClass:\"text-tiny text-font-gray\"},[_vm._v(\"Sales\")]),_c('div',{staticClass:\"ml-auto text-xl font-semibold\"},[_vm._v(\" \"+_vm._s(_vm._f(\"reduceBigNumbers\")(i.total_sales,2))+\"€ \")])]),_c('div',{staticClass:\"flex items-center h-6 mb-4\"},[_c('div',{staticClass:\"flex items-center\"},[_c('div',{staticClass:\"mr-4 text-font-dark text-sm\"},[_vm._v(\"vs Obj\")]),_c('div',{class:_vm.successOrDangerClass(i.objective_sale, 100)},[(i.objective_sale > 0)?_c('span',[_vm._v(\"+\")]):_vm._e(),_vm._v(_vm._s(_vm._f(\"numberFormat\")(i.objective_sale,2))),(\n                      i.objective_sale != 'N/A' && i.objective_sale != 'TBD'\n                    )?_c('span',[_vm._v(\"%\")]):_vm._e()])]),_c('div',{staticClass:\"flex items-center ml-auto\"},[_c('div',{staticClass:\"mr-4 text-font-dark text-sm\"},[_vm._v(\"vs Avg(SL)\")]),_c('div',[(i.avg_sale > 0 && i.avg_sale != 'TBD')?_c('span',[_vm._v(\"+\")]):_vm._e(),_vm._v(_vm._s(_vm._f(\"numberFormat\")(i.avg_sale,2))+\" \"),(i.avg_sale != 'TBD')?_c('span',[_vm._v(\"ptos.\")]):_vm._e()])])]),_c('div',{staticClass:\"rounded-full h-2 bg-progress overflow-hidden relative\"},[(i.avg_sale != 'TBD')?_c('div',{staticClass:\"rounded-full bg-success h-full absolute left-0\",style:('width:' + i.avg_sale + '%;')}):_c('div',{staticClass:\"rounded-full bg-success h-full absolute left-0\",style:('width:100%;')}),(i.objective_sale != 'TBD')?_c('div',{staticClass:\"rounded-full bg-blue z-10 h-full absolute left-0\",style:('width:' + i.objective_sale + '%;')}):_c('div',{staticClass:\"rounded-full bg-blue z-10 h-full absolute left-0\",style:('width:100%;')})])]),_c('div',{staticClass:\"w-3/10 px-4\"},[_c('div',{staticClass:\"flex items-center h-7 mb-3\"},[_c('div',{staticClass:\"text-tiny text-font-gray\"},[_vm._v(\"Sales Estimated\")]),_c('div',{staticClass:\"ml-auto text-xl font-semibold\"},[_vm._v(\" \"+_vm._s(_vm._f(\"reduceBigNumbers\")(i.estimated_sales,2))+\"€ \")])]),_c('div',{staticClass:\"flex justify-center items-center h-6 mb-4\"},[_c('div',{staticClass:\"flex items-center\"},[_c('div',{staticClass:\"mr-4 text-font-dark text-sm\"},[_vm._v(\"vs Obj\")]),_c('div',[(i.objective_estimated_sales > 0)?_c('span',[_vm._v(\"+\")]):_vm._e(),_vm._v(_vm._s(_vm._f(\"numberFormat\")(i.objective_estimated_sales,2))),(\n                      i.objective_estimated_sales != 'N/A' &&\n                      i.objective_estimated_sales != 'TBD'\n                    )?_c('span',[_vm._v(\"%\")]):_vm._e()])])]),_c('div',{staticClass:\"rounded-full h-2 bg-progress flex overflow-hidden\"},[(\n                  i.objective_estimated_sales != 'N/A' &&\n                  i.objective_estimated_sales != 'TBD'\n                )?_c('div',{staticClass:\"rounded-full bg-warning h-full\",style:('width:' + i.objective_estimated_sales + '%;')}):_c('div',{staticClass:\"rounded-full bg-warning h-full\",style:('width:100%;')})])]),_c('div',{staticClass:\"w-1/5 pl-4\"},[_c('div',{staticClass:\"flex items-center h-7 mb-3\"},[_c('div',{staticClass:\"text-tiny text-font-gray\"},[_vm._v(\"Effectiveness ratio\")])]),_c('div',{staticClass:\"flex justify-center items-center h-6 mb-4\"},[_c('div',{staticClass:\"text-xl\"},[_vm._v(\" \"+_vm._s(_vm._f(\"numberFormat\")(i.effectiveness_ratio,2))+\"% \")])]),_c('div',{staticClass:\"rounded-full h-2 bg-progress flex overflow-hidden\"},[_c('div',{staticClass:\"rounded-full bg-danger h-full\",style:('width:' + i.effectiveness_ratio + '%;')})])])])])}),0)]],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"h-full overflow-hidden relative\">\r\n    <div\r\n      class=\"absolute bg-box-80 z-10 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=\"h-full overflow-auto no-scrollbar pb-8\">\r\n      <pipeline-sl\r\n        v-for=\"el in slSorted\"\r\n        :key=\"removeCharacters(el.id)\"\r\n        :data=\"el\"\r\n        @nextPage=\"nextPage\"\r\n      />\r\n    </div>\r\n\r\n    <template v-else>\r\n      <transition-group name=\"fade\" tag=\"div\" class=\"h-full overflow-y-auto\">\r\n        <div\r\n          class=\"box mb-2\"\r\n          :key=\"removeCharacters(i.id)\"\r\n          v-for=\"i in slSorted\"\r\n        >\r\n          <div class=\"flex items-center mb-4\">\r\n            <div\r\n              class=\"w-1 rounded-full h-6 mr-2\"\r\n              :style=\"'background-color:' + legendColors[i.id].color + ';'\"\r\n            ></div>\r\n            <div class=\"text-2xl\">{{ i.name }}</div>\r\n\r\n            <div\r\n              class=\"h-8 w-8 rounded-lg flex flex-col justify-center items-center ml-auto cursor-pointer\"\r\n              :class=\"{\r\n                'bg-aux-15 text-aux': slSelectedItems.includes(i.id),\r\n                'bg-filters-80 text-font-gray': !slSelectedItems.includes(i.id),\r\n              }\"\r\n              @click=\"toggleSlSelectedItems(i.id)\"\r\n            >\r\n              <i\r\n                class=\"mdi mdi-eye-outline\"\r\n                v-if=\"slSelectedItems.includes(i.id)\"\r\n              ></i>\r\n              <i class=\"mdi mdi-eye-off-outline\" v-else></i>\r\n            </div>\r\n          </div>\r\n          <div class=\"flex\">\r\n            <div class=\"w-1/2 pr-4\">\r\n              <div class=\"flex items-center h-7 mb-3\">\r\n                <div class=\"text-tiny text-font-gray\">Sales</div>\r\n                <div class=\"ml-auto text-xl font-semibold\">\r\n                  {{ i.total_sales | reduceBigNumbers(2) }}€\r\n                </div>\r\n              </div>\r\n              <div class=\"flex items-center h-6 mb-4\">\r\n                <div class=\"flex items-center\">\r\n                  <div class=\"mr-4 text-font-dark text-sm\">vs Obj</div>\r\n                  <div :class=\"successOrDangerClass(i.objective_sale, 100)\">\r\n                    <span v-if=\"i.objective_sale > 0\">+</span\r\n                    >{{ i.objective_sale | numberFormat(2)\r\n                    }}<span\r\n                      v-if=\"\r\n                        i.objective_sale != 'N/A' && i.objective_sale != 'TBD'\r\n                      \"\r\n                      >%</span\r\n                    >\r\n                  </div>\r\n                </div>\r\n                <div class=\"flex items-center ml-auto\">\r\n                  <div class=\"mr-4 text-font-dark text-sm\">vs Avg(SL)</div>\r\n                  <div>\r\n                    <span v-if=\"i.avg_sale > 0 && i.avg_sale != 'TBD'\">+</span\r\n                    >{{ i.avg_sale | numberFormat(2) }}\r\n                    <span v-if=\"i.avg_sale != 'TBD'\">ptos.</span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div\r\n                class=\"rounded-full h-2 bg-progress overflow-hidden relative\"\r\n              >\r\n                <div\r\n                  class=\"rounded-full bg-success h-full absolute left-0\"\r\n                  v-if=\"i.avg_sale != 'TBD'\"\r\n                  :style=\"'width:' + i.avg_sale + '%;'\"\r\n                ></div>\r\n                <div\r\n                  class=\"rounded-full bg-success h-full absolute left-0\"\r\n                  v-else\r\n                  :style=\"'width:100%;'\"\r\n                ></div>\r\n                <div\r\n                  class=\"rounded-full bg-blue z-10 h-full absolute left-0\"\r\n                  v-if=\"i.objective_sale != 'TBD'\"\r\n                  :style=\"'width:' + i.objective_sale + '%;'\"\r\n                ></div>\r\n                <div\r\n                  class=\"rounded-full bg-blue z-10 h-full absolute left-0\"\r\n                  v-else\r\n                  :style=\"'width:100%;'\"\r\n                ></div>\r\n              </div>\r\n            </div>\r\n            <div class=\"w-3/10 px-4\">\r\n              <div class=\"flex items-center h-7 mb-3\">\r\n                <div class=\"text-tiny text-font-gray\">Sales Estimated</div>\r\n                <div class=\"ml-auto text-xl font-semibold\">\r\n                  {{ i.estimated_sales | reduceBigNumbers(2) }}€\r\n                </div>\r\n              </div>\r\n              <div class=\"flex justify-center items-center h-6 mb-4\">\r\n                <div class=\"flex items-center\">\r\n                  <div class=\"mr-4 text-font-dark text-sm\">vs Obj</div>\r\n                  <div>\r\n                    <span v-if=\"i.objective_estimated_sales > 0\">+</span\r\n                    >{{ i.objective_estimated_sales | numberFormat(2)\r\n                    }}<span\r\n                      v-if=\"\r\n                        i.objective_estimated_sales != 'N/A' &&\r\n                        i.objective_estimated_sales != 'TBD'\r\n                      \"\r\n                      >%</span\r\n                    >\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"rounded-full h-2 bg-progress flex overflow-hidden\">\r\n                <div\r\n                  class=\"rounded-full bg-warning h-full\"\r\n                  v-if=\"\r\n                    i.objective_estimated_sales != 'N/A' &&\r\n                    i.objective_estimated_sales != 'TBD'\r\n                  \"\r\n                  :style=\"'width:' + i.objective_estimated_sales + '%;'\"\r\n                ></div>\r\n                <div\r\n                  class=\"rounded-full bg-warning h-full\"\r\n                  v-else\r\n                  :style=\"'width:100%;'\"\r\n                ></div>\r\n              </div>\r\n            </div>\r\n            <div class=\"w-1/5 pl-4\">\r\n              <div class=\"flex items-center h-7 mb-3\">\r\n                <div class=\"text-tiny text-font-gray\">Effectiveness ratio</div>\r\n              </div>\r\n              <div class=\"flex justify-center items-center h-6 mb-4\">\r\n                <div class=\"text-xl\">\r\n                  {{ i.effectiveness_ratio | numberFormat(2) }}%\r\n                </div>\r\n              </div>\r\n              <div class=\"rounded-full h-2 bg-progress flex overflow-hidden\">\r\n                <div\r\n                  class=\"rounded-full bg-danger h-full\"\r\n                  :style=\"'width:' + i.effectiveness_ratio + '%;'\"\r\n                ></div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </transition-group>\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst PipelineSl = () => import(\"@/components/Mobile/Pipeline/PipelineSl\");\r\n\r\nimport { state, actions } from \"@/store\";\r\nexport default {\r\n  components: {\r\n    PipelineSl,\r\n  },\r\n  props: [\"sortBy\", \"sortOrder\", \"mobile\"],\r\n  data() {\r\n    return {\r\n      sl: null,\r\n      loading: false,\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    slSorted() {\r\n      return this.sortBy\r\n        ? _.orderBy(this.sl, [this.sortBy.value], [this.sortBy.direction])\r\n        : this.sl;\r\n    },\r\n  },\r\n  watch: {\r\n    params(n, o) {\r\n      this.getSl();\r\n    },\r\n  },\r\n  methods: {\r\n    getSl() {\r\n      if (!this.params) {\r\n        return;\r\n      }\r\n\r\n      actions.clearSlSelectedItems();\r\n\r\n      this.$emit(\"loadingSl\", true);\r\n\r\n      this.loading = true;\r\n\r\n      this.axios\r\n        .get(\"pipeline/sl\", { params: this.params })\r\n        .then((response) => {\r\n          this.sl = response.data.data;\r\n          this.$setColorsBySector(this.sl);\r\n          this.loading = false;\r\n          state.slSelectedItems = [];\r\n          this.$emit(\"loadingSl\", false);\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    nextPage() {\r\n      this.$emit(\"nextPage\");\r\n    },\r\n  },\r\n  mounted() {\r\n    this.getSl();\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!./SlColumn.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!./SlColumn.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SlColumn.vue?vue&type=template&id=6c0c449f&\"\nimport script from \"./SlColumn.vue?vue&type=script&lang=js&\"\nexport * from \"./SlColumn.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":""}