{"version":3,"sources":["webpack:///./src/pages/equipment-replacement/index.vue?c4f3","webpack:///src/pages/equipment-replacement/index.vue","webpack:///./src/pages/equipment-replacement/index.vue?9046","webpack:///./src/pages/equipment-replacement/index.vue","webpack:///./src/pages/equipment-replacement/index.vue?7123"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","isUserCanAccess","expression","staticClass","scopedSlots","_u","key","fn","attrs","$t","companyCode","on","onSelectCompany","companies","length","_e","_l","item","code","proxy","itemsLocal","ref","fetchEquipments","_v","data","index","willChange","didRowStripe","$event","goToDetail","_s","lastChange","moment","format","nextChange","productionTon","Number","toLocaleString","sites","staticRenderFns","components","TableHeader","TableFooter","mounted","computed","allFilter","siteId","mapGetters","items","watch","handler","newItems","deep","$store","commit","$refs","resetOption","methods","$vs","loading","dispatch","finally","close","detail","$router","push","component"],"mappings":"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","file":"js/equipment-replacement.ec781633.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isUserCanAccess({ name: 'EquipmentReplacement' }, 'view')),expression:\"isUserCanAccess({ name: 'EquipmentReplacement' }, 'view')\"}]},[_c('AppCard',{staticClass:\"mt-8\",scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"p-4\"},[_c('div',{staticClass:\"flex flex-start\"},[_c('VsSelect',{staticClass:\"w-1/3\",attrs:{\"label\":_vm.$t('form.checklist.facility'),\"value\":_vm.companyCode,\"icon\":\"arrow_drop_down\"},on:{\"input\":_vm.onSelectCompany}},[(_vm.companies.length > 1)?_c('VsSelectItem',{attrs:{\"value\":null,\"text\":\"All\"}}):_vm._e(),_vm._l((_vm.companies),function(item){return _c('VsSelectItem',{key:item.code,attrs:{\"value\":item.code,\"text\":item.code}})})],2)],1)])]},proxy:true}])}),_c('AppCard',{staticClass:\"mt-8\",scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"p-0 md:p-4\"},[_c('VsTable',{attrs:{\"sst\":\"\",\"data\":_vm.itemsLocal},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('TableHeader',{ref:\"table-header\",on:{\"fetch\":_vm.fetchEquipments}})]},proxy:true},{key:\"thead\",fn:function(){return [_c('vs-th',[_vm._v(\"Action\")]),_c('vs-th',[_vm._v(\"Equipment Name\")]),_c('vs-th',[_vm._v(\"Last Date\")]),_c('vs-th',[_vm._v(\"Next Date\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Production (Ton)\")]),_c('vs-th',[_vm._v(\"Site\")])]},proxy:true},{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(item,index){return _c('vs-tr',{key:index,attrs:{\"state\":item.willChange ? 'danger' : _vm.didRowStripe(index) ? 'stripe' : null}},[_c('vs-td',{attrs:{\"data\":item}},[_c('VsButton',{attrs:{\"type\":\"flat\",\"icon\":\"visibility\"},on:{\"click\":function($event){return _vm.goToDetail(item)}}})],1),_c('vs-td',{attrs:{\"data\":item.name}},[_vm._v(_vm._s(item.name))]),_c('vs-td',{attrs:{\"data\":item.lastChange}},[_vm._v(_vm._s(item.lastChange ? _vm.moment(item.lastChange).format('YYYY-MM-DD HH:mm') : 'Unknown'))]),_c('vs-td',{attrs:{\"data\":item.nextChange}},[_vm._v(_vm._s(item.nextChange ? _vm.moment(item.nextChange).format('YYYY-MM-DD') : 'Unknown'))]),_c('vs-td',{attrs:{\"data\":item.productionTon}},[_vm._v(_vm._s(Number(item.productionTon).toLocaleString('id-ID')))]),_c('vs-td',{attrs:{\"data\":item.sites}},[_vm._v(_vm._s(item.sites))])],1)})}}])}),_c('TableFooter',{on:{\"fetch\":_vm.fetchEquipments}})],1)]},proxy:true}])})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-show=\"isUserCanAccess({ name: 'EquipmentReplacement' }, 'view')\">\n    <AppCard class=\"mt-8\">\n      <template #content>\n        <div class=\"p-4\">\n          <div class=\"flex flex-start\">\n            <VsSelect class=\"w-1/3\" :label=\"$t('form.checklist.facility')\" :value=\"companyCode\" @input=\"onSelectCompany\" icon=\"arrow_drop_down\">\n              <VsSelectItem :value=\"null\" text=\"All\" v-if=\"companies.length > 1\" />\n              <VsSelectItem v-for=\"item in companies\" :key=\"item.code\" :value=\"item.code\" :text=\"item.code\" />\n            </VsSelect>\n          </div>\n        </div>\n      </template>\n    </AppCard>\n    <AppCard class=\"mt-8\">\n      <template #content>\n        <div class=\"p-0 md:p-4\">\n          <VsTable sst :data=\"itemsLocal\">\n            <template #header>\n              <TableHeader ref=\"table-header\" @fetch=\"fetchEquipments\" />\n            </template>\n            <template #thead>\n              <vs-th>Action</vs-th>\n              <vs-th>Equipment Name</vs-th>\n              <vs-th>Last Date</vs-th>\n              <vs-th>Next Date</vs-th>\n              <vs-th width=\"100\">Production (Ton)</vs-th>\n              <vs-th>Site</vs-th>\n            </template>\n            <template slot-scope=\"{ data }\">\n              <vs-tr v-for=\"(item, index) of data\" :key=\"index\" :state=\"item.willChange ? 'danger' : didRowStripe(index) ? 'stripe' : null\">\n                <vs-td :data=\"item\">\n                  <VsButton type=\"flat\" icon=\"visibility\" @click=\"goToDetail(item)\" />\n                </vs-td>\n                <vs-td :data=\"item.name\">{{ item.name }}</vs-td>\n                <vs-td :data=\"item.lastChange\">{{ item.lastChange ? moment(item.lastChange).format('YYYY-MM-DD HH:mm') : 'Unknown' }}</vs-td>\n                <vs-td :data=\"item.nextChange\">{{ item.nextChange ? moment(item.nextChange).format('YYYY-MM-DD') : 'Unknown' }}</vs-td>\n                <vs-td :data=\"item.productionTon\">{{ Number(item.productionTon).toLocaleString('id-ID') }}</vs-td>\n                <vs-td :data=\"item.sites\">{{ item.sites }}</vs-td>\n              </vs-tr>\n            </template>\n          </VsTable>\n          <TableFooter @fetch=\"fetchEquipments\" />\n        </div>\n      </template>\n    </AppCard>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport moment from 'moment';\nimport TableHeader from '@/components/Table/TableHeader';\nimport TableFooter from '@/components/Table/TableFooter';\n\nexport default {\n  components: {\n    TableHeader,\n    TableFooter\n  },\n  mounted() {\n    this.fetchEquipments();\n  },\n  computed: {\n    allFilter() {\n      return {\n        siteId: this.siteId,\n        sites: this.companyCode\n      };\n    },\n    ...mapGetters({\n      items: 'EquipmentReplacement/items',\n      companies: 'Filter/companies',\n      siteId: 'Filter/siteId',\n      companyCode: 'Filter/companyCode'\n    })\n  },\n  watch: {\n    items: {\n      handler(newItems) {\n        this.itemsLocal = newItems;\n      }\n    },\n    allFilter: {\n      deep: true,\n      handler() {\n        this.$store.commit('Table/RESET_PAGEABLE');\n        this.$refs['table-header'].resetOption();\n        this.fetchEquipments();\n      }\n    }\n  },\n  data() {\n    return {\n      itemsLocal: []\n    };\n  },\n  methods: {\n    moment,\n    fetchEquipments() {\n      this.$vs.loading();\n      this.$store.dispatch('EquipmentReplacement/fetchEquipments', this.allFilter).finally(() => {\n        this.$vs.loading.close();\n      });\n    },\n    goToDetail(detail) {\n      this.$store.dispatch('EquipmentReplacement/setDetail', { detail }).finally(() => {\n        this.$router.push({ name: 'EquipmentReplacementDetail' });\n      });\n    },\n    didRowStripe(index) {\n      return index % 2 === 0;\n    },\n    onSelectCompany(companyCode) {\n      this.$store.dispatch('Filter/setCompany', companyCode);\n    }\n  }\n};\n</script>\n\n<style lang=\"sass\" scoped>\n.tr-table-state-stripe\n  background: rgba(245, 246, 254, 1)\n</style>\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=6d3e7b7d&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=6d3e7b7d&lang=sass&scoped=true&\"\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  \"6d3e7b7d\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=6d3e7b7d&lang=sass&scoped=true&\""],"sourceRoot":""}