https://www.slawitscheck.at/_nuxt/Cmzf36RZ.js

1import{y as q,z as I,b as n,h as t,d as D,n as e,x as O,q as d,p as V,t as c,F as A,v as B,i as z,f as L,C as R,u as P,J as Y,r as h,e as i,s as W}from"./H9qgPxpr.js";const Q={class:"relative ml-0 mb-5 md:mb-0 text-left list-none bg-white/40 border-grey border flex gap-5 pr-5 items-center"},U={key:1,class:"bg-main/10 w-[160px] min-h-[200px] h-full mx-aut shrink-0"},X={class:"py-5 grow-0"},Z={class:"mt-5 text-base font-bold text-main tracking-widest break-keep"},ee={key:0},te={class:"uppercase"},se={key:1},ne={key:0,class:"text-xs font-light text-main tracking-widest mt-3"},le={key:1,class:"flex flex-wrap mt-3"},oe={class:"mt-5 font-light text-xs"},ae={class:"block"},ie={key:0,class:"inline-block mr-2"},re={key:1,class:"inline"},ce={class:"block mt-2"},de={key:0,class:"inline-block mr-2"},me={key:1,class:"inline"},ue={__name:"EmployeeCard",props:{employee:Object},setup(s){return(v,b)=>{var g,x,y,k,C;const p=O,m=R,_=q("editable");return I((t(),n("li",Q,[(g=s.employee.image)!=null&&g.filename?(t(),D(p,{key:0,src:s.employee.image.filename,alt:s.employee.image.alt,title:s.employee.image.title,class:"bg-white h-full w-[160px] object-cover",loading:"lazy",format:"webp",width:"160",height:"200"},null,8,["src","alt","title"])):(t(),n("div",U)),e("div",X,[e("h3",Z,[s.employee.pretitle?(t(),n("span",ee,c(s.employee.pretitle)+" ",1)):d("",!0),V(c(s.employee.firstname)+" ",1),e("span",te,c(s.employee.lastname),1),s.employee.posttitle?(t(),n("span",se,", "+c(s.employee.posttitle),1)):d("",!0)]),s.employee.funktion?(t(),n("p",ne,c(s.employee.funktion),1)):d("",!0),s.employee.departments&&s.employee.departments.length>0?(t(),n("ul",le,[(t(!0),n(A,null,B(s.employee.departments,f=>(t(),n("li",{key:f,class:"text-xs text-white uppercase bg-primary inline mb-2 mr-2 px-2 py-1"},c(f),1))),128))])):d("",!0),e("dl",oe,[e("div",ae,[(x=s.employee.phone)!=null&&x.cached_url?(t(),n("dt",ie," T: ")):d("",!0),(y=s.employee.phone)!=null&&y.cached_url?(t(),n("dd",re,[z(m,{to:s.employee.phone.cached_url,class:"underline decoration-1 underline-offset-2"},{default:L(()=>[V(c(s.employee.phone.title),1)]),_:1},8,["to"])])):d("",!0)]),e("div",ce,[(k=s.employee.email)!=null&&k.cached_url?(t(),n("dt",de,"E-Mail:")):d("",!0),(C=s.employee.email)!=null&&C.cached_url?(t(),n("dd",me,[z(m,{to:"mailto:"+s.employee.email.cached_url,class:"underline underline-offset-2"},{default:L(()=>b[0]||(b[0]=[V("jetzt schreiben")])),_:1,__:[0]},8,["to"])])):d("",!0)])])])])),[[_,s.employee]])}}},he={class:"container mx-auto px-5 xl:px-0 max-w-7xl my-20"},be={class:"font-black text-main leading-tighter text-4xl md:text-5xl lg:text-7xl uppercase"},pe={class:"font-bold text-main leading-tight text-2xl uppercase mt-5 tracking-widest"},ge={class:"lg:flex lg:justify-between lg:gap-10 relative mt-10"},xe={class:"lg:w-1/3"},ye={class:"bg-white/40 border-white border"},fe={class:"p-5"},ve={ref:"teamSearchForm"},_e={class:"relative mt-5"},ke=["value"],we={class:"hidden pb-5 leading-10 md:pb-10 lg:block"},$e=["onClick"],Ae={class:"lg:w-2/3 lg:mt-0 mt-10 min-h-screen"},Be={class:"w-full"},Ce={id:"subnav",class:"flex gap-5 md:gap-10 border-b border-grey",role:"tablist"},Ee={role:"presentation"},Me={role:"presentation"},Ne={id:"tabContent",class:"mt-20"},Ve={key:0,role:"tabpanel"},We={key:0},De={key:1},Te={key:2,class:"grid md:grid-cols-2 gap-10 mt-10"},je={key:1,role:"tabpanel"},Fe={key:0},ze={key:1},Le={key:2,class:"grid md:grid-cols-2 gap-10 mt-10"},Ie={__name:"AllEmployees",props:{blok:Object},setup(s){const v=P().public,b=Y(),p=h([]),m=h("BMW"),_=h([]),g=h([]),x=h([]),y=h(null),k=h(!1),C=h(""),f=h(!0),K=async()=>{const[a,l]=await Promise.all([b.get("cdn/stories",{version:v.storyblokVersion,starts_with:"mitarbeiter/",is_startpage:!1,per_page:100}),b.get("cdn/datasource_entries",{version:v.storyblokVersion,datasource:"abteilungen",sort_by:"position:asc"})]);p.value=a.data.stories,x.value=l.data.datasource_entries,E(),f.value=!1},E=()=>{const a=(r,o)=>{const w=N=>{var $;return($=N.content.departments)==null?void 0:$.includes("Geschäftsführung")},M=N=>{var $;return(($=N.content.abteilungsleiter)==null?void 0:$.length)>0},j=w(r)?1:M(r)?2:3,F=w(o)?1:M(o)?2:3;if(j!==F)return j-F;const H=r.content.lastname||"",J=o.content.lastname||"";return H.localeCompare(J)},l=p.value.filter(r=>{var o;return(o=r.content.unternehmen)==null?void 0:o.includes("bmw")}),u=p.value.filter(r=>{var o;return(o=r.content.unternehmen)==null?void 0:o.includes("autohandel")});_.value=l.sort(a),g.value=u.sort(a)};function S(a){T(a.target.value,a.target.options[a.target.options.selectedIndex].text)}async function T(a,l){document.getElementById("teamsearch").value="",k.value=!0,C.value=l,console.log(a);const u={version:v.storyblokVersion,starts_with:"mitarbeiter/",is_startpage:!1,per_page:100};a!=="Alle"&&(u.filter_query={departments:{like:"*"+a+"*"}});const{data:r}=await b.get("cdn/stories",u);p.value=r.stories,E()}async function G(a){if(a.target.value.length>=3){const l=a.target.value;y.value=null,k.value=!0;const{data:u}=await b.get("cdn/stories",{version:v.storyblokVersion,starts_with:"mitarbeiter/",filter_query:{lastname:{like:"*"+l+"*"}},is_startpage:!1,per_page:50});p.value=u.stories,E()}}return K(),(a,l)=>{const u=ue,r=q("editable");return I((t(),n("div",he,[e("h1",be,c(s.blok.headline),1),e("h2",pe,c(s.blok.subline),1),e("div",ge,[e("div",xe,[e("div",ye,[e("div",fe,[l[4]||(l[4]=e("span",{class:"text-main uppercase tracking-widest font-semibold"},"Filter",-1)),e("form",ve,[e("div",_e,[e("input",{type:"text",class:"w-full py-4 px-4 bg-white border border-grey uppercase font-light text-xs",name:"teamsearch",id:"teamsearch",onKeyup:G,placeholder:"Nach Nachnamen suchen ..."},null,32)]),l[3]||(l[3]=e("label",{for:"selectAbteilungen",class:"block mt-5 text-xs font-light lg:hidden"}," Abteilung wählen ",-1)),e("select",{class:"block w-full p-2 mt-2 bg-white border rounded-lg cursor-pointer lg:hidden border-grey",name:"selectAbteilungen",onChange:S},[l[2]||(l[2]=e("option",{value:""},"Bitte wählen ...",-1)),(t(!0),n(A,null,B(i(x),o=>(t(),n("option",{key:o.value,value:o.value},c(o.name),9,ke))),128))],32)],512)]),e("ul",we,[(t(!0),n(A,null,B(i(x),(o,w)=>(t(),n("li",{key:o.value,onClick:M=>{y.value=w,T(o.value,o.name)},class:W(["pl-10 ml-0 font-light list-none cursor-pointer text-main hover:text-main hover:font-semibold uppercase tracking-widest",{"!text-main !font-semibold":i(y)===w}])},c(o.name),11,$e))),128))])])]),e("div",Ae,[e("div",Be,[e("ul",Ce,[e("li",Ee,[e("button",{class:W([{"!text-main !font-bold !border-b-2 !border-main":i(m)==="BMW"},"font-light uppercase text-base text-main py-4 hover:text-main hover:border-b-2 hover:border-main"]),type:"button",onClick:l[0]||(l[0]=o=>m.value="BMW"),"aria-selected":"activeTab === 'BMW'"}," BMW ",2)]),e("li",Me,[e("button",{class:W([{"!text-main !font-bold !border-b-2 !border-main":i(m)==="Autohandel"},"font-light uppercase text-base text-main py-4 hover:text-main hover:border-b-2 hover:border-main"]),type:"button",onClick:l[1]||(l[1]=o=>m.value="Autohandel"),"aria-selected":"activeTab === 'Autohandel'"}," Honda | Hyundai | Citroën | BYD ",2)])]),e("div",Ne,[i(m)==="BMW"?(t(),n("div",Ve,[i(f)?(t(),n("div",We,l[5]||

1(l[5]=[e("span",{class:"block text-2xl font-bold text-main max-w-2xl mx-auto text-center"},"... Mitarbeiter werden geladen...",-1)]))):i(_).length===0?(t(),n("div",De,l[6]||(l[6]=[e("span",{class:"block text-2xl font-bold text-main max-w-2xl mx-auto text-center"},"Keine Mitarbeiter gefunden.",-1)]))):(t(),n("div",Te,[(t(!0),n(A,null,B(i(_),o=>(t(),D(u,{key:o.uuid,employee:o.content},null,8,["employee"]))),128))]))])):d("",!0),i(m)==="Autohandel"?(t(),n("div",je,[i(f)?(t(),n("div",Fe,l[7]||(l[7]=[e("span",{class:"block text-2xl font-bold text-main max-w-2xl mx-auto text-center"},"... Mitarbeiter werden geladen...",-1)]))):i(g).length===0?(t(),n("div",ze,l[8]||(l[8]=[e("span",{class:"block text-2xl font-bold text-main max-w-2xl mx-auto text-center"},"Keine Mitarbeiter gefunden.",-1)]))):(t(),n("div",Le,[(t(!0),n(A,null,B(i(g),o=>(t(),D(u,{key:o.uuid,employee:o.content},null,8,["employee"]))),128))]))])):d("",!0)])])])])])),[[r,s.blok]])}}};export{Ie as default};