https://app.anyhelpnow.com/assets/ProfileLandingPageEdit-CG6ddDV8.js

1import{U as je,W as w,d0 as oe,d1 as Q,k as u,G as de,ab as ue,i as Se,j as Ce,h as Fe,o as s,m as x,w as c,a as l,e as n,l as t,c6 as U,f as y,t as B,d as m,c as g,a4 as k,a3 as M,ar as E,a7 as De,F as Re,r as Te,C as Ee,K as Ie,B as C,N as Pe,p as ze,a8 as Oe,b3 as He}from"./index-CxAbz3jj.js";import{u as Ae,a as p,F as se}from"./vee-validate.esm-AJWZxxS8.js";import{w as re}from"./useFormUtilities-DFc4PmBA.js";import{I as W}from"./ic_trash-CXFOr3_X.js";import{T as Ge}from"./TextareaEditor-usVahM50.js";import{I as $e}from"./IconPlay-DKFkBcYI.js";import{_ as Ne}from"./Reviews-ChAtbRnD.js";import"./useOverflowing-DqADTsCB.js";import"./IconAndText-O7Ts8tT2.js";const Ze=je({logo_image_file:w().nullable().when("logo_image",{is:null,then:j=>j.required("Bitte gib eine gültige Straße ein")}),title:w().nullable().required("Bitte gib einen Titel ein").max(40,"darf höchstens 40 Zeichen lang sein"),description:w().nullable().required("Bitte füge eine Beschreibung hinzu").max(40,"darf höchstens 40 Zeichen lang sein"),company_name:w().nullable().max(40,"darf höchstens 40 Zeichen lang sein"),header_image_file:oe().nullable().test("header_image_file","Datei zu groß. Es sind nur 3 MB erlaubt",Q(3)),additional_textarea_title:w().nullable().max(40,"darf höchstens 40 Zeichen lang sein"),additional_textarea_image_file:oe().nullable().test("header_image_file","Datei zu groß. Es sind nur 3 MB erlaubt",Q(3)),call_to_action_title:w().nullable().max(100,"darf höchstens 100 Zeichen lang sein"),call_to_action_description:w().nullable().max(500,"darf höchstens 500 Zeichen lang sein")});function qe(j,S="horizontal"){const V=u(!0),o=u(!1),I=u(0),P=()=>{const d=document.getElementById(j);if(!d){console.warn(`Element with id ${j} not found`);return}if(I.value=S==="vertical"?d.scrollTop:d.scrollLeft,S==="vertical"){V.value=d?.scrollTop===0,o.value=d?.scrollTop===d?.scrollHeight-d?.clientHeight;return}V.value=d?.scrollLeft===0,o.value=d?.scrollLeft===d?.scrollWidth-d?.clientWidth};return de(()=>{window.addEventListener("resize",P)}),ue(()=>{window.removeEventListener("resize",()=>{})}),{isStart:V,isEnd:o,handleScroll:P,scrollPosition:I}}const Je={class:"flex flex-col gap-4 md:flex-row md:items-start"},Ke={class:"w-full"},We={class:"flex items-center gap-3"},Qe={class:"flex flex-col gap-1 lg:w-[165px]"},Xe={key:0,class:"flex items-center justify-center py-2 px-6 lg:py-[19px] lg:px-[40px] bg-[rgba(0,47,106,0.1)] rounded-md text-[#557091] text-[16px] whitespace-nowrap opacity-50"},Ye={key:1,class:"w-[130px] h-[40px] lg:w-[165px] lg:h-[62px]"},el=["src"],ll={class:"mt-6 lg:mt-5"},tl={class:"flex flex-col gap-3"},al=["onChange"],il={key:1,class:"h-[170px] w-[170px] mt-2 rounded-md border relative"},nl=["src"],ol={class:"flex flex-col gap-6"},sl={class:"flex items-center gap-3"},rl=["onChange"],dl={key:1,class:"h-[170px] w-[170px] mt-2 rounded-md border relative"},ul=["src"],cl={key:0,class:"relative mt-5"},ml={key:0,class:"flex w-full h-full justify-center items-center"},gl={key:1,class:"relative w-full h-full"},pl=["src"],fl={key:0,class:"absolute inset-0 bg-white/80 z-20 transition-all flex items-center justify-center text-lg text-primary"},vl={class:"absolute inset-0 bg-black/10"},_l={class:"relative flex justify-center items-center w-full h-full"},hl=["src"],xl={class:"flex gap-2 justify-end"},Rl={__name:"ProfileLandingPageEdit",setup(j){const S=ze(),V=Se(),o=Ce(),{isStart:I,isEnd:P,handleScroll:d}=qe("video-items-container-id"),z=u(null),{handleSubmit:ce,setFieldValue:b,errors:X,meta:O}=Ae({validationSchema:Ze,initialValues:{...o.inputData,header_image_file:null,additional_textarea_image_file:null}}),H=u(!1),F=u(null),D=u(null),L=u(null),_=u(null),h=u(null),f=u([]);Fe(()=>o.inputData.video_items,i=>{i&&(f.value=i.map(e=>({...e,loading:!1,deleting:!1})))});const Y=i=>{if(H.value)return i.preventDefault(),i.returnValue="Video is still uploading. Are you sure you still want to leave?",i.returnValue};de(async()=>{window.scrollTo(0,0),await o.indexAsync();const i={...o.inputData};i.video_items&&(f.value=i.video_items.map(e=>({...e,loading:!1,deleting:!1})));for(const e in i)Object.prototype.hasOwnProperty.call(i,e)&&b(e,i[e]);window.addEventListener("beforeunload",Y)}),ue(()=>{window.removeEventListener("beforeunload",Y),L.value&&URL.revokeObjectURL(L.value),_.value&&URL.revokeObjectURL(_.value),h.value&&URL.revokeObjectURL(h.value)});const{errorMessage:bl,value:ee}=p("logo_image"),{errorMessage:le,value:wl}=p("logo_image_file"),{errorMessage:me,value:A}=p("title"),{errorMessage:ge,value:G}=p("description"),{errorMessage:pe,value:$}=p("company_name"),{errorMessage:te,value:yl}=p("header_image_file"),{errorMessage:fe,value:N}=p("additional_textarea_title"),{errorMessage:kl,value:Z}=p("additional_textarea_description"),q=u(null),{errorMessage:ae,value:Vl}=p("additional_textarea_image_file"),{errorMessage:ie,value:J}=p("call_to_action_title"),{errorMessage:ne,value:K}=p("call_to_action_description"),R=u(null),ve=async i=>{if(!i.length)return;const e=[...i];for(const r of e)r.loading=!0,f.value.push(r);H.value=!0;try{await o.uploadVideos(e)}catch{alert("Error uploading videos. Please try again later or contact support."),o.indexAsync()}finally{H.value=!1}},_e=()=>{document.getElementById("upload-logo-file")?.click()},he=i=>{R.value=null;const e=i.target.files?.[0];if(!e)return;if(!Q(1)(e)){R.value="Dein Logo ist größer als 1 MB. Bitte lade ein kleineres Logo hoch.";return}L.value&&URL.revokeObjectURL(L.value),L.value=URL.createObjectURL(e),b("logo_image",L.value),b("logo_image_file",e)}

1,xe=()=>{document.getElementById("upload-additional-textarea-file")?.click()},be=async(i,e)=>{i(e),await re(O);const r=e.target.files?.[0];!r||X?.value?.additional_textarea_image_file||(h.value&&URL.revokeObjectURL(h.value),h.value=URL.createObjectURL(r),D.value=h.value,b("additional_textarea_image_file",r))},we=()=>{document.getElementById("upload-header-file")?.click()},ye=async(i,e)=>{i(e),await re(O);const r=e.target.files?.[0];!r||X?.value?.header_image_file||(_.value&&URL.revokeObjectURL(_.value),_.value=URL.createObjectURL(r),F.value=_.value,b("header_image_file",r))},ke=async(i,e)=>{f.value[e].deleting=!0;try{await o.deleteVideo(i),f.value.splice(e,1)}catch{f.value[e].deleting=!1,alert("Fehler beim Loeschen des Videos. Bitte erneut versuchen.")}},Ve=ce(async i=>{q.value||(await o.submit(i),S.push({name:"profile helper landing page"}))}),T=u(!1),Le=i=>{z.value=i,T.value=!0},Ue=()=>{F.value=null,b("header_image_file",null),_.value&&URL.revokeObjectURL(_.value),_.value=null,o.submit({remove_header_image:!0})},Be=()=>{D.value=null,b("additional_textarea_image_file",null),h.value&&URL.revokeObjectURL(h.value),h.value=null,o.submit({remove_additional_textarea_image:!0})};return(i,e)=>{const r=Oe("VideoUpload");return s(),x(Pe,{class:"gap-4 md:gap-8",variant:"page"},{"sticky-bottom":c(()=>[l("div",xl,[n(C,{label:"Abbrechen",variant:"ghost",onClick:e[13]||(e[13]=a=>t(S).push({name:"profile helper landing page"}))}),n(C,{disabled:t(o).submitLoading||!t(O).valid||q.value,label:"Speichern",onClick:t(Ve)},null,8,["disabled","onClick"])])]),default:c(()=>[e[29]||(e[29]=l("h3",{class:"headline text-lg md:text-xl"}," Persönliche Landingpage bearbeiten ",-1)),l("section",null,[e[15]||(e[15]=l("h3",{class:"headline"}," Logo ",-1)),l("div",Je,[l("div",Ke,[e[14]||(e[14]=l("p",{class:"text-xs md:text-sm"}," Bitte stelle sicher, dass das Logo in horizontaler Ausrichtung vorliegt und entweder im PNG- oder JPG-Format hochgeladen wird. ",-1)),l("div",We,[n(C,{label:"Hochladen",variant:"dashed",onClick:_e}),l("input",{id:"upload-logo-file",accept:".jpeg,.jpg,.png",class:"hidden",type:"file",onChange:he,onClick:e[0]||(e[0]=a=>a.target.value=null)},null,32)]),t(le)?(s(),x(U,{key:0},{default:c(()=>[y(B(t(le)),1)]),_:1})):m("",!0)]),l("div",Qe,[t(ee)?(s(),g("div",Ye,[l("img",{src:t(ee),alt:"",class:"w-full h-full object-cover rounded-md"},null,8,el)])):(s(),g("div",Xe," DEIN LOGO ")),R.value?(s(),x(U,{key:2},{default:c(()=>[y(B(R.value),1)]),_:1})):m("",!0)])])]),l("section",null,[e[18]||(e[18]=l("h3",{class:"headline"}," Füge einen Titel und eine begleitende Beschreibung hinzu ",-1)),e[19]||(e[19]=l("p",{class:"text-xs md:text-sm"}," Versuche kurz, prägnant und verständlich zu sein und das Hauptthema oder den Inhalt der Seite klar wiederzugeben. ",-1)),n(M,{modelValue:t(A),"onUpdate:modelValue":e[1]||(e[1]=a=>k(A)?A.value=a:null),"error-message-props":{class:"w-full"},errorMessage:t(me)??null,max:40,"input-classes":"font-normal!",label:"Titel","label-small":"",name:"title",placeholder:"Haupttitel der Seite",required:"","with-letter-counter":""},null,8,["modelValue","errorMessage"]),n(M,{modelValue:t(G),"onUpdate:modelValue":e[2]||(e[2]=a=>k(G)?G.value=a:null),"error-message-props":{class:"w-full"},errorMessage:t(ge)??null,max:40,"input-classes":"font-normal!",label:"Beschreibung","label-small":"",name:"description",placeholder:"Haupttitel der Seite",required:"","with-letter-counter":""},null,8,["modelValue","errorMessage"]),n(M,{modelValue:t($),"onUpdate:modelValue":e[3]||(e[3]=a=>k($)?$.value=a:null),"error-message":t(pe)??null,"error-message-props":{class:"w-full"},max:40,"input-classes":"font-normal!",label:"Company Name","label-small":"","with-letter-counter":""},null,8,["modelValue","error-message"]),l("div",ll,[e[16]||(e[16]=l("h3",{class:"headline"},"Header-Bild",-1)),e[17]||(e[17]=l("p",{class:"text-xs md:text-sm"}," Um die Bedeutung des Textes hervorzuheben, lade ein passendes Bild im PNG- oder JPG-Format in der Größe von max. 3 MB hoch. ",-1)),l("div",tl,[n(C,{label:"Hochladen",variant:"dashed",onClick:we}),n(t(se),{name:"header_image_file"},{default:c(({handleChange:a})=>[l("input",{id:"upload-header-file",accept:".jpeg,.jpg,.png",class:"hidden",type:"file",onChange:v=>ye(a,v),onClick:e[4]||(e[4]=v=>v.target.value=null)},null,40,al)]),_:1})]),t(te)?(s(),x(U,{key:0},{default:c(()=>[y(B(t(te)),1)]),_:1})):m("",!0),t(o).currentPersonalSite?.header_image||F.value?(s(),g("div",il,[n(E,{icon:t(W),class:"absolute top-1 right-1",variant:"danger",onClick:Ue},null,8,["icon"]),l("img",{src:F.value??t(o).currentPersonalSite?.header_image,alt:"",class:"w-full h-full object-cover rounded-md"},null,8,nl)])):m("",!0)])]),l("section",null,[e[23]||(e[23]=l("h3",{class:"headline"}

1,"Zusätzlicher Textbereich",-1)),e[24]||(e[24]=l("p",{class:"text-xs md:text-sm"}," Füge weitere Informationen über Deine Services und Aktivitäten hinzu, damit Kunden besser verstehen können, was Du anbietest und welchen Mehrwert Du Deinen Kunden bietest. ",-1)),l("div",ol,[n(M,{modelValue:t(N),"onUpdate:modelValue":e[5]||(e[5]=a=>k(N)?N.value=a:null),"error-message-props":{class:"w-full"},errorMessage:t(fe)??null,max:40,"input-classes":"font-normal!",label:"Titel","label-small":"",name:"additional_textarea_title",placeholder:"Haupttitel der Seite","with-letter-counter":""},null,8,["modelValue","errorMessage"]),l("div",null,[n(De,{required:""},{default:c(()=>e[20]||(e[20]=[y(" Beschreibung ",-1)])),_:1,__:[20]}),n(Ge,{modelValue:t(Z),"onUpdate:modelValue":e[6]||(e[6]=a=>k(Z)?Z.value=a:null),"letter-counter-props":{class:"font-normal"},max:5e3,height:"120px",placeholder:"Gib Deinen Text ein...","with-letter-counter":"","with-link":"",onValidationModel:e[7]||(e[7]=a=>q.value=a)},null,8,["modelValue"])]),l("div",null,[e[21]||(e[21]=l("h3",{class:"headline"},"Bild",-1)),e[22]||(e[22]=l("p",{class:"text-xs md:text-sm"}," Um die Bedeutung des Textes hervorzuheben, lade ein passendes Bild im PNG- oder JPG-Format in der Größe von max. 3 MB hoch. ",-1)),l("div",sl,[n(C,{label:"Hochladen",variant:"dashed",onClick:xe}),n(t(se),{name:"additional_textarea_image_file"},{default:c(({handleChange:a})=>[l("input",{id:"upload-additional-textarea-file",accept:".jpeg,.jpg,.png",class:"hidden",type:"file",onChange:v=>be(a,v),onClick:e[8]||(e[8]=v=>v.target.value=null)},null,40,rl)]),_:1})]),t(ae)?(s(),x(U,{key:0},{default:c(()=>[y(B(t(ae)),1)]),_:1})):m("",!0),t(o).currentPersonalSite?.additional_textarea_image||D.value?(s(),g("div",dl,[n(E,{icon:t(W),class:"absolute top-1 right-1",variant:"danger",onClick:Be},null,8,["icon"]),l("img",{src:D.value??t(o).currentPersonalSite?.additional_textarea_image,alt:"",class:"w-full h-full object-cover rounded-md"},null,8,ul)])):m("",!0)])])]),l("section",null,[e[25]||(e[25]=l("h3",{class:"headline"},"Videos",-1)),e[26]||(e[26]=l("p",{class:"text-xs md:text-sm"}," Lade bis zu 5 Videos hoch, um Deine Arbeit, eine Präsentation oder ein Selbstvorstellungsvideo auf Deiner Seite anzuzeigen. Achte darauf, dass die Größe jedes Videos 200 MB nicht überschreitet. ",-1)),n(r,{items:f.value,filled:"","limit-upload-mb-text":"MP4 bis 200 MB",max:"5","max-size":"200",multi:"","with-drag-effect":"",onOnChange:ve},null,8,["items"]),f.value&&f.value.length?(s(),g("div",cl,[l("div",{id:"video-items-container-id",class:"flex overflow-x-auto space-x-2 scrollbar-hide",onScroll:e[9]||(e[9]=(...a)=>t(d)&&t(d)(...a))},[(s(!0),g(Re,null,Te(f.value,(a,v)=>(s(),g("div",{key:v,class:"w-[140px] h-[140px] lg:w-[170px] lg:h-[170px] flex relative shrink-0 rounded-md"},[a.loading?(s(),g("div",ml,[n(He)])):(s(),g("div",gl,[l("video",{src:a.path+"#t=0.1",class:"object-cover w-full h-full rounded-md overflow-hidden",playsinline:""},null,8,pl),a.deleting?(s(),g("div",fl," Deleting... ")):m("",!0),l("div",vl,[l("div",_l,[n(E,{icon:$e,type:"button",onClick:Me=>Le(a)},null,8,["onClick"]),n(E,{icon:t(W),class:"absolute top-1 right-1",type:"button",variant:"danger",onClick:Ee(Me=>ke(a.video_id,v),["stop"])},null,8,["icon","onClick"])])])]))]))),128))],32)])):m("",!0)]),t(V)?.user?.rating?(s(),x(Ne,{key:0,user:t(V).user},null,8,["user"])):m("",!0),l("section",null,[e[27]||(e[27]=l("h3",{class:"headline"},"Call-to-Action Bereich",-1)),e[28]||(e[28]=l("p",{class:"text-xs md:text-sm"}," Gib einen Titel und eine begleitende Beschreibung für den Handlungsaufruf (Call-to-Action) an. ",-1)),n(M,{modelValue:t(J),"onUpdate:modelValue":e[10]||(e[10]=a=>k(J)?J.value=a:null),max:100,"input-classes":"font-normal!",label:"Titel","label-small":"",name:"call_to_action_title",placeholder:"Haupttitel der Seite",withLetterCounter:""},null,8,["modelValue"]),t(ie)?(s(),x(U,{key:0,class:"w-full"},{default:c(()=>[y(B(t(ie)),1)]),_:1})):m("",!0),n(M,{modelValue:t(K),"onUpdate:modelValue":e[11]||(e[11]=a=>k(K)?K.value=a:null),max:500,label:"Beschreibung",name:"call_to_action_description",placeholder:"Gib Deinen Text ein...",withLetterCounter:""},null,8,["modelValue"]),t(ne)?(s(),x(U,{key:1},{default:c(()=>[y(B(t(ne)),1)]),_:1})):m("",!0)]),n(Ie,{open:T.value,hideButtons:"",onClose:e[12]||(e[12]=a=>T.value=!T.value)},{default:c(()=>[z.value?(s(),g("video",{key:0,src:z.value.path+"#t=0.1",autoplay:"",class:"max-h-[80vh] max-w-[80vw] w-auto h-auto object-contain mx-auto",controls:"",playsinline:""},null,8,hl)):m("",!0)]),_:1},8,["open"])]),_:1,__:[29]})}}};export{Rl as default};