{"version":3,"file":"NavigationNotifications-21ce7ea7.js","sources":["../../../app/javascript/components/navigation/NavigationNotifications.vue"],"sourcesContent":["<template>\n  <div class=\"relative whitespace-normal\">\n    <div @mouseenter=\"mouseEnter\" @mouseleave=\"mouseLeave\">\n      <InertiaLink\n        href=\"/alerts\"\n        class=\"flex text-xs\"\n        :class=\"url.startsWith('/alerts') ? 'text-white' : 'text-gray-300 hover:text-white'\"\n        @click=\"$emit('click')\"\n      >\n        <div\n          :class=\"`${\n            url.startsWith('/alerts') ? 'rounded-full bg-gradient-to-t from-blue-500 to-blue-600' : ''\n          } mr-1.5 h-4 w-0.5`\"\n        ></div>\n        <span class=\"inline-flex whitespace-nowrap pr-1\">\n          <slot name=\"label\" />\n          <div class=\"ml-1\" v-if=\"unreadNotifications > 0 || unreadNotifications == '99+'\">\n            <span class=\"rounded bg-blue-900 px-1 py-0.5 text-blue-100\" style=\"font-size: 0.6rem\">\n              {{ unreadNotifications }}\n            </span>\n          </div>\n        </span>\n        <ChevronDownIcon\n          :class=\"{ 'rotate-180': showDropdown }\"\n          class=\"-ml-0.5 h-4 w-4 transform text-gray-400 duration-100 ease-in-out\"\n        />\n      </InertiaLink>\n\n      <div class=\"absolute top-6 z-51 w-96\" v-if=\"showDropdown\">\n        <div class=\"flex flex-col rounded border border-grid bg-gray-800 px-1 py-2\">\n          <!-- <template v-if=\"loading\">\n            <div class=\"flex justify-center items-center my-10\">\n              <BaseLoader />\n            </div>\n          </template>\n          <template v-else> -->\n          <div v-if=\"notifications.length > 0\" class=\"flex space-x-2 px-1\">\n            <BaseButton size=\"xs\" type=\"primary\" :busy=\"buttonBusy\" :disabled=\"buttonBusy\" @press=\"markAllRead()\">\n              Mark All Read\n            </BaseButton>\n            <BaseButton size=\"xs\" type=\"primary\" @press=\"deleteAll()\"> Delete All</BaseButton>\n          </div>\n          <div class=\"thin-scroll mt-2 max-h-96 space-y-1 overflow-y-auto\">\n            <template v-if=\"notifications.length > 0\">\n              <NavigationNotificationItem\n                v-for=\"n in notifications\"\n                :key=\"n.id\"\n                :notification=\"n\"\n                @mark-as-read=\"markAsRead = $event\"\n              />\n            </template>\n            <template v-else>\n              <div class=\"flex flex-col items-center justify-center px-4 py-8\">\n                <span class=\"mb-2 text-sm font-medium\">No recent notifications.</span>\n                <span class=\"text-center text-xs text-gray-400\">Perhaps you didn't set any Alert yet.</span>\n              </div>\n            </template>\n          </div>\n          <!-- </template> -->\n          <div v-if=\"notifications.length > 0\" class=\"mt-2 flex justify-center text-center font-semibold\">\n            <InertiaLink href=\"/alerts/active\" class=\"text-xs text-white\">See All</InertiaLink>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { useStore } from 'vuex';\nimport { ref, computed } from 'vue';\nimport useHttp from '@/composeables/http';\nimport { ChevronDownIcon } from '@heroicons/vue/20/solid';\nimport { Link as InertiaLink, usePage } from '@inertiajs/vue3';\nimport NavigationNotificationItem from '@/components/navigation/NavigationNotificationItem.vue';\n\nconst $store = useStore();\nconst $http = useHttp();\nconst url = computed(() => usePage().url);\n\nconst showDropdown = ref(false);\nconst intervalDropdown = ref(0);\nconst markAsRead = ref(true);\nconst buttonBusy = ref(false);\n\nconst unreadNotifications = computed(() => {\n  let count = 0;\n  count = notifications.value.filter(x => !x.read).length;\n  if (count >= 100) count = '99+';\n  return count;\n});\n\nconst notifications = computed(() => {\n  return $store.state.userNotifications;\n});\n\nfunction mouseEnter() {\n  clearInterval(intervalDropdown.value);\n  intervalDropdown.value = setTimeout(() => {\n    showDropdown.value = true;\n  }, 500);\n}\n\nfunction mouseLeave() {\n  clearInterval(intervalDropdown.value);\n  if (showDropdown.value) {\n    intervalDropdown.value = setTimeout(() => {\n      markAllRead(false);\n      showDropdown.value = false;\n    }, 500);\n  }\n}\n\nasync function markAllRead(message = true) {\n  let read_all_alerts = null;\n  // eslint-disable-next-line chai-friendly/no-unused-expressions\n  message ? (read_all_alerts = message) : (read_all_alerts = markAsRead.value);\n  if (showDropdown.value && (unreadNotifications.value > 0 || unreadNotifications.value == '99+') && read_all_alerts) {\n    buttonBusy.value = true;\n    await $http.post('/notifications/mark_read', { id: 'all', message: message }).then(() => {\n      $store.commit('changeUserNotificationStatus', { id: 0, status: false });\n    });\n    buttonBusy.value = false;\n  }\n}\n\nfunction deleteAll() {\n  $http.post('/notifications/delete', { id: 'all' }).then(() => {\n    $store.commit('setUserNotifications', []);\n  });\n}\n</script>\n"],"names":["$store","useStore","$http","useHttp","url","computed","usePage","showDropdown","ref","intervalDropdown","markAsRead","buttonBusy","unreadNotifications","count","notifications","x","mouseEnter","mouseLeave","markAllRead","message","read_all_alerts","deleteAll"],"mappings":"koDA4EA,MAAMA,EAASC,EAAQ,EACjBC,EAAQC,EAAO,EACfC,EAAMC,EAAS,IAAMC,EAAS,EAAC,GAAG,EAElCC,EAAeC,EAAI,EAAK,EACxBC,EAAmBD,EAAI,CAAC,EACxBE,EAAaF,EAAI,EAAI,EACrBG,EAAaH,EAAI,EAAK,EAEtBI,EAAsBP,EAAS,IAAM,CACzC,IAAIQ,EAAQ,EACZ,OAAAA,EAAQC,EAAc,MAAM,OAAOC,GAAK,CAACA,EAAE,IAAI,EAAE,OAC7CF,GAAS,MAAKA,EAAQ,OACnBA,CACT,CAAC,EAEKC,EAAgBT,EAAS,IACtBL,EAAO,MAAM,iBACrB,EAED,SAASgB,GAAa,CACpB,cAAcP,EAAiB,KAAK,EACpCA,EAAiB,MAAQ,WAAW,IAAM,CACxCF,EAAa,MAAQ,EACtB,EAAE,GAAG,CACR,CAEA,SAASU,GAAa,CACpB,cAAcR,EAAiB,KAAK,EAChCF,EAAa,QACfE,EAAiB,MAAQ,WAAW,IAAM,CACxCS,EAAY,EAAK,EACjBX,EAAa,MAAQ,EACtB,EAAE,GAAG,EAEV,CAEA,eAAeW,EAAYC,EAAU,GAAM,CACzC,IAAIC,EAAkB,KAEtBD,EAAWC,EAAkBD,EAAYC,EAAkBV,EAAW,MAClEH,EAAa,QAAUK,EAAoB,MAAQ,GAAKA,EAAoB,OAAS,QAAUQ,IACjGT,EAAW,MAAQ,GACnB,MAAMT,EAAM,KAAK,2BAA4B,CAAE,GAAI,MAAO,QAASiB,CAAO,CAAE,EAAE,KAAK,IAAM,CACvFnB,EAAO,OAAO,+BAAgC,CAAE,GAAI,EAAG,OAAQ,EAAK,CAAE,CAC5E,CAAK,EACDW,EAAW,MAAQ,GAEvB,CAEA,SAASU,GAAY,CACnBnB,EAAM,KAAK,wBAAyB,CAAE,GAAI,KAAO,CAAA,EAAE,KAAK,IAAM,CAC5DF,EAAO,OAAO,uBAAwB,CAAA,CAAE,CAC5C,CAAG,CACH"}