{"version":3,"sources":["webpack:///./src/pages/shift/detail.vue?a4e3","webpack:///src/pages/shift/detail.vue","webpack:///./src/pages/shift/detail.vue?7c74","webpack:///./src/pages/shift/detail.vue","webpack:///./src/pages/shift/detail.vue?b3a4"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","scopedSlots","_u","key","fn","_v","_s","moment","detail","reportedAt","format","startCase","shift","type","directives","name","rawName","value","isUserCanAccess","expression","attrs","on","downloadPdf","reportedBy","profile","fullName","company","department","proxy","description","_l","imageUrl","index","staticRenderFns","computed","mapGetters","detailId","methods","$vs","loading","$store","dispatch","id","finally","close","component"],"mappings":"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","file":"js/shift-detail.91d98aa3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('AppCard',{staticClass:\"mt-8\",scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"flex flex-row p-4\"},[_c('div',{staticClass:\"w-1/2 flex flex-col justify-center font-semibold\"},[_vm._v(\" \"+_vm._s(((_vm.moment(_vm.detail.reportedAt).format('DD MMMM YYYY')) + \" - \" + (_vm.startCase(_vm.detail.shift)) + \" - \" + (_vm.startCase(_vm.detail.type))))+\" \")]),_c('div',{staticClass:\"w-1/2 flex flex-col\"},[_c('VsButton',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isUserCanAccess({ name: 'Shift' }, 'download')),expression:\"isUserCanAccess({ name: 'Shift' }, 'download')\"}],staticClass:\"self-end\",attrs:{\"icon\":\"file_download\"},on:{\"click\":_vm.downloadPdf}})],1)]),_c('div',{staticClass:\"bottom-divider\"}),_c('div',{staticClass:\"flex flex-row p-4\"},[_c('div',{staticClass:\"flex flex-col pr-5\"},[_c('h3',{staticClass:\"font-semibold\"},[_vm._v(\"Date\")]),_c('h3',{staticClass:\"font-semibold\"},[_vm._v(\"Reported By\")]),_c('h3',{staticClass:\"font-semibold\"},[_vm._v(\"Company\")]),_c('h3',{staticClass:\"font-semibold\"},[_vm._v(\"Department\")]),_c('h3',{staticClass:\"font-semibold\"},[_vm._v(\"Shift\")]),_c('h3',{staticClass:\"font-semibold\"},[_vm._v(\"Report Type\")])]),_c('div',{staticClass:\"flex flex-col pl-5\"},[_c('h3',{staticClass:\"font-semibold text-value\"},[_vm._v(\": \"+_vm._s(_vm.moment(_vm.detail.reportedAt).format('DD-MM-YYYY')))]),_c('h3',{staticClass:\"font-semibold text-value\"},[_vm._v(\": \"+_vm._s(_vm.detail.reportedBy.profile.fullName))]),_c('h3',{staticClass:\"font-semibold text-value\"},[_vm._v(\": \"+_vm._s(_vm.detail.company))]),_c('h3',{staticClass:\"font-semibold text-value\"},[_vm._v(\": \"+_vm._s(_vm.detail.department))]),_c('h3',{staticClass:\"font-semibold text-value\"},[_vm._v(\": \"+_vm._s(_vm.startCase(_vm.detail.shift)))]),_c('h3',{staticClass:\"font-semibold text-value\"},[_vm._v(\": \"+_vm._s(_vm.startCase(_vm.detail.type)))])])])]},proxy:true}])}),_c('AppCard',{staticClass:\"mt-8\",scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"flex flex-row p-4\"},[_c('div',{staticClass:\"flex flex-col justify-center font-semibold\"},[_vm._v(\" Report \")])]),_c('div',{staticClass:\"bottom-divider\"}),_c('div',{staticClass:\"flex flex-row p-4\"},[_c('div',{staticClass:\"flex flex-col\"},[_vm._v(_vm._s(_vm.detail.description))])])]},proxy:true}])}),_c('AppCard',{staticClass:\"mt-8\",scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"flex flex-row p-4\"},[_c('div',{staticClass:\"flex flex-col justify-center font-semibold\"},[_vm._v(\" Photo \")])]),_c('div',{staticClass:\"bottom-divider\"}),_c('div',{staticClass:\"flex flex-row p-4 gallery-container\"},[_c('div',{staticClass:\"w-full flex flex-col\"},[_c('vs-images',{attrs:{\"hover\":'zoom'}},_vm._l((_vm.detail.photos),function(imageUrl,index){return _c('vs-image',{key:index,attrs:{\"src\":imageUrl}})}),1)],1)])]},proxy:true}])})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <AppCard class=\"mt-8\">\n      <template #content>\n        <div class=\"flex flex-row p-4\">\n          <div class=\"w-1/2 flex flex-col justify-center font-semibold\">\n            {{ `${moment(detail.reportedAt).format('DD MMMM YYYY')} - ${startCase(detail.shift)} - ${startCase(detail.type)}` }}\n          </div>\n          <div class=\"w-1/2 flex flex-col\">\n            <VsButton icon=\"file_download\" class=\"self-end\" v-show=\"isUserCanAccess({ name: 'Shift' }, 'download')\" @click=\"downloadPdf\" />\n          </div>\n        </div>\n        <div class=\"bottom-divider\" />\n        <div class=\"flex flex-row p-4\">\n          <div class=\"flex flex-col pr-5\">\n            <h3 class=\"font-semibold\">Date</h3>\n            <h3 class=\"font-semibold\">Reported By</h3>\n            <h3 class=\"font-semibold\">Company</h3>\n            <h3 class=\"font-semibold\">Department</h3>\n            <h3 class=\"font-semibold\">Shift</h3>\n            <h3 class=\"font-semibold\">Report Type</h3>\n          </div>\n          <div class=\"flex flex-col pl-5\">\n            <h3 class=\"font-semibold text-value\">: {{ moment(detail.reportedAt).format('DD-MM-YYYY') }}</h3>\n            <h3 class=\"font-semibold text-value\">: {{ detail.reportedBy.profile.fullName }}</h3>\n            <h3 class=\"font-semibold text-value\">: {{ detail.company }}</h3>\n            <h3 class=\"font-semibold text-value\">: {{ detail.department }}</h3>\n            <h3 class=\"font-semibold text-value\">: {{ startCase(detail.shift) }}</h3>\n            <h3 class=\"font-semibold text-value\">: {{ startCase(detail.type) }}</h3>\n          </div>\n        </div>\n      </template>\n    </AppCard>\n    <AppCard class=\"mt-8\">\n      <template #content>\n        <div class=\"flex flex-row p-4\">\n          <div class=\"flex flex-col justify-center font-semibold\">\n            Report\n          </div>\n        </div>\n        <div class=\"bottom-divider\" />\n        <div class=\"flex flex-row p-4\">\n          <div class=\"flex flex-col\">{{ detail.description }}</div>\n        </div>\n      </template>\n    </AppCard>\n    <AppCard class=\"mt-8\">\n      <template #content>\n        <div class=\"flex flex-row p-4\">\n          <div class=\"flex flex-col justify-center font-semibold\">\n            Photo\n          </div>\n        </div>\n        <div class=\"bottom-divider\" />\n        <div class=\"flex flex-row p-4 gallery-container\">\n          <div class=\"w-full flex flex-col\">\n            <vs-images :hover=\"'zoom'\">\n              <vs-image v-for=\"(imageUrl, index) of detail.photos\" :src=\"imageUrl\" :key=\"index\" />\n            </vs-images>\n          </div>\n        </div>\n      </template>\n    </AppCard>\n  </div>\n</template>\n\n<script>\nimport moment from 'moment';\nimport { mapGetters } from 'vuex';\nimport { startCase } from 'lodash';\n\nexport default {\n  computed: {\n    ...mapGetters({\n      detailId: 'Shift/detailId',\n      detail: 'Shift/detail'\n    })\n  },\n  methods: {\n    moment,\n    startCase,\n    downloadPdf() {\n      this.$vs.loading();\n      this.$store.dispatch('Shift/downloadPdf', { id: this.detailId }).finally(() => {\n        this.$vs.loading.close();\n      });\n    }\n  }\n};\n</script>\n\n<style lang=\"sass\" scoped>\n.bottom-divider\n  border-bottom: solid 1px #dedede\n\n.text-value\n  color: #C83492\n\n.gallery-container\n  max-height: 650px\n  overflow: auto\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!./detail.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!./detail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./detail.vue?vue&type=template&id=79504491&scoped=true&\"\nimport script from \"./detail.vue?vue&type=script&lang=js&\"\nexport * from \"./detail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./detail.vue?vue&type=style&index=0&id=79504491&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  \"79504491\",\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!./detail.vue?vue&type=style&index=0&id=79504491&lang=sass&scoped=true&\""],"sourceRoot":""}