{"version":3,"sources":["webpack:///./src/pages/oee/index.vue?7c09","webpack:///./src/pages/oee/index.vue?4f95","webpack:///src/pages/oee/index.vue","webpack:///./src/pages/oee/index.vue?b670","webpack:///./src/pages/oee/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","isUserCanAccess","$route","expression","staticClass","scopedSlots","_u","key","fn","_l","type","index","class","active","id","currentActive","on","$event","changeType","_v","_s","proxy","attrs","model","filter","callback","$$v","$set","itemsLocal","fetchOeeFiles","slot","isUploadDialogShown","locales","content","oee","breadcrumb","ref","data","item","goToDetail","onDeleteDialogShown","originalName","user","profile","fullName","updatedAt","moment","format","onUploadChange","onCancelDialog","onUploadFile","isDeleteDialogShown","fileName","deleteOeeFile","fileId","staticRenderFns","components","DatePicker","Dialog","TableHeader","TableFooter","fileToUpload","date","computed","allFilter","siteId","companyCode","mapGetters","types","items","watch","handler","newItems","immediate","deep","$store","commit","created","dispatch","methods","target","files","formFileBody","FormData","append","$vs","loading","finally","close","$router","push","dialogType","category","detail","component"],"mappings":"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","file":"js/oee.d1a807ad.js","sourcesContent":["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=513c35e3&lang=sass&scoped=true&\"","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(_vm.$route, 'view')),expression:\"isUserCanAccess($route, 'view')\"}]},[_c('AppCard',{staticClass:\"mt-8\",scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('ul',{staticClass:\"tab-report flex-col md:flex-row\"},_vm._l((_vm.types),function(type,index){return _c('li',{key:index,class:{ active: type.id === _vm.currentActive },on:{\"click\":function($event){return _vm.changeType(type)}}},[_vm._v(\" \"+_vm._s(type.name)+\" \")])}),0)]},proxy:true}])}),_c('AppCard',{staticClass:\"mt-8\",scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"p-4\"},[_c('div',{staticClass:\"font-semibold mb-4\"},[_vm._v(\"Filter\")]),_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"flex-1\"},[_c('div',{staticClass:\"font-semibold mb-2\"},[_vm._v(\"Upload Date\")]),_c('DatePicker',{attrs:{\"range\":\"\",\"type\":\"date\",\"valueType\":\"format\",\"placeholder\":\"YYYY-MM-DD\",\"format\":\"YYYY-MM-DD\"},model:{value:(_vm.filter.date),callback:function ($$v) {_vm.$set(_vm.filter, \"date\", $$v)},expression:\"filter.date\"}})],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:{\"stripe\":\"\",\"sst\":\"\",\"data\":_vm.itemsLocal},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('TableHeader',{on:{\"fetch\":_vm.fetchOeeFiles}},[_c('template',{slot:\"header-left\"},[_c('VsButton',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isUserCanAccess(_vm.$route, 'add')),expression:\"isUserCanAccess($route, 'add')\"}],attrs:{\"flat\":\"\",\"icon\":\"file_upload\"},on:{\"click\":function($event){_vm.isUploadDialogShown = true}}},[_vm._v(\" Upload \"+_vm._s(_vm.locales.content.oee.breadcrumb)+\" \")])],1)],2)]},proxy:true},{key:\"thead\",fn:function(){return [_c('vs-th',{attrs:{\"width\":\"50\"}},[_vm._v(\"Action\")]),_c('vs-th',{attrs:{\"width\":\"250\"}},[_vm._v(\"File Name\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Uploaded By\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Upload Date\")])]},proxy:true},{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(item,index){return _c('vs-tr',{key:index},[_c('vs-td',{attrs:{\"data\":item}},[_c('div',{staticClass:\"flex flex-row justify-center\"},[_c('VsButton',{attrs:{\"type\":\"flat\",\"icon\":\"visibility\"},on:{\"click\":function($event){return _vm.goToDetail(item)}}}),_c('VsButton',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isUserCanAccess(_vm.$route, 'delete')),expression:\"isUserCanAccess($route, 'delete')\"}],attrs:{\"type\":\"flat\",\"icon\":\"delete\",\"color\":\"danger\"},on:{\"click\":function($event){return _vm.onDeleteDialogShown(item)}}})],1)]),_c('vs-td',{attrs:{\"data\":item.originalName}},[_vm._v(_vm._s(item.originalName))]),_c('vs-td',{attrs:{\"data\":item.user.profile.fullName}},[_vm._v(_vm._s(item.user.profile.fullName || ''))]),_c('vs-td',{attrs:{\"data\":item.updatedAt}},[_vm._v(_vm._s(item.updatedAt ? _vm.moment(item.updatedAt).format('YYYY-MM-DD HH:mm:ss') : ''))])],1)})}}])}),_c('TableFooter',{on:{\"fetch\":_vm.fetchOeeFiles}})],1)]},proxy:true}])}),_c('Dialog',{attrs:{\"width\":\"1080px\"},model:{value:(_vm.isUploadDialogShown),callback:function ($$v) {_vm.isUploadDialogShown=$$v},expression:\"isUploadDialogShown\"}},[[_c('AppCard',{attrs:{\"is-action-full\":\"\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('div',{staticClass:\"flex flex-row w-full mb-5\"},[_vm._v(\"Upload \"+_vm._s(_vm.locales.content.oee.breadcrumb))])]},proxy:true},{key:\"action\",fn:function(){return [_c('div',{staticClass:\"flex flex-row w-full p-5\"},[_c('div',{staticClass:\"flex flex-col w-full\"},[_c('div',{staticClass:\"font-semibold mb-2\"},[_vm._v(\"Upload File\")]),_c('VsInput',{staticClass:\"w-full dialog-input-bg\",attrs:{\"icon-after\":\"\",\"icon\":\"file_upload\",\"type\":\"file\",\"accept\":\"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\"},on:{\"change\":_vm.onUploadChange}})],1)]),_c('div',{staticClass:\"flex flex-row w-full justify-center p-5\"},[_c('VsButton',{staticClass:\"w-1/3 mr-2\",attrs:{\"type\":\"border\"},on:{\"click\":function($event){return _vm.onCancelDialog('upload')}}},[_vm._v(\"Cancel\")]),_c('VsButton',{staticClass:\"w-1/3 ml-2\",on:{\"click\":_vm.onUploadFile}},[_vm._v(\"Upload\")])],1)]},proxy:true}])})]],2),_c('Dialog',{model:{value:(_vm.isDeleteDialogShown),callback:function ($$v) {_vm.isDeleteDialogShown=$$v},expression:\"isDeleteDialogShown\"}},[[_c('AppCard',{attrs:{\"is-action-full\":\"\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('div',{staticClass:\"flex flex-col w-full justify-center mt-5\"},[_c('div',{staticClass:\"self-center\"},[_vm._v(\"Delete File\")]),_c('div',{staticClass:\"self-center\"},[_vm._v(\"\\\"\"+_vm._s(_vm.fileName)+\"\\\" ?\")])])]},proxy:true},{key:\"action\",fn:function(){return [_c('div',{staticClass:\"flex flex-row w-full justify-center p-5\"},[_c('VsButton',{staticClass:\"w-1/3 mr-2\",attrs:{\"type\":\"border\"},on:{\"click\":function($event){return _vm.onCancelDialog('delete')}}},[_vm._v(\"Cancel\")]),_c('VsButton',{staticClass:\"w-1/3 ml-2\",attrs:{\"color\":\"danger\"},on:{\"click\":function($event){return _vm.deleteOeeFile(_vm.fileId)}}},[_vm._v(\"Delete\")])],1)]},proxy:true}])})]],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-show=\"isUserCanAccess($route, 'view')\">\n    <AppCard class=\"mt-8\">\n      <template #content>\n        <ul class=\"tab-report flex-col md:flex-row\">\n          <li v-for=\"(type, index) in types\" :key=\"index\" :class=\"{ active: type.id === currentActive }\" @click=\"changeType(type)\">\n            {{ type.name }}\n          </li>\n        </ul>\n      </template>\n    </AppCard>\n    <AppCard class=\"mt-8\">\n      <template #content>\n        <div class=\"p-4\">\n          <div class=\"font-semibold mb-4\">Filter</div>\n          <div class=\"flex\">\n            <div class=\"flex-1\">\n              <div class=\"font-semibold mb-2\">Upload Date</div>\n              <DatePicker range type=\"date\" valueType=\"format\" v-model=\"filter.date\" placeholder=\"YYYY-MM-DD\" format=\"YYYY-MM-DD\" />\n            </div>\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 stripe sst :data=\"itemsLocal\">\n            <template #header>\n              <TableHeader @fetch=\"fetchOeeFiles\">\n                <template slot=\"header-left\">\n                  <VsButton flat icon=\"file_upload\" v-show=\"isUserCanAccess($route, 'add')\" @click=\"isUploadDialogShown = true\">\n                    Upload {{ locales.content.oee.breadcrumb }}\n                  </VsButton>\n                </template>\n              </TableHeader>\n            </template>\n            <template #thead>\n              <vs-th width=\"50\">Action</vs-th>\n              <vs-th width=\"250\">File Name</vs-th>\n              <vs-th width=\"100\">Uploaded By</vs-th>\n              <vs-th width=\"100\">Upload Date</vs-th>\n            </template>\n            <template slot-scope=\"{ data }\">\n              <vs-tr v-for=\"(item, index) of data\" :key=\"index\">\n                <vs-td :data=\"item\">\n                  <div class=\"flex flex-row justify-center\">\n                    <VsButton type=\"flat\" icon=\"visibility\" @click=\"goToDetail(item)\" />\n                    <VsButton\n                      type=\"flat\"\n                      icon=\"delete\"\n                      color=\"danger\"\n                      v-show=\"isUserCanAccess($route, 'delete')\"\n                      @click=\"onDeleteDialogShown(item)\"\n                    />\n                  </div>\n                </vs-td>\n                <vs-td :data=\"item.originalName\">{{ item.originalName }}</vs-td>\n                <vs-td :data=\"item.user.profile.fullName\">{{ item.user.profile.fullName || '' }}</vs-td>\n                <vs-td :data=\"item.updatedAt\">{{ item.updatedAt ? moment(item.updatedAt).format('YYYY-MM-DD HH:mm:ss') : '' }}</vs-td>\n              </vs-tr>\n            </template>\n          </VsTable>\n          <TableFooter @fetch=\"fetchOeeFiles\" />\n        </div>\n      </template>\n    </AppCard>\n\n    <!-- UPLOAD DIALOG -->\n    <Dialog v-model=\"isUploadDialogShown\" width=\"1080px\">\n      <template>\n        <AppCard is-action-full>\n          <template #title>\n            <div class=\"flex flex-row w-full mb-5\">Upload {{ locales.content.oee.breadcrumb }}</div>\n          </template>\n          <template #action>\n            <div class=\"flex flex-row w-full p-5\">\n              <div class=\"flex flex-col w-full\">\n                <div class=\"font-semibold mb-2\">Upload File</div>\n                <VsInput\n                  icon-after\n                  icon=\"file_upload\"\n                  type=\"file\"\n                  accept=\"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\"\n                  class=\"w-full dialog-input-bg\"\n                  @change=\"onUploadChange\"\n                />\n              </div>\n            </div>\n            <div class=\"flex flex-row w-full justify-center p-5\">\n              <VsButton type=\"border\" class=\"w-1/3 mr-2\" @click=\"onCancelDialog('upload')\">Cancel</VsButton>\n              <VsButton class=\"w-1/3 ml-2\" @click=\"onUploadFile\">Upload</VsButton>\n            </div>\n          </template>\n        </AppCard>\n      </template>\n    </Dialog>\n\n    <!-- DELETE DIALOG -->\n    <Dialog v-model=\"isDeleteDialogShown\">\n      <template>\n        <AppCard is-action-full>\n          <template #title>\n            <div class=\"flex flex-col w-full justify-center mt-5\">\n              <div class=\"self-center\">Delete File</div>\n              <div class=\"self-center\">\"{{ fileName }}\" ?</div>\n            </div>\n          </template>\n          <template #action>\n            <div class=\"flex flex-row w-full justify-center p-5\">\n              <VsButton type=\"border\" class=\"w-1/3 mr-2\" @click=\"onCancelDialog('delete')\">Cancel</VsButton>\n              <VsButton class=\"w-1/3 ml-2\" color=\"danger\" @click=\"deleteOeeFile(fileId)\">Delete</VsButton>\n            </div>\n          </template>\n        </AppCard>\n      </template>\n    </Dialog>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport DatePicker from 'vue2-datepicker';\nimport moment from 'moment';\nimport locales from '@/locales/en.json';\nimport Dialog from '@/components/Base/Dialog';\nimport TableHeader from '@/components/Table/TableHeader';\nimport TableFooter from '@/components/Table/TableFooter';\n\nexport default {\n  components: {\n    DatePicker,\n    Dialog,\n    TableHeader,\n    TableFooter\n  },\n  data() {\n    return {\n      locales,\n      currentActive: 'OEE_CRUSHING_TCM',\n      isUploadDialogShown: false,\n      isDeleteDialogShown: false,\n      fileId: null,\n      fileToUpload: null,\n      fileName: null,\n      filter: {\n        date: []\n      },\n      itemsLocal: []\n    };\n  },\n  computed: {\n    allFilter() {\n      return {\n        ...this.filter,\n        siteId: this.siteId,\n        companyCode: this.companyCode\n      };\n    },\n    ...mapGetters({\n      types: 'Oee/types',\n      items: 'Oee/items',\n      siteId: 'Filter/siteId',\n      companyCode: 'Filter/companyCode'\n    })\n  },\n  watch: {\n    items: {\n      handler(newItems) {\n        this.itemsLocal = newItems;\n      }\n    },\n    currentActive: {\n      immediate: true,\n      deep: true,\n      handler() {\n        this.filter.date = [];\n        this.$store.commit('Table/RESET_PAGEABLE');\n        this.fetchOeeFiles();\n      }\n    },\n    allFilter: {\n      deep: true,\n      handler() {\n        this.$store.commit('Table/RESET_PAGEABLE');\n        this.fetchOeeFiles();\n      }\n    }\n  },\n\n  created() {\n    this.$store.dispatch('Oee/fetchTypes');\n  },\n\n  methods: {\n    moment,\n    changeType(type) {\n      this.currentActive = type.id;\n      this.locales.content.oee.breadcrumb = type.name;\n    },\n    onUploadChange(value) {\n      this.fileToUpload = value.target.files[0];\n    },\n    onDeleteDialogShown(item) {\n      this.fileName = item.originalName;\n      this.fileId = item.id;\n      this.isDeleteDialogShown = true;\n    },\n    onUploadFile() {\n      const formFileBody = new FormData();\n      formFileBody.append('report', this.fileToUpload);\n\n      this.$vs.loading();\n      this.$store.dispatch('Oee/uploadReportFile', formFileBody).finally(() => {\n        this.$vs.loading.close();\n        this.isUploadDialogShown = false;\n        this.$router.push({ name: 'OeeDetail' });\n      });\n    },\n    onCancelDialog(dialogType) {\n      if (dialogType === 'upload') {\n        this.isUploadDialogShown = false;\n        this.fileToUpload = null;\n        return;\n      }\n\n      this.isDeleteDialogShown = false;\n      this.fileName = null;\n    },\n    fetchOeeFiles() {\n      this.$vs.loading();\n      const { siteId, companyCode } = this;\n      this.$store.dispatch('Oee/fetchOeeFiles', { date: this.filter.date, category: this.currentActive, siteId, companyCode }).finally(() => {\n        this.$vs.loading.close();\n      });\n    },\n    deleteOeeFile(id) {\n      this.isDeleteDialogShown = false;\n      this.$vs.loading();\n      this.$store.dispatch('Oee/deleteReportFile', { id }).finally(() => {\n        this.$vs.loading.close();\n        this.fetchOeeFiles();\n      });\n    },\n    goToDetail(item) {\n      this.locales.content.oee.detail = `View Detail ${this.locales.content.oee.breadcrumb}`;\n      this.$store.dispatch('Oee/setDetail', { detail: item }).finally(() => {\n        this.$router.push({ name: 'OeeDetail' });\n      });\n    }\n  }\n};\n</script>\n\n<style lang=\"sass\" scoped>\n.tab-report\n  display: flex\n  li\n    padding: 7px 10px\n    cursor: pointer\n\n    &:hover\n      @apply bg-gray-200\n\n    &.active\n      border-radius: 3px\n      @apply bg-gray-200\n      @apply text-primary\n\n.dialog-input-bg\n  background-color: #F2F4FB\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=513c35e3&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=513c35e3&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  \"513c35e3\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}