https://www.spicymatch.com/wp/components/Notifications.f99fb298279137ea.js

1(self.webpackChunkspicy=self.webpackChunkspicy||[]).push([[3218],{11043:function(e,t,o){"use strict";o.r(t);var n=o(31601),i=o.n(n),a=o(76314),r=o.n(a)()(i());r.push([e.id,"#content .notifications .z-virtual-wrapper {\n  padding: 10px;\n  background: #f6f6f6;\n  border-radius: 10px;\n}\n.notifications .z-item.notifyItem {\n  background: var(--z-color-white);\n  border-radius: var(--z-border-radius);\n  transition: background 0.2s, border-color 0.2s;\n}\n.notifications .z-item.notifyItem.notifyUnr {\n  background-color: color-mix(in srgb, var(--z-color-primary), var(--z-color-white) 90%);\n}\n.notifications .z-item.notifyItem:hover {\n  background-color: color-mix(in srgb, var(--z-color-yellow), var(--z-color-white) 80%);\n}\n.notifications .z-item.notifyItem .z-item-start,\n.notifications .z-item.notifyItem .z-item-end:has(.removeBtn) {\n  align-self: flex-start;\n}\n.notifications .z-item.notifyItem .avatar {\n  border-radius: 50%;\n}\n.notifications .z-item.notifyItem .z-item-inner a.main {\n  font-weight: 500;\n}\n.notifications .z-item.notifyItem .z-item-inner a:not(.ignore) {\n  pointer-events: none;\n}\n.notifications .z-item.notifyItem .z-item-inner .date {\n  margin-top: 6px;\n  font-size: 12px;\n  color: #aaa;\n}\n.notifications .z-item.notifyItem.notifySys .z-item-inner a:not([data-uid]) {\n  color: inherit;\n  font-weight: normal;\n}\n.notifications .notifyTop > .zic-svg {\n  color: #F9AFF7;\n  filter: drop-shadow(0 1px 0px #FF00D4);\n}",""]),t.default=r},46132:function(e,t,o){var n=o(85072),i=o(97825),a=o(77659),r=o(55056),l=o(10540),c=o(41113),s=o(11043);s=s.__esModule?s.default:s;var d={};d.styleTagTransform=c,d.setAttributes=r,d.insert=a.bind(null,"head"),d.domAPI=i,d.insertStyleElement=l;n(s,d);e.exports=s&&s.locals||{}},12112:function(e,t,o){"use strict";o.r(t),o.d(t,{default:function(){return p}});var n=o(41425),i=o(74361),a=o(61092);const r={"data-zic":"fas bells",class:"no-content"},l={class:"head"},c={class:"headContent"},s={class:"noApp",style:{margin:"0 0 20px"}},d=["innerHTML","data-zic"],u={key:0,class:"date"};var f={__name:"Notifications",props:{popup:Boolean},setup(e,{expose:t}){let{instance:o,socket:f,store:p}=(0,i.dV)(),m=(0,n.ref)([]),v=(0,n.ref)(!1),y=(0,n.ref)(!1),z=(0,n.ref)({q:"",filter:""}),h=(0,n.computed)(()=>[].concat(m.value));function k(e){if(!v.value||!e){v.value=!0,e||(m.value=[],y.value=!1);z.value;let t=m.value.reduce((e,t)=>e?Math.min(e,t.sorting):t.sorting,0);(0,a.RD)("/profile/getNotifications",t,e=>{e?(m.value=m.value.concat(e.items),y.value=e.theEnd):y.value=!0,v.value=!1})}}return(0,n.watch)(()=>z.value,()=>k(),{deep:!0}),f.listen(o,{ws$_notifyReadAll(){m.value.forEach(e=>{e.id&&(e.unread=!1)})},ws$_notifyRead(e){let t=m.value.find(t=>t.id==e);t&&(t.unread=!1)},ws$_notifyDelete(e){m.value=m.value.filter(t=>t.id!=e)}}),(0,n.onBeforeMount)(()=>{k()}),t({load:k}),(t,o)=>{const i=(0,n.resolveComponent)("z-button"),p=(0,n.resolveComponent)("z-flex"),m=(0,n.resolveComponent)("avatar"),z=(0,n.resolveComponent)("z-badge"),g=(0,n.resolveComponent)("z-item"),b=(0,n.resolveComponent)("z-virtual-scroller");return(0,n.openBlock)(),(0,n.createBlock)(b,{inline:"",scrollSource:e.popup?"#notPopup .z-scrollarea":"body",items:(0,n.unref)(h),buffer:500,spacing:e.popup?4:10,loader:(!e.popup||(0,n.unref)(v))&&!(0,n.unref)(y),onLoadMore:o[1]||(o[1]=e=>k(!0)),class:"notifications"},(0,n.createSlots)({empty:(0,n.withCtx)(()=>[(0,n.createElementVNode)("div",r,[(0,n.createElementVNode)("b",null,(0,n.toDisplayString)(t.$t("No results")),1)])]),default:(0,n.withCtx)(({item:o})=>[(0,n.createVNode)(g,{plain:"",active:"","data-nt":o.ntType,dir:t.DIR,onClick:e=>function(e,t){if(t.id&&t.unread&&(0,a.RD)("/profile/notifyRead",t.id,e=>{e&&f.dispatch("_notifyRead",t.id)}),e.target.closest("a, .z-button"))return;let o=e.target.closest(".notifyItem").querySelector(".notifyText").querySelector("a.main[onclick], a.main[href]");o&&o.click()}(e,o),class:(0,n.normalizeClass)(["notifyItem",{notifySys:!o.id,notifyUnr:o.unread||!o.id}])},{start:(0,n.withCtx)(()=>[(0,n.createVNode)(m,{user:o,size:e.popup?25:40,autopop:!e.popup||"left"},null,8,["user","size","autopop"])]),end:(0,n.withCtx)(()=>[o.id&&!e.popup?((0,n.openBlock)(),(0,n.createBlock)(i,{key:0,compact:"",plain:"",onClick:(0,n.withModifiers)(e=>{var t;(t=o.id)&&(0,a.RD)("/profile/notifyDelete",t,e=>{e&&f.dispatch("_notifyDelete",t)})},["stop"]),icon:"fas xmark",class:"removeBtn"},null,8,["onClick"])):!o.id&&o.unread?((0,n.openBlock)(),(0,n.createBlock)(z,{key:1,inl

1ine:"",value:o.unread,color:"_fake"==o.ntType||"_subMsg"==o.ntType?null:"--z-color-blue"},null,8,["value","color"])):(0,n.createCommentVNode)("v-if",!0)]),default:(0,n.withCtx)(()=>[(0,n.createElementVNode)("div",{innerHTML:o.text,"data-zic":o.topPriority?"fas star":null,class:(0,n.normalizeClass)(["notifyText",{notifyTop:o.topPriority}])},null,10,d),!e.popup&&o.id?((0,n.openBlock)(),(0,n.createElementBlock)("div",u,(0,n.toDisplayString)(t.relativeTime(o.time)),1)):(0,n.createCommentVNode)("v-if",!0)]),_:2},1032,["data-nt","dir","onClick","class"])]),_:2},[e.popup?void 0:{name:"before",fn:(0,n.withCtx)(()=>[(0,n.createElementVNode)("div",l,[(0,n.createElementVNode)("div",c,[(0,n.createElementVNode)("h2",s,(0,n.toDisplayString)(t.$t("Notifications")),1),(0,n.createVNode)(p,{gap:"10px",class:"spicyButtons"},{default:(0,n.withCtx)(()=>[(0,n.createVNode)(i,{compact:"",onClick:o[0]||(o[0]=e=>t.SM.notifyReadAll()),label:t.$t("Actions.Mark as read"),xcolor:"--z-color-primary",icon:"check-double"},null,8,["label"]),(0,n.createVNode)(i,{compact:"",href:"/profile/notifications/",label:t.viewport.wide?t.$t("Actions.EditSettings"):null,xcolor:"--z-color-primary",icon:"gear"},null,8,["label"])]),_:1})])])]),key:"0"}]),1032,["scrollSource","items","spacing","loader"])}}};o(14259);var p=f},14259:function(e,t,o){var n=o(46132);n.__esModule&&(n=n.default),"string"==typeof n&&(n=[[e.id,n,""]]),n.locals&&(e.exports=n.locals);(0,o(70534).A)("2f004416",n,!1,{})}}]);