{"version":3,"sources":["webpack:///./src/views/notifications/guardZoneNotification.vue?6b79","webpack:///src/views/notifications/guardZoneNotification.vue","webpack:///./src/views/notifications/guardZoneNotification.vue?91b9","webpack:///./src/views/notifications/guardZoneNotification.vue","webpack:///./node_modules/core-js/modules/es6.date.to-iso-string.js","webpack:///./node_modules/core-js/modules/_date-to-iso-string.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","_m","attrs","on","$event","filterNotification","staticClass","readAll","_v","directives","name","rawName","value","selectedVesselType","expression","model","callback","$$v","_l","item","index","key","type","indexOf","_k","keyCode","searchProximityEvents","search","$set","_e","dataTable","descriptionItems","scopedSlots","_u","fn","ref","data","tr","indextr","_s","to_s_th","isActiveNotification","to_s","style","event","distance","inner_radius_duration","calcucateOilVolume","outer_radius_duration","secondToMinute","created_at","setDateFormatRecordTime","read_at","staticStyle","slot","proximity_event","area_duration","staticRenderFns","mmsiVessel","mmsiTanker","vesselType","computed","_objectSpread","mapState","notifications","state","rts","guardZoneNotifications","proximity","watch","newVal","oldVal","console","log","_","isEqual","filterNotificationForTab","mounted","_mounted","_asyncToGenerator","regeneratorRuntime","mark","_callee","filterData","wrap","_context","prev","next","$vs","loading","$store","dispatch","filter","o","direction","proximity_detection_id","sent","close","stop","apply","arguments","methods","filterNotificationForSearch","_searchProximityEvents","_callee2","_context2","second","minutesToCalculate","volume","toLocaleString","undefined","minimumFractionDigits","maximumFractionDigits","Date","toISOString","substring","_isActiveNotification","_callee3","_context3","id","localStorage","setItem","JSON","stringify","window","open","_x","date","moment","locale","newDate","add","format","newTime","elapsedTime","startTime","x","now","timeDiff","seconds","Math","round","floor","minutes","hours","days","years","_readAll","_callee4","_context4","component","$export","P","F","prototype","fails","getTime","$toISOString","lz","num","module","exports","call","NaN","isFinite","RangeError","d","y","getUTCFullYear","m","getUTCMilliseconds","s","abs","slice","getUTCMonth","getUTCDate","getUTCHours","getUTCMinutes","getUTCSeconds"],"mappings":"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","file":"js/chunk-df71a310.34bb555e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('vs-row',[_c('vs-col',{attrs:{\"vs-lg\":\"12\",\"vs-sm\":\"12\",\"vs-xs\":\"12\"}},[_c('vx-card',[_c('vs-tabs',[_c('vs-tab',{attrs:{\"label\":\"การเข้ารับน้ำมัน\"},on:{\"click\":function($event){_vm.filterNotification = 'oil'}}},[_c('vs-row',{staticClass:\"my-5\",attrs:{\"vs-w\":\"12\"}},[_c('vs-col',{staticClass:\"mb-1\",attrs:{\"vs-type\":\"flex\",\"vs-align\":\"center\",\"vs-lg\":\"7\",\"vs-sm\":\"6\",\"vs-xs\":\"12\"}},[_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"gradient\",\"icon-pack\":\"feather\",\"icon\":\"icon-eye\"},on:{\"click\":function($event){return _vm.readAll()}}},[_vm._v(\"\\n                  อ่านทั้งหมด\\n                \")])],1),_c('vs-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.selectedVesselType.value == 'all'),expression:\"selectedVesselType.value == 'all'\"}],staticClass:\"mb-1 px-1\",attrs:{\"vs-type\":\"flex\",\"vs-align\":\"center\",\"vs-lg\":\"2\",\"vs-sm\":\"2\",\"vs-xs\":\"12\"}}),_c('vs-col',{staticClass:\"mb-1 px-1\",attrs:{\"vs-type\":\"flex\",\"vs-align\":\"center\",\"vs-lg\":\"2\",\"vs-sm\":\"2\",\"vs-xs\":\"12\"}},[_c('vs-select',{staticClass:\"w-full select-large\",attrs:{\"label\":\"ประเภทเรือ\",\"placeholder\":_vm.selectedVesselType.name},model:{value:(_vm.selectedVesselType),callback:function ($$v) {_vm.selectedVesselType=$$v},expression:\"selectedVesselType\"}},_vm._l((_vm.vesselType),function(item,index){return _c('vs-select-item',{key:index,staticClass:\"w-full\",attrs:{\"value\":item,\"text\":item.name}})}),1)],1),(_vm.selectedVesselType.value == 'tanker')?_c('vs-col',{staticClass:\"mb-1 px-1\",attrs:{\"vs-type\":\"flex\",\"vs-align\":\"center\",\"vs-lg\":\"2\",\"vs-sm\":\"2\",\"vs-xs\":\"12\"}},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"id\":\"mmsi\",\"label\":\"MMSI เรือบรรทุกน้ำมัน:\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.searchProximityEvents()}},model:{value:(_vm.search.mmsiTanker),callback:function ($$v) {_vm.$set(_vm.search, \"mmsiTanker\", $$v)},expression:\"search.mmsiTanker\"}}),_c('br')],1):(_vm.selectedVesselType.value == 'vessel')?_c('vs-col',{staticClass:\"mb-1 px-1\",attrs:{\"vs-type\":\"flex\",\"vs-align\":\"center\",\"vs-lg\":\"2\",\"vs-sm\":\"2\",\"vs-xs\":\"12\"}},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"id\":\"mmsi\",\"label\":\"MMSI เรือประมง:\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.searchProximityEvents()}},model:{value:(_vm.search.mmsiVessel),callback:function ($$v) {_vm.$set(_vm.search, \"mmsiVessel\", $$v)},expression:\"search.mmsiVessel\"}}),_c('br')],1):_vm._e(),_c('vs-col',{staticClass:\"mb-1 px-1\",attrs:{\"vs-type\":\"flex\",\"vs-align\":\"center\",\"vs-lg\":\"1\",\"vs-sm\":\"1\",\"vs-xs\":\"12\"}},[_c('br'),_c('vs-button',{staticClass:\"py-2 px-5 mt-6\",attrs:{\"color\":\"#0066cc\",\"type\":\"border\",\"icon-pack\":\"feather\",\"icon\":\"icon-search\"},on:{\"click\":function($event){return _vm.searchProximityEvents()}}})],1)],1),_c('vs-table',{staticClass:\"static\",attrs:{\"data\":_vm.dataTable,\"max-items\":_vm.descriptionItems[0],\"description\":\"\",\"description-items\":_vm.descriptionItems,\"description-title\":\"Registries\",\"description-connector\":\"of\",\"description-body\":\"Pages\",\"pagination\":\"\"},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',{attrs:{\"data\":indextr}},[_vm._v(\"\\n                    \"+_vm._s(indextr + 1)+\"\\n                  \")]),_c('vs-td',{attrs:{\"data\":data[indextr].to_s_th}},[_c('a',{on:{\"click\":function($event){return _vm.isActiveNotification(data[indextr])}}},[_vm._v(\"\\n                      \"+_vm._s(data[indextr].to_s_th || data[indextr].to_s)+\"\\n                      \"),_c('span',{style:(data[indextr].event == 'enter'\n                            ? 'color: green'\n                            : 'color: red')},[_vm._v(\"\\n                        \"+_vm._s(data[indextr].distance)+\"\\n                      \")])])]),_c('vs-td',{staticClass:\"text-center\"},[_vm._v(\"\\n                    \"+_vm._s(data[indextr].inner_radius_duration\n                        ? _vm.calcucateOilVolume(\n                            data[indextr].inner_radius_duration\n                          )\n                        : _vm.calcucateOilVolume(\n                            data[indextr].outer_radius_duration\n                          ))+\"\\n                  \")]),_c('vs-td',{staticClass:\"text-center\"},[_vm._v(\"\\n                    \"+_vm._s(data[indextr].inner_radius_duration\n                        ? _vm.secondToMinute(data[indextr].inner_radius_duration)\n                        : _vm.secondToMinute(data[indextr].outer_radius_duration))+\"\\n                  \")]),_c('vs-td',{attrs:{\"data\":data[indextr].created_at}},[_vm._v(_vm._s(_vm.setDateFormatRecordTime(\n                        data[indextr].created_at,\n                        \"date\"\n                      ))+\"\\n                  \")]),_c('vs-td',{attrs:{\"data\":data[indextr].created_at}},[_vm._v(_vm._s(_vm.setDateFormatRecordTime(\n                        data[indextr].created_at,\n                        \"time\"\n                      ))+\"\\n                  \")]),_c('vs-td',{attrs:{\"data\":data[indextr].read_at}},[(data[indextr].read_at == null)?_c('vs-chip',{attrs:{\"color\":\"#fdecb4\"}},[_c('p',{staticStyle:{\"color\":\"#000\"}},[_vm._v(\"ยังไม่อ่าน\")])]):_c('vs-chip',{attrs:{\"color\":\"#188d09\"}},[_c('p',[_vm._v(\"อ่านเเล้ว\")])])],1)],1)})}}])},[_c('template',{slot:\"thead\"},[_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"ลำดับ\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"รายละเอียด\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto text-center\"},[_vm._v(\"\\n                    ประมาณการ การรับน้ำมัน (ลิตร)\\n                  \")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto text-center\"},[_vm._v(\"\\n                    ระยะเวลาในเขตการรับน้ำมัน (ชั่วโมง:นาที:วินาที)\\n                  \")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"วันที่\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"เวลา\")])]),_c('vs-th',{staticStyle:{\"width\":\"90px\"}},[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"สถานะ\")])])],1)],2)],1),_c('vs-tab',{attrs:{\"label\":\"การเข้าออกเขตโรงกลั่น\"},on:{\"click\":function($event){_vm.filterNotification = 'refinery'}}},[_c('div',{staticClass:\"flex justify-between py-2\"},[_c('h4'),_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"gradient\",\"icon-pack\":\"feather\",\"icon\":\"icon-eye\"},on:{\"click\":function($event){return _vm.readAll()}}},[_vm._v(\"\\n                อ่านทั้งหมด\\n              \")])],1),_c('vs-table',{staticClass:\"static\",attrs:{\"data\":_vm.dataTable,\"max-items\":_vm.descriptionItems[0],\"description\":\"\",\"description-items\":_vm.descriptionItems,\"description-title\":\"Registries\",\"description-connector\":\"of\",\"description-body\":\"Pages\",\"pagination\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\n                      var data = ref.data;\nreturn _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,attrs:{\"data\":tr}},[_c('vs-td',{attrs:{\"data\":indextr}},[_vm._v(\"\\n                    \"+_vm._s(indextr + 1)+\"\\n                  \")]),_c('vs-td',{attrs:{\"data\":data[indextr].to_s_th}},[_c('a',{on:{\"click\":function($event){return _vm.isActiveNotification(data[indextr])}}},[_vm._v(_vm._s(data[indextr].to_s_th || data[indextr].to_s))])]),_c('vs-td',{staticClass:\"text-center\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.calcucateOilVolume(\n                        data[indextr].proximity_event.area_duration\n                      ))+\"\\n                  \")]),_c('vs-td',{staticClass:\"text-center\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.secondToMinute(\n                        data[indextr].proximity_event.area_duration\n                      ))+\"\\n                  \")]),_c('vs-td',{attrs:{\"data\":data[indextr].created_at}},[_vm._v(_vm._s(_vm.setDateFormatRecordTime(\n                        data[indextr].created_at,\n                        \"date\"\n                      ))+\"\\n                  \")]),_c('vs-td',{attrs:{\"data\":data[indextr].created_at}},[_vm._v(_vm._s(_vm.setDateFormatRecordTime(\n                        data[indextr].created_at,\n                        \"time\"\n                      ))+\"\\n                  \")]),_c('vs-td',{attrs:{\"data\":data[indextr].read_at}},[(data[indextr].read_at == null)?_c('vs-chip',{attrs:{\"color\":\"#fdecb4\"}},[_c('p',{staticStyle:{\"color\":\"#000\"}},[_vm._v(\"ยังไม่อ่าน\")])]):_c('vs-chip',{attrs:{\"color\":\"#188d09\"}},[_c('p',[_vm._v(\"อ่านเเล้ว\")])])],1)],1)})}}])},[_c('template',{slot:\"thead\"},[_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"ลำดับ\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"รายละเอียด\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto text-center\"},[_vm._v(\"\\n                    ประมาณการ การรับน้ำมัน (ลิตร)\\n                  \")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto text-center\"},[_vm._v(\"\\n                    ระยะเวลาในเขตการรับน้ำมัน (ชั่วโมง:นาที:วินาที)\\n                  \")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"วันที่\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"เวลา\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"สถานะ\")])])],1)],2)],1),_c('vs-tab',{attrs:{\"label\":\"การเข้าออกเขตท่าเรือ\"},on:{\"click\":function($event){_vm.filterNotification = 'wharf'}}},[_c('vs-row',{staticClass:\"my-5\",attrs:{\"vs-w\":\"12\"}},[_c('vs-col',{staticClass:\"mb-1\",attrs:{\"vs-type\":\"flex\",\"vs-align\":\"center\",\"vs-lg\":\"7\",\"vs-sm\":\"6\",\"vs-xs\":\"12\"}},[_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"gradient\",\"icon-pack\":\"feather\",\"icon\":\"icon-eye\"},on:{\"click\":function($event){return _vm.readAll()}}},[_vm._v(\"\\n                  อ่านทั้งหมด\\n                \")])],1),_c('vs-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.selectedVesselType.value == 'all'),expression:\"selectedVesselType.value == 'all'\"}],staticClass:\"mb-1 px-1\",attrs:{\"vs-type\":\"flex\",\"vs-align\":\"center\",\"vs-lg\":\"2\",\"vs-sm\":\"2\",\"vs-xs\":\"12\"}}),_c('vs-col',{staticClass:\"mb-1 px-1\",attrs:{\"vs-type\":\"flex\",\"vs-align\":\"center\",\"vs-lg\":\"2\",\"vs-sm\":\"2\",\"vs-xs\":\"12\"}},[_c('vs-select',{staticClass:\"w-full select-large\",attrs:{\"label\":\"ประเภทเรือ\",\"placeholder\":_vm.selectedVesselType.name},model:{value:(_vm.selectedVesselType),callback:function ($$v) {_vm.selectedVesselType=$$v},expression:\"selectedVesselType\"}},_vm._l((_vm.vesselType),function(item,index){return _c('vs-select-item',{key:index,staticClass:\"w-full\",attrs:{\"value\":item,\"text\":item.name}})}),1)],1),(_vm.selectedVesselType.value == 'tanker')?_c('vs-col',{staticClass:\"mb-1 px-1\",attrs:{\"vs-type\":\"flex\",\"vs-align\":\"center\",\"vs-lg\":\"2\",\"vs-sm\":\"2\",\"vs-xs\":\"12\"}},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"id\":\"mmsi\",\"label\":\"MMSI เรือบรรทุกน้ำมัน:\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.searchProximityEvents()}},model:{value:(_vm.search.mmsiTanker),callback:function ($$v) {_vm.$set(_vm.search, \"mmsiTanker\", $$v)},expression:\"search.mmsiTanker\"}}),_c('br')],1):(_vm.selectedVesselType.value == 'vessel')?_c('vs-col',{staticClass:\"mb-1 px-1\",attrs:{\"vs-type\":\"flex\",\"vs-align\":\"center\",\"vs-lg\":\"2\",\"vs-sm\":\"2\",\"vs-xs\":\"12\"}},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"id\":\"mmsi\",\"label\":\"MMSI เรือประมง:\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.searchProximityEvents()}},model:{value:(_vm.search.mmsiVessel),callback:function ($$v) {_vm.$set(_vm.search, \"mmsiVessel\", $$v)},expression:\"search.mmsiVessel\"}}),_c('br')],1):_vm._e(),_c('vs-col',{staticClass:\"mb-1 px-1\",attrs:{\"vs-type\":\"flex\",\"vs-align\":\"center\",\"vs-lg\":\"1\",\"vs-sm\":\"1\",\"vs-xs\":\"12\"}},[_c('br'),_c('vs-button',{staticClass:\"py-2 px-5 mt-6\",attrs:{\"color\":\"#0066cc\",\"type\":\"border\",\"icon-pack\":\"feather\",\"icon\":\"icon-search\"},on:{\"click\":function($event){return _vm.searchProximityEvents()}}})],1)],1),_c('vs-table',{staticClass:\"static\",attrs:{\"data\":_vm.dataTable,\"max-items\":_vm.descriptionItems[0],\"description\":\"\",\"description-items\":_vm.descriptionItems,\"description-title\":\"Registries\",\"description-connector\":\"of\",\"description-body\":\"Pages\",\"pagination\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\n                      var data = ref.data;\nreturn _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,attrs:{\"data\":tr}},[_c('vs-td',{attrs:{\"data\":indextr}},[_vm._v(\"\\n                    \"+_vm._s(indextr + 1)+\"\\n                  \")]),_c('vs-td',{attrs:{\"data\":data[indextr].to_s_th}},[_c('a',{on:{\"click\":function($event){return _vm.isActiveNotification(data[indextr])}}},[_vm._v(\"\\n                      \"+_vm._s(data[indextr].to_s_th || data[indextr].to_s)+\"\\n                      \"),_c('span',{style:(data[indextr].event == 'enter'\n                            ? 'color: green'\n                            : 'color: red')},[_vm._v(\"\\n                        \"+_vm._s(data[indextr].distance)+\"\\n                      \")])])]),_c('vs-td',{staticClass:\"text-center\"},[_vm._v(\"\\n                    \"+_vm._s(data[indextr].inner_radius_duration\n                        ? _vm.calcucateOilVolume(\n                            data[indextr].inner_radius_duration\n                          )\n                        : _vm.calcucateOilVolume(\n                            data[indextr].outer_radius_duration\n                          ))+\"\\n                  \")]),_c('vs-td',{staticClass:\"text-center\"},[_vm._v(\"\\n                    \"+_vm._s(data[indextr].inner_radius_duration\n                        ? _vm.secondToMinute(data[indextr].inner_radius_duration)\n                        : _vm.secondToMinute(data[indextr].outer_radius_duration))+\"\\n                  \")]),_c('vs-td',{attrs:{\"data\":data[indextr].created_at}},[_vm._v(_vm._s(_vm.setDateFormatRecordTime(\n                        data[indextr].created_at,\n                        \"date\"\n                      ))+\"\\n                  \")]),_c('vs-td',{attrs:{\"data\":data[indextr].created_at}},[_vm._v(_vm._s(_vm.setDateFormatRecordTime(\n                        data[indextr].created_at,\n                        \"time\"\n                      ))+\"\\n                  \")]),_c('vs-td',{attrs:{\"data\":data[indextr].read_at}},[(data[indextr].read_at == null)?_c('vs-chip',{attrs:{\"color\":\"#fdecb4\"}},[_c('p',{staticStyle:{\"color\":\"#000\"}},[_vm._v(\"ยังไม่อ่าน\")])]):_c('vs-chip',{attrs:{\"color\":\"#188d09\"}},[_c('p',[_vm._v(\"อ่านเเล้ว\")])])],1)],1)})}}])},[_c('template',{slot:\"thead\"},[_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"ลำดับ\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"รายละเอียด\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto text-center\"},[_vm._v(\"\\n                    ประมาณการ การรับน้ำมัน (ลิตร)\\n                  \")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto text-center\"},[_vm._v(\"\\n                    ระยะเวลาในเขตการรับน้ำมัน (ชั่วโมง:นาที:วินาที)\\n                  \")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"วันที่\")])]),_c('vs-th',[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"เวลา\")])]),_c('vs-th',{staticStyle:{\"width\":\"90px\"}},[_c('p',{staticClass:\"mx-auto\"},[_vm._v(\"สถานะ\")])])],1)],2)],1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vx-row mx-2\"},[_c('div',{staticClass:\"router-header flex flex-wrap items-center mb-6\"},[_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(\"การเเจ้งเตือน\")])])])])}]\n\nexport { render, staticRenderFns }","'\n<template>\n  <div>\n    <div class=\"vx-row mx-2\">\n      <div class=\"router-header flex flex-wrap items-center mb-6\">\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\">การเเจ้งเตือน</h2>\n        </div>\n        <!-- <p class=\"mx-5 mt-2\">การเเจ้งเตือน การเข้ารับน้ำมัน</p> -->\n      </div>\n    </div>\n    <vs-row>\n      <vs-col vs-lg=\"12\" vs-sm=\"12\" vs-xs=\"12\">\n        <vx-card>\n          <vs-tabs>\n            <!-- การเข้ารับน้ำมัน -->\n            <vs-tab\n              label=\"การเข้ารับน้ำมัน\"\n              @click=\"filterNotification = 'oil'\"\n            >\n              <vs-row vs-w=\"12\" class=\"my-5\">\n                <vs-col\n                  vs-type=\"flex\"\n                  class=\"mb-1\"\n                  vs-align=\"center\"\n                  vs-lg=\"7\"\n                  vs-sm=\"6\"\n                  vs-xs=\"12\"\n                >\n                  <vs-button\n                    color=\"primary\"\n                    type=\"gradient\"\n                    icon-pack=\"feather\"\n                    icon=\"icon-eye\"\n                    @click=\"readAll()\"\n                  >\n                    อ่านทั้งหมด\n                  </vs-button>\n                </vs-col>\n                <!-- <vs-col\n                  vs-type=\"flex\"\n                  class=\"mb-1\"\n                  vs-justify=\"center\"\n                  vs-align=\"center\"\n                  vs-lg=\"4\"\n                  vs-sm=\"6\"\n                  vs-xs=\"12\"\n                >\n                  <div class=\"h7 px-1\">วันที่เริ่ม:</div>\n                  <v-date-picker\n                    v-model=\"dataSearchVessel.selectedDate\"\n                    mode=\"dateTime\"\n                    :masks=\"masks\"\n                    is-range\n                    is24hr\n                    :locale=\"$i18n.locale\"\n                    :buddhist=\"true\"\n                    :max-date=\"new Date()\"\n                  >\n                    <template v-slot=\"{ inputValue, inputEvents }\">\n                      <vs-button\n                        v-on=\"inputEvents.start\"\n                        size=\"small\"\n                        color=\"#cccccc\"\n                        type=\"border\"\n                        class=\"w-full text-left\"\n                      >\n                        <div class=\"vx-row\">\n                          <vs-icon\n                            size=\"small\"\n                            icon=\"today\"\n                            color=\"dark\"\n                          ></vs-icon>\n                          <h6 class=\"mt-1 mx-2\">\n                            {{\n                              setDateFormatTh(\n                                dataSearchVessel.selectedDate.start\n                              )\n                            }}\n                            -\n                            {{\n                              setDateFormatTh(dataSearchVessel.selectedDate.end)\n                            }}\n                          </h6>\n                          <p hidden>{{ inputValue }}</p>\n                        </div>\n                      </vs-button>\n                    </template>\n                  </v-date-picker>\n                </vs-col> -->\n\n                <vs-col\n                  vs-type=\"flex\"\n                  class=\"mb-1 px-1\"\n                  vs-align=\"center\"\n                  vs-lg=\"2\"\n                  vs-sm=\"2\"\n                  vs-xs=\"12\"\n                  v-show=\"selectedVesselType.value == 'all'\"\n                >\n                </vs-col>\n                <vs-col\n                  vs-type=\"flex\"\n                  class=\"mb-1 px-1\"\n                  vs-align=\"center\"\n                  vs-lg=\"2\"\n                  vs-sm=\"2\"\n                  vs-xs=\"12\"\n                >\n                  <vs-select\n                    class=\"w-full select-large\"\n                    label=\"ประเภทเรือ\"\n                    v-model=\"selectedVesselType\"\n                    :placeholder=\"selectedVesselType.name\"\n                  >\n                    <vs-select-item\n                      :key=\"index\"\n                      :value=\"item\"\n                      :text=\"item.name\"\n                      v-for=\"(item, index) in vesselType\"\n                      class=\"w-full\"\n                    />\n                  </vs-select>\n                </vs-col>\n                <vs-col\n                  vs-type=\"flex\"\n                  class=\"mb-1 px-1\"\n                  vs-align=\"center\"\n                  vs-lg=\"2\"\n                  vs-sm=\"2\"\n                  vs-xs=\"12\"\n                  v-if=\"selectedVesselType.value == 'tanker'\"\n                >\n                  <vs-input\n                    id=\"mmsi\"\n                    v-model=\"search.mmsiTanker\"\n                    class=\"w-full\"\n                    label=\"MMSI เรือบรรทุกน้ำมัน:\"\n                    v-on:keyup.enter=\"searchProximityEvents()\"\n                  /><br />\n                </vs-col>\n                <vs-col\n                  vs-type=\"flex\"\n                  class=\"mb-1 px-1\"\n                  vs-align=\"center\"\n                  vs-lg=\"2\"\n                  vs-sm=\"2\"\n                  vs-xs=\"12\"\n                  v-else-if=\"selectedVesselType.value == 'vessel'\"\n                >\n                  <vs-input\n                    id=\"mmsi\"\n                    v-model=\"search.mmsiVessel\"\n                    class=\"w-full\"\n                    label=\"MMSI เรือประมง:\"\n                    v-on:keyup.enter=\"searchProximityEvents()\"\n                  /><br />\n                </vs-col>\n                <vs-col\n                  vs-type=\"flex\"\n                  class=\"mb-1 px-1\"\n                  vs-align=\"center\"\n                  vs-lg=\"1\"\n                  vs-sm=\"1\"\n                  vs-xs=\"12\"\n                >\n                  <br />\n                  <vs-button\n                    class=\"py-2 px-5 mt-6\"\n                    color=\"#0066cc\"\n                    type=\"border\"\n                    icon-pack=\"feather\"\n                    icon=\"icon-search\"\n                    @click=\"searchProximityEvents()\"\n                  ></vs-button>\n                </vs-col>\n              </vs-row>\n\n              <vs-table\n                :data=\"dataTable\"\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              >\n                <template slot=\"thead\">\n                  <vs-th><p class=\"mx-auto\">ลำดับ</p></vs-th>\n                  <vs-th><p class=\"mx-auto\">รายละเอียด</p></vs-th>\n                  <vs-th\n                    ><p class=\"mx-auto text-center\">\n                      ประมาณการ การรับน้ำมัน (ลิตร)\n                    </p></vs-th\n                  >\n                  <vs-th\n                    ><p class=\"mx-auto text-center\">\n                      ระยะเวลาในเขตการรับน้ำมัน (ชั่วโมง:นาที:วินาที)\n                    </p></vs-th\n                  >\n                  <vs-th><p class=\"mx-auto\">วันที่</p></vs-th>\n                  <vs-th><p class=\"mx-auto\">เวลา</p></vs-th>\n                  <vs-th style=\"width: 90px\"\n                    ><p class=\"mx-auto\">สถานะ</p></vs-th\n                  >\n                </template>\n\n                <template slot-scope=\"{ data }\">\n                  <vs-tr\n                    :data=\"tr\"\n                    :key=\"indextr\"\n                    v-for=\"(tr, indextr) in data\"\n                  >\n                    <vs-td :data=\"indextr\">\n                      {{ indextr + 1 }}\n                    </vs-td>\n                    <vs-td :data=\"data[indextr].to_s_th\">\n                      <a @click=\"isActiveNotification(data[indextr])\">\n                        {{ data[indextr].to_s_th || data[indextr].to_s }}\n                        <span\n                          :style=\"\n                            data[indextr].event == 'enter'\n                              ? 'color: green'\n                              : 'color: red'\n                          \"\n                        >\n                          {{ data[indextr].distance }}\n                        </span>\n                      </a>\n                    </vs-td>\n\n                    <vs-td class=\"text-center\">\n                      <!-- {{\n                        data[indextr].direction == \"exit outer radius (500.0m)\"\n                          ? calcucateOilVolume(\n                              data[indextr].outer_radius_duration\n                            )\n                          : calcucateOilVolume(null)\n                      }} -->\n                      {{\n                        data[indextr].inner_radius_duration\n                          ? calcucateOilVolume(\n                              data[indextr].inner_radius_duration\n                            )\n                          : calcucateOilVolume(\n                              data[indextr].outer_radius_duration\n                            )\n                      }}\n                    </vs-td>\n\n                    <vs-td class=\"text-center\">\n                      {{\n                        data[indextr].inner_radius_duration\n                          ? secondToMinute(data[indextr].inner_radius_duration)\n                          : secondToMinute(data[indextr].outer_radius_duration)\n                      }}\n                    </vs-td>\n\n                    <vs-td :data=\"data[indextr].created_at\"\n                      >{{\n                        setDateFormatRecordTime(\n                          data[indextr].created_at,\n                          \"date\"\n                        )\n                      }}\n                    </vs-td>\n                    <vs-td :data=\"data[indextr].created_at\"\n                      >{{\n                        setDateFormatRecordTime(\n                          data[indextr].created_at,\n                          \"time\"\n                        )\n                      }}\n                    </vs-td>\n\n                    <vs-td :data=\"data[indextr].read_at\">\n                      <vs-chip\n                        v-if=\"data[indextr].read_at == null\"\n                        color=\"#fdecb4\"\n                      >\n                        <p style=\"color: #000\">ยังไม่อ่าน</p>\n                      </vs-chip>\n                      <vs-chip v-else color=\"#188d09\">\n                        <p>อ่านเเล้ว</p>\n                      </vs-chip>\n                    </vs-td>\n                  </vs-tr>\n                </template>\n              </vs-table>\n            </vs-tab>\n            <!-- การเข้าออกเขตโรงกลั่น -->\n            <vs-tab\n              label=\"การเข้าออกเขตโรงกลั่น\"\n              @click=\"filterNotification = 'refinery'\"\n            >\n              <div class=\"flex justify-between py-2\">\n                <h4></h4>\n                <vs-button\n                  color=\"primary\"\n                  type=\"gradient\"\n                  icon-pack=\"feather\"\n                  icon=\"icon-eye\"\n                  @click=\"readAll()\"\n                >\n                  อ่านทั้งหมด\n                </vs-button>\n              </div>\n\n              <vs-table\n                :data=\"dataTable\"\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              >\n                <template slot=\"thead\">\n                  <vs-th><p class=\"mx-auto\">ลำดับ</p></vs-th>\n                  <vs-th><p class=\"mx-auto\">รายละเอียด</p></vs-th>\n                  <vs-th\n                    ><p class=\"mx-auto text-center\">\n                      ประมาณการ การรับน้ำมัน (ลิตร)\n                    </p></vs-th\n                  >\n                  <vs-th\n                    ><p class=\"mx-auto text-center\">\n                      ระยะเวลาในเขตการรับน้ำมัน (ชั่วโมง:นาที:วินาที)\n                    </p></vs-th\n                  >\n                  <vs-th><p class=\"mx-auto\">วันที่</p></vs-th>\n                  <vs-th><p class=\"mx-auto\">เวลา</p></vs-th>\n                  <vs-th><p class=\"mx-auto\">สถานะ</p></vs-th>\n                </template>\n\n                <template slot-scope=\"{ data }\">\n                  <vs-tr\n                    :data=\"tr\"\n                    :key=\"indextr\"\n                    v-for=\"(tr, indextr) in data\"\n                  >\n                    <vs-td :data=\"indextr\">\n                      {{ indextr + 1 }}\n                    </vs-td>\n                    <vs-td :data=\"data[indextr].to_s_th\">\n                      <a @click=\"isActiveNotification(data[indextr])\">{{\n                        data[indextr].to_s_th || data[indextr].to_s\n                      }}</a>\n                    </vs-td>\n\n                    <vs-td class=\"text-center\">\n                      {{\n                        calcucateOilVolume(\n                          data[indextr].proximity_event.area_duration\n                        )\n                      }}\n                    </vs-td>\n\n                    <vs-td class=\"text-center\">\n                      {{\n                        secondToMinute(\n                          data[indextr].proximity_event.area_duration\n                        )\n                      }}\n                    </vs-td>\n\n                    <vs-td :data=\"data[indextr].created_at\"\n                      >{{\n                        setDateFormatRecordTime(\n                          data[indextr].created_at,\n                          \"date\"\n                        )\n                      }}\n                    </vs-td>\n                    <vs-td :data=\"data[indextr].created_at\"\n                      >{{\n                        setDateFormatRecordTime(\n                          data[indextr].created_at,\n                          \"time\"\n                        )\n                      }}\n                    </vs-td>\n\n                    <vs-td :data=\"data[indextr].read_at\">\n                      <vs-chip\n                        v-if=\"data[indextr].read_at == null\"\n                        color=\"#fdecb4\"\n                      >\n                        <p style=\"color: #000\">ยังไม่อ่าน</p>\n                      </vs-chip>\n                      <vs-chip v-else color=\"#188d09\">\n                        <p>อ่านเเล้ว</p>\n                      </vs-chip>\n                    </vs-td>\n                  </vs-tr>\n                </template>\n              </vs-table>\n            </vs-tab>\n            <!-- การเข้าออกเขตท่าเรือ -->\n            <vs-tab\n              label=\"การเข้าออกเขตท่าเรือ\"\n              @click=\"filterNotification = 'wharf'\"\n            >\n              <vs-row vs-w=\"12\" class=\"my-5\">\n                <vs-col\n                  vs-type=\"flex\"\n                  class=\"mb-1\"\n                  vs-align=\"center\"\n                  vs-lg=\"7\"\n                  vs-sm=\"6\"\n                  vs-xs=\"12\"\n                >\n                  <vs-button\n                    color=\"primary\"\n                    type=\"gradient\"\n                    icon-pack=\"feather\"\n                    icon=\"icon-eye\"\n                    @click=\"readAll()\"\n                  >\n                    อ่านทั้งหมด\n                  </vs-button>\n                </vs-col>\n\n                <vs-col\n                  vs-type=\"flex\"\n                  class=\"mb-1 px-1\"\n                  vs-align=\"center\"\n                  vs-lg=\"2\"\n                  vs-sm=\"2\"\n                  vs-xs=\"12\"\n                  v-show=\"selectedVesselType.value == 'all'\"\n                >\n                </vs-col>\n                <vs-col\n                  vs-type=\"flex\"\n                  class=\"mb-1 px-1\"\n                  vs-align=\"center\"\n                  vs-lg=\"2\"\n                  vs-sm=\"2\"\n                  vs-xs=\"12\"\n                >\n                  <vs-select\n                    class=\"w-full select-large\"\n                    label=\"ประเภทเรือ\"\n                    v-model=\"selectedVesselType\"\n                    :placeholder=\"selectedVesselType.name\"\n                  >\n                    <vs-select-item\n                      :key=\"index\"\n                      :value=\"item\"\n                      :text=\"item.name\"\n                      v-for=\"(item, index) in vesselType\"\n                      class=\"w-full\"\n                    />\n                  </vs-select>\n                </vs-col>\n                <vs-col\n                  vs-type=\"flex\"\n                  class=\"mb-1 px-1\"\n                  vs-align=\"center\"\n                  vs-lg=\"2\"\n                  vs-sm=\"2\"\n                  vs-xs=\"12\"\n                  v-if=\"selectedVesselType.value == 'tanker'\"\n                >\n                  <vs-input\n                    id=\"mmsi\"\n                    v-model=\"search.mmsiTanker\"\n                    class=\"w-full\"\n                    label=\"MMSI เรือบรรทุกน้ำมัน:\"\n                    v-on:keyup.enter=\"searchProximityEvents()\"\n                  /><br />\n                </vs-col>\n                <vs-col\n                  vs-type=\"flex\"\n                  class=\"mb-1 px-1\"\n                  vs-align=\"center\"\n                  vs-lg=\"2\"\n                  vs-sm=\"2\"\n                  vs-xs=\"12\"\n                  v-else-if=\"selectedVesselType.value == 'vessel'\"\n                >\n                  <vs-input\n                    id=\"mmsi\"\n                    v-model=\"search.mmsiVessel\"\n                    class=\"w-full\"\n                    label=\"MMSI เรือประมง:\"\n                    v-on:keyup.enter=\"searchProximityEvents()\"\n                  /><br />\n                </vs-col>\n                <vs-col\n                  vs-type=\"flex\"\n                  class=\"mb-1 px-1\"\n                  vs-align=\"center\"\n                  vs-lg=\"1\"\n                  vs-sm=\"1\"\n                  vs-xs=\"12\"\n                >\n                  <br />\n                  <vs-button\n                    class=\"py-2 px-5 mt-6\"\n                    color=\"#0066cc\"\n                    type=\"border\"\n                    icon-pack=\"feather\"\n                    icon=\"icon-search\"\n                    @click=\"searchProximityEvents()\"\n                  ></vs-button>\n                </vs-col>\n              </vs-row>\n\n              <vs-table\n                :data=\"dataTable\"\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              >\n                <template slot=\"thead\">\n                  <vs-th><p class=\"mx-auto\">ลำดับ</p></vs-th>\n                  <vs-th><p class=\"mx-auto\">รายละเอียด</p></vs-th>\n                  <vs-th\n                    ><p class=\"mx-auto text-center\">\n                      ประมาณการ การรับน้ำมัน (ลิตร)\n                    </p></vs-th\n                  >\n                  <vs-th\n                    ><p class=\"mx-auto text-center\">\n                      ระยะเวลาในเขตการรับน้ำมัน (ชั่วโมง:นาที:วินาที)\n                    </p></vs-th\n                  >\n                  <vs-th><p class=\"mx-auto\">วันที่</p></vs-th>\n                  <vs-th><p class=\"mx-auto\">เวลา</p></vs-th>\n                  <vs-th style=\"width: 90px\"\n                    ><p class=\"mx-auto\">สถานะ</p></vs-th\n                  >\n                </template>\n\n                <template slot-scope=\"{ data }\">\n                  <vs-tr\n                    :data=\"tr\"\n                    :key=\"indextr\"\n                    v-for=\"(tr, indextr) in data\"\n                  >\n                    <vs-td :data=\"indextr\">\n                      {{ indextr + 1 }}\n                    </vs-td>\n                    <vs-td :data=\"data[indextr].to_s_th\">\n                      <a @click=\"isActiveNotification(data[indextr])\">\n                        {{ data[indextr].to_s_th || data[indextr].to_s }}\n                        <span\n                          :style=\"\n                            data[indextr].event == 'enter'\n                              ? 'color: green'\n                              : 'color: red'\n                          \"\n                        >\n                          {{ data[indextr].distance }}\n                        </span>\n                      </a>\n                    </vs-td>\n\n                    <vs-td class=\"text-center\">\n                      <!-- {{\n                        data[indextr].direction == \"exit outer radius (500.0m)\"\n                          ? calcucateOilVolume(\n                              data[indextr].outer_radius_duration\n                            )\n                          : calcucateOilVolume(null)\n                      }} -->\n                      {{\n                        data[indextr].inner_radius_duration\n                          ? calcucateOilVolume(\n                              data[indextr].inner_radius_duration\n                            )\n                          : calcucateOilVolume(\n                              data[indextr].outer_radius_duration\n                            )\n                      }}\n                    </vs-td>\n\n                    <vs-td class=\"text-center\">\n                      {{\n                        data[indextr].inner_radius_duration\n                          ? secondToMinute(data[indextr].inner_radius_duration)\n                          : secondToMinute(data[indextr].outer_radius_duration)\n                      }}\n                    </vs-td>\n\n                    <vs-td :data=\"data[indextr].created_at\"\n                      >{{\n                        setDateFormatRecordTime(\n                          data[indextr].created_at,\n                          \"date\"\n                        )\n                      }}\n                    </vs-td>\n                    <vs-td :data=\"data[indextr].created_at\"\n                      >{{\n                        setDateFormatRecordTime(\n                          data[indextr].created_at,\n                          \"time\"\n                        )\n                      }}\n                    </vs-td>\n\n                    <vs-td :data=\"data[indextr].read_at\">\n                      <vs-chip\n                        v-if=\"data[indextr].read_at == null\"\n                        color=\"#fdecb4\"\n                      >\n                        <p style=\"color: #000\">ยังไม่อ่าน</p>\n                      </vs-chip>\n                      <vs-chip v-else color=\"#188d09\">\n                        <p>อ่านเเล้ว</p>\n                      </vs-chip>\n                    </vs-td>\n                  </vs-tr>\n                </template>\n              </vs-table>\n            </vs-tab>\n          </vs-tabs>\n        </vx-card>\n      </vs-col>\n    </vs-row>\n  </div>\n</template>\n\n<script>\nimport Swal from \"sweetalert2\";\nimport moment from \"moment\";\nimport { mapState } from \"vuex\";\nimport _ from \"lodash\";\n\nexport default {\n  data() {\n    return {\n      descriptionItems: [10, 25, 50, 100, 250, 500],\n      filterNotification: \"oil\",\n      dataTable: [],\n      search: {\n        mmsiVessel: null,\n        mmsiTanker: null,\n      },\n      selectedVesselType: {\n        name: \"ทั้งหมด\",\n        value: \"all\",\n      },\n      vesselType: [\n        {\n          name: \"ทั้งหมด\",\n          value: \"all\",\n        },\n        {\n          name: \"เรือบรรทุกน้ำมัน\",\n          value: \"tanker\",\n        },\n        {\n          name: \"เรือประมง\",\n          value: \"vessel\",\n        },\n      ],\n    };\n  },\n  computed: {\n    ...mapState({\n      notifications: (state) => state.rts.guardZoneNotifications,\n      proximity: (state) => state.rts.proximity,\n    }),\n  },\n  watch: {\n    selectedVesselType(newVal, oldVal) {\n      console.log(\"search type \", newVal, oldVal);\n      if (!_.isEqual(newVal, oldVal)) {\n        this.search.mmsiVessel = null;\n        this.search.mmsiTanker = null;\n      }\n    },\n    proximity(newVal, oldVal) {\n      // console.log(\"proximity >>>> \", newVal);\n      if (!_.isEqual(newVal, oldVal)) {\n        \n      }\n      // return this.dataTable = newVal;\n    },\n    notifications(newVal, oldVal) {\n      if (!_.isEqual(newVal, oldVal)) {\n        return newVal;\n      }\n    },\n    dataTable(newVal, oldVal) {\n      if (!_.isEqual(newVal, oldVal)) {\n        return newVal;\n      }\n    },\n    filterNotification(newVal, oldVal) {\n      if (!_.isEqual(newVal, oldVal)) {\n        this.selectedVesselType = {\n          name: \"ทั้งหมด\",\n          value: \"all\",\n        }\n        this.filterNotificationForTab(newVal)\n      }\n    },\n  },\n  async mounted() {\n    this.$vs.loading();\n    await this.$store.dispatch(\"rts/getGuardZoneNotificationForNavbar\", 500);\n    console.log(\"notifications ::: \", this.notifications);\n    // const filterData = await _.filter(this.notifications, function(o) {\n    //   if (o.proximity_event.direction != \"enter area\" && o.proximity_event.direction != \"exit area\") {\n    //     const textLength = o.proximity_event.direction.length\n    //     const direction = o.proximity_event.direction.substring(textLength - 8, textLength)\n    //     o.direction = direction\n    //     return o;\n    //   }\n    // });\n    const filterData = await _.filter(this.notifications, function (o) {\n      return (\n        (o.proximity_event.direction != \"enter area\" ||\n          o.proximity_event.direction != \"exit area\") &&\n        o.proximity_event.proximity_detection_id < 101\n      );\n    });\n    this.dataTable = filterData;\n\n    // this.dataTable = this.notifications;\n    // console.log(\"mounted dataTable ::: \", this.dataTable);\n    this.$vs.loading.close();\n  },\n  methods: {\n    filterNotificationForTab(type) {\n      if (type == \"refinery\") {\n        const filterData = _.filter(this.notifications, function (o) {\n          return (\n            (o.proximity_event.direction == \"enter area\" ||\n              o.proximity_event.direction == \"exit area\") &&\n            o.proximity_event.proximity_detection_id < 101\n          );\n        });\n        this.dataTable = filterData;\n      } else if (type == \"wharf\") {\n        const filterData = _.filter(this.notifications, function (o) {\n          return (\n            (o.proximity_event.direction != \"enter area\" ||\n              o.proximity_event.direction != \"exit area\") &&\n            o.proximity_event.proximity_detection_id >= 101\n          );\n        });\n        this.dataTable = filterData;\n      } else {\n        const filterData = _.filter(this.notifications, function (o) {\n          return (\n            (o.proximity_event.direction != \"enter area\" ||\n              o.proximity_event.direction != \"exit area\") &&\n            o.proximity_event.proximity_detection_id < 101\n          );\n        });\n        this.dataTable = filterData;\n      }\n    },\n    filterNotificationForSearch(type){\n      if (type == \"refinery\") {\n        const filterData = _.filter(this.proximity, function (o) {\n          return (\n            (o.direction == \"enter area\" ||\n              o.direction == \"exit area\") &&\n            o.proximity_detection_id < 101\n          );\n        });\n        this.dataTable = filterData;\n      } else if (type == \"wharf\") {\n        const filterData = _.filter(this.proximity, function (o) {\n          console.log(\"o >>>> \", o);\n          return (\n            (o.direction != \"enter area\" ||\n              o.direction != \"exit area\") &&\n            o.proximity_detection_id >= 101\n          );\n        });\n        this.dataTable = filterData;\n      } else {\n        const filterData = _.filter(this.proximity, function (o) {\n          return (\n            (o.direction != \"enter area\" ||\n              o.direction != \"exit area\") &&\n            o.proximity_detection_id < 101\n          );\n        });\n        this.dataTable = filterData;\n      }\n    },\n    async searchProximityEvents() {\n      this.$vs.loading();\n      this.search.type = this.selectedVesselType;\n      this.search.type.filterNotification = this.filterNotification;\n      if (this.search.mmsiVessel || this.search.mmsiTanker) {\n        await this.$store.dispatch(\"rts/getProximityEvents\", this.search);\n      } else {\n        await this.$store.dispatch(\n          \"rts/getGuardZoneNotificationForNavbar\",\n          100\n        );\n      }\n      await this.filterNotificationForSearch(this.filterNotification)\n      this.$vs.loading.close();\n    },\n    calcucateOilVolume(second) {\n      const minutesToCalculate = second > 900 ? second * 0.016667 - 15 : 0; // 900 sec = 15 min\n      const volume = minutesToCalculate * 150;\n      return volume.toLocaleString(undefined, {\n        minimumFractionDigits: 2,\n        maximumFractionDigits: 2,\n      });\n    },\n    secondToMinute(second) {\n      // console.log(\"secondToMinute >>> \", new Date(second * 1000).toISOString().substring(14, 19));//(11, 16)\n      // return second ? `${new Date(second * 1000).toISOString().substring(14, 19)}` : ''\n      return second\n        ? new Date(second * 1000).toISOString().substring(11, 19)\n        : \"-\";\n    },\n    async isActiveNotification(data) {\n      this.$vs.loading();\n      await this.$store.dispatch(\"rts/readGuardZoneNotification\", data.id);\n      await this.$store.dispatch(\"rts/setPositionEventNotification\", data);\n      localStorage.setItem(\n        \"setPositionEventNotification\",\n        JSON.stringify(data)\n      );\n      this.$vs.loading.close();\n      window.open(`/admin/monitoring`, \"_blank\");\n      // this.$router.replace(`/monitoring`);\n      // await this.$store.dispatch(\"notifications/updateActiveNotification\", id)\n    },\n    setDateFormatRecordTime(date, type) {\n      moment.locale(\"th\"); // th\n      if (type == \"date\") {\n        const newDate = moment(date).add(543, \"years\").format(\"DD/MM/YYYY\");\n        return newDate;\n      } else {\n        const newTime = moment(date).format(\"LTS\");\n        return newTime;\n      }\n    },\n    elapsedTime(startTime) {\n      let x = new Date(startTime);\n      let now = new Date();\n      var timeDiff = now - x;\n      timeDiff /= 1000;\n\n      var seconds = Math.round(timeDiff);\n      timeDiff = Math.floor(timeDiff / 60);\n\n      var minutes = Math.round(timeDiff % 60);\n      timeDiff = Math.floor(timeDiff / 60);\n\n      var hours = Math.round(timeDiff % 24);\n      timeDiff = Math.floor(timeDiff / 24);\n\n      var days = Math.round(timeDiff % 365);\n      timeDiff = Math.floor(timeDiff / 365);\n\n      var years = timeDiff;\n\n      if (years > 0) {\n        return years + (years > 1 ? \" Years \" : \" Year \") + \"ago\";\n      } else if (days > 0) {\n        return days + (days > 1 ? \" Days \" : \" Day \") + \"ago\";\n      } else if (hours > 0) {\n        return hours + (hours > 1 ? \" Hrs \" : \" Hour \") + \"ago\";\n      } else if (minutes > 0) {\n        return minutes + (minutes > 1 ? \" Mins \" : \" Min \") + \"ago\";\n      } else if (seconds > 0) {\n        // return seconds + (seconds > 1 ? `${seconds} sec ago` : \"just now\");\n        return \"Just now\";\n      }\n\n      return \"Just Now\";\n    },\n    async readAll() {\n      await this.$store.dispatch(\"rts/readAllGuardZoneNotification\");\n      await this.$store.dispatch(\"rts/getGuardZoneNotificationForNavbar\", 100);\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped></style>\n'\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!./guardZoneNotification.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!./guardZoneNotification.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./guardZoneNotification.vue?vue&type=template&id=1769f33c&scoped=true\"\nimport script from \"./guardZoneNotification.vue?vue&type=script&lang=js\"\nexport * from \"./guardZoneNotification.vue?vue&type=script&lang=js\"\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  \"1769f33c\",\n  null\n  \n)\n\nexport default component.exports","// 20.3.4.36 / 15.9.5.43 Date.prototype.toISOString()\nvar $export = require('./_export');\nvar toISOString = require('./_date-to-iso-string');\n\n// PhantomJS / old WebKit has a broken implementations\n$export($export.P + $export.F * (Date.prototype.toISOString !== toISOString), 'Date', {\n  toISOString: toISOString\n});\n","'use strict';\n// 20.3.4.36 / 15.9.5.43 Date.prototype.toISOString()\nvar fails = require('./_fails');\nvar getTime = Date.prototype.getTime;\nvar $toISOString = Date.prototype.toISOString;\n\nvar lz = function (num) {\n  return num > 9 ? num : '0' + num;\n};\n\n// PhantomJS / old WebKit has a broken implementations\nmodule.exports = (fails(function () {\n  return $toISOString.call(new Date(-5e13 - 1)) != '0385-07-25T07:06:39.999Z';\n}) || !fails(function () {\n  $toISOString.call(new Date(NaN));\n})) ? function toISOString() {\n  if (!isFinite(getTime.call(this))) throw RangeError('Invalid time value');\n  var d = this;\n  var y = d.getUTCFullYear();\n  var m = d.getUTCMilliseconds();\n  var s = y < 0 ? '-' : y > 9999 ? '+' : '';\n  return s + ('00000' + Math.abs(y)).slice(s ? -6 : -4) +\n    '-' + lz(d.getUTCMonth() + 1) + '-' + lz(d.getUTCDate()) +\n    'T' + lz(d.getUTCHours()) + ':' + lz(d.getUTCMinutes()) +\n    ':' + lz(d.getUTCSeconds()) + '.' + (m > 99 ? m : '0' + lz(m)) + 'Z';\n} : $toISOString;\n"],"sourceRoot":""}