{"version":3,"sources":["webpack:///./src/pages/data-daily-production-plan/chain-feeder-speed-reference/index.vue?58f9","webpack:///src/pages/data-daily-production-plan/chain-feeder-speed-reference/index.vue","webpack:///./src/pages/data-daily-production-plan/chain-feeder-speed-reference/index.vue?f855","webpack:///./src/pages/data-daily-production-plan/chain-feeder-speed-reference/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","scopedSlots","_u","key","fn","_v","_l","shift","s","filter","value","attrs","_s","name","on","$event","selectShift","staticStyle","model","callback","$$v","$set","expression","proxy","item","i","companyCode","formatNumber","round","todaysPlan","actualDelivered","beltSpeed","staticRenderFns","components","DatePicker","data","planDate","Date","computed","shifts","allFilter","mapGetters","siteId","items","watch","deep","immediate","handler","fetch","methods","filters","moment","format","$vs","loading","$store","dispatch","finally","close","Math","number","Intl","NumberFormat","component"],"mappings":"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","file":"js/data-daily-production-plan.01d21816.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"py-8\"},[_c('AppCard',{scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"flex space-x-4\"},[_c('div',{staticClass:\"font-semibold text-pink-600 mt-1\"},[_vm._v(\"Shift:\")]),_vm._l((_vm.shifts),function(shift,s){return _c('div',{key:s,staticClass:\"mt-1\"},[(_vm.filter.shift === shift.value)?_c('vs-chip',{staticClass:\"text-sm\",attrs:{\"color\":\"primary\",\"transparent\":\"\"}},[_vm._v(\" \"+_vm._s(shift.name)+\" \")]):_c('a',{staticClass:\"inline-block text-gray-500 text-sm cursor-pointer mt-1 px-2\",on:{\"click\":function($event){return _vm.selectShift(shift)}}},[_vm._v(_vm._s(shift.name))])],1)})],2),_c('DatePicker',{staticClass:\"ml-auto\",staticStyle:{\"width\":\"200px\"},attrs:{\"placeholder\":\"Select date\",\"format\":\"DD-MMM-YYYY\"},model:{value:(_vm.filter.planDate),callback:function ($$v) {_vm.$set(_vm.filter, \"planDate\", $$v)},expression:\"filter.planDate\"}})],1)]},proxy:true}])}),_c('VsRow',{staticClass:\"mt-8 -mx-4\",staticStyle:{\"width\":\"auto\"}},_vm._l((_vm.items),function(item,i){return _c('VsCol',{key:i,staticClass:\"px-4 mb-8\",attrs:{\"vs-lg\":\"6\"}},[_c('AppCard',{attrs:{\"divider\":\"\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('div',[_vm._v(_vm._s(item.companyCode))])]},proxy:true},{key:\"content\",fn:function(){return [_c('VsRow',{staticClass:\"mt-8 px-8\"},[_c('VsCol',{staticClass:\"px-2 mb-4\",attrs:{\"vs-lg\":\"6\"}},[_c('div',{staticClass:\" bg-purple-100 rounded-xl p-4\"},[_c('div',{staticClass:\"text-pink-700 font-semibold\"},[_vm._v(\"Plan\")]),_c('div',{staticClass:\"text-purple-700 font-semibold text-4xl text-right mt-4\"},[_vm._v(_vm._s(_vm.formatNumber(_vm.round(item.todaysPlan / 1000))))])])]),_c('VsCol',{staticClass:\"px-2 mb-4\",attrs:{\"vs-lg\":\"6\"}},[_c('div',{staticClass:\" bg-purple-100 rounded-xl p-4\"},[_c('div',{staticClass:\"text-pink-700 font-semibold\"},[_vm._v(\"Delivered\")]),_c('div',{staticClass:\"text-purple-700 font-semibold text-4xl text-right mt-4\"},[_vm._v(_vm._s(_vm.formatNumber(_vm.round(item.actualDelivered / 1000))))])])]),_c('VsCol',{staticClass:\"px-2 mb-4\",attrs:{\"vs-lg\":\"12\"}},[_c('div',{staticClass:\" bg-purple-100 rounded-xl p-4\"},[_c('div',{staticClass:\"text-pink-700 font-semibold\"},[_vm._v(\"Belt Speed Reference\")]),_c('div',{staticClass:\"font-semibold text-5xl text-right mt-4\"},[_vm._v(_vm._s(_vm.formatNumber(_vm.round(item.beltSpeed / 1000))))])])])],1)]},proxy:true}],null,true)})],1)}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"py-8\">\n    <AppCard>\n      <template #content>\n        <div class=\"flex\">\n          <div class=\"flex space-x-4\">\n            <div class=\"font-semibold text-pink-600 mt-1\">Shift:</div>\n            <div class=\"mt-1\" v-for=\"(shift, s) of shifts\" :key=\"s\">\n              <vs-chip class=\"text-sm\" color=\"primary\" transparent v-if=\"filter.shift === shift.value\">\n                {{ shift.name }}\n              </vs-chip>\n              <a class=\"inline-block text-gray-500 text-sm cursor-pointer mt-1 px-2\" @click=\"selectShift(shift)\" v-else>{{ shift.name }}</a>\n            </div>\n          </div>\n\n          <DatePicker class=\"ml-auto\" v-model=\"filter.planDate\" placeholder=\"Select date\" format=\"DD-MMM-YYYY\" style=\"width: 200px;\" />\n        </div>\n      </template>\n    </AppCard>\n\n    <VsRow class=\"mt-8 -mx-4\" style=\"width: auto;\">\n      <VsCol class=\"px-4 mb-8\" vs-lg=\"6\" v-for=\"(item, i) of items\" :key=\"i\">\n        <AppCard divider>\n          <template #title>\n            <div>{{ item.companyCode }}</div>\n          </template>\n\n          <template #content>\n            <VsRow class=\"mt-8 px-8\">\n              <VsCol class=\"px-2 mb-4\" vs-lg=\"6\">\n                <div class=\" bg-purple-100 rounded-xl p-4\">\n                  <div class=\"text-pink-700 font-semibold\">Plan</div>\n                  <div class=\"text-purple-700 font-semibold text-4xl text-right mt-4\">{{ formatNumber(round(item.todaysPlan / 1000)) }}</div>\n                </div>\n              </VsCol>\n              <VsCol class=\"px-2 mb-4\" vs-lg=\"6\">\n                <div class=\" bg-purple-100 rounded-xl p-4\">\n                  <div class=\"text-pink-700 font-semibold\">Delivered</div>\n                  <div class=\"text-purple-700 font-semibold text-4xl text-right mt-4\">{{ formatNumber(round(item.actualDelivered / 1000)) }}</div>\n                </div>\n              </VsCol>\n              <VsCol class=\"px-2 mb-4\" vs-lg=\"12\">\n                <div class=\" bg-purple-100 rounded-xl p-4\">\n                  <div class=\"text-pink-700 font-semibold\">Belt Speed Reference</div>\n                  <div class=\"font-semibold text-5xl text-right mt-4\">{{ formatNumber(round(item.beltSpeed / 1000)) }}</div>\n                </div>\n              </VsCol>\n            </VsRow>\n          </template>\n        </AppCard>\n      </VsCol>\n    </VsRow>\n  </div>\n</template>\n\n<script>\nimport moment from 'moment';\nimport DatePicker from 'vue2-datepicker';\nimport { mapGetters } from 'vuex';\n\nexport default {\n  components: {\n    DatePicker\n  },\n\n  data: () => ({\n    filter: {\n      shift: null,\n      planDate: new Date()\n    }\n  }),\n\n  computed: {\n    shifts: () => [\n      { name: 'All Shifts', value: null },\n      { name: 'Shift 1', value: 1 },\n      { name: 'Shift 2', value: 2 }\n    ],\n    allFilter() {\n      const { companyCode, filter } = this;\n      return { companyCode, ...filter };\n    },\n    ...mapGetters({\n      siteId: 'Filter/siteId',\n      companyCode: 'Filter/companyCode',\n      items: 'ChainFeederSpeedReference/items'\n    })\n  },\n\n  watch: {\n    allFilter: {\n      deep: true,\n      immediate: true,\n      handler() {\n        this.fetch();\n      }\n    }\n  },\n\n  methods: {\n    fetch() {\n      const { companyCode, filter } = this;\n      const filters = {\n        companyCode,\n        ...filter,\n        planDate: filter.planDate ? moment(filter.planDate).format('YYYY-MM-DD') : null\n      };\n      this.$vs.loading();\n      this.$store.dispatch('ChainFeederSpeedReference/fetch', filters).finally(() => {\n        this.$vs.loading.close();\n      });\n    },\n    selectShift(shift) {\n      this.filter.shift = shift.value;\n    },\n    round: value => Math.round(value * 10) / 10,\n    formatNumber: number => Intl.NumberFormat().format(number)\n  }\n};\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=8bec1b8c&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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":""}