2 lines
7.0 KiB
JavaScript
2 lines
7.0 KiB
JavaScript
"use strict";(self["webpackChunkmiriamgemeinde"]=self["webpackChunkmiriamgemeinde"]||[]).push([[703],{703:function(e,n,t){t.r(n),t.d(n,{default:function(){return A}});var u=t(641),l=t(33),o=t(3751);const a={class:"menu-management"},i={class:"button-container"},r={key:0,class:"edit-form"},d={class:"checkbox-container"},s=["value"],c=["innerHTML"],m={class:"tree-view"},p={class:"menu-item"},k=["onClick"],b={class:"action-buttons"},h=["onClick"],v=["onClick"],M={key:0},L={class:"menu-item"},I=["onClick"],f={class:"action-buttons"},g=["onClick"],C=["onClick"];function _(e,n,t,_,D,y){return(0,u.uX)(),(0,u.CE)("div",a,[n[22]||(n[22]=(0,u.Lk)("h1",null,"Menüverwaltung",-1)),(0,u.Lk)("div",i,[(0,u.Lk)("button",{onClick:n[0]||(n[0]=(...e)=>_.addMenuItem&&_.addMenuItem(...e))},"Hauptmenü hinzufügen"),(0,u.Lk)("button",{onClick:n[1]||(n[1]=(...e)=>_.saveMenuData&&_.saveMenuData(...e))},"Speichern")]),_.selectedMenuItem?((0,u.uX)(),(0,u.CE)("div",r,[(0,u.Lk)("h2",null,(0,l.v_)(_.isEditMode?"Menüpunkt bearbeiten":"Menüpunkt erstellen"),1),(0,u.Lk)("form",{onSubmit:n[11]||(n[11]=(0,o.D$)((...e)=>_.saveMenuData&&_.saveMenuData(...e),["prevent"]))},[n[15]||(n[15]=(0,u.Lk)("label",{for:"name"},"Name",-1)),(0,u.bo)((0,u.Lk)("input",{id:"name","onUpdate:modelValue":n[2]||(n[2]=e=>_.selectedMenuItem.name=e),placeholder:"Name"},null,512),[[o.Jo,_.selectedMenuItem.name]]),n[16]||(n[16]=(0,u.Lk)("label",{for:"link"},"Link",-1)),(0,u.bo)((0,u.Lk)("input",{id:"link","onUpdate:modelValue":n[3]||(n[3]=e=>_.selectedMenuItem.link=e),placeholder:"Link"},null,512),[[o.Jo,_.selectedMenuItem.link]]),n[17]||(n[17]=(0,u.Lk)("label",{for:"page-title"},"Seitenname",-1)),(0,u.bo)((0,u.Lk)("input",{id:"page-title","onUpdate:modelValue":n[4]||(n[4]=e=>_.selectedMenuItem.pageTitle=e),placeholder:"Seitenname"},null,512),[[o.Jo,_.selectedMenuItem.pageTitle]]),n[18]||(n[18]=(0,u.Lk)("label",{for:"order-id"},"Order ID",-1)),(0,u.bo)((0,u.Lk)("input",{id:"order-id","onUpdate:modelValue":n[5]||(n[5]=e=>_.selectedMenuItem.order_id=e),placeholder:"Order ID",type:"number",class:"order-id"},null,512),[[o.Jo,_.selectedMenuItem.order_id,void 0,{number:!0}]]),(0,u.Lk)("div",d,[(0,u.Lk)("label",null,[(0,u.bo)((0,u.Lk)("input",{type:"checkbox","onUpdate:modelValue":n[6]||(n[6]=e=>_.selectedMenuItem.showInMenu=e)},null,512),[[o.lH,_.selectedMenuItem.showInMenu]]),n[12]||(n[12]=(0,u.eW)(" Im Menü anzeigen ",-1))]),(0,u.Lk)("label",null,[(0,u.bo)((0,u.Lk)("input",{type:"checkbox","onUpdate:modelValue":n[7]||(n[7]=e=>_.selectedMenuItem.requiresAuth=e)},null,512),[[o.lH,_.selectedMenuItem.requiresAuth]]),n[13]||(n[13]=(0,u.eW)(" Authentifizierung erforderlich ",-1))])]),n[19]||(n[19]=(0,u.Lk)("label",{for:"parent-id"},"Elternelement",-1)),(0,u.bo)((0,u.Lk)("select",{id:"parent-id","onUpdate:modelValue":n[8]||(n[8]=e=>_.selectedMenuItem.parent_id=e)},[n[14]||(n[14]=(0,u.Lk)("option",{value:"-1"},"Ohne Elternelement",-1)),((0,u.uX)(!0),(0,u.CE)(u.FK,null,(0,u.pI)(_.flattenedMenuData,e=>((0,u.uX)(),(0,u.CE)("option",{key:e.id,value:e.id},[(0,u.Lk)("span",{innerHTML:_.getIndentedName(e)},null,8,c)],8,s))),128))],512),[[o.u1,_.selectedMenuItem.parent_id,void 0,{number:!0}]]),n[20]||(n[20]=(0,u.Lk)("label",{for:"component"},"Vue-Komponente",-1)),(0,u.bo)((0,u.Lk)("input",{id:"component","onUpdate:modelValue":n[9]||(n[9]=e=>_.selectedMenuItem.component=e),placeholder:"Vue-Komponente"},null,512),[[o.Jo,_.selectedMenuItem.component]]),(0,u.Lk)("button",{type:"button",onClick:n[10]||(n[10]=(...e)=>_.resetForm&&_.resetForm(...e))},"Neuen Menüpunkt erstellen"),n[21]||(n[21]=(0,u.Lk)("button",{type:"submit"},"Speichern",-1))],32)])):(0,u.Q3)("",!0),(0,u.Lk)("div",m,[(0,u.Lk)("ul",null,[((0,u.uX)(!0),(0,u.CE)(u.FK,null,(0,u.pI)(_.sortedMenuData,e=>((0,u.uX)(),(0,u.CE)("li",{key:e.id},[(0,u.Lk)("div",p,[(0,u.Lk)("span",{onClick:n=>_.selectMenuItem(e)},(0,l.v_)(e.name)+" (ID: "+(0,l.v_)(e.order_id)+") ",9,k),(0,u.Lk)("div",b,[(0,u.Lk)("button",{onClick:n=>_.addSubmenu(e),class:"action-button"},"Untermenü hinzufügen",8,h),(0,u.Lk)("button",{onClick:n=>_.removeMenuItem(e),class:"action-button"},"Löschen",8,v)])]),e.submenu.length?((0,u.uX)(),(0,u.CE)("ul",M,[((0,u.uX)(!0),(0,u.CE)(u.FK,null,(0,u.pI)(_.sortedSubmenu(e),n=>((0,u.uX)(),(0,u.CE)("li",{key:n.id},[(0,u.Lk)("div",L,[(0,u.Lk)("span",{onClick:e=>_.selectMenuItem(n)},(0,l.v_)(n.name)+" (ID: "+(0,l.v_)(n.order_id)+") ",9,I),(0,u.Lk)("div",f,[(0,u.Lk)("button",{onClick:e=>_.addSubmenu(n),class:"action-button"},"Untermenü hinzufügen",8,g),(0,u.Lk)("button",{onClick:t=>_.removeSubmenu(e,n),class:"action-button"},"Löschen",8,C)])])]))),128))])):(0,u.Q3)("",!0)]))),128))])])])}t(4114),t(8111),t(8237);var D=t(953),y=t(6296),E=t(6278),w={name:"MenuManagement",setup(){const e=(0,E.Pj)(),n=(0,D.KR)([]),t=(0,D.KR)(null),l=(0,D.KR)(!1),o=async()=>{try{const e=await y.A.get("/menu-data");n.value=e.data}catch(e){console.error("Fehler beim Abrufen der Menü-Daten:",e)}},a=async()=>{try{const e=i(n.value);await y.A.post("/menu-data",e),alert("Menü-Daten erfolgreich gespeichert")}catch(e){console.error("Fehler beim Speichern der Menü-Daten:",e)}},i=e=>e.reduce((e,n)=>{const t={...n,page_title:n.pageTitle,show_in_menu:n.showInMenu,requires_auth:n.requiresAuth},{submenu:u,...l}=t;return e.push(l),u&&u.length&&e.push(...i(u,t.id)),e},[]),r=(e,n=0)=>e.reduce((e,t)=>(e.push({...t,indent:n}),t.submenu&&t.submenu.length&&e.push(...r(t.submenu,t.id,n+1)),console.log,e),[]),d=()=>{const e={name:"",link:"",component:"",pageTitle:"",showInMenu:!0,requiresAuth:!1,order_id:0,submenu:[],parent_id:0};n.value.push(e),p(e),l.value=!1},s=e=>{const n={name:"",link:"",component:"",pageTitle:"",showInMenu:!0,requiresAuth:!1,order_id:0};e.submenu.push(n),p(n),l.value=!1},c=e=>{const u=n.value.indexOf(e);u>-1&&n.value.splice(u,1),t.value=null},m=(e,n)=>{const u=e.submenu.indexOf(n);u>-1&&e.submenu.splice(u,1),t.value=null},p=e=>{t.value=e,l.value=!0},k=()=>{t.value=null,l.value=!1},b=(0,u.EW)(()=>[...n.value].sort((e,n)=>e.order_id-n.order_id)),h=e=>e.submenu.slice().sort((e,n)=>e.order_id-n.order_id),v=e=>" ".repeat(2*e.indent)+e.name,M=(0,u.EW)(()=>{const n=r(e.state.menuData);return console.log(n),n});return(0,u.sV)(()=>{o()}),{menuData:n,sortedMenuData:b,sortedSubmenu:h,selectedMenuItem:t,fetchMenuData:o,saveMenuData:a,addMenuItem:d,addSubmenu:s,removeMenuItem:c,removeSubmenu:m,selectMenuItem:p,getIndentedName:v,isEditMode:l,resetForm:k,flattenedMenuData:M}}},S=t(6262);const V=(0,S.A)(w,[["render",_],["__scopeId","data-v-0e6a0522"]]);var A=V},8237:function(e,n,t){var u=t(6518),l=t(2652),o=t(9306),a=t(8551),i=t(1767),r=t(9539),d=t(4549),s=t(8745),c=t(9039),m=TypeError,p=c(function(){[].keys().reduce(function(){},void 0)}),k=!p&&d("reduce",m);u({target:"Iterator",proto:!0,real:!0,forced:p||k},{reduce:function(e){a(this);try{o(e)}catch(c){r(this,"throw",c)}var n=arguments.length<2,t=n?void 0:arguments[1];if(k)return s(k,this,n?[e]:[e,t]);var u=i(this),d=0;if(l(u,function(u){n?(n=!1,t=u):t=e(t,u,d),d++},{IS_RECORD:!0}),n)throw new m("Reduce of empty iterator with no initial value");return t}})}}]);
|
|
//# sourceMappingURL=703.55a76dd0.js.map
|