{"version":3,"sources":["webpack:///./src/views/Notification.vue?cc4a","webpack:///src/views/Notification.vue","webpack:///./src/views/Notification.vue?02c2","webpack:///./src/views/Notification.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_m","staticClass","attrs","on","$event","readAll","_v","slot","_l","notifications","registration","ntf","key","index","isActiveNotification","id","type","_s","detail","elapsedTime","createdAt","read","reparation","resignation","staticRenderFns","data","computed","_objectSpread","mapState","state","notificationsAll","watch","newVal","oldVal","_","isEqual","mounted","_mounted","_asyncToGenerator","regeneratorRuntime","mark","_callee","wrap","_context","prev","next","$store","dispatch","console","log","stop","apply","arguments","methods","_isActiveNotification","_callee2","_context2","$router","push","concat","_x","_x2","formateDate","date","moment","add","format","startTime","x","Date","now","timeDiff","seconds","Math","round","floor","minutes","hours","days","years","_readAll","_callee3","_context3","component"],"mappings":"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","file":"js/chunk-2d0aa29d.d2e9f3c8.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',{staticClass:\"my-5 pr-10\",attrs:{\"vs-w\":\"12\",\"vs-justify\":\"right\",\"vs-align\":\"center\"}},[_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-row',[_c('vs-col',{attrs:{\"vs-lg\":\"4\",\"vs-sm\":\"4\",\"vs-xs\":\"12\"}},[_c('vx-card',[_c('h4',[_vm._v(\"ลงทะเบียนเรือ\")]),_c('vs-collapse',[_c('vs-collapse-item',{attrs:{\"open\":\"\"}},[_c('div',{staticClass:\"text-base\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('b',{staticClass:\"text-warning\"},[_vm._v(\"รอยืนยันการลงทะเบียนเรือ\")])]),_c('ul',{staticClass:\"bordered-items\"},_vm._l((_vm.notifications.registration.waitingRegistration),function(ntf){return _c('li',{key:ntf.index,staticClass:\"flex justify-between py-2 notification cursor-pointer\"},[_c('div',{staticClass:\"flex items-start\",on:{\"click\":function($event){return _vm.isActiveNotification(ntf.id, ntf.type)}}},[_c('div',{staticClass:\"ml-2 mr-5\"},[_c('small',[_vm._v(_vm._s(ntf.detail))])])]),_c('div',[_c('small',{staticClass:\"mt-1 whitespace-no-wrap\"},[_vm._v(_vm._s(_vm.elapsedTime(ntf.createdAt)))]),_c('br'),(ntf.read == 'unread')?_c('small',{staticClass:\"mt-1 whitespace-no-wrap text-danger\"},[_vm._v(\"ยังไม่อ่าน\")]):_c('small',{staticClass:\"mt-1 whitespace-no-wrap text-success\"},[_vm._v(\"อ่านเเล้ว\")])])])}),0)]),_c('vs-collapse-item',[_c('div',{staticClass:\"text-base\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('b',{staticClass:\"text-primary\"},[_vm._v(\"ยืนยันการลงทะเบียนเรือ\")])]),_c('ul',{staticClass:\"bordered-items\"},_vm._l((_vm.notifications.registration.confirmRegistration),function(ntf){return _c('li',{key:ntf.index,staticClass:\"flex justify-between py-2 notification cursor-pointer\"},[_c('div',{staticClass:\"flex items-start\",on:{\"click\":function($event){return _vm.isActiveNotification(ntf.id, ntf.type)}}},[_c('div',{staticClass:\"ml-2 mr-5\"},[_c('small',[_vm._v(_vm._s(ntf.detail))])])]),_c('div',[_c('small',{staticClass:\"mt-1 whitespace-no-wrap\"},[_vm._v(_vm._s(_vm.elapsedTime(ntf.createdAt)))]),_c('br'),(ntf.read == 'unread')?_c('small',{staticClass:\"mt-1 whitespace-no-wrap text-danger\"},[_vm._v(\"ยังไม่อ่าน\")]):_c('small',{staticClass:\"mt-1 whitespace-no-wrap text-success\"},[_vm._v(\"อ่านเเล้ว\")])])])}),0)]),_c('vs-collapse-item',[_c('div',{staticClass:\"text-base\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('b',{staticClass:\"text-success\"},[_vm._v(\"แจ้งวันรับอุปกรณ์การติดตั้ง\")])]),_c('ul',{staticClass:\"bordered-items\"},_vm._l((_vm.notifications.registration.receivedAccessories),function(ntf){return _c('li',{key:ntf.index,staticClass:\"flex justify-between py-2 notification cursor-pointer\"},[_c('div',{staticClass:\"flex items-start\",on:{\"click\":function($event){return _vm.isActiveNotification(ntf.id, ntf.type)}}},[_c('div',{staticClass:\"ml-2 mr-5\"},[_c('small',[_vm._v(_vm._s(ntf.detail))])])]),_c('div',[_c('small',{staticClass:\"mt-1 whitespace-no-wrap\"},[_vm._v(_vm._s(_vm.elapsedTime(ntf.createdAt)))]),_c('br'),(ntf.read == 'unread')?_c('small',{staticClass:\"mt-1 whitespace-no-wrap text-danger\"},[_vm._v(\"ยังไม่อ่าน\")]):_c('small',{staticClass:\"mt-1 whitespace-no-wrap text-success\"},[_vm._v(\"อ่านเเล้ว\")])])])}),0)]),_c('vs-collapse-item',[_c('div',{staticClass:\"text-base\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('b',{staticClass:\"text-warning\"},[_vm._v(\"รอยืนยันการติดตั้งอุปกรณ์\")])]),_c('ul',{staticClass:\"bordered-items\"},_vm._l((_vm.notifications.registration.waitingConfirmInstallation),function(ntf){return _c('li',{key:ntf.index,staticClass:\"flex justify-between py-2 notification cursor-pointer\"},[_c('div',{staticClass:\"flex items-start\",on:{\"click\":function($event){return _vm.isActiveNotification(ntf.id, ntf.type)}}},[_c('div',{staticClass:\"ml-2 mr-5\"},[_c('small',[_vm._v(_vm._s(ntf.detail))])])]),_c('div',[_c('small',{staticClass:\"mt-1 whitespace-no-wrap\"},[_vm._v(_vm._s(_vm.elapsedTime(ntf.createdAt)))]),_c('br'),(ntf.read == 'unread')?_c('small',{staticClass:\"mt-1 whitespace-no-wrap text-danger\"},[_vm._v(\"ยังไม่อ่าน\")]):_c('small',{staticClass:\"mt-1 whitespace-no-wrap text-success\"},[_vm._v(\"อ่านเเล้ว\")])])])}),0)]),_c('vs-collapse-item',[_c('div',{staticClass:\"text-base\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('b',{staticClass:\"text-primary\"},[_vm._v(\"ยืนยันการติดตั้งอุปกรณ์\")])]),_c('ul',{staticClass:\"bordered-items\"},_vm._l((_vm.notifications.registration.confirmInstallation),function(ntf){return _c('li',{key:ntf.index,staticClass:\"flex justify-between py-2 notification cursor-pointer\"},[_c('div',{staticClass:\"flex items-start\",on:{\"click\":function($event){return _vm.isActiveNotification(ntf.id, ntf.type)}}},[_c('div',{staticClass:\"ml-2 mr-5\"},[_c('small',[_vm._v(_vm._s(ntf.detail))])])]),_c('div',[_c('small',{staticClass:\"mt-1 whitespace-no-wrap\"},[_vm._v(_vm._s(_vm.elapsedTime(ntf.createdAt)))]),_c('br'),(ntf.read == 'unread')?_c('small',{staticClass:\"mt-1 whitespace-no-wrap text-danger\"},[_vm._v(\"ยังไม่อ่าน\")]):_c('small',{staticClass:\"mt-1 whitespace-no-wrap text-success\"},[_vm._v(\"อ่านเเล้ว\")])])])}),0)])],1)],1)],1),_c('vs-col',{attrs:{\"vs-lg\":\"4\",\"vs-sm\":\"4\",\"vs-xs\":\"12\"}},[_c('vx-card',[_c('h4',[_vm._v(\"เเจ้งซ่อม\")]),_c('vs-collapse',[_c('vs-collapse-item',{attrs:{\"open\":\"\"}},[_c('div',{staticClass:\"text-base\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('b',{staticClass:\"text-warning\"},[_vm._v(\"แจ้งซ่อม\")])]),_c('ul',{staticClass:\"bordered-items\"},_vm._l((_vm.notifications.reparation.reparation),function(ntf){return _c('li',{key:ntf.index,staticClass:\"flex justify-between py-2 notification cursor-pointer\"},[_c('div',{staticClass:\"flex items-start\",on:{\"click\":function($event){return _vm.isActiveNotification(ntf.id, ntf.type)}}},[_c('div',{staticClass:\"ml-2 mr-5\"},[_c('small',[_vm._v(_vm._s(ntf.detail))])])]),_c('div',[_c('small',{staticClass:\"mt-1 whitespace-no-wrap\"},[_vm._v(_vm._s(_vm.elapsedTime(ntf.createdAt)))]),_c('br'),(ntf.read == 'unread')?_c('small',{staticClass:\"mt-1 whitespace-no-wrap text-danger\"},[_vm._v(\"ยังไม่อ่าน\")]):_c('small',{staticClass:\"mt-1 whitespace-no-wrap text-success\"},[_vm._v(\"อ่านเเล้ว\")])])])}),0)]),_c('vs-collapse-item',[_c('div',{staticClass:\"text-base\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('b',{staticClass:\"text-success\"},[_vm._v(\"แจ้งนัดหมายติดตั้งอุปกรณ์\")])]),_c('ul',{staticClass:\"bordered-items\"},_vm._l((_vm.notifications.reparation.receivedAccessories),function(ntf){return _c('li',{key:ntf.index,staticClass:\"flex justify-between py-2 notification cursor-pointer\"},[_c('div',{staticClass:\"flex items-start\",on:{\"click\":function($event){return _vm.isActiveNotification(ntf.id, ntf.type)}}},[_c('div',{staticClass:\"ml-2 mr-5\"},[_c('small',[_vm._v(_vm._s(ntf.detail))])])]),_c('div',[_c('small',{staticClass:\"mt-1 whitespace-no-wrap\"},[_vm._v(_vm._s(_vm.elapsedTime(ntf.createdAt)))]),_c('br'),(ntf.read == 'unread')?_c('small',{staticClass:\"mt-1 whitespace-no-wrap text-danger\"},[_vm._v(\"ยังไม่อ่าน\")]):_c('small',{staticClass:\"mt-1 whitespace-no-wrap text-success\"},[_vm._v(\"อ่านเเล้ว\")])])])}),0)]),_c('vs-collapse-item',[_c('div',{staticClass:\"text-base\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('b',{staticClass:\"text-warning\"},[_vm._v(\"รอยืนยันการติดตั้งอุปกรณ์\")])]),_c('ul',{staticClass:\"bordered-items\"},_vm._l((_vm.notifications.reparation.waitingConfirmInstallation),function(ntf){return _c('li',{key:ntf.index,staticClass:\"flex justify-between py-2 notification cursor-pointer\"},[_c('div',{staticClass:\"flex items-start\",on:{\"click\":function($event){return _vm.isActiveNotification(ntf.id, ntf.type)}}},[_c('div',{staticClass:\"ml-2 mr-5\"},[_c('small',[_vm._v(_vm._s(ntf.detail))])])]),_c('div',[_c('small',{staticClass:\"mt-1 whitespace-no-wrap\"},[_vm._v(_vm._s(_vm.elapsedTime(ntf.createdAt)))]),_c('br'),(ntf.read == 'unread')?_c('small',{staticClass:\"mt-1 whitespace-no-wrap text-danger\"},[_vm._v(\"ยังไม่อ่าน\")]):_c('small',{staticClass:\"mt-1 whitespace-no-wrap text-success\"},[_vm._v(\"อ่านเเล้ว\")])])])}),0)]),_c('vs-collapse-item',[_c('div',{staticClass:\"text-base\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('b',{staticClass:\"text-primary\"},[_vm._v(\"ยืนยันการติดตั้งอุปกรณ์\")])]),_c('ul',{staticClass:\"bordered-items\"},_vm._l((_vm.notifications.reparation.confirmInstallation),function(ntf){return _c('li',{key:ntf.index,staticClass:\"flex justify-between py-2 notification cursor-pointer\"},[_c('div',{staticClass:\"flex items-start\",on:{\"click\":function($event){return _vm.isActiveNotification(ntf.id, ntf.type)}}},[_c('div',{staticClass:\"ml-2 mr-5\"},[_c('small',[_vm._v(_vm._s(ntf.detail))])])]),_c('div',[_c('small',{staticClass:\"mt-1 whitespace-no-wrap\"},[_vm._v(_vm._s(_vm.elapsedTime(ntf.createdAt)))]),_c('br'),(ntf.read == 'unread')?_c('small',{staticClass:\"mt-1 whitespace-no-wrap text-danger\"},[_vm._v(\"ยังไม่อ่าน\")]):_c('small',{staticClass:\"mt-1 whitespace-no-wrap text-success\"},[_vm._v(\"อ่านเเล้ว\")])])])}),0)])],1)],1)],1),_c('vs-col',{attrs:{\"vs-lg\":\"4\",\"vs-sm\":\"4\",\"vs-xs\":\"12\"}},[_c('vx-card',[_c('h4',[_vm._v(\"ออกจากโครงการ\")]),_c('vs-collapse',[_c('vs-collapse-item',{attrs:{\"open\":\"\"}},[_c('div',{staticClass:\"text-base\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('b',{staticClass:\"text-warning\"},[_vm._v(\"รอยืนยันการออกจากโครงการ\")])]),_c('ul',{staticClass:\"bordered-items\"},_vm._l((_vm.notifications.resignation.waitingConfirmResignation),function(ntf){return _c('li',{key:ntf.index,staticClass:\"flex justify-between py-2 notification cursor-pointer\"},[_c('div',{staticClass:\"flex items-start\",on:{\"click\":function($event){return _vm.isActiveNotification(ntf.id, ntf.type)}}},[_c('div',{staticClass:\"ml-2 mr-5\"},[_c('small',[_vm._v(_vm._s(ntf.detail))])])]),_c('div',[_c('small',{staticClass:\"mt-1 whitespace-no-wrap\"},[_vm._v(_vm._s(_vm.elapsedTime(ntf.createdAt)))]),_c('br'),(ntf.read == 'unread')?_c('small',{staticClass:\"mt-1 whitespace-no-wrap text-danger\"},[_vm._v(\"ยังไม่อ่าน\")]):_c('small',{staticClass:\"mt-1 whitespace-no-wrap text-success\"},[_vm._v(\"อ่านเเล้ว\")])])])}),0)]),_c('vs-collapse-item',[_c('div',{staticClass:\"text-base\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('b',{staticClass:\"text-primary\"},[_vm._v(\"ยืนยันการออกจากโครงการ\")])]),_c('ul',{staticClass:\"bordered-items\"},_vm._l((_vm.notifications.resignation.confirmResignation),function(ntf){return _c('li',{key:ntf.index,staticClass:\"flex justify-between py-2 notification cursor-pointer\"},[_c('div',{staticClass:\"flex items-start\",on:{\"click\":function($event){return _vm.isActiveNotification(ntf.id, ntf.type)}}},[_c('div',{staticClass:\"ml-2 mr-5\"},[_c('small',[_vm._v(_vm._s(ntf.detail))])])]),_c('div',[_c('small',{staticClass:\"mt-1 whitespace-no-wrap\"},[_vm._v(_vm._s(_vm.elapsedTime(ntf.createdAt)))]),_c('br'),(ntf.read == 'unread')?_c('small',{staticClass:\"mt-1 whitespace-no-wrap text-danger\"},[_vm._v(\"ยังไม่อ่าน\")]):_c('small',{staticClass:\"mt-1 whitespace-no-wrap text-success\"},[_vm._v(\"อ่านเเล้ว\")])])])}),0)])],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(\"การเเจ้งเตือน\")])]),_c('p',{staticClass:\"mx-5 mt-2\"},[_vm._v(\"การเเจ้งเตือนทั้งหมด\")])])])}]\n\nexport { render, staticRenderFns }","<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 vs-w=\"12\" vs-justify=\"right\" vs-align=\"center\" class=\"my-5 pr-10\">\n        <vs-button color=\"primary\" type=\"gradient\" icon-pack=\"feather\" icon=\"icon-eye\" @click=\"readAll()\">\n            อ่านทั้งหมด\n        </vs-button>\n      </vs-row>\n    <vs-row>\n      <!-- ลงทะเบียนเรือ -->\n      <vs-col vs-lg=\"4\" vs-sm=\"4\" vs-xs=\"12\" >\n        <vx-card> \n          <h4>ลงทะเบียนเรือ</h4>\n          <vs-collapse>\n            <vs-collapse-item open>\n              <div slot=\"header\" class=\"text-base\"><b class=\"text-warning\">รอยืนยันการลงทะเบียนเรือ</b></div>\n              <ul class=\"bordered-items\">\n                <li v-for=\"ntf in notifications.registration.waitingRegistration\" :key=\"ntf.index\"  class=\"flex justify-between py-2 notification cursor-pointer\">\n                  <div class=\"flex items-start\" @click=\"isActiveNotification(ntf.id, ntf.type)\">\n                    <!-- <div>\n                      <vs-button radius color=\"success\" type=\"filled\" disabled icon=\"circle\" size=\"small\"></vs-button>\n                    </div> -->\n                    <div class=\"ml-2 mr-5\">\n                      <small>{{ ntf.detail }}</small>\n                    </div>\n                  </div>\n                  <div>\n                    <small class=\"mt-1 whitespace-no-wrap\">{{ elapsedTime(ntf.createdAt) }}</small><br/>\n                    <small v-if=\"ntf.read == 'unread'\" class=\"mt-1 whitespace-no-wrap text-danger\">ยังไม่อ่าน</small>\n                    <small v-else class=\"mt-1 whitespace-no-wrap text-success\">อ่านเเล้ว</small>\n                  </div>\n                </li>\n              </ul>\n            </vs-collapse-item>\n\n            <vs-collapse-item >\n              <div slot=\"header\" class=\"text-base\"><b class=\"text-primary\">ยืนยันการลงทะเบียนเรือ</b></div>\n              <ul class=\"bordered-items\">\n                <li v-for=\"ntf in notifications.registration.confirmRegistration\" :key=\"ntf.index\"  class=\"flex justify-between py-2 notification cursor-pointer\">\n                  <div class=\"flex items-start\" @click=\"isActiveNotification(ntf.id, ntf.type)\">\n                    <div class=\"ml-2 mr-5\">\n                      <small>{{ ntf.detail }}</small>\n                    </div>\n                  </div>\n                  <div>\n                    <small class=\"mt-1 whitespace-no-wrap\">{{ elapsedTime(ntf.createdAt) }}</small><br/>\n                    <small v-if=\"ntf.read == 'unread'\" class=\"mt-1 whitespace-no-wrap text-danger\">ยังไม่อ่าน</small>\n                    <small v-else class=\"mt-1 whitespace-no-wrap text-success\">อ่านเเล้ว</small>\n                  </div>\n                </li>\n              </ul>\n            </vs-collapse-item>\n\n            <vs-collapse-item >\n              <div slot=\"header\" class=\"text-base\"><b class=\"text-success\">แจ้งวันรับอุปกรณ์การติดตั้ง</b></div>\n              <ul class=\"bordered-items\">\n                <li v-for=\"ntf in notifications.registration.receivedAccessories\" :key=\"ntf.index\"  class=\"flex justify-between py-2 notification cursor-pointer\">\n                  <div class=\"flex items-start\" @click=\"isActiveNotification(ntf.id, ntf.type)\">\n                    <div class=\"ml-2 mr-5\">\n                      <small>{{ ntf.detail }}</small>\n                    </div>\n                  </div>\n                  <div>\n                    <small class=\"mt-1 whitespace-no-wrap\">{{ elapsedTime(ntf.createdAt) }}</small><br/>\n                    <small v-if=\"ntf.read == 'unread'\" class=\"mt-1 whitespace-no-wrap text-danger\">ยังไม่อ่าน</small>\n                    <small v-else class=\"mt-1 whitespace-no-wrap text-success\">อ่านเเล้ว</small>\n                  </div>\n                </li>\n              </ul>\n            </vs-collapse-item>\n\n            <vs-collapse-item >\n              <div slot=\"header\" class=\"text-base\"><b class=\"text-warning\">รอยืนยันการติดตั้งอุปกรณ์</b></div>\n              <ul class=\"bordered-items\">\n                <li v-for=\"ntf in notifications.registration.waitingConfirmInstallation\" :key=\"ntf.index\"  class=\"flex justify-between py-2 notification cursor-pointer\">\n                  <div class=\"flex items-start\" @click=\"isActiveNotification(ntf.id, ntf.type)\">\n                    <div class=\"ml-2 mr-5\">\n                      <small>{{ ntf.detail }}</small>\n                    </div>\n                  </div>\n                  <div>\n                    <small class=\"mt-1 whitespace-no-wrap\">{{ elapsedTime(ntf.createdAt) }}</small><br/>\n                    <small v-if=\"ntf.read == 'unread'\" class=\"mt-1 whitespace-no-wrap text-danger\">ยังไม่อ่าน</small>\n                    <small v-else class=\"mt-1 whitespace-no-wrap text-success\">อ่านเเล้ว</small>\n                  </div>\n                </li>\n              </ul>\n            </vs-collapse-item>\n\n            <vs-collapse-item >\n              <div slot=\"header\" class=\"text-base\"><b class=\"text-primary\">ยืนยันการติดตั้งอุปกรณ์</b></div>\n              <ul class=\"bordered-items\">\n                <li v-for=\"ntf in notifications.registration.confirmInstallation\" :key=\"ntf.index\"  class=\"flex justify-between py-2 notification cursor-pointer\">\n                  <div class=\"flex items-start\" @click=\"isActiveNotification(ntf.id, ntf.type)\">\n                    <div class=\"ml-2 mr-5\">\n                      <small>{{ ntf.detail }}</small>\n                    </div>\n                  </div>\n                  <div>\n                    <small class=\"mt-1 whitespace-no-wrap\">{{ elapsedTime(ntf.createdAt) }}</small><br/>\n                    <small v-if=\"ntf.read == 'unread'\" class=\"mt-1 whitespace-no-wrap text-danger\">ยังไม่อ่าน</small>\n                    <small v-else class=\"mt-1 whitespace-no-wrap text-success\">อ่านเเล้ว</small>\n                  </div>\n                </li>\n              </ul>\n            </vs-collapse-item>\n          </vs-collapse>\n        </vx-card>\n      </vs-col>\n\n      <!-- เเจ้งซ่อม -->\n      <vs-col vs-lg=\"4\" vs-sm=\"4\" vs-xs=\"12\" >\n        <vx-card> \n          <h4>เเจ้งซ่อม</h4>\n        <!-- collapse-action -->\n          <vs-collapse>\n            <vs-collapse-item open>\n              <div slot=\"header\" class=\"text-base\"><b class=\"text-warning\">แจ้งซ่อม</b></div>\n              <ul class=\"bordered-items\">\n                <li v-for=\"ntf in notifications.reparation.reparation\" :key=\"ntf.index\"  class=\"flex justify-between py-2 notification cursor-pointer\">\n                  <div class=\"flex items-start\" @click=\"isActiveNotification(ntf.id, ntf.type)\">\n                    <div class=\"ml-2 mr-5\">\n                      <small>{{ ntf.detail }}</small>\n                    </div>\n                  </div>\n                  <div>\n                    <small class=\"mt-1 whitespace-no-wrap\">{{ elapsedTime(ntf.createdAt) }}</small><br/>\n                    <small v-if=\"ntf.read == 'unread'\" class=\"mt-1 whitespace-no-wrap text-danger\">ยังไม่อ่าน</small>\n                    <small v-else class=\"mt-1 whitespace-no-wrap text-success\">อ่านเเล้ว</small>\n                  </div>\n                </li>\n              </ul>\n            </vs-collapse-item>\n\n            <vs-collapse-item >\n              <div slot=\"header\" class=\"text-base\"><b class=\"text-success\">แจ้งนัดหมายติดตั้งอุปกรณ์</b></div>\n              <ul class=\"bordered-items\">\n                <li v-for=\"ntf in notifications.reparation.receivedAccessories\" :key=\"ntf.index\"  class=\"flex justify-between py-2 notification cursor-pointer\">\n                  <div class=\"flex items-start\" @click=\"isActiveNotification(ntf.id, ntf.type)\">\n                    <div class=\"ml-2 mr-5\">\n                      <small>{{ ntf.detail }}</small>\n                    </div>\n                  </div>\n                  <div>\n                    <small class=\"mt-1 whitespace-no-wrap\">{{ elapsedTime(ntf.createdAt) }}</small><br/>\n                    <small v-if=\"ntf.read == 'unread'\" class=\"mt-1 whitespace-no-wrap text-danger\">ยังไม่อ่าน</small>\n                    <small v-else class=\"mt-1 whitespace-no-wrap text-success\">อ่านเเล้ว</small>\n                  </div>\n                </li>\n              </ul>\n            </vs-collapse-item>\n\n            <vs-collapse-item >\n              <div slot=\"header\" class=\"text-base\"><b class=\"text-warning\">รอยืนยันการติดตั้งอุปกรณ์</b></div>\n              <ul class=\"bordered-items\">\n                <li v-for=\"ntf in notifications.reparation.waitingConfirmInstallation\" :key=\"ntf.index\"  class=\"flex justify-between py-2 notification cursor-pointer\">\n                  <div class=\"flex items-start\" @click=\"isActiveNotification(ntf.id, ntf.type)\">\n                    <div class=\"ml-2 mr-5\">\n                      <small>{{ ntf.detail }}</small>\n                    </div>\n                  </div>\n                  <div>\n                    <small class=\"mt-1 whitespace-no-wrap\">{{ elapsedTime(ntf.createdAt) }}</small><br/>\n                    <small v-if=\"ntf.read == 'unread'\" class=\"mt-1 whitespace-no-wrap text-danger\">ยังไม่อ่าน</small>\n                    <small v-else class=\"mt-1 whitespace-no-wrap text-success\">อ่านเเล้ว</small>\n                  </div>\n                </li>\n              </ul>\n            </vs-collapse-item>\n\n            <vs-collapse-item >\n              <div slot=\"header\" class=\"text-base\"><b class=\"text-primary\">ยืนยันการติดตั้งอุปกรณ์</b></div>\n              <ul class=\"bordered-items\">\n                <li v-for=\"ntf in notifications.reparation.confirmInstallation\" :key=\"ntf.index\"  class=\"flex justify-between py-2 notification cursor-pointer\">\n                  <div class=\"flex items-start\" @click=\"isActiveNotification(ntf.id, ntf.type)\">\n                    <div class=\"ml-2 mr-5\">\n                      <small>{{ ntf.detail }}</small>\n                    </div>\n                  </div>\n                  <div>\n                    <small class=\"mt-1 whitespace-no-wrap\">{{ elapsedTime(ntf.createdAt) }}</small><br/>\n                    <small v-if=\"ntf.read == 'unread'\" class=\"mt-1 whitespace-no-wrap text-danger\">ยังไม่อ่าน</small>\n                    <small v-else class=\"mt-1 whitespace-no-wrap text-success\">อ่านเเล้ว</small>\n                  </div>\n                </li>\n              </ul>\n            </vs-collapse-item>\n          </vs-collapse>\n        </vx-card>\n      </vs-col>\n\n      <!-- ออกจากโครงการ -->\n      <vs-col vs-lg=\"4\" vs-sm=\"4\" vs-xs=\"12\" >\n        <vx-card> \n          <h4>ออกจากโครงการ</h4>\n        <!-- collapse-action -->\n          <vs-collapse>\n            <vs-collapse-item open>\n              <div slot=\"header\" class=\"text-base\"><b class=\"text-warning\">รอยืนยันการออกจากโครงการ</b></div>\n              <ul class=\"bordered-items\">\n                <li v-for=\"ntf in notifications.resignation.waitingConfirmResignation\" :key=\"ntf.index\"  class=\"flex justify-between py-2 notification cursor-pointer\">\n                  <div class=\"flex items-start\" @click=\"isActiveNotification(ntf.id, ntf.type)\">\n                    <div class=\"ml-2 mr-5\">\n                      <small>{{ ntf.detail }}</small>\n                    </div>\n                  </div>\n                  <div>\n                    <small class=\"mt-1 whitespace-no-wrap\">{{ elapsedTime(ntf.createdAt) }}</small><br/>\n                    <small v-if=\"ntf.read == 'unread'\" class=\"mt-1 whitespace-no-wrap text-danger\">ยังไม่อ่าน</small>\n                    <small v-else class=\"mt-1 whitespace-no-wrap text-success\">อ่านเเล้ว</small>\n                  </div>\n                </li>\n              </ul>\n            </vs-collapse-item>\n\n            <vs-collapse-item >\n              <div slot=\"header\" class=\"text-base\"><b class=\"text-primary\">ยืนยันการออกจากโครงการ</b></div>\n              <ul class=\"bordered-items\">\n                <li v-for=\"ntf in notifications.resignation.confirmResignation\" :key=\"ntf.index\"  class=\"flex justify-between py-2 notification cursor-pointer\">\n                  <div class=\"flex items-start\" @click=\"isActiveNotification(ntf.id, ntf.type)\">\n                    <div class=\"ml-2 mr-5\">\n                      <small>{{ ntf.detail }}</small>\n                    </div>\n                  </div>\n                  <div>\n                    <small class=\"mt-1 whitespace-no-wrap\">{{ elapsedTime(ntf.createdAt) }}</small><br/>\n                    <small v-if=\"ntf.read == 'unread'\" class=\"mt-1 whitespace-no-wrap text-danger\">ยังไม่อ่าน</small>\n                    <small v-else class=\"mt-1 whitespace-no-wrap text-success\">อ่านเเล้ว</small>\n                  </div>\n                </li>\n              </ul>\n            </vs-collapse-item>\n          </vs-collapse>\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\n    };\n  },\n  computed: {\n    ...mapState({\n      notifications: (state) => state.notifications.notificationsAll,\n    }),\n  },\n  watch: {\n    notifications(newVal, oldVal){\n      if (!_.isEqual(newVal, oldVal)){\n        return newVal\n      }\n    }\n  },\n  async mounted() {\n    await this.$store.dispatch(\"notifications/getNotificationAll\")\n    console.log(\"notifications ::: \", this.notifications);\n  },\n  methods: {\n    async isActiveNotification(id, type){\n      // console.log(id, type);\n      await this.$store.dispatch(\"notifications/updateActiveNotification\", id)\n\n      this.$router.push(`/${type == 'registration' ? 'vessel' : type }`);\n    },\n    formateDate(date) {\n      return date ? moment(date).add(543, \"year\").format(\"DD/MM/YYYY\") : moment().add(543, \"year\").format(\"DD/MM/YYYY\")\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(\"notifications/readAll\")\n    }\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped></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=703d4cfc&scoped=true\"\nimport script from \"./Notification.vue?vue&type=script&lang=js\"\nexport * from \"./Notification.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  \"703d4cfc\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}