{"version":3,"sources":["webpack:///./src/directives/numberOnly.js","webpack:///./src/pages/electric/p2h.vue?f02f","webpack:///src/pages/electric/p2h.vue","webpack:///./src/pages/electric/p2h.vue?452e","webpack:///./src/pages/electric/p2h.vue","webpack:///./src/pages/electric/p2h.vue?beb4"],"names":["numberOnly","e","charCode","preventDefault","name","bind","el","addEventListener","unbind","removeEventListener","render","_vm","this","_h","$createElement","_c","_self","directives","rawName","value","isUserCanAccess","$route","expression","staticClass","scopedSlots","_u","key","fn","_v","attrs","model","filter","callback","$$v","$set","on","exportExcel","proxy","_l","type","idx","class","active","code","currentActive","$event","changeType","_s","itemsLocal","getData","header","h","ref","data","item","i1","id","items","createdBy","keyFullname","user","createdAt","_f","parseItems","field","i2","refInFor","Array","isArray","parseField","img","dmsNodeId","showImageDialog","url","slot","saveEditable","cancel","_e","dialogImage","style","height","currentUrl","staticRenderFns","components","TableHeader","TableFooter","Dialog","DatePicker","computed","tableHeaders","types","length","find","t","fieldHeader","allFilter","siteId","companyCode","mapGetters","watch","immediate","handler","val","date","$store","commit","deep","newItems","map","groupToDetail","reduce","acc","row","_row$value","media","methods","$vs","loading","dispatch","finally","close","getTypes","_item$profile$fullNam","_item$profile","profile","fullName","_item$items","mappedItems","disabled","push","_ref","_field$value","_field$media","m","$refs","setTimeout","fields","index","target","dataset","component"],"mappings":"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","file":"js/electric-p2h-index.d52e41e6.js","sourcesContent":["const numberOnly = e => {\n  if ((e.charCode < 48 || e.charCode > 57) && e.charCode !== 46) e.preventDefault();\n};\n\nexport default {\n  name: 'number-only',\n  bind(el) {\n    el.addEventListener('keypress', numberOnly);\n  },\n  unbind(el) {\n    el.removeEventListener('keypress', numberOnly);\n  }\n};\n","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('div',{staticClass:\"p-4\"},[_c('div',{staticClass:\"font-semibold mb-4\"},[_vm._v(\"Filter\")]),_c('div',{staticClass:\"flex items-end\"},[_c('div',{staticClass:\"mr-8\"},[_c('div',{staticClass:\"font-semibold mb-2\"},[_vm._v(\"Range Date\")]),_c('DatePicker',{attrs:{\"type\":\"date\",\"placeholder\":\"DD-MM-YYYY\",\"range\":\"\",\"format\":\"DD-MM-YYYY\"},model:{value:(_vm.filter.date),callback:function ($$v) {_vm.$set(_vm.filter, \"date\", $$v)},expression:\"filter.date\"}})],1),_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isUserCanAccess(_vm.$route, 'download')),expression:\"isUserCanAccess($route, 'download')\"}],staticClass:\"btn btn-primary flex-none\",on:{\"click\":_vm.exportExcel}},[_vm._v(\"Download\")])])])]},proxy:true}])}),_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,idx){return _c('li',{key:idx,class:{ active: type.code === _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-0 md:p-4\"},[_c('VsTable',{staticClass:\"mt-8\",attrs:{\"stripe\":\"\",\"sst\":\"\",\"data\":_vm.itemsLocal,\"id\":\"table-fix\"},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('TableHeader',{on:{\"fetch\":_vm.getData}})]},proxy:true},{key:\"thead\",fn:function(){return [_c('vs-th',{attrs:{\"width\":\"250\"}},[_vm._v(\"Reported By\")]),_c('vs-th',{attrs:{\"width\":\"250\"}},[_vm._v(\"Reported At\")]),_vm._l((_vm.tableHeaders),function(header,h){return _c('vs-th',{key:h,attrs:{\"width\":\"250\"}},[_vm._v(\" \"+_vm._s(header)+\" \")])}),_c('vs-th',{attrs:{\"width\":\"300\"}},[_vm._v(\"Foto Kerja\")])]},proxy:true},{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(item,i1){return _c('vs-tr',{key:item.id,attrs:{\"data\":_vm.items}},[_c('vs-td',{attrs:{\"data\":item.createdBy}},[_vm._v(_vm._s(_vm.keyFullname(item.user)))]),_c('vs-td',{attrs:{\"data\":item.createdAt}},[_vm._v(_vm._s(_vm._f(\"moment\")(item.createdAt,'DD-MM-YYYY HH:mm')))]),_vm._l((_vm.parseItems(item)),function(field,i2){return _c('vs-td',{key:((item.id) + \"-\" + i2),ref:((item.id) + \"-\" + i2),refInFor:true,attrs:{\"data\":item[field.key]}},[(Array.isArray(_vm.parseField(field)))?[_c('div',{staticClass:\"flex\"},_vm._l((_vm.parseField(field)),function(img){return _c('div',{key:img.dmsNodeId,staticClass:\"table-fix-image mr-3\",on:{\"click\":function($event){return _vm.showImageDialog(img)}}},[_c('img',{attrs:{\"src\":img.url}})])}),0)]:[_vm._v(\" \"+_vm._s(item[field.key] || \"No Data\")+\" \"),(item[field.key])?_c('template',{slot:\"edit\"},[_c('vs-input',{directives:[{name:\"number-only\",rawName:\"v-number-only\"}],staticClass:\"mr-3\",attrs:{\"placeholder\":\"Number\"},model:{value:(item[field.key]),callback:function ($$v) {_vm.$set(item, field.key, $$v)},expression:\"item[field.key]\"}}),_c('button',{staticClass:\"btn btn-primary mr-3\",on:{\"click\":function($event){return _vm.saveEditable(((item.id) + \"-\" + i2), item)}}},[_vm._v(\"Save\")]),_c('button',{staticClass:\"btn btn-primary outline\",attrs:{\"data-value\":item[field.key]},on:{\"click\":function($event){return _vm.cancel($event, ((item.id) + \"-\" + i2), i1, field.key)}}},[_vm._v(\" Cancel \")])],1):_vm._e()]],2)})],2)})}}])}),_c('TableFooter',{on:{\"fetch\":_vm.getData}})],1)]},proxy:true}])}),_c('Dialog',{attrs:{\"width\":\"100%\",\"center\":false},model:{value:(_vm.dialogImage),callback:function ($$v) {_vm.dialogImage=$$v},expression:\"dialogImage\"}},[_c('div',{style:({\n        height: '100%',\n        'background-image': (\"url('\" + _vm.currentUrl + \"')\"),\n        'background-size': 'contain',\n        'background-position': 'center center',\n        'background-repeat': 'no-repeat'\n      })}),_c('vs-button',{staticClass:\"absolute rounded-full m-4 img-close\",attrs:{\"color\":\"primary\",\"icon\":\"close\"},on:{\"click\":function($event){_vm.dialogImage = false}}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-show=\"isUserCanAccess($route, 'view')\">\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 items-end\">\n            <div class=\"mr-8\">\n              <div class=\"font-semibold mb-2\">Range Date</div>\n              <DatePicker type=\"date\" v-model=\"filter.date\" placeholder=\"DD-MM-YYYY\" range format=\"DD-MM-YYYY\" />\n            </div>\n            <button v-show=\"isUserCanAccess($route, 'download')\" class=\"btn btn-primary flex-none\" @click=\"exportExcel\">Download</button>\n          </div>\n        </div>\n      </template>\n    </AppCard>\n\n    <AppCard class=\"mt-8\">\n      <template #content>\n        <ul class=\"tab-report flex-col md:flex-row\">\n          <li v-for=\"(type, idx) in types\" :key=\"idx\" @click=\"changeType(type)\" :class=\"{ active: type.code === currentActive }\">\n            {{ type.name }}\n          </li>\n        </ul>\n      </template>\n    </AppCard>\n\n    <AppCard class=\"mt-8\">\n      <template #content>\n        <div class=\"p-0 md:p-4\">\n          <VsTable stripe sst :data=\"itemsLocal\" class=\"mt-8\" id=\"table-fix\">\n            <template #header>\n              <!-- HEADER TABLE -->\n              <TableHeader @fetch=\"getData\" />\n            </template>\n            <template #thead>\n              <vs-th width=\"250\">Reported By</vs-th>\n              <vs-th width=\"250\">Reported At</vs-th>\n              <vs-th width=\"250\" v-for=\"(header, h) in tableHeaders\" :key=\"h\">\n                {{ header }}\n              </vs-th>\n              <vs-th width=\"300\">Foto Kerja</vs-th>\n            </template>\n            <template slot-scope=\"{ data }\">\n              <vs-tr :key=\"item.id\" :data=\"items\" v-for=\"(item, i1) in data\">\n                <vs-td :data=\"item.createdBy\">{{ keyFullname(item.user) }}</vs-td>\n                <vs-td :data=\"item.createdAt\">{{ item.createdAt | moment('DD-MM-YYYY HH:mm') }}</vs-td>\n                <vs-td :data=\"item[field.key]\" v-for=\"(field, i2) in parseItems(item)\" :key=\"`${item.id}-${i2}`\" :ref=\"`${item.id}-${i2}`\">\n                  <template v-if=\"Array.isArray(parseField(field))\">\n                    <div class=\"flex\">\n                      <div v-for=\"img in parseField(field)\" :key=\"img.dmsNodeId\" class=\"table-fix-image mr-3\" @click=\"showImageDialog(img)\">\n                        <img :src=\"img.url\" />\n                      </div>\n                    </div>\n                  </template>\n                  <template v-else>\n                    {{ item[field.key] || `No Data` }}\n                    <template slot=\"edit\" v-if=\"item[field.key]\">\n                      <vs-input v-number-only v-model=\"item[field.key]\" placeholder=\"Number\" class=\"mr-3\" />\n                      <button class=\"btn btn-primary mr-3\" @click=\"saveEditable(`${item.id}-${i2}`, item)\">Save</button>\n                      <button\n                        class=\"btn btn-primary outline\"\n                        :data-value=\"item[field.key]\"\n                        @click=\"cancel($event, `${item.id}-${i2}`, i1, field.key)\"\n                      >\n                        Cancel\n                      </button>\n                    </template>\n                  </template>\n                </vs-td>\n              </vs-tr>\n            </template>\n          </VsTable>\n\n          <!-- PAGINATION COMPONENT TABLE -->\n          <TableFooter @fetch=\"getData\" />\n        </div>\n      </template>\n    </AppCard>\n    <Dialog v-model=\"dialogImage\" width=\"100%\" :center=\"false\">\n      <div\n        :style=\"{\n          height: '100%',\n          'background-image': `url('${currentUrl}')`,\n          'background-size': 'contain',\n          'background-position': 'center center',\n          'background-repeat': 'no-repeat'\n        }\"\n      ></div>\n      <vs-button class=\"absolute rounded-full m-4 img-close\" color=\"primary\" icon=\"close\" @click=\"dialogImage = false\" />\n    </Dialog>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport TableHeader from '@/components/Table/TableHeader';\nimport TableFooter from '@/components/Table/TableFooter';\nimport Dialog from '@/components/Base/Dialog';\nimport DatePicker from 'vue2-datepicker';\nimport numberOnly from '@/directives/numberOnly';\nimport 'vue2-datepicker/index.css';\nimport { find } from 'lodash';\n\nexport default {\n  name: 'ElectricP2hReport',\n  components: {\n    TableHeader,\n    TableFooter,\n    Dialog,\n    DatePicker\n  },\n  directives: {\n    numberOnly\n  },\n  computed: {\n    tableHeaders() {\n      return this.currentActive && this.types.length ? this.types.find(t => t.code === this.currentActive).fieldHeader : [];\n    },\n    allFilter() {\n      return {\n        ...this.filter,\n        siteId: this.siteId,\n        companyCode: this.companyCode\n      };\n    },\n    ...mapGetters({\n      types: 'ElectricReport/types',\n      items: 'ElectricReport/items',\n      siteId: 'Filter/siteId',\n      companyCode: 'Filter/companyCode'\n    })\n  },\n  watch: {\n    currentActive: {\n      immediate: true,\n      handler(val) {\n        if (val) {\n          this.filter.date = null;\n          this.$store.commit('Table/RESET_PAGEABLE');\n          this.getData();\n        }\n      }\n    },\n    allFilter: {\n      deep: true,\n      handler() {\n        this.$store.commit('Table/RESET_PAGEABLE');\n      }\n    },\n    items: {\n      handler(newItems) {\n        this.itemsLocal = newItems.map(item => {\n          const groupToDetail = item.items.reduce((acc, row) => {\n            acc[row.key] = row.value ?? row.media;\n            return acc;\n          }, {});\n          return { ...item, ...groupToDetail };\n        });\n      }\n    },\n    siteId: 'getTypes',\n    companyCode: {\n      immediate: true,\n      handler: 'getTypes'\n    }\n  },\n  data: () => ({\n    currentActive: null,\n    dialogImage: false,\n    currentUrl: null,\n    filter: {\n      date: null\n    },\n    itemsLocal: []\n  }),\n  methods: {\n    getData() {\n      if (!this.currentActive) return;\n      this.$vs.loading();\n      this.$store.dispatch('ElectricReport/fetchData', { type: this.currentActive, ...this.allFilter }).finally(() => {\n        this.$vs.loading.close();\n      });\n    },\n    getTypes() {\n      this.currentActive = null;\n      this.itemsLocal = [];\n      const { siteId, companyCode } = this;\n      this.$vs.loading();\n      this.$store.dispatch('ElectricReport/fetchTypes', { siteId, companyCode }).finally(() => {\n        this.$vs.loading.close();\n      });\n    },\n    changeType(type) {\n      this.currentActive = type.code;\n    },\n    keyFullname(item) {\n      return item?.profile?.fullName ?? '';\n    },\n    parseItems(item) {\n      const items = item?.items ?? [];\n      const mappedItems = this.tableHeaders.map(header => {\n        return find(items, ['key', header]) || { key: header, value: null, disabled: true };\n      });\n      if (find(items, ['key', 'Foto Kerja'])) {\n        mappedItems.push(find(items, ['key', 'Foto Kerja']));\n      }\n      return mappedItems;\n    },\n    parseField(field) {\n      return (\n        field?.value ?? field?.media?.map(m => ({ dmsNodeId: m.dmsNodeId, url: `${process.env.VUE_APP_BASE_URL}/media/view/${m.dmsNodeId}` })) ?? ''\n      );\n    },\n    saveEditable(id, row) {\n      this.$refs[id][0].close();\n      this.$vs.loading();\n      setTimeout(() => {\n        const { tableHeaders } = this;\n        this.$store.dispatch('ElectricReport/save', { fields: tableHeaders, row }).finally(() => {\n          this.$vs.loading.close();\n        });\n      }, 1000);\n    },\n    showImageDialog(img) {\n      this.dialogImage = true;\n      this.currentUrl = img.url;\n    },\n    exportExcel() {\n      this.$store.dispatch('ElectricReport/exportExcel', { ...this.filter });\n    },\n    cancel(e, id, index, key) {\n      this.$set(this.itemsLocal[index], key, e.target.dataset.value);\n      this.$refs[id][0].close();\n    }\n  }\n};\n</script>\n\n<style lang=\"sass\">\n#table-fix\n  table\n    table-layout: fixed !important\n\n.table-fix-image\n  overflow: hidden;\n  width: 30px;\n  height: 30px;\n  border-radius: 1000px;\n  display: flex\n  align-items: center\n  justify-content: center\n  background: #333\n\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.img-detail\n  display: flex;\n  width: 100;\n  height: 100%;\n  background: red;\n\n.img-close\n  position: absolute\n  right: 0\n  top: 0\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!./p2h.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!./p2h.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./p2h.vue?vue&type=template&id=1cba166c&\"\nimport script from \"./p2h.vue?vue&type=script&lang=js&\"\nexport * from \"./p2h.vue?vue&type=script&lang=js&\"\nimport style0 from \"./p2h.vue?vue&type=style&index=0&lang=sass&\"\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","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!./p2h.vue?vue&type=style&index=0&lang=sass&\""],"sourceRoot":""}