{"version":3,"sources":["webpack:///./src/components/Desktop/ProjectsManagement/ProjectsSmuColumn.vue","webpack:///src/components/Desktop/ProjectsManagement/ProjectsSmuColumn.vue","webpack:///./src/components/Desktop/ProjectsManagement/ProjectsSmuColumn.vue?6332","webpack:///./src/components/Desktop/ProjectsManagement/ProjectsSmuColumn.vue?8c1f"],"names":["render","_vm","this","_c","_self","staticClass","_v","on","$event","toggleSlSelectedItemsAll","class","all","_l","legendColors","pill","k","style","getOpacity","toggleSlSelectedItems","_s","name","loading","attrs","smu","length","_e","smuFiltered","el","key","id","removeCharacters","id_sl","color","_f","ner","ner_vs_objective","TNR","average_rate","unbilled","pm_payment","margin","avg_sale","margin_vs_objective","staticRenderFns","props","components","data","computed","params","state","globalParams","slLegendColors","slSelectedItems","_this","arr","filter","item","includes","_","orderBy","sortBy","value","direction","watch","loadingSl","getSmu","methods","_this2","axios","get","then","response","actions","str","replace","index","Object","keys","addSlSelectedItems","clearSlSelectedItems","component"],"mappings":"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","file":"js/chunk-2d22c476.762ac16b.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"w-3/5 p-4 pr-8 flex flex-col\"},[_c('div',{staticClass:\"flex items-center mb-2 h-12\"},[_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',{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)]),_c('div',{staticClass:\"h-full overflow-hidden relative\"},[(_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.loading && _vm.smu && _vm.smu.length === 0)?_c('div',{staticClass:\"h-full w-full flex flex-col justify-center items-center\"},[_c('span',{staticClass:\"module-title text-font-gray\"},[_vm._v(\"No data in this section\")])]):_vm._e(),_c('div',{staticClass:\"scroll-gradient\"}),_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-full flex flex-row justify-start items-center\"},[_c('span',{staticClass:\"text-font-gray font-semibold mr-2\"},[_vm._v(\"ANSR\")]),_c('span',{staticClass:\"text-lg font-semibold mr-auto\"},[_vm._v(_vm._s(_vm._f(\"reduceBigNumbers\")(el.ner,2))+\"€\")]),_c('span',{staticClass:\"text-font-gray font-semibold mr-2\"},[_vm._v(\"vs Obj.\")]),_c('span',{staticClass:\"text-lg font-semibold mr-auto\",class:{\n                  'text-success': el.ner_vs_objective > 0,\n                  'text-danger': el.ner_vs_objective <= 0,\n                }},[(el.ner_vs_objective > 0)?_c('span',[_vm._v(\"+\")]):_vm._e(),_vm._v(_vm._s(_vm._f(\"reduceBigNumbers\")(el.ner_vs_objective,2))),(el.ner_vs_objective != 'TBD')?_c('span',[_vm._v(\"%\")]):_vm._e()]),(el.TNR != 'N/A')?_c('span',{staticClass:\"text-font-gray font-semibold mr-2\"},[_vm._v(\"TNR\")]):_vm._e(),(el.TNR != 'N/A')?_c('span',{staticClass:\"text-lg font-semibold\",class:{\n                  'text-success': el.TNR > 0,\n                  'text-danger': el.TNR <= 0,\n                }},[_vm._v(_vm._s(_vm._f(\"reduceBigNumbers\")(el.TNR,2))+\"€\")]):_vm._e(),_c('span',{staticClass:\"text-font-gray font-semibold ml-auto mr-2\"},[_vm._v(\"Rate\")]),_c('span',{staticClass:\"text-lg font-semibold mr-auto\",class:{\n                  'text-success': el.average_rate > 0,\n                  'text-danger': el.average_rate <= 0,\n                }},[_vm._v(_vm._s(_vm._f(\"reduceBigNumbers\")(el.average_rate,2))+\"€/h\")]),_c('span',{staticClass:\"text-font-gray font-semibold mr-2\"},[_vm._v(\"Unbilled\")]),_c('span',{staticClass:\"text-lg font-semibold mr-auto\",class:{\n                  'text-success': el.unbilled >= 0,\n                  'text-danger': el.unbilled < 0,\n                }},[_vm._v(\" \"+_vm._s(_vm._f(\"reduceBigNumbers\")(el.unbilled,2))+\"€\")]),_c('span',{staticClass:\"text-font-gray font-semibold mr-2\"},[_vm._v(\"PMC\")]),_c('span',{staticClass:\"text-lg font-semibold mr-auto\",class:{\n                  'text-success': el.pm_payment >= 0,\n                  'text-danger': el.pm_payment < 0,\n                }},[_vm._v(_vm._s(_vm._f(\"reduceBigNumbers\")(el.pm_payment,0))+\"d\")]),_c('span',{staticClass:\"text-font-gray font-semibold mr-2\"},[_vm._v(\"Margin\")]),_c('span',{staticClass:\"text-lg font-semibold mr-auto\",class:{\n                  'text-success': el.margin >= 0,\n                  'text-danger': el.margin < 0,\n                }},[_vm._v(_vm._s(_vm._f(\"reduceBigNumbers\")(el.margin,2))+\"%\")]),_c('span',{staticClass:\"text-font-gray font-semibold mr-2\"},[_vm._v(\"vs Obj\")]),_c('span',{staticClass:\"text-lg font-semibold\",class:{\n                  'text-success': el.avg_sale >= 0,\n                  'text-danger': el.avg_sale < 0,\n                }},[(el.margin_vs_objective > 0)?_c('span',[_vm._v(\"+\")]):_vm._e(),_vm._v(_vm._s(_vm._f(\"reduceBigNumbers\")(el.margin_vs_objective,2))),(el.margin_vs_objective != 'TBD')?_c('span',[_vm._v(\" ptos.\")]):_vm._e()])])])])])}),0)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"w-3/5 p-4 pr-8 flex flex-col\">\r\n    <div class=\"flex items-center mb-2 h-12\">\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\">\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=\"h-full overflow-hidden relative\">\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      <div\r\n        v-else-if=\"!loading && smu && smu.length === 0\"\r\n        class=\"h-full w-full flex flex-col justify-center items-center\"\r\n      >\r\n        <span class=\"module-title text-font-gray\">No data in this section</span>\r\n      </div>\r\n      <div class=\"scroll-gradient\"></div>\r\n      <transition-group\r\n        name=\"fade\"\r\n        tag=\"div\"\r\n        class=\"h-full overflow-y-auto pb-10\"\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-full flex flex-row justify-start items-center\">\r\n                <span class=\"text-font-gray font-semibold mr-2\">ANSR</span>\r\n                <span class=\"text-lg font-semibold mr-auto\"\r\n                  >{{ el.ner | reduceBigNumbers(2) }}€</span\r\n                >\r\n\r\n                <span class=\"text-font-gray font-semibold mr-2\">vs Obj.</span>\r\n                <span\r\n                  class=\"text-lg font-semibold mr-auto\"\r\n                  :class=\"{\r\n                    'text-success': el.ner_vs_objective > 0,\r\n                    'text-danger': el.ner_vs_objective <= 0,\r\n                  }\"\r\n                  ><span v-if=\"el.ner_vs_objective > 0\">+</span\r\n                  >{{ el.ner_vs_objective | reduceBigNumbers(2)\r\n                  }}<span v-if=\"el.ner_vs_objective != 'TBD'\">%</span></span\r\n                >\r\n\r\n                <span\r\n                  v-if=\"el.TNR != 'N/A'\"\r\n                  class=\"text-font-gray font-semibold mr-2\"\r\n                  >TNR</span\r\n                >\r\n                <span\r\n                  v-if=\"el.TNR != 'N/A'\"\r\n                  class=\"text-lg font-semibold\"\r\n                  :class=\"{\r\n                    'text-success': el.TNR > 0,\r\n                    'text-danger': el.TNR <= 0,\r\n                  }\"\r\n                  >{{ el.TNR | reduceBigNumbers(2) }}€</span\r\n                >\r\n\r\n                <span class=\"text-font-gray font-semibold ml-auto mr-2\"\r\n                  >Rate</span\r\n                >\r\n                <span\r\n                  class=\"text-lg font-semibold mr-auto\"\r\n                  :class=\"{\r\n                    'text-success': el.average_rate > 0,\r\n                    'text-danger': el.average_rate <= 0,\r\n                  }\"\r\n                  >{{ el.average_rate | reduceBigNumbers(2) }}€/h</span\r\n                >\r\n\r\n                <span class=\"text-font-gray font-semibold mr-2\">Unbilled</span>\r\n                <span\r\n                  class=\"text-lg font-semibold mr-auto\"\r\n                  :class=\"{\r\n                    'text-success': el.unbilled >= 0,\r\n                    'text-danger': el.unbilled < 0,\r\n                  }\"\r\n                >\r\n                  {{ el.unbilled | reduceBigNumbers(2) }}€</span\r\n                >\r\n\r\n                <span class=\"text-font-gray font-semibold mr-2\">PMC</span>\r\n                <span\r\n                  class=\"text-lg font-semibold mr-auto\"\r\n                  :class=\"{\r\n                    'text-success': el.pm_payment >= 0,\r\n                    'text-danger': el.pm_payment < 0,\r\n                  }\"\r\n                  >{{ el.pm_payment | reduceBigNumbers(0) }}d</span\r\n                >\r\n\r\n                <span class=\"text-font-gray font-semibold mr-2\">Margin</span>\r\n                <span\r\n                  class=\"text-lg font-semibold mr-auto\"\r\n                  :class=\"{\r\n                    'text-success': el.margin >= 0,\r\n                    'text-danger': el.margin < 0,\r\n                  }\"\r\n                  >{{ el.margin | reduceBigNumbers(2) }}%</span\r\n                >\r\n\r\n                <span class=\"text-font-gray font-semibold mr-2\">vs Obj</span>\r\n                <span\r\n                  class=\"text-lg font-semibold\"\r\n                  :class=\"{\r\n                    'text-success': el.avg_sale >= 0,\r\n                    'text-danger': el.avg_sale < 0,\r\n                  }\"\r\n                  ><span v-if=\"el.margin_vs_objective > 0\">+</span\r\n                  >{{ el.margin_vs_objective | reduceBigNumbers(2)\r\n                  }}<span v-if=\"el.margin_vs_objective != 'TBD'\">\r\n                    ptos.</span\r\n                  ></span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </transition-group>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { state, actions } from \"@/store\";\r\nexport default {\r\n  props: [\"loadingSl\", \"sortBy\", \"sortOrder\"],\r\n  components: {},\r\n  data() {\r\n    return {\r\n      smu: null,\r\n      loading: false,\r\n      all: 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    smuFiltered() {\r\n      let arr = [];\r\n      if (this.smu) {\r\n        arr = this.smu.filter((item) => {\r\n          return this.slSelectedItems.includes(item.id_sl);\r\n        });\r\n      }\r\n      return _.orderBy(arr, [this.sortBy.value], [this.sortBy.direction]);\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  },\r\n  methods: {\r\n    getSmu() {\r\n      this.smu = [];\r\n      this.loading = true;\r\n      this.axios\r\n        .get(\"projects_management/ner_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      //return this.slSelectedItems.includes(k) ?  '25' : '12'\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      // for (let index = 0; index < Object.keys(this.legendColors).length; index++) {\r\n      //     actions.toggleSlSelectedItems(Object.keys(this.legendColors)[index])\r\n      // }\r\n    },\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!./ProjectsSmuColumn.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!./ProjectsSmuColumn.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProjectsSmuColumn.vue?vue&type=template&id=4f2c50d1&\"\nimport script from \"./ProjectsSmuColumn.vue?vue&type=script&lang=js&\"\nexport * from \"./ProjectsSmuColumn.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":""}