2 lines
7.0 KiB
JavaScript
2 lines
7.0 KiB
JavaScript
import{k as L,r as d,h as z,c as l,a as e,j as p,b as m,d as w,u as c,F as C,i as M,l as k,m as g,v as h,y as P,f as A,t as u,p as B,o,n as $}from"#entry";import{u as j}from"./C_U-NUAd.js";import{P as E}from"./R6Iy1jPP.js";import{L as _}from"./CUq_0rkE.js";import{T as F}from"./FF_cyd6S.js";import{A as N}from"./C8kQt0fa.js";const U={class:"min-h-full py-16 bg-gray-50"},q={class:"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"},K={class:"flex justify-between items-center mb-6"},H={key:0,class:"flex items-center justify-center py-12"},O={key:1,class:"bg-white rounded-xl shadow-lg overflow-hidden"},R={class:"overflow-x-auto"},G={class:"min-w-full divide-y divide-gray-200"},I={class:"bg-white divide-y divide-gray-200"},J={class:"px-4 py-3 whitespace-nowrap text-sm text-gray-900"},Q={class:"px-4 py-3 text-sm font-medium text-gray-900"},W={class:"px-4 py-3 text-sm text-gray-600"},X={class:"px-4 py-3 whitespace-nowrap"},Y={class:"px-4 py-3 whitespace-nowrap text-right text-sm font-medium"},Z=["onClick"],ee={key:0,class:"text-center py-12 text-gray-500"},te={class:"bg-white rounded-xl shadow-2xl max-w-2xl w-full p-8"},se={class:"grid grid-cols-2 gap-4"},ae=["disabled"],re=["disabled"],ie=["disabled"],oe=["disabled"],le={key:0,class:"flex items-center p-3 rounded-md bg-red-50 text-red-700 text-sm"},ne={class:"flex justify-end space-x-4 pt-4"},de=["disabled"],ue=["disabled"],ve={__name:"termine",setup(ce){L();const x=d(!0),r=d(!1),b=d([]),y=d(!1),n=d(""),i=d({datum:"",titel:"",beschreibung:"",kategorie:"Sonstiges"}),f=async()=>{x.value=!0;try{const a=await $fetch("/api/termine-manage");b.value=a.termine}catch(a){console.error("Fehler beim Laden der Termine:",a)}finally{x.value=!1}},T=()=>{i.value={datum:"",titel:"",beschreibung:"",kategorie:"Sonstiges"},y.value=!0,n.value=""},v=()=>{y.value=!1,n.value=""},S=async()=>{r.value=!0,n.value="";try{await $fetch("/api/termine-manage",{method:"POST",body:i.value}),v(),await f()}catch(a){n.value=a.data?.message||"Fehler beim Speichern des Termins."}finally{r.value=!1}},V=async a=>{if(confirm(`Möchten Sie den Termin "${a.titel}" wirklich löschen?`))try{const t=new URLSearchParams({datum:a.datum,titel:a.titel,beschreibung:a.beschreibung||"",kategorie:a.kategorie||"Sonstiges"});await $fetch(`/api/termine-manage?${t.toString()}`,{method:"DELETE"}),await f()}catch{alert("Fehler beim Löschen des Termins.")}},D=a=>a?new Date(a).toLocaleDateString("de-DE",{year:"numeric",month:"2-digit",day:"2-digit"}):"";return z(()=>{f()}),j({title:"Termine verwalten - Harheimer TC"}),(a,t)=>(o(),l("div",U,[e("div",q,[e("div",K,[t[5]||(t[5]=e("div",null,[e("h1",{class:"text-4xl sm:text-5xl font-display font-bold text-gray-900 mb-2"}," Termine verwalten "),e("div",{class:"w-24 h-1 bg-primary-600 mb-4"})],-1)),e("button",{onClick:T,class:"flex items-center px-4 py-2 bg-primary-600 hover:bg-primary-700 text-white font-semibold rounded-lg transition-colors"},[m(c(E),{size:20,class:"mr-2"}),t[4]||(t[4]=w(" Termin hinzufügen ",-1))])]),x.value?(o(),l("div",H,[m(c(_),{size:40,class:"animate-spin text-primary-600"})])):(o(),l("div",O,[e("div",R,[e("table",G,[t[6]||(t[6]=e("thead",{class:"bg-gray-50"},[e("tr",null,[e("th",{class:"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"},"Datum"),e("th",{class:"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"},"Titel"),e("th",{class:"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"},"Beschreibung"),e("th",{class:"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"},"Kategorie"),e("th",{class:"px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider"},"Aktionen")])],-1)),e("tbody",I,[(o(!0),l(C,null,M(b.value,s=>(o(),l("tr",{key:s.id,class:"hover:bg-gray-50"},[e("td",J,u(D(s.datum)),1),e("td",Q,u(s.titel),1),e("td",W,u(s.beschreibung||"-"),1),e("td",X,[e("span",{class:$([{"bg-blue-100 text-blue-800":s.kategorie==="Training","bg-green-100 text-green-800":s.kategorie==="Punktspiel","bg-purple-100 text-purple-800":s.kategorie==="Turnier","bg-yellow-100 text-yellow-800":s.kategorie==="Veranstaltung","bg-gray-100 text-gray-800":s.kategorie==="Sonstiges"},"px-2 py-1 text-xs font-medium rounded-full"])},u(s.kategorie),3)]),e("td",Y,[e("button",{onClick:pe=>V(s),class:"text-red-600 hover:text-red-900",title:"Löschen"},[m(c(F),{size:18})],8,Z)])]))),128))])])]),b.value.length===0?(o(),l("div",ee," Keine Termine vorhanden. ")):p("",!0)])),y.value?(o(),l("div",{key:2,class:"fixed inset-0 z-50 bg-black/50 flex items-center justify-center p-4",onClick:k(v,["self"])},[e("div",te,[t[12]||(t[12]=e("h2",{class:"text-2xl font-display font-bold text-gray-900 mb-6"}," Termin hinzufügen ",-1)),e("form",{onSubmit:k(S,["prevent"]),class:"space-y-4"},[e("div",se,[e("div",null,[t[7]||(t[7]=e("label",{class:"block text-sm font-medium text-gray-700 mb-2"},"Datum *",-1)),g(e("input",{"onUpdate:modelValue":t[0]||(t[0]=s=>i.value.datum=s),type:"date",required:"",class:"w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500",disabled:r.value},null,8,ae),[[h,i.value.datum]])]),e("div",null,[t[9]||(t[9]=e("label",{class:"block text-sm font-medium text-gray-700 mb-2"},"Kategorie *",-1)),g(e("select",{"onUpdate:modelValue":t[1]||(t[1]=s=>i.value.kategorie=s),required:"",class:"w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500",disabled:r.value},[...t[8]||(t[8]=[A('<option value="Training">Training</option><option value="Punktspiel">Punktspiel</option><option value="Turnier">Turnier</option><option value="Veranstaltung">Veranstaltung</option><option value="Sonstiges">Sonstiges</option>',5)])],8,re),[[P,i.value.kategorie]])])]),e("div",null,[t[10]||(t[10]=e("label",{class:"block text-sm font-medium text-gray-700 mb-2"},"Titel *",-1)),g(e("input",{"onUpdate:modelValue":t[2]||(t[2]=s=>i.value.titel=s),type:"text",required:"",class:"w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500",disabled:r.value},null,8,ie),[[h,i.value.titel]])]),e("div",null,[t[11]||(t[11]=e("label",{class:"block text-sm font-medium text-gray-700 mb-2"},"Beschreibung",-1)),g(e("textarea",{"onUpdate:modelValue":t[3]||(t[3]=s=>i.value.beschreibung=s),rows:"3",class:"w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500",disabled:r.value},null,8,oe),[[h,i.value.beschreibung]])]),n.value?(o(),l("div",le,[m(c(N),{size:20,class:"mr-2"}),w(" "+u(n.value),1)])):p("",!0),e("div",ne,[e("button",{type:"button",onClick:v,class:"px-6 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors",disabled:r.value}," Abbrechen ",8,de),e("button",{type:"submit",class:"px-6 py-2 bg-primary-600 hover:bg-primary-700 text-white font-semibold rounded-lg transition-colors flex items-center",disabled:r.value},[r.value?(o(),B(c(_),{key:0,size:20,class:"animate-spin mr-2"})):p("",!0),e("span",null,u(r.value?"Speichert...":"Speichern"),1)],8,ue)])],32)])])):p("",!0)])]))}};export{ve as default};
|