{"version":3,"file":"Index-199fe767.js","sources":["../../../resources/js/Components/Notification/NotificationList.vue","../../../resources/js/Components/Notification/NotificationItem.vue","../../../resources/js/Components/Notification/Index.vue"],"sourcesContent":["<template>\n  <div class=\"list-notification flex flex-col h-full\">\n    <div class=\"list-notification__header mb-5\">\n      <span>{{ unread }}</span>\n      <span class=\"ml-1\">{{ $t('thông báo mới') }}</span>\n    </div>\n    <div\n      ref=\"listNotification\"\n      class=\"list-notification__content h-full overflow-auto\"\n    >\n      <slot />\n      <div\n        v-if=\"isLoadMore\"\n        class=\"list-notification__loadmore mt-2 text-center cursor-pointer\"\n        @click.prevent=\"handleScrollNotification\"\n      >\n        <span>{{ $t('Xem thêm') }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    unread: {\n      type: Number,\n      default: 0,\n    },\n    isLoadMore: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  emits: ['load-more'],\n  methods: {\n    handleScrollNotification() {\n      this.$emit('load-more')\n    },\n  },\n}\n</script>\n","<template>\n  <div\n    class=\"notification-item border-b border-gray-400 last:border-none py-2 pr-4 cursor-pointer\"\n    :class=\"{\n      'font-semibold': !notification?.read_at,\n    }\"\n    @click.prevent=\"onMarkAsRead()\"\n  >\n    <div class=\"notification-created text-xs\">\n      <span>{{ notification?.created_at }}</span>\n      <span\n        v-if=\"!notification?.read_at\"\n        class=\"notification_unread ml-2 w-2 h-2 rounded-full bg-[#04B800] inline-block\"\n      />\n    </div>\n    <div v-if=\"notification?.data?.content\" class=\"notification-content mt-2 text-base\">\n      {{ notification?.data?.content }}\n    </div>\n  </div>\n</template>\n\n<script>\nimport axios from '@/plugins/axios'\n\nexport default {\n  props: {\n    notification: {\n      type: Object,\n      default: () => {},\n    },\n    admin: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  emits: ['notification-read'],\n  methods: {\n    onMarkAsRead() {\n      if (this.notification?.read_at) {\n        this.$inertia.visit(this.notification?.data?.url)\n        return\n      }\n      axios\n        .post('/notifications/mark-as-read', { id: this.notification?.id, admin: this.admin })\n        .then(() => {\n          if (this.notification?.data?.url) {\n            this.$inertia.visit(this.notification?.data?.url)\n            \n          } else {\n            this.$emit('notification-read', this.notification)\n          }\n        })\n        .catch((error) => {\n          this.$message({ message: error?.message, type: 'error' })\n        })\n    },\n  },\n}\n</script>\n","<template>\n  <el-drawer v-model=\"drawer\" :direction=\"direction\" @close=\"handleClosedNotification\">\n    <template #header>\n      <div class=\"font-semibold text-2xl text-[#202020]\">{{ $t('Thông báo') }}</div>\n    </template>\n    <template #default>\n      <NotificationList\n        :unread=\"notifications_unread\"\n        :is-load-more=\"notifications.length >= filter.limit\"\n        @load-more=\"handleLoadMore\"\n      >\n        <NotificationItem\n          v-for=\"notification in notifications\"\n          :key=\"notification.id\"\n          :notification=\"notification\"\n          :admin=\"admin\"\n          @notification-read=\"handleReadNotification\"\n        />\n      </NotificationList>\n    </template>\n  </el-drawer>\n</template>\n\n<script>\nimport NotificationList from '@/Components/Notification/NotificationList.vue'\nimport NotificationItem from '@/Components/Notification/NotificationItem.vue'\nimport axios from '@/plugins/axios'\nexport default {\n  components: { NotificationList, NotificationItem },\n  props: {\n    direction: {\n      type: String,\n      default: 'ltr',\n    },\n    admin: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  emits: ['update-unread'],\n  data() {\n    return {\n      drawer: false,\n      notifications: [],\n      notifications_unread: 0,\n      filter: {\n        limit: 20,\n      },\n    }\n  },\n  methods: {\n    toggle() {\n      this.drawer = true\n      this.fetchDataNotifications()\n    },\n    fetchDataNotifications() {\n      if (this.admin) this.filter.admin = true\n      axios.get('/notifications', { params: { ...this.filter } }).then(({ data }) => {\n        this.notifications = data?.data?.notifications\n        this.notifications_unread = data?.data?.notifications_unread\n      })\n    },\n    handleReadNotification(notification) {\n      this.notifications.find((item) => item.id === notification.id).read_at = new Date()\n      this.notifications_unread = this.notifications_unread - 1\n    },\n    handleClosedNotification() {\n      this.$emit('update-unread', this.notifications_unread)\n    },\n    handleLoadMore() {\n      this.filter.limit = this.filter.limit + 20\n      this.fetchDataNotifications()\n    },\n  },\n}\n</script>\n\n<style>\n.el-drawer__header {\n  margin-bottom: 10px;\n}\n@media screen and (max-width: 1028px) {\n  .el-drawer {\n    width: 50% !important;\n  }\n}\n@media screen and (max-width: 767px) {\n  .el-drawer {\n    width: 100% !important;\n  }\n}\n</style>\n"],"names":["_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_openBlock","_createElementBlock","_createElementVNode","$props","_toDisplayString","_ctx","_hoisted_4","_renderSlot","$options","args","_a","_c","_b","axios","_d","error","_e","_g","_f","NotificationList","NotificationItem","data","notification","item","_createBlock","_component_el_drawer","$data","$event","_createVNode","_component_NotificationList","_Fragment","_renderList","_component_NotificationItem"],"mappings":"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"}