"use strict";(self["webpackChunkmiriamgemeinde"]=self["webpackChunkmiriamgemeinde"]||[]).push([[2353],{2353:function(e,l,a){a.r(l),a.d(l,{default:function(){return F}});var i=a(6768),t=a(5688),n=a(5187);const o=e=>((0,i.Qi)("data-v-f2694614"),e=e(),(0,i.jt)(),e),d={class:"upload-files"},r=o((()=>(0,i.Lk)("h2",null,"Dateien hochladen",-1))),s=o((()=>(0,i.Lk)("label",{for:"file-upload"},"Datei auswählen:",-1))),u=o((()=>(0,i.Lk)("label",{for:"file-title"},"Titel eingeben:",-1))),c={class:"file-list"},p={class:"file-info"},f=["onClick"],h=["onClick"],m={class:"file-date"};function k(e,l,a,o,k,v){return(0,i.uX)(),(0,i.CE)("div",d,[r,(0,i.Lk)("div",null,[s,(0,i.Lk)("input",{id:"file-upload",type:"file",onChange:l[0]||(l[0]=(...e)=>o.handleFileUpload&&o.handleFileUpload(...e))},null,32)]),(0,i.Lk)("div",null,[u,(0,i.bo)((0,i.Lk)("input",{id:"file-title",type:"text","onUpdate:modelValue":l[1]||(l[1]=e=>o.fileTitle=e)},null,512),[[t.Jo,o.fileTitle]])]),(0,i.Lk)("button",{onClick:l[2]||(l[2]=(...e)=>o.uploadFiles&&o.uploadFiles(...e))},"Hochladen"),(0,i.Lk)("ul",c,[((0,i.uX)(!0),(0,i.CE)(i.FK,null,(0,i.pI)(o.uploadedFiles,(e=>((0,i.uX)(),(0,i.CE)("li",{key:e.id},[(0,i.Lk)("div",p,[(0,i.Lk)("span",{class:"file-title",onClick:l=>o.downloadFile(e)},(0,n.v_)(e.title),9,f),(0,i.Lk)("span",{class:"file-name",onClick:l=>o.downloadFile(e)},(0,n.v_)(e.originalName),9,h),(0,i.Lk)("span",m,(0,n.v_)(o.formatDate(e.createdAt)),1)])])))),128))])])}a(4114),a(4603),a(7566),a(8721);var v=a(1798),w=a(3173),L={name:"UploadFilesComponent",setup(){const e=(0,v.KR)(null),l=(0,v.KR)(""),a=(0,v.KR)([]),t=l=>{e.value=l.target.files[0]},n=async()=>{if(!e.value||!l.value)return void alert("Bitte wählen Sie eine Datei aus und geben Sie einen Titel ein.");const i=new FormData;i.append("file",e.value),i.append("title",l.value);try{const t=await w.A.post("/files",i,{headers:{"Content-Type":"multipart/form-data"}}),n=t.data;a.value.push({id:n.id,title:n.title,originalName:n.originalName,createdAt:n.createdAt,hash:n.hash}),e.value=null,l.value=""}catch(t){console.error("Fehler beim Hochladen der Datei:",t)}},o=async e=>{const l=e.originalName.substring(e.originalName.lastIndexOf(".")),a=await w.A.get(`/files/download/${e.hash}`,{responseType:"blob"}),i=new Blob([a.data],{type:a.data.type}),t=document.createElement("a");t.href=window.URL.createObjectURL(i),t.download=`${e.title}${l}`,t.click(),window.URL.revokeObjectURL(t.href)},d=e=>{const l={year:"numeric",month:"long",day:"numeric"};return new Date(e).toLocaleDateString(void 0,l)},r=async()=>{try{const e=await w.A.get("/files");a.value=e.data}catch(e){console.error("Fehler beim Abrufen der Dateien:",e)}};return(0,i.sV)(r),{fileToUpload:e,fileTitle:l,uploadedFiles:a,handleFileUpload:t,uploadFiles:n,downloadFile:o,formatDate:d}}},b=a(1241);const g=(0,b.A)(L,[["render",k],["__scopeId","data-v-f2694614"]]);var F=g}}]);
//# sourceMappingURL=2353.49689b39.js.map