2 lines
4.0 KiB
JavaScript
2 lines
4.0 KiB
JavaScript
"use strict";(self["webpackChunkmiriamgemeinde"]=self["webpackChunkmiriamgemeinde"]||[]).push([[757],{8899:function(e,t,a){function i(e){const[t,a]=e.split(":");return`${t}:${a}`}function n(e){const t={year:"numeric",month:"2-digit",day:"2-digit"};return new Date(e).toLocaleDateString("de-DE",t)}function l(e){const t=new Date(e),a=String(t.getHours()).padStart(2,"0"),i=String(t.getMinutes()).padStart(2,"0");return`${a}:${i}`}a.d(t,{Yq:function(){return n},fU:function(){return i},ry:function(){return l}})},3138:function(e,t,a){a.r(t),a.d(t,{default:function(){return w}});var i=a(6768),n=a(5688),l=a(5187);const o=e=>((0,i.Qi)("data-v-454efcad"),e=e(),(0,i.jt)(),e),d=o((()=>(0,i.Lk)("h1",null,"Bild hochladen",-1))),r=o((()=>(0,i.Lk)("label",{for:"title"},"Titel",-1))),s=o((()=>(0,i.Lk)("label",{for:"description"},"Beschreibung",-1))),u=o((()=>(0,i.Lk)("label",{for:"image"},"Bild",-1))),c=o((()=>(0,i.Lk)("label",{for:"page"},"Seite",-1))),m=o((()=>(0,i.Lk)("option",{value:""},"Keine Seite",-1))),g=["value"],p=o((()=>(0,i.Lk)("button",{type:"submit"},"Hochladen",-1))),h={key:0},f=o((()=>(0,i.Lk)("h2",null,"Hochgeladene Bilder",-1))),k=["src","alt"],L=["onUpdate:modelValue","onChange"],b=["onUpdate:modelValue","onChange"];function v(e,t,a,o,v,y){return(0,i.uX)(),(0,i.CE)("div",null,[d,(0,i.Lk)("form",{onSubmit:t[4]||(t[4]=(0,n.D$)(((...e)=>y.uploadImage&&y.uploadImage(...e)),["prevent"]))},[(0,i.Lk)("div",null,[r,(0,i.bo)((0,i.Lk)("input",{type:"text",id:"title","onUpdate:modelValue":t[0]||(t[0]=e=>v.title=e)},null,512),[[n.Jo,v.title]])]),(0,i.Lk)("div",null,[s,(0,i.bo)((0,i.Lk)("textarea",{id:"description","onUpdate:modelValue":t[1]||(t[1]=e=>v.description=e)},null,512),[[n.Jo,v.description]])]),(0,i.Lk)("div",null,[u,(0,i.Lk)("input",{type:"file",id:"image",onChange:t[2]||(t[2]=(...e)=>y.onFileChange&&y.onFileChange(...e))},null,32)]),(0,i.Lk)("div",null,[c,(0,i.bo)((0,i.Lk)("select",{id:"page","onUpdate:modelValue":t[3]||(t[3]=e=>v.selectedPage=e)},[m,((0,i.uX)(!0),(0,i.CE)(i.FK,null,(0,i.pI)(v.pages,(e=>((0,i.uX)(),(0,i.CE)("option",{key:e.id,value:e.id},(0,l.v_)(e.title),9,g)))),128))],512),[[n.u1,v.selectedPage]])]),p],32),v.images.length?((0,i.uX)(),(0,i.CE)("div",h,[f,((0,i.uX)(!0),(0,i.CE)(i.FK,null,(0,i.pI)(v.images,(e=>((0,i.uX)(),(0,i.CE)("div",{key:e.id,class:"uploaded-image"},[(0,i.Lk)("img",{src:`/images/uploads/${e.filename}`,alt:e.title,width:"100"},null,8,k),(0,i.bo)((0,i.Lk)("input",{type:"text","onUpdate:modelValue":t=>e.title=t,onChange:t=>y.updateImage(e)},null,40,L),[[n.Jo,e.title]]),(0,i.bo)((0,i.Lk)("textarea",{"onUpdate:modelValue":t=>e.description=t,onChange:t=>y.updateImage(e)},null,40,b),[[n.Jo,e.description]]),(0,i.Lk)("p",null,(0,l.v_)(y.formatDate(e.uploadDate))+" "+(0,l.v_)(y.formatTimeFromDate(e.uploadDate)),1)])))),128))])):(0,i.Q3)("",!0)])}var y=a(3173),C=a(8899),I={name:"ImageUpload",data(){return{title:"",description:"",image:null,selectedPage:"",pages:[],images:[]}},methods:{formatDate:C.Yq,formatTimeFromDate:C.ry,onFileChange(e){this.image=e.target.files[0]},async uploadImage(){const e=new FormData;e.append("title",this.title),e.append("description",this.description),e.append("image",this.image),e.append("pageId",this.selectedPage);try{await y.A.post("/image/",e),this.fetchImages(),this.resetForm()}catch(t){console.error("Fehler beim Hochladen des Bildes:",t)}},async fetchImages(){try{const e=await y.A.get("/image");this.images=e.data}catch(e){console.error("Fehler beim Abrufen der Bilder:",e)}},async fetchPages(){try{const e=await y.A.get("/image/pages");this.pages=e.data}catch(e){console.error("Fehler beim Abrufen der Seiten:",e)}},async updateImage(e){try{await y.A.put(`/image/${e.id}`,{title:e.title,description:e.description}),this.fetchImages()}catch(t){console.error("Fehler beim Aktualisieren des Bildes:",t)}},resetForm(){this.title="",this.description="",this.image=null,this.selectedPage="",document.getElementById("image").value=null}},mounted(){this.fetchImages(),this.fetchPages()}},F=a(1241);const D=(0,F.A)(I,[["render",v],["__scopeId","data-v-454efcad"]]);var w=D}}]);
|
|
//# sourceMappingURL=757.a98aad7e.js.map
|