{"version":3,"sources":["webpack:///./src/components/Desktop/InterIntra/SMU.vue","webpack:///src/components/Desktop/InterIntra/SMU.vue","webpack:///./src/components/Desktop/InterIntra/SMU.vue?d7bc","webpack:///./src/components/Desktop/InterIntra/SMU.vue?382d"],"names":["render","_vm","this","_c","_self","staticClass","_v","on","$event","toggleSlSelectedItemsAll","class","all","_l","legendColors","pill","k","key","style","getOpacity","toggleSlSelectedItems","_s","name","attrs","loadingSMU","_e","smuFiltered","length","i","index","id_sl","color","_f","hour_purchased","hour_sold","amount_purchased","amount_sold","elementsSMU","staticRenderFns","components","ChartColCompareSmall","props","data","methods","load","_this","axios","get","params","then","response","slSelectedItems","includes","item","actions","state","Object","keys","addSlSelectedItems","clearSlSelectedItems","computed","slLegendColors","_this2","arr","filter","_","orderBy","sortBy","value","direction","globalParams","mounted","watch","component"],"mappings":"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","file":"js/chunk-2d230c17.cd959d6f.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',{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)]),_c('div',{staticClass:\"h-full overflow-hidden relative\"},[_c('loader',{attrs:{\"loading\":_vm.loadingSMU}}),(!_vm.loadingSMU)?_c('div',{staticClass:\"h-full\"},[_c('div',{staticClass:\"scroll-gradient\"}),(_vm.smuFiltered.length > 0)?_c('div',{staticClass:\"h-full overflow-auto\"},_vm._l((_vm.smuFiltered),function(i,index){return _c('div',{key:index,staticClass:\"box h-20 mb-2 flex flex-row\"},[_c('div',{staticClass:\"h-16 w-4 p-1 mr-2\"},[_c('div',{staticClass:\"h-full w-full rounded-full\",style:('background-color:' + _vm.legendColors[i.id_sl].color)})]),_c('div',{staticClass:\"w-full overflow-hidden\"},[_c('div',{staticClass:\"text-xl mb-4\"},[_vm._v(_vm._s(i.name))]),_c('div',{staticClass:\"flex\"},[_c('div',[_c('div',{staticClass:\"flex items-center\"},[_c('div',{staticClass:\"h-2 w-2 rounded-full bg-orange mr-2\"}),_c('div',{staticClass:\"text-font-dark\"},[_vm._v(\"Purchased\")]),_c('div',{staticClass:\"text-lg ml-2 font-semibold\"},[_vm._v(\" \"+_vm._s(_vm._f(\"numberFormat\")(i.hour_purchased))+\"h \")])])]),_c('div',{staticClass:\"mx-auto\"},[_c('div',{staticClass:\"flex items-center\"},[_c('div',{staticClass:\"h-2 w-2 rounded-full bg-blue mr-2\"}),_c('div',{staticClass:\"text-font-dark\"},[_vm._v(\"Sold\")]),_c('div',{staticClass:\"text-lg ml-2 font-semibold\"},[_vm._v(\" \"+_vm._s(_vm._f(\"numberFormat\")(i.hour_sold))+\"h \")])])])])]),_c('div',{staticClass:\"h-full w-1/2 flex-none\"},[_c('chart-col-compare-small',{attrs:{\"chartId\":\"salesCompare\",\"data\":[i.amount_purchased, i.amount_sold],\"names\":['Purchased', 'Sold'],\"small\":false,\"colors\":\"purcashed\"}})],1)])}),0):(_vm.elementsSMU.length === 0)?_c('div',{staticClass:\"h-full flex flex-col justify-center items-center\"},[_c('span',{staticClass:\"module-title text-font-gray\"},[_vm._v(\"No data\")])]):_c('div',{staticClass:\"h-full flex flex-col justify-center items-center\"},[_c('span',{staticClass:\"module-title text-font-gray\"},[_vm._v(\"No SL selected\")])])]):_vm._e()],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\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=\"h-full overflow-hidden relative\">\r\n      <loader :loading=\"loadingSMU\" />\r\n\r\n      <div v-if=\"!loadingSMU\" class=\"h-full\">\r\n        <div class=\"scroll-gradient\"></div>\r\n\r\n        <div v-if=\"smuFiltered.length > 0\" class=\"h-full overflow-auto\">\r\n          <div\r\n            class=\"box h-20 mb-2 flex flex-row\"\r\n            v-for=\"(i, index) in smuFiltered\"\r\n            :key=\"index\"\r\n          >\r\n            <div class=\"h-16 w-4 p-1 mr-2\">\r\n              <div\r\n                class=\"h-full w-full rounded-full\"\r\n                :style=\"'background-color:' + legendColors[i.id_sl].color\"\r\n              ></div>\r\n            </div>\r\n\r\n            <div class=\"w-full overflow-hidden\">\r\n              <div class=\"text-xl mb-4\">{{ i.name }}</div>\r\n              <div class=\"flex\">\r\n                <div>\r\n                  <div class=\"flex items-center\">\r\n                    <div class=\"h-2 w-2 rounded-full bg-orange mr-2\"></div>\r\n                    <div class=\"text-font-dark\">Purchased</div>\r\n                    <div class=\"text-lg ml-2 font-semibold\">\r\n                      {{ i.hour_purchased | numberFormat() }}h\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"mx-auto\">\r\n                  <div class=\"flex items-center\">\r\n                    <div class=\"h-2 w-2 rounded-full bg-blue mr-2\"></div>\r\n                    <div class=\"text-font-dark\">Sold</div>\r\n                    <div class=\"text-lg ml-2 font-semibold\">\r\n                      {{ i.hour_sold | numberFormat() }}h\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"h-full w-1/2 flex-none\">\r\n              <chart-col-compare-small\r\n                chartId=\"salesCompare\"\r\n                :data=\"[i.amount_purchased, i.amount_sold]\"\r\n                :names=\"['Purchased', 'Sold']\"\r\n                :small=\"false\"\r\n                colors=\"purcashed\"\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div\r\n          v-else-if=\"elementsSMU.length === 0\"\r\n          class=\"h-full flex flex-col justify-center items-center\"\r\n        >\r\n          <span class=\"module-title text-font-gray\">No data</span>\r\n        </div>\r\n        <div v-else class=\"h-full flex flex-col justify-center items-center\">\r\n          <span class=\"module-title text-font-gray\">No SL selected</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { state, actions } from \"@/store\";\r\nimport ChartColCompareSmall from \"../../../charts/ChartColCompareSmall.vue\";\r\n\r\nexport default {\r\n  components: { ChartColCompareSmall },\r\n  name: \"SMU\",\r\n  props: [\"sortBy\"],\r\n  data() {\r\n    return {\r\n      elementsSMU: false,\r\n      loadingSMU: false,\r\n      all: false,\r\n    };\r\n  },\r\n  methods: {\r\n    load() {\r\n      this.loadingSMU = true;\r\n      this.axios\r\n        .get(\"inter_intra/competency\", { params: this.params })\r\n        .then((response) => {\r\n          this.loadingSMU = false;\r\n          this.elementsSMU = response.data.data;\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    toggleSlSelectedItemsAll() {\r\n      // this.all = !this.all\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      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    legendColors() {\r\n      return state.slLegendColors;\r\n    },\r\n    smuFiltered() {\r\n      let arr = [];\r\n      if (this.elementsSMU) {\r\n        arr = this.elementsSMU.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    params() {\r\n      return state.globalParams;\r\n    },\r\n    slSelectedItems() {\r\n      return state.slSelectedItems;\r\n    },\r\n  },\r\n  mounted() {\r\n    this.load();\r\n  },\r\n  watch: {\r\n    params() {\r\n      this.load();\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!./SMU.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!./SMU.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SMU.vue?vue&type=template&id=52021f62&\"\nimport script from \"./SMU.vue?vue&type=script&lang=js&\"\nexport * from \"./SMU.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":""}