https://kanisius.sch.id/assets/Index-1f48d559.js

1import{_ as ae,E as oe,a as I,c as i,d as r,e as t,f as B,O as se,g as P,h as v,a2 as j,j as c,F as N,I as O,k as ne,a1 as le,l as L,v as U,r as f,o as ie,i as re,X as de,x as p,n as ue,R as g}from"./index-b9dc2928.js";import{C as ce,P as fe,S as me,N as pe}from"./carousel-25b91bcf.js";import"./quill.snow-1303db1f.js";import{G as ge}from"./GeneralModal-bf7f0606.js";import{D as he}from"./default-940a17c9.js";const _e=oe({components:{Carousel:ce,Pagination:fe,Slide:me,Navigation:pe,GeneralModal:ge},data:()=>({settings:{itemsToShow:1,snapAlign:"start"},breakpoints:{640:{itemsToShow:2,snapAlign:"start"}}}),setup(e,{emit:l}){const{t:q,locale:E}=ne(),k=le(),_=L({thumbnail:null,image:null}),M=U(()=>_.image||_.thumbnail||he),y=f([]),C=f([]),w=f([]),a={"Content-Encoding":"gzip","Content-Type":"application/json"},m={"Content-Encoding":"gzip"},G=async()=>{var s,o,n;try{const[d,u,h]=await Promise.all([g.get("hero-image",{headers:a,params:{page:"staff-directory",section:"staff-directory",image_allow:"thumbnail"}}),g.get("carousel",{headers:a,params:{carousel_page:"staff-directory",carousel_section:"staff-directory-hero"}}),g.get("carousel-image",{headers:a,params:{carousel_page:"staff-directory",carousel_section:"staff-directory-hero",allow_image:"thumbnail"}})]);(s=d.data)!=null&&s.data&&(_.thumbnail=d.data.data.thumbnail),(o=u.data)!=null&&o.data&&(y.value=u.data.data),(n=h.data)!=null&&n.data&&(C.value=h.data.data)}catch(d){console.log(d)}},X=async()=>{var s,o;try{const[n,d]=await Promise.all([g.get("hero-image",{headers:a,params:{page:"staff-directory",section:"staff-directory",image_allow:"image"}}),g.get("carousel-image",{headers:a,params:{carousel_page:"staff-directory",carousel_section:"staff-directory-hero",allow_image:"image"}})]);(s=n.data)!=null&&s.data&&(_.image=n.data.data.image),(o=d.data)!=null&&o.data&&(w.value=d.data.data)}catch(n){console.log(n)}},$=s=>{const o={};return s.forEach(n=>o[n.id]=n),o},K=U(()=>{if(!y.value.length)return[];const s=$(C.value||[]),o=$(w.value||[]);return y.value.map(n=>{var d,u;return{...n,thumbnail:((d=s[n.id])==null?void 0:d.thumbnail)??n.thumbnail,image:((u=o[n.id])==null?void 0:u.image)??n.image}})}),V=f([]),T=f([]),Q=async()=>{var s;try{const o=await g.get("staff-display",{headers:a,params:{show_page:["all","staff"]},paramsSerializer:{indexes:!1}});(s=o.data)!=null&&s.data&&(V.value=o.data.data,T.value=JSON.parse(JSON.stringify(o.data.data)))}catch(o){console.log(o)}},J=L({department_id:"",name:"",skip:0,offset:0,sts:0}),W=U(()=>{if(!T.value.length)return[];const s=J.name.trim().toLowerCase();return T.value.map(o=>({...o,data_staff:o.data_staff.filter(n=>{var d,u,h;return((d=n.name)==null?void 0:d.toLowerCase().includes(s))||(E.value==="en"?(u=n.position_en)==null?void 0:u.toLowerCase().includes(s):(h=n.position)==null?void 0:h.toLowerCase().includes(s))})}))}),A=f(0),F=f([]),H=async()=>{var s;try{const n=((s=(await g.get("staff-image",{headers:a,params:{show_page:["all","staff"],show_only:"thumbnail",offset:A.value},paramsSerializer:{indexes:!1}})).data)==null?void 0:s.data)||[];if(!n.length)return;F.value.push(...n);const d=$(F.value),u=h=>{h.forEach(te=>{te.data_staff.forEach(z=>{d[z.id]&&(z.thumbnail=d[z.id].thumbnail)})})};u(V.value),u(T.value),A.value+=25,H()}catch(o){console.log(o)}},D=f({}),S=f(!1),Y=f(0),Z=async s=>{var o;try{const n=await g.get("staff-image",{headers:m,params:{staff_id:s,show_only:"image"}});(o=n.data)!=null&&o.data&&(D.value.image=n.data.data.image)}catch(n){console.log(n)}},x=s=>{S.value=!S.value,S.value?(D.value={...s,image:null},Z(s.id),document.body.style.overflowY="hidden"):(D.value={},Y.value=0,document.body.style.overflowY="auto")},b=L({sender:"",name_sender:"",recipient:"",subject:"",message:"",staff_id:"",post_for:""}),R=()=>Object.keys(b).forEach(s=>b[s]=""),ee=async s=>{try{b.staff_id=s.id,b.recipient=s.email,b.post_for="person";const o=await g.post("outbox",null,{params:b});o.data.success?(k.success(o.data.message),R(),S.value=!1):k.warning(o.data.message)}catch(o){console.log(o)}};return ie(async()=>{await Promise.all([G(),X(),Q()]),H()}),{t:q,locale:E,toast:k,dataImage:_,displayImage:M,mergedCarousel:K,dataStaff:V,filteredStaff:W,value:J,modalStaff:S,objectStaff:D,detailTab:Y,openStaff:x,postData:ee,reset:R}}}),be={id:"v3StaffDirectory1",class:"v3-section v3-section-first"},ve={class:"v3-general-container v3-dark-container v3-generalPage-container"},ye={class:"v3-generalPage-content"},Se={key:0,class:"anniversary-carousel-content"},je={class:"carousel-backgorund-content"},ke=["src"],Ce={key:1,class:"hero-separator"},we=["src"],Te={class:"general-container"},De={class:"general-content"},Ie=t("div",{class:"main-title",style:{margin:"20px auto"}}," Staff Directory ",-1),Pe={key:0,class:"staff-card-search"},Ne=t("p",null,"Search",-1),Ee={class:"header-group"},Me={class:"container-group"},$e=["onClick"],Ve={class:"profile-content"},ze=["src","alt"],Be={class:"biodata-content"},Oe={key:0,class:"detail-staff-container"},Le={class:"side-detail"},Ue={class:"picture-detail"},qe=["src","alt"],Ge={class:"menu-detail"},Je={key:0,class:"content-detail"},Ae={key:0},Fe=t("td",null,"Name",-1),He=t("td",null,":",-1),Ye={key:1},Re=t("td",null,"Department",-1),Xe=t("td",null,":",-1),Ke={key:2},Qe=t("td",null,"Position",-1),We=t("td",null,":",-1),Ze={key:3},xe=t("td",null,"Other Position",-1),et=t("td",null,":",-1),tt={key:4},at=t("td",null,"Email",-1),ot=t("td",null,":",-1),st={style:{"box-sizing":"border-box","word-break":"break-all"}},nt={style:{"box-sizing":"border-box","word-break":"break-all"}},lt={key:5},it=t("td",null,"Profile",-1),rt=t("td",null,":",-1),dt={key:1,class:"content-detail"},ut={class:"front-form-container"},ct={class:"column-input"},ft=t("p",null,"Sender's Name",-1),mt={class:"column-input"},pt=t("p",null,"Sender's Email",-1),gt={class:"column-input"},ht=t("p",null,"Subject",-1),_t={class:"column-input"},bt=t("p",null,"Message",-1),vt={class:"column-buttons",style:{position:"sticky",bottom:"0","padding-top":"12px"}},yt=t("p",null,"Submit",-1),St=[yt];function jt(e,l,q,E,k,_){const M=I("Slide"),y=I("Navigation"),C=I("Carousel"),w=I("GeneralModal");return i(),r(N,null,[t("section",be,[t("div",ve,[t("div",ye,[e.mergedCarousel.length?(i(),r("div",Se,[B(C,{autoplay:e.mergedCarousel.length>1?4e3:0,"wrap-around":e.mergedCarousel.length>1,mouseDrag:!1,touchDrag:!1},se({default:P(()=>[(i(!0),r(N,null,O(e.mergedCarousel,a=>(i(),re(M,{key:a},{default:P(()=>[t("div",je,[t("img",{src:a.image??a.thumbnail},null,8,ke)])]),_:2},1024))),128))]),_:2},[e.mergedCarousel.length>1?{name:"addons",fn:P(()=>[B(y)]),key:"0"}:void 0]),1032,["autoplay","wrap-around"])])):(i(),r("div",Ce,[t("img",{src:e.displayImage,alt:"Canisius College"},null,8,we)])),t("div",Te,[t("div",De,[Ie,e.dataStaff.length?(i(),r("div",Pe,[Ne,v(t("input",{type:"text",placeholder:"Search by name or position","onUpdate:modelValue":l[0]||(l[0]=a=>e.value.name=a),class:"search-wide"},null,512),[[j,e.value.name]])])):c("",!0),(i(!0),r(N,null,O(e.filteredStaff,a=>v((i(),r("div",{key:a.id,class:"staff-card-container"},[t("div",Ee,p(a.en_name?a.en_name:a.name),1),t("div",Me,[(i(!0),r(N,null,O(a.data_staff,m=>(i(),r("div",{class:"content-group",key:m.id,onClick:G=>e.openStaff(m)},[t("div",Ve,[t("img",{src:m.thumbnail||e.DefaultProfile,alt:m.name},null,8,ze)]),t("div",Be,[t("p",null,p(m.name),1),t("p",null,p(m.position_en||m.position),1)])],8,$e))),128))])])),[[de,a.data_staff&&a.data_staff.length]])),128))])])])])]),B(w,{"open-modal":e.modalStaff,"modal

1-id":"DetailStaff","modal-title":"Detail Staff","back-close":e.detailTab!=1,onCloseModal:l[8]||(l[8]=a=>e.openStaff())},{default:P(()=>[e.objectStaff?(i(),r("div",Oe,[t("div",Le,[t("div",Ue,[t("img",{src:e.objectStaff.image?e.objectStaff.image:e.objectStaff.thumbnail?e.objectStaff.thumbnail:e.DefaultProfile,alt:e.objectStaff.name},null,8,qe)]),t("div",Ge,[t("div",{class:"list-menu-detail",onClick:l[1]||(l[1]=a=>e.detailTab=0)},"Profile"),t("div",{class:"list-menu-detail",onClick:l[2]||(l[2]=a=>e.detailTab=1)},"Contact")])]),e.detailTab==0?(i(),r("div",Je,[t("table",null,[e.objectStaff.name?(i(),r("tr",Ae,[Fe,He,t("td",null,p(e.objectStaff.name),1)])):c("",!0),e.objectStaff.department_en||e.objectStaff.department?(i(),r("tr",Ye,[Re,Xe,t("td",null,[t("span",null,p(e.objectStaff.department_en?e.objectStaff.department_en:e.objectStaff.department),1)])])):c("",!0),e.objectStaff.position_en||e.objectStaff.position?(i(),r("tr",Ke,[Qe,We,t("td",null,[t("span",null,p(e.objectStaff.position_en?e.objectStaff.position_en:e.objectStaff.position),1)])])):c("",!0),e.objectStaff.more_position||e.objectStaff.more_position_en?(i(),r("tr",Ze,[xe,et,t("td",null,[t("span",null,p(e.objectStaff.more_position_en?e.objectStaff.more_position_en:e.objectStaff.more_position),1)])])):c("",!0),e.objectStaff.email?(i(),r("tr",tt,[at,ot,t("td",st,[t("span",nt,p(e.objectStaff.email),1)])])):c("",!0),e.objectStaff.cv||e.objectStaff.cv_en?(i(),r("tr",lt,[it,rt,t("td",null,[t("span",null,p(e.objectStaff.cv_en?e.objectStaff.cv_en:e.objectStaff.cv),1)])])):c("",!0)])])):c("",!0),e.detailTab==1?(i(),r("div",dt,[t("form",ut,[t("div",ct,[ft,v(t("input",{type:"text",placeholder:"Input name","onUpdate:modelValue":l[3]||(l[3]=a=>e.outbox.name_sender=a),required:""},null,512),[[j,e.outbox.name_sender]])]),t("div",mt,[pt,v(t("input",{type:"email",placeholder:"Input email","onUpdate:modelValue":l[4]||(l[4]=a=>e.outbox.sender=a),required:""},null,512),[[j,e.outbox.sender]])]),t("div",gt,[ht,v(t("input",{type:"text",placeholder:"Input subject","onUpdate:modelValue":l[5]||(l[5]=a=>e.outbox.subject=a),required:""},null,512),[[j,e.outbox.subject]])]),t("div",_t,[bt,v(t("textarea",{style:{height:"240px"},placeholder:"Input message","onUpdate:modelValue":l[6]||(l[6]=a=>e.outbox.message=a),required:""},null,512),[[j,e.outbox.message]])]),t("div",vt,[t("div",{class:ue(["form-button form-button-primary",{"disable-button":e.outbox.name_sender==""||e.outbox.sender==""||e.outbox.subject==""||e.outbox.message==""||e.loaderBtn}]),onClick:l[7]||(l[7]=a=>e.loaderBtn?"":e.postData(e.objectStaff))},St,2)])])])):c("",!0)])):c("",!0)]),_:1},8,["open-modal","back-close"])],64)}const It=ae(_e,[["render",jt]]);export{It as default};