https://karibu.tz/_nuxt/BEatoXo9.js

1import{e as oe,g as ne,f as ie,i as ue,h as ce,D as k,j as de,l as U,c as g,b as t,B as $,n as e,a as r,w as l,d,t as u,m as j,q as E,F as x,s as V,x as f,p as I,y as S,k as pe,r as me,o,U as ge,v as fe}from"./CH-ZEK4R.js";import{N as ve,B as he,f as _e}from"./BKpTMJfV.js";import{_ as R}from"./YTWfuy-V.js";import{_ as O}from"./CvAs7fT9.js";import{c as be,a as G,_ as J}from"./W6-tx0bJ.js";import{_ as we}from"./Cp6bh98m.js";import{S as ye}from"./BZFhjdDR.js";import{E as ke}from"./w6sn-sk2.js";import{_ as q}from"./d2KK8iZE.js";import{_ as K,a as W,b as X,c as Y,d as _}from"./DTARF1jL.js";import{_ as $e,a as xe,b as Se,c as Pe,d as Ce,e as Ne}from"./CO5v5jmh.js";import{u as Ve}from"./Ces88HTk.js";import{u as qe}from"./COIsd2PM.js";import{u as Te}from"./B9Y8MgE3.js";import{c as Ae}from"./BPWlCE7M.js";import{C as ze}from"./3D8htXEZ.js";import"./B1bzZFCd.js";import"./B6EqxVQH.js";import"./uTlNv-PA.js";import"./B-EWbBAc.js";import"./B_HlzvSW.js";import"./BsxlE4Vw.js";import"./DLZ6Fb6y.js";const Le=be("arrow-right",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]]),Me={class:"page-shell bg-white transition-colors dark:bg-slate-900"},Be={class:"content-container my-6"},De={class:"flex flex-col sm:flex-row gap-4 justify-between items-start sm:items-center mb-6"},He={class:"flex flex-wrap gap-3"},Fe={class:"text-sm text-gray-500 dark:text-gray-400"},Ue={class:"font-semibold text-gray-900 dark:text-gray-200"},je={class:"font-semibold text-gray-900 dark:text-gray-200"},Ee={key:1,class:"grid grid-cols-1 gap-x-6 gap-y-8 lg:gap-y-10 md:grid-cols-2 lg:grid-cols-3 4xl:grid-cols-4"},Ie={class:"relative overflow-hidden h-48 bg-gray-100 dark:bg-slate-700 shrink-0"},Re={class:"flex items-center text-xs text-gray-500 dark:text-gray-400"},Oe=["datetime"],Ge=["innerHTML"],Je=["innerHTML"],Ke=["innerHTML"],We={key:3,class:"mt-10 flex justify-center"},ya=oe({__name:"index",async setup(Xe){let w,T;const v=ne(),A=ie(),z=ue(),{find:Z}=Ve(),{locale:P,t:L}=ce(),M=qe();Te(L("news.meta.title"),L("news.meta.description"));const c=k(v.query.type||"all"),p=k(v.query.search||""),n=k(Number(v.query.page)||1),m=k(Number(v.query.pageSize)||9),C=S({get:()=>String(m.value),set:async a=>{m.value=Number(a),n.value=1,await b()}}),Q=()=>{const a={locale:{$eq:P.value}};return c.value&&c.value!=="all"&&(a.type={$eq:c.value}),p.value&&(a.$or=[{title:{$containsi:p.value}},{introduction:{$containsi:p.value}}]),a},{data:N,status:ee,refresh:ae}=([w,T]=de(()=>pe(()=>`general-news-notifications-${P.value}-${n.value}-${m.value}-${c.value}-${p.value}`,()=>Z("karibu-posts",{sort:["createdAt:desc"],pagination:{page:n.value,pageSize:m.value},filters:Q(),fields:["title","introduction","slug","publishedAt","type"],populate:{cover:{fields:["url","alternativeText","formats"]}}}).catch(()=>({data:[]})),{getCachedData:Ae,watch:[P]})),w=await w,T(),w),y=S(()=>N.value?.data||[]),B=S(()=>N.value?.meta?.pagination?.total||0),te=S(()=>N.value?.meta?.pagination?.pageCount||0),b=async()=>{await A.push(z({query:{...v.query,page:n.value>1?n.value.toString():void 0,pageSize:m.value!==9?m.value.toString():void 0,type:c.value!=="all"?c.value:void 0,search:p.value||void 0}})),await ae(),window.scrollTo({top:0,behavior:"smooth"})},D=async a=>{n.value=a,await b()},se=async()=>{n.value=1,await b()},le=async()=>{c.value="all",p.value="",n.value=1,m.value=9,await b()};return U(c,async(a,i)=>{a!==i&&(n.value=1,await b())}),U(()=>v.query,a=>{n.value=Number(a.page)||1,m.value=Number(a.pageSize)||9,c.value=a.type||"all",p.value=a.search||""}),(a,i)=>{const re=ge,H=me("motion");return o(),g("div",Me,[t(ye,{modelValue:e(p),"onUpdate:modelValue":i[0]||(i[0]=s=>$(p)?p.value=s:null),placeholder:a.$t("news.filters.search"),classes:"py-6",title:a.$t("news.title"),subtitle:a.$t("news.subtitle"),onOnSearch:se},null,8,["modelValue","placeholder","title","subtitle"]),r("div",Be,[r("div",De,[r("div",He,[t(e(K),{modelValue:e(C),"onUpdate:modelValue":i[1]||(i[1]=s=>$(C)?C.value=s:null)},{default:l(()=>[t(e(W),{class:"w-full cursor-pointer sm:w-[140px] bg-white dark:bg-slate-800 dark:border-slate-700 dark:text-white border-slate-200"},{default:l(()=>[t(e(X),{placeholder:"No of Entries"})]),_:1}),t(e(Y),{class:"dark:bg-slate-800 dark:border-slate-700"},{default:l(()=>[t(e(_),{value:"9"},{default:l(()=>[d("9 "+u(a.$t("news.filters.perPage")),1)]),_:1}),t(e(_),{value:"18"},{default:l(()=>[d("18 "+u(a.$t("news.filters.perPage")),1)]),_:1}),t(e(_),{value:"27"},{default:l(()=>[d("27 "+u(a.$t("news.filters.perPage")),1)]),_:1})]),_:1})]),_:1},8,["modelValue"]),t(e(K),{modelValue:e(c),"onUpdate:modelValue":i[2]||(i[2]=s=>$(c)?c.value=s:null)},{default:l(()=>[t(e(W),{class:"w-full cursor-pointer sm:w-[160px] bg-white dark:bg-slate-800 dark:border-slate-700 dark:text-white border-slate-200"},{default:l(()=>[t(e(X),{placeholder:"Filter by type"})]),_:1}),t(e(Y),{class:"dark:bg-slate-800 dark:border-slate-700"},{default:l(()=>[t(e(_),{value:"all"},{default:l(()=>[d(u(a.$t("news.filters.allTypes")),1)]),_:1}),t(e(_),{value:"new"},{default:l(()=>[d(u(a.$t("news.filters.news")),1)]),_:1}),t(e(_),{value:"notification"},{default:l(()=>[d(u(a.$t("news.filters.notifications")),1)]),_:1})]),_:1})]),_:1},8,["modelValue"])]),r("p",Fe,[d(u(a.$t("news.results.showing"))+" ",1),r("span",Ue,u(e(y).length),1),d(" "+u(a.$t("news.results.of"))+" ",1),r("span",je,u(e(B)),1),d(" "+u(a.$t("news.results.results")),1)])]),e(ee)==="pending"?j((o(),g("div",E({key:0},e(M).skeletonPanel,{class:"grid gap-6 md:grid-cols-2 lg:grid-cols-3"}),[(o(),g(x,null,V(6,s=>j(r("div",E({key:s},{ref_for:!0},e(M).skeletonStagger(s-1),{class:"animate-pulse"}),[t(e(R),{class:"overflow-hidden gap-4 pb-0! pt-0! bg-white dark:bg-slate-800"},{default:l(()=>[i[4]||(i[4]=r("div",{class:"h-48 bg-gray-200 dark:bg-slate-700"},null,-1)),t(e(O),{class:"p-4 space-y-3"},{default:l(()=>[t(e(q),{class:"h-6 w-3/4"}),t(e(q),{class:"h-4 w-full"}),t(e(q),{class:"h-4 w-1/2"})]),_:1})]),_:1})],16),[[H]])),64))],16)),[[H]]):e(y).length>0?(o(),g("div",Ee,[(o(!0),g(x,null,V(e(y),s=>(o(),f(e(R),{key:s.id,class:"gap-0 pb-0! pt-0! group overflow-hidden hover:shadow-lg transition-shadow duration-300 card-bg border-slate-200 hover:border-primary/50 dark:border-slate-700 bg-white dark:bg-slate-800 flex flex-col h-full"},{default:l(()=>[r("div",Ie,[s?.cover?(o(),f(re,{key:0,provider:"strapi",src:s?.cover?.formats?.small?.url??s?.cover?.url,alt:s?.cover?.alternativeText||s?.title,quality:"60",class:"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"},null,8,["src","alt"])):I("",!0),i[5]||(i[5]=r("div",{class:"absolute inset-0 bg-linear-to-t from-black/60 to-transparent opacity-60"},null,-1)),t(e(we),{variant:s?.type==="new"?"default":"outline",class:fe(["absolute top-3 right-3 shadow-sm font-medium flex items-center gap-1.5 border-0",s?.type==="new"?"bg-blue-600 dar

1k:bg-blue-600 text-white":"bg-amber-400 dark:bg-amber-400 text-black dark:text-black"])},{default:l(()=>[s?.type==="new"?(o(),f(e(ve),{key:0,class:"w-3.5 h-3.5"})):(o(),f(e(he),{key:1,class:"w-3.5 h-3.5"})),d(" "+u(s?.type==="new"?a.$t("news.filters.news"):a.$t("news.filters.notifications")),1)]),_:2},1032,["variant","class"])]),t(e(O),{class:"p-5 flex flex-col flex-1 gap-3"},{default:l(()=>[r("div",Re,[t(e(ze),{class:"h-3.5 w-3.5 mr-1.5"}),r("time",{datetime:String(s?.publishedAt)},[r("span",{innerHTML:e(_e)(s?.publishedAt?String(s.publishedAt):void 0)},null,8,Ge)],8,Oe)]),r("h2",{class:"text-lg font-bold text-gray-900 dark:text-gray-100 line-clamp-2 leading-tight group-hover:text-primary transition-colors",innerHTML:e(G)(s?.title)},null,8,Je),r("p",{class:"text-sm text-gray-600 dark:text-gray-400 line-clamp-3 leading-relaxed mb-1 flex-1",innerHTML:e(G)(s?.introduction)},null,8,Ke),t(e(J),{onClick:h=>e(A).push(e(z)({name:"news-slug",params:{slug:s?.slug}})),variant:"default",size:"sm",class:"w-full mt-2 cursor-pointer shadow-sm active:scale-[0.98] transition-all"},{default:l(()=>[d(u(a.$t("news.post.readMore"))+" ",1),t(e(Le),{class:"h-3.5 w-3.5 ml-1.5"})]),_:1},8,["onClick"])]),_:2},1024)]),_:2},1024))),128))])):(o(),f(ke,{key:2,"action-icon":"none",tone:"soft","card-class":"border-none bg-slate-50 dark:bg-slate-800","content-class":"space-y-4","action-wrapper-class":"mt-2",title:a.$t("news.empty.title"),description:a.$t("news.empty.description"),"action-label":a.$t("news.empty.action"),onAction:le},null,8,["title","description","action-label"])),e(te)>1&&e(y).length>0?(o(),g("div",We,[t(e($e),{page:e(n),"onUpdate:page":[i[3]||(i[3]=s=>$(n)?n.value=s:null),D],"items-per-page":e(m),total:e(B)},{default:l(()=>[t(e(xe),null,{default:l(({items:s})=>[t(e(Se),{class:"cursor-pointer hover:bg-slate-100 dark:hover:bg-slate-800 mr-2"}),(o(!0),g(x,null,V(s,(h,F)=>(o(),g(x,{key:F},[h.type==="page"?(o(),f(e(Pe),{key:0,class:"cursor-pointer",value:h.value},{default:l(()=>[t(e(J),{variant:h.value===e(n)?"default":"ghost",size:"icon",class:"w-9 h-9",onClick:Ye=>D(h.value)},{default:l(()=>[d(u(h.value),1)]),_:2},1032,["variant","onClick"])]),_:2},1032,["value"])):(o(),f(e(Ce),{key:1,index:F},null,8,["index"]))],64))),128)),t(e(Ne),{class:"cursor-pointer hover:bg-slate-100 dark:hover:bg-slate-800 ml-2"})]),_:1})]),_:1},8,["page","items-per-page","total"])])):I("",!0)])])}}});export{ya as default};