{"version":3,"sources":["webpack:///./src/components/Desktop/InterIntra/SL.vue","webpack:///src/components/Desktop/InterIntra/SL.vue","webpack:///./src/components/Desktop/InterIntra/SL.vue?6a8d","webpack:///./src/components/Desktop/InterIntra/SL.vue?30f6"],"names":["render","_vm","this","_c","_self","staticClass","attrs","loadingSL","elementsSL","length","_l","elementsOrderedSL","i","index","key","legendColors","id","style","color","_e","_v","_s","name","params","catId","idSL","class","getOpacity","on","$event","toggleSlSelectedItems","_f","hour_purchased","hour_sold","amount_purchased","amount_sold","staticRenderFns","props","data","methods","load","_this","axios","get","then","response","$setColorsBySector","state","slSelectedItems","k","includes","item","actions","computed","slLegendColors","globalParams","sortBy","_","orderBy","value","direction","mounted","watch","component"],"mappings":"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","file":"js/chunk-2d2386b4.7b0f5c9f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"h-full w-full flex flex-col relative\"},[_c('div',{staticClass:\"h-full w-full overflow-hidden relative\"},[_c('loader',{attrs:{\"loading\":_vm.loadingSL}}),_c('div',{staticClass:\"scroll-gradient\"}),(_vm.elementsSL.length > 0)?_c('div',{staticClass:\"h-full overflow-auto relative pb-4 pr-2\"},_vm._l((_vm.elementsOrderedSL),function(i,index){return _c('div',{key:index,staticClass:\"box mb-2 w-full flex flex-col\"},[_c('div',{staticClass:\"flex flex-1 min-h-0 w-full\"},[(_vm.legendColors[i.id])?_c('div',{staticClass:\"h-4 mt-1 w-1 mr-3 rounded\",style:('background-color:' + _vm.legendColors[i.id].color)}):_vm._e(),_c('div',{staticClass:\"text-2xl\"},[_vm._v(_vm._s(i.name))]),_c('router-link',{staticClass:\"flex items-center ml-auto\",attrs:{\"to\":{\n              name: 'InterIntraExtend',\n              params: { catId: i.name, idSL: i.id },\n            }}},[_c('div',{staticClass:\"header-btn ml-0\"},[_c('i',{staticClass:\"mdi mdi-chart-donut\"})])]),_c('div',{staticClass:\"h-8 w-8 rounded-md flex flex-col justify-center items-center cursor-pointer ml-2\",class:_vm.getOpacity(i.id),on:{\"click\":function($event){return _vm.toggleSlSelectedItems(i.id)}}},[_c('i',{staticClass:\"mdi mdi-ray-start-arrow\"})])],1),_c('div',{staticClass:\"h-34 flex w-full\"},[_c('div',{staticClass:\"w-1/3 flex flex-col justify-around\"},[_c('div',[_c('div',{staticClass:\"flex items-center\"},[_c('div',{staticClass:\"text-font-gray\"},[_vm._v(\"Purchased\")]),_c('div',{staticClass:\"text-2xl ml-auto font-bold\"},[_vm._v(\" \"+_vm._s(_vm._f(\"numberFormat\")(i.hour_purchased))+\" h. \")])]),_c('div',{staticClass:\"h-2px bg-gradient-purcashed\"})]),_c('div',[_c('div',{staticClass:\"flex items-center\"},[_c('div',{staticClass:\"text-font-gray\"},[_vm._v(\"Sold\")]),_c('div',{staticClass:\"text-2xl ml-auto font-bold\"},[_vm._v(\" \"+_vm._s(_vm._f(\"numberFormat\")(i.hour_sold))+\" h. \")])]),_c('div',{staticClass:\"h-2px bg-gradient-sold\"})])]),_c('div',{staticClass:\"flex flex-1 min-w-0 pl-4 pt-2\"},[_c('div',{staticClass:\"w-full h-full\"},[_c('chart-line-compare',{attrs:{\"chartId\":\"salesCompare\",\"data\":[i.amount_purchased, i.amount_sold]}})],1)])])])}),0):(!_vm.loadingSL)?_c('div',{staticClass:\"h-full flex flex-col justify-center items-center\"},[_c('span',{staticClass:\"module-title text-font-gray\"},[_vm._v(\"No data\")])]):_vm._e()],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"h-full w-full flex flex-col relative\">\r\n    <div class=\"h-full w-full overflow-hidden relative\">\r\n      <loader :loading=\"loadingSL\" />\r\n\r\n      <div class=\"scroll-gradient\"></div>\r\n\r\n      <div\r\n        v-if=\"elementsSL.length > 0\"\r\n        class=\"h-full overflow-auto relative pb-4 pr-2\"\r\n      >\r\n        <div\r\n          class=\"box mb-2 w-full flex flex-col\"\r\n          v-for=\"(i, index) in elementsOrderedSL\"\r\n          :key=\"index\"\r\n        >\r\n          <div class=\"flex flex-1 min-h-0 w-full\">\r\n            <div\r\n              v-if=\"legendColors[i.id]\"\r\n              class=\"h-4 mt-1 w-1 mr-3 rounded\"\r\n              :style=\"'background-color:' + legendColors[i.id].color\"\r\n            ></div>\r\n            <div class=\"text-2xl\">{{ i.name }}</div>\r\n            <router-link\r\n              :to=\"{\r\n                name: 'InterIntraExtend',\r\n                params: { catId: i.name, idSL: i.id },\r\n              }\"\r\n              class=\"flex items-center ml-auto\"\r\n            >\r\n              <div class=\"header-btn ml-0\">\r\n                <i class=\"mdi mdi-chart-donut\"></i>\r\n              </div>\r\n            </router-link>\r\n\r\n            <div\r\n              class=\"h-8 w-8 rounded-md flex flex-col justify-center items-center cursor-pointer ml-2\"\r\n              :class=\"getOpacity(i.id)\"\r\n              @click=\"toggleSlSelectedItems(i.id)\"\r\n            >\r\n              <i class=\"mdi mdi-ray-start-arrow\"></i>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"h-34 flex w-full\">\r\n            <div class=\"w-1/3 flex flex-col justify-around\">\r\n              <div>\r\n                <div class=\"flex items-center\">\r\n                  <div class=\"text-font-gray\">Purchased</div>\r\n                  <div class=\"text-2xl ml-auto font-bold\">\r\n                    {{ i.hour_purchased | numberFormat() }} h.\r\n                  </div>\r\n                </div>\r\n                <div class=\"h-2px bg-gradient-purcashed\"></div>\r\n              </div>\r\n              <div>\r\n                <div class=\"flex items-center\">\r\n                  <div class=\"text-font-gray\">Sold</div>\r\n                  <div class=\"text-2xl ml-auto font-bold\">\r\n                    {{ i.hour_sold | numberFormat() }} h.\r\n                  </div>\r\n                </div>\r\n                <div class=\"h-2px bg-gradient-sold\"></div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"flex flex-1 min-w-0 pl-4 pt-2\">\r\n              <div class=\"w-full h-full\">\r\n                <chart-line-compare\r\n                  chartId=\"salesCompare\"\r\n                  :data=\"[i.amount_purchased, i.amount_sold]\"\r\n                />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        v-else-if=\"!loadingSL\"\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>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { state, actions } from \"@/store\";\r\n\r\nexport default {\r\n  name: \"SL\",\r\n  props: [\"slList\", \"sortBy\"],\r\n  data() {\r\n    return {\r\n      loadingSL: false,\r\n      elementsSL: false,\r\n      // sortBy: {name: 'Name', value: 'name', direction: 'DESC'},\r\n    };\r\n  },\r\n  methods: {\r\n    load() {\r\n      this.loadingSL = true;\r\n      this.axios\r\n        .get(\"inter_intra/sl\", { params: this.params })\r\n        .then((response) => {\r\n          this.loadingSL = false;\r\n          this.elementsSL = response.data.data;\r\n\r\n          this.$setColorsBySector(this.elementsSL);\r\n          state.slSelectedItems = [];\r\n        });\r\n    },\r\n    getOpacity(k) {\r\n      if (this.slSelectedItems.includes(k)) {\r\n        return \"bg-aux-15 text-aux\";\r\n      } else {\r\n        return \"bg-font-gray-15 text-font-gray\";\r\n      }\r\n    },\r\n    toggleSlSelectedItems(item) {\r\n      actions.toggleSlSelectedItems(item);\r\n    },\r\n  },\r\n  computed: {\r\n    legendColors() {\r\n      return state.slLegendColors;\r\n    },\r\n    params() {\r\n      return state.globalParams;\r\n    },\r\n    elementsOrderedSL() {\r\n      if (this.sortBy && this.elementsSL) {\r\n        return _.orderBy(\r\n          this.elementsSL,\r\n          [this.sortBy.value],\r\n          [this.sortBy.direction]\r\n        );\r\n      } else {\r\n        return this.elementsSL;\r\n      }\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!./SL.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!./SL.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SL.vue?vue&type=template&id=4b6d6e14&\"\nimport script from \"./SL.vue?vue&type=script&lang=js&\"\nexport * from \"./SL.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":""}