{"version":3,"sources":["webpack:///./src/views/Notification.vue?7e9f","webpack:///src/views/Notification.vue","webpack:///./src/views/Notification.vue?7c5d","webpack:///./src/views/Notification.vue","webpack:///./src/views/Notification.vue?15a2"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","attrs","descriptionItems","notification","on","handleSelected","scopedSlots","_u","key","fn","ref","data","_l","tr","indextr","created_at","setDateFormat","to_s","read_at","model","value","callback","$$v","selected","expression","slot","staticRenderFns","name","watch","_","isEqual","newValue","oldValue","loading","$vs","close","computed","mounted","$store","dispatch","getNotificationsData","methods","locale","newDate","component"],"mappings":"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","file":"js/chunk-622b579e.c538be84.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"vx-row m-2\"},[_c('div',{staticClass:\"router-header flex flex-wrap items-center mb-6 mt-5\"},[_c('div',{staticClass:\"content-area__heading pr-4 border-0 md:border-r border-solid border-grey-light\"},[_c('h2',{staticClass:\"mb-1\"},[_vm._v(_vm._s(_vm.$t(\"notification\")))])])])]),_c('vs-card',{staticClass:\"px-10 py-5\"},[_c('div',[_c('vs-table',{staticClass:\"static\",attrs:{\"maxHeight\":\"460px\",\"search\":\"\",\"max-items\":_vm.descriptionItems[0],\"description\":\"\",\"description-items\":_vm.descriptionItems,\"description-title\":\"Registries\",\"description-connector\":\"of\",\"description-body\":\"Pages\",\"pagination\":\"\",\"data\":_vm.notification},on:{\"selected\":_vm.handleSelected},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,attrs:{\"data\":tr}},[_c('vs-td',[_vm._v(\"\\n              \"+_vm._s(indextr + 1)+\"\\n            \")]),_c('vs-td',{attrs:{\"data\":data[indextr].created_at}},[_vm._v(\"\\n              \"+_vm._s(_vm.setDateFormat(data[indextr].created_at))+\"\\n            \")]),_c('vs-td',{attrs:{\"data\":data[indextr].to_s}},[_vm._v(\"\\n              \"+_vm._s(data[indextr].to_s)+\"\\n            \")]),(data[indextr].read_at != null)?_c('vs-td',{attrs:{\"data\":data[indextr].read_at}},[_c('font',{attrs:{\"color\":\"#006600\"}},[_vm._v(_vm._s(_vm.setDateFormat(data[indextr].read_at)))])],1):_c('vs-td',{attrs:{\"data\":data[indextr].read_at}},[_c('font',{attrs:{\"color\":\"warning\"}},[_vm._v(\"ยังไม่อ่าน\")])],1)],1)})}}]),model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}},[_c('template',{slot:\"header\"},[_c('h4',{staticClass:\"mb-5\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"notification\"))+\"\\n          \")])]),_c('template',{slot:\"thead\"},[_c('vs-th',[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"RefineryTable.Id\"))+\"\\n          \")]),_c('vs-th',{attrs:{\"sort-key\":\"created_at\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"RefineryTable.TransferStart\"))+\"\\n          \")]),_c('vs-th',[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"RefineryTable.Detail\"))+\"\\n          \")]),_c('vs-th',{attrs:{\"sort-key\":\"read_at\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"RefineryTable.ReadAt\"))+\"\\n          \")])],1)],2)],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"vx-row m-2\">\n      <div class=\"router-header flex flex-wrap items-center mb-6 mt-5\">\n        <div\n          class=\"content-area__heading pr-4 border-0 md:border-r border-solid border-grey-light\"\n        >\n          <h2 class=\"mb-1\">{{ $t(\"notification\") }}</h2>\n        </div>\n      </div>\n    </div>\n    <vs-card class=\"px-10 py-5\">\n      <div>\n        <vs-table\n          maxHeight=\"460px\"\n          search\n          class=\"static\"\n          :max-items=\"descriptionItems[0]\"\n          description\n          :description-items=\"descriptionItems\"\n          description-title=\"Registries\"\n          description-connector=\"of\"\n          description-body=\"Pages\"\n          pagination\n          :data=\"notification\"\n          v-model=\"selected\"\n          @selected=\"handleSelected\"\n        >\n          <template slot=\"header\">\n            <h4 class=\"mb-5\">\n              {{ $t(\"notification\") }}\n            </h4>\n          </template>\n          <template slot=\"thead\">\n            <vs-th>\n              {{ $t(\"RefineryTable.Id\") }}\n            </vs-th>\n            <vs-th sort-key=\"created_at\">\n              {{ $t(\"RefineryTable.TransferStart\") }}\n            </vs-th>\n            <vs-th>\n              {{ $t(\"RefineryTable.Detail\") }}\n            </vs-th>\n            <!-- <vs-th>\n              {{ $t(\"destinationType\") }}\n            </vs-th> -->\n            <vs-th sort-key=\"read_at\">\n              {{ $t(\"RefineryTable.ReadAt\") }}\n            </vs-th>\n          </template>\n          <template slot-scope=\"{ data }\">\n            <vs-tr :data=\"tr\" :key=\"indextr\" v-for=\"(tr, indextr) in data\">\n              <vs-td>\n                {{ indextr + 1 }}\n              </vs-td>\n              <vs-td :data=\"data[indextr].created_at\">\n                {{ setDateFormat(data[indextr].created_at) }}\n              </vs-td>\n              <vs-td :data=\"data[indextr].to_s\">\n                {{ data[indextr].to_s }}\n              </vs-td>\n              <!-- <vs-td :data=\"data[indextr].vessel_trip.destination_type\">\n                <p v-if=\"data[indextr].vessel_trip.destination_type == 'export'\" >\n                  {{ $t(\"exportOil\") }}\n                </p>\n                <p v-else-if=\"data[indextr].vessel_trip.destination_type == 'transit'\">\n                  {{ $t(\"greenDiesel\") }}\n                </p>\n                <p v-else>{{ $t(\"domesticOil\") }}</p>\n              </vs-td> -->\n              <vs-td\n                v-if=\"data[indextr].read_at != null\"\n                :data=\"data[indextr].read_at\"\n              >\n                <font color=\"#006600\">{{\n                  setDateFormat(data[indextr].read_at)\n                }}</font>\n              </vs-td>\n              <vs-td v-else :data=\"data[indextr].read_at\">\n                <font color=\"warning\">ยังไม่อ่าน</font>\n              </vs-td>\n            </vs-tr>\n          </template>\n        </vs-table>\n      </div>\n    </vs-card>\n  </div>\n</template>\n\n<script>\nimport moment from \"moment\";\nimport { mapState } from \"vuex\";\nimport { OIL_TYPE } from \"../constant/index\";\n\nexport default {\n  name: \"Notification\",\n  data() {\n    return {\n      descriptionItems: [10, 25, 50, 100],\n      selected: [],\n    };\n  },\n  watch: {\n    notification(newValue, oldValue) {\n      if (!_.isEqual(newValue, oldValue)) {\n        // this.getNotificationsData();\n      }\n    },\n    loading(loading) {\n      if (loading) {\n        this.$vs.loading();\n      } else {\n        this.$vs.loading.close();\n      }\n    },\n  },\n  computed: {\n    ...mapState({\n      notification: (state) => state.vesselTrip.notificationData,\n      loading: (state) => state.vesselTrip.loading,\n      isGreenDieselActive: (state) => state.isGreenDieselActive,\n      isDomesticOilActive: (state) => state.isDomesticOilActive,\n      isExportOilActive: (state) => state.isExportOilActive,\n    }),\n  },\n  mounted() {\n    this.$store.dispatch(\"activeOilCard\", OIL_TYPE.ALL);\n    this.getNotificationsData();\n  },\n  methods: {\n    getNotificationsData() {\n      this.$store.dispatch(\"getEventNotificationsData\");\n    },\n    setDateFormat(date) {\n      const locale = this.$i18n.locale;\n      if (locale == 'th') {\n        const newDate = moment(date).add(543, 'years').format('DD/MM/YYYY HH:mm');\n        return newDate\n      }\n      return moment(date).format(\"DD/MM/YYYY HH:mm\");\n    },\n    async handleSelected(tr) {\n      console.log(tr.id, tr.vessel_trip_id);\n      this.$store.dispatch(\"markEventNotificationsAsRead\", tr.id);\n      this.$store.dispatch(\"getEventNotificationsData\");\n      localStorage.setItem(\"vesselTripId\", tr.vessel_trip_id);\n      // this.$router.push(\"/printNotification\");\n      let routeData = this.$router.resolve(\"/printNotification\");\n      window.open(routeData.href, '_blank');\n      location.reload();\n    },\n  },\n};\n</script>\n\n<style>\n.tableship {\n  height: 100%;\n}\n@media print {\n  #selecttime {\n    display: none;\n  }\n}\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/@vue/cli-plugin-babel/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!./Notification.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/@vue/cli-plugin-babel/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!./Notification.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Notification.vue?vue&type=template&id=358ca85e&\"\nimport script from \"./Notification.vue?vue&type=script&lang=js&\"\nexport * from \"./Notification.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Notification.vue?vue&type=style&index=0&lang=css&\"\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","import mod from \"-!../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Notification.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Notification.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}