| 1 |
- import{aQ as k,aR as P,k as m,e as y,S as Q,a7 as s,a4 as c,aa as h,a6 as r,a8 as q,a9 as A,a0 as o,at as B,ac as x,a2 as i,$ as M,N as V}from"./index-Cd2JsgaO.js";import{Q as b}from"./QBadge-Cn_rBRbA.js";import{Q as R}from"./QPagination-DA6PJcwB.js";import{_ as $}from"./DefaultHeaderPage-v-AWrrr2.js";import{_ as C}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./format-hlGAdIUH.js";const I=async()=>{const{data:n}=await k.get("/associado/notification/my");return n.payload},z=async n=>{const{data:l}=await k.patch(`/associado/notification/${n}/read`);return l.payload},E={class:"notificacoes-page"},F={key:0,class:"flex flex-center q-pa-xl"},S={key:1,class:"flex flex-center q-pa-xl text-grey-6 q-px-md"},L={key:2,class:"notif-list q-px-md"},T=["onClick"],U={class:"notif-item__left"},Y={class:"notif-item__img-wrap"},G=["src"],W={key:1,class:"notif-item__placeholder flex flex-center"},j={class:"notif-item__date text-violet-normal"},H={class:"notif-item__content"},J={class:"notif-item__message"},K={key:3,class:"flex flex-center q-mt-lg"},f=20,O={__name:"NotificacoesAssociadoPage",setup(n){const{t:l}=P(),u=m(!0),d=m([]),_=m(1),p=y(()=>Math.max(1,Math.ceil(d.value.length/f))),g=y(()=>{const e=(_.value-1)*f;return d.value.slice(e,e+f)}),v=e=>{const a=e.notification?.media?.[0]?.url;if(a)return a;const t=e.notification?.image_url;return t?t.startsWith("http")?t:"https://api.serprati.softpar.inf.br"+t:null},N=e=>{if(!e)return"";const a=new Date(e),t=new Date;return a.getDate()===t.getDate()&&a.getMonth()===t.getMonth()&&a.getFullYear()===t.getFullYear()?l("common.terms.today"):a.toLocaleDateString("pt-BR",{day:"2-digit",month:"2-digit",year:"numeric"})},w=async e=>{if(!e.read)try{await z(e.id),e.read=!0}catch(a){console.error(a)}};return Q(async()=>{try{d.value=await I()}catch(e){console.error(e)}finally{u.value=!1}}),(e,a)=>(o(),s("div",E,[c($,{class:"q-px-md"}),u.value?(o(),s("div",F,[c(B,{color:"violet-normal",size:"50px"})])):g.value.length===0?(o(),s("div",S,r(e.$t("notification.empty")),1)):(o(),s("div",L,[(o(!0),s(q,null,A(g.value,t=>(o(),s("div",{key:t.id,class:x(["notif-item",{"notif-item--unread":!t.read}]),onClick:D=>w(t)},[i("div",U,[i("div",Y,[v(t)?(o(),s("img",{key:0,src:v(t),alt:"",class:"notif-item__img"},null,8,G)):(o(),s("div",W,[c(V,{name:"mdi-bell-outline",size:"24px",color:t.read?"grey-4":"violet-normal"},null,8,["color"])]))]),i("span",j,r(N(t.created_at)),1)]),i("div",H,[i("div",{class:x(["notif-item__title",{"notif-item__title--read":t.read}])},r(t.notification?.title),3),i("div",J,r(t.notification?.message),1)]),t.read?h("",!0):(o(),M(b,{key:0,color:"violet-normal",rounded:"",class:"notif-item__dot"}))],10,T))),128))])),p.value>1?(o(),s("div",K,[c(R,{modelValue:_.value,"onUpdate:modelValue":a[0]||(a[0]=t=>_.value=t),max:p.value,"max-pages":6,"boundary-numbers":"",color:"violet-normal","active-color":"violet-normal","direction-links":""},null,8,["modelValue","max"])])):h("",!0)]))}},st=C(O,[["__scopeId","data-v-71b3cedc"]]);export{st as default};
|
