https://portal.godesignguru.com/build/assets/NotificationIndex-BJKiPZ8N.js

1import { o as k, p as g } from "./LiveChat-BEmWJs6j.js";
2import { _ as v } from "./MultiTabs-BFOMDQVX.js";
3import { h as n } from "./functions-DLrKIvnr.js";
4import { j as y, x as C, G as N, o as r, i as d, c, e as a, u as i, n as w, f as m, a as u, F as h, r as $, t as l, E as b, d as x, b as _ } from "./app-yg_pP4S4.js";
5import { _ as j } from "./TablePagination-CoQin-sh.js";
6import { _ as O } from "./DashboardLayout-CXf_hhYT.js";
7import { b as B } from "./consts-7Qk9bpse.js";
8import "./ApplicationLogo-D4QkytOJ.js";
9import "./_plugin-vue_export-helper-DlAUqK2U.js";
10import "./XMarkIcon-C7ztHuKP.js";
11import "./index-CDyB1Hog.js";
12import "./UserAvatar-B3-R1wxh.js";
13import "./popover-DTQdCRwt.js";
14import "./BaseInput-DrEncIoW.js";
15import "./LoaderIcon-BfI_LFZK.js";
16import "./ModalConfirmation-BptK8hn4.js";
17import "./index-BF2h0ubX.js";
18import "./form-BcDj1t5Y.js";
19import "./CheckIcon-Bb6ppPFl.js";
20import "./modelWrapper-D0DowOi8.js";
21import "./useEdgeFade-BW6BLoUc.js";
22import "./listbox-BVei8WBz.js";
23import "./use-text-value-9Z6g_4jd.js";
24import "./ChevronUpDownIcon-D7fhXTZr.js";
25import "./CheckIcon-CfE0icDF.js";
26import "./BaseButton-DP1PFEmO.js";
27import "./BaseModal-lnT_D81c.js";
28import "./EyeIcon-C30yl1ND.js";
29import "./HomeIcon-B7IW8yDA.js";
30import "./MinusIcon-C5ZUuSoW.js";
31import "./menu-DpWDC0YJ.js";
32import "./use-tree-walker-DC0osvAV.js";
33import "./vue-transitions-DxcThSkT.js";
34import "./ClockIcon-DWc8x_ii.js";
35const F = { __name: "NotificationTabs", props: { notificationCount: { type: Object, required: true } }, setup(o) {
36  const t = o, { t: s } = y(), e = C().props.auth.user, p = N([{ name: s("All"), href: route("notifications.index"), current: route().current("notifications.index", { from: null }) || route().current("notifications.index", { from: "all" }), number: t.notificationCount.total, visible: true }, { name: s("From team"), href: route("notifications.index", { from: "team" }), current: route().current("notifications.index", { from: "team" }), number: t.notificationCount.team, visible: n(e, "portal admin") || n(e, "admin") || n(e, "team") }, { name: s("From clients"), href: route("notifications.index", { from: "client" }), current: route().current("notifications.index", { from: "client" }), number: t.notificationCount.client, visible: n(e, "portal admin") || n(e, "admin") || n(e, "team") }]);
37  return (f, I) => (r(), d(v, { tabs: p.value, "route-name": "notifications.index", scrollable: "", class: "max-sm:px-4" }, null, 8, ["tabs"]));
38} }, T = { class: "sr-only" }, V = { class: "sm:px-6" }, q = { key: 0, class: "divide-y pb-6" }, P = { key: 1, class: "p-8 sm:p-20" }, S = { class: "m-auto text-center" }, E = { class: "mb-3 text-xl font-semibold text-gray-900" }, yt = { __name: "NotificationIndex", props: { notifications: { type: Object, required: true }, notificationCount: { type: Object, required: true } }, setup(o) {
39  const { t } = y(), s = [{ label: t("Notifications") }];
40  return (e, p) => (r(), c(h, null, [a(i(w), { title: i(t)("Notifications") }, null, 8, ["title"]), a(O, { breadcrumbs: s }, { header: m(() => [x(l(i(t)("Notifications")), 1)]), actions: m(() => [o.notificationCount.total > 0 ? (r(), d(i(b), { key: 0, href: e.route("notifications.mark-all-as-read"), method: "POST", as: "button", class: "ml-3 hidden items-center rounded-md border border-transparent bg-primary-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 sm:inline-flex" }

40, { default: m(() => [x(l(i(t)("Mark all as read")), 1)]), _: 1 }, 8, ["href"])) : _("", true), o.notificationCount.total > 0 ? (r(), d(i(b), { key: 1, href: e.route("notifications.mark-all-as-read"), method: "POST", as: "button", class: "flex h-11 w-11 items-center justify-center rounded-md text-gray-500 hover:text-gray-700 sm:hidden" }, { default: m(() => [u("span", T, l(i(t)("Mark all as read")), 1), a(i(g), { class: "h-6 w-6", "aria-hidden": "true" })]), _: 1 }, 8, ["href"])) : _("", true)]), default: m(() => [u("div", V, [a(F, { "notification-count": o.notificationCount }, null, 8, ["notification-count"])]), o.notifications.data.length > 0 ? (r(), c("div", q, [(r(true), c(h, null, $(o.notifications.data, (f) => (r(), d(k, { key: f.id, "is-index": true, notification: f }, null, 8, ["notification"]))), 128)), a(j, { data: o.notifications, class: "px-6" }, null, 8, ["data"])])) : (r(), c("div", P, [u("div", S, [a(i(B), { class: "mx-auto mb-5 h-12 w-12 stroke-1 text-gray-400", "aria-hidden": "true" }), u("h3", E, l(i(t)("No notifications yet")), 1)])]))]), _: 1 })], 64));
41} };
42export {
43  yt as default
44};