https://www.centenaire-archeveche.org/_next/static/chunks/pages/admin/editor-menu-71308b07ade3078a30ea.js

1_N_E=(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[29],{"2saK":function(e,t,n){"use strict";n.r(t),n.d(t,"__N_SSP",(function(){return z})),n.d(t,"default",(function(){return J}));for(var r=n("nKUr"),c=n("KQm4"),o=n("rePB"),a=n("q1tI"),i=n("g4pe"),u=n.n(i),l=n("F/nV"),s=n("J8E0"),d=n("o0o1"),b=n.n(d),f=n("HaE+"),j=[],p=0;p<256;p++)j[p]=(p<16?"0":"")+p.toString(16);function m(){var e=4294967295*Math.random()|0,t=4294967295*Math.random()|0,n=4294967295*Math.random()|0,r=4294967295*Math.random()|0;return(j[255&e]+j[e>>8&255]+j[e>>16&255]+j[e>>24&255]+"-"+j[255&t]+j[t>>8&255]+"-"+j[t>>16&15|64]+j[t>>24&255]+"-"+j[63&n|128]+j[n>>8&255]+"-"+j[n>>16&255]+j[n>>24&255]+j[255&r]+j[r>>8&255]+j[r>>16&255]+j[r>>24&255]).toUpperCase()}var h=function(e){var t=function e(t,n,r){var c=r+n,o=t.children&&t.children.length;return{label:t.title,href:t.href||"#",uuid:t.uuid,subMenu:o?t.children.map((function(t,n){return e(t,n,c+"-")})):null}};return e.map((function(e,n){return t(e,n,"item-")}))},O=function(e,t){return{uuid:m(),title:e,href:t||"#"}};function g(e){var t=e.canSave,n=e.setCanSave,c=e.form,o=e.menuLocales,a=function(){var e=Object(f.a)(b.a.mark((function e(){var t,r;return b.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=c.map((function(e,t){return{locale:o[t],data:h(e)}})),r=t.map((function(e){return fetch("/api/menu",{method:"PUT",body:JSON.stringify(e)}).then((function(e){if(e.ok)return e.json();throw new Error(e.statusText)})).catch((function(e){console.log(e)}))})),e.next=4,Promise.all(r);case 4:e.sent,n(!1),window.onbeforeunload=null,window.location.reload();case 8:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return Object(r.jsx)("div",{className:"fixed bottom-0 left-0 w-full border-2 bg-white z-10 h-20 flex items-center justify-end pr-2",children:Object(r.jsx)("button",{onClick:a,disabled:!t,className:"bg-blue-700 rounded px-5 py-4 text-2xl text-white font-bold "+(t?"hover:bg-blue-800":"bg-gray-300 opacity-50 cursor-not-allowed"),children:Object(r.jsx)("span",{children:"Sauvegarder"})})})}var x=n("kMCw"),v=function(e){var t=e.onClick;return Object(r.jsx)("button",{onClick:t,type:"button",className:"flex items-center justify-center bg-red-600 text-white border rounded px-3 py-0 hover:bg-red-800",children:"Retirer"})},y=function(e){var t=e.onClick,n=e.label,c=void 0===n?"Modifier":n;return Object(r.jsx)("button",{onClick:t,type:"button",className:"flex items-center justify-center bg-gray-600 text-white border rounded px-3 py-0 hover:bg-gray-700",children:c})},w=n("xwdh"),N=function(e){e.formTitle;var t=e.formSubmitLabel,n=e.onSubmit,c=e.label,o=e.onLabelChange,a=e.href,i=e.onHrefChange,u=e.afterSubmit,l=!c&&!a;return Object(r.jsxs)("form",{onSubmit:x.g,children:[Object(r.jsxs)("div",{className:"flex items-center mb-5",children:[Object(r.jsx)("label",{className:"font-medium w-1/3",htmlFor:"inputLabel",children:"Label"}),Object(r.jsx)("input",{value:c,onChange:function(e){return o(e.target.value)},className:"ml-auto bg-gray-100 p-3 rounded w-full",type:"text",id:"inputLabel",placeholder:"Titre de page"})]}),Object(r.jsxs)("div",{className:"flex items-center",children:[Object(r.jsx)("label",{className:"font-medium w-1/3",htmlFor:"inputHref",children:"URL"}),Object(r.jsx)("input",{value:a,onChange:function(e){return i(e.target.value)},className:"ml-auto bg-gray-100 p-3 rounded w-full",type:"text",id:"inputHref",placeholder:"https://"})]}),Object(r.jsxs)("div",{className:"flex mt-5",children:[Object(r.jsx)("button",{disabled:l,type:"submit",onClick:n,className:"h-10 bg-green-400 px-3 py-1 rounded text-white font-medium text-md mr-3 ".concat(l?"opacity-50 cursor-not-allowed":"hover:bg-green-500"),children:t}),u]})]})},P={background:"rgba(0,0,0,0.75)"};function S(e){var t=e.isEditing,n=e.onClick,c=e.label,o=e.href,a=e.setHref,i=e.setLabel,u=e.closeEditModal,l=e.onSubmitEdit;return Object(r.jsxs)(r.Fragment,{children:[Object(r.jsx)(y,{label:t?"Fermer":"Modifier",onClick:n}),Object(r.jsx)(w.a,{open:!!t,modal:!0,closeOnDocumentClick:!0,onClose:u,overlayStyle:P,children:function(e){return Object(r.jsxs)("div",{style:{width:400},className:"bg-white border-2 rounded px-6 py-4",children:[Object(r.jsx)("h4",{className:"text-xl font-semibold mb-4",children:"Edition du lien"}

1),Object(r.jsx)(N,{formTitle:"Modifier un lien",formSubmitLabel:"Modifier le lien",onSubmit:l,label:c,onLabelChange:i,href:o,onHrefChange:a,afterSubmit:Object(r.jsx)("button",{type:"button",onClick:n,className:"bg-gray-600 hover:bg-gray-700 px-3 py-1 rounded text-white font-semibold text-md",children:"Fermer"})})]})}})]})}function k(e){var t=e.onVisibilityToggle,n=e.onMoveNode,c=e.onRemoveItem,o=e.onModifyItem,a=e.onChangeLocale,i=e.currentMenuData,u=e.currentLocale,s=e.locales,d=e.editedMenuItem,b=e.label,f=e.href,j=e.setHref,p=e.setLabel,m=e.closeEditModal,h=e.onSubmitEdit,O=Object(l.d)({treeData:i});return Object(r.jsxs)("div",{children:[Object(r.jsx)("div",{className:"flex",children:s.map((function(e,t){var n=u===e;return Object(r.jsx)("button",{onClick:function(){return a(t)},className:"w-1/8 h-10 px-6 uppercase rounded-t-lg text-lg "+(n?"bg-blue-400 font-medium":"bg-blue-200"),children:e},"tab-button-"+t)}))}),Object(r.jsx)("div",{style:{height:62*O},className:"",children:Object(r.jsx)(l.b,{onChange:x.k,maxDepth:3,treeData:i,onMoveNode:n,onVisibilityToggle:t,generateNodeProps:function(e){var t=e.node,n=e.path,a=(e.treeIndex,d&&d.node.uuid===t.uuid);return{buttons:[Object(r.jsx)(S,{onClick:function(){return o(t,n)},label:b,href:f,setHref:j,setLabel:p,isEditing:a,closeEditModal:m,onSubmitEdit:h}),Object(r.jsx)(v,{onClick:function(){return c(n)}})],style:{boxShadow:a?"0 0 0 4px #34D399":""}}}})})]})}function M(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){Object(o.a)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function E(e){var t=e.setAvailablePages,n=e.availablePages,c=e.currentLocale,o=e.addPageLinks,a=function(e){return function(r){var c=r.target.checked;t(n.map((function(t){return t.id===e.id?C(C({},t),{},{selected:c}):t})))}},i=n.filter((function(e){return e.language===c})),u=!n.filter((function(e){return e.selected})).length,l=Object(x.h)(i,(function(e){return e.page}));return Object(r.jsxs)("form",{onSubmit:x.g,className:"",children:[Object(r.jsx)("div",{className:"border rounded px-5 py-3 overflow-scroll",children:l.map((function(e,t){var n=e[0].page;return function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"Non class\xe9es";return Object(r.jsxs)("div",{className:"mb-4",children:[Object(r.jsx)("p",{className:"text-sm border-b mb-2 pb-1 font-light uppercase",children:t}),e.map((function(e){var t=Object(x.d)(e.pageSlug);return Object(r.jsxs)("div",{className:"flex items-center whitespace-nowrap",children:[Object(r.jsx)("input",{checked:e.selected,onChange:a(e),className:"mr-5",type:"checkbox"}),Object(r.jsx)("a",{className:"inline-block text-blue-400 underline min-w-max",target:"_blank",href:t,children:e.pageName}),Object(r.jsx)("span",{className:"text-xs ml-5",children:t})]},"link"+e.id)}))]})}(e,n||void 0)}))}),Object(r.jsx)("button",{disabled:u,type:"submit",onClick:function(){var e=n.filter((function(e){return e.selected}));o(e),t(n.map((function(e){return C(C({},e),{},{selected:!1})})))},className:"h-10 bg-green-400 px-3 py-1 rounded text-white font-medium text-md mr-3 mt-4 ".concat(u?"opacity-50 cursor-":"hover:bg-green-500"),children:"Ajouter au menu"})]})}var D=n("qO2K"),L=n("OXOs");function _(e){var t=e.title,n=e.children,c=Object(a.useState)(!0),o=c[0],i=c[1];return Object(r.jsxs)("div",{className:"border",children:[Object(r.jsxs)("div",{className:"bg-gray-100 flex items-center px-3 py-2",children:[Object(r.jsx)("p",{className:"font-medium pb-0 mr-auto",children:t}),Object(r.jsx)("button",{onClick:function(){return i(!o)},className:"",children:o?Object(r.jsx)(D.a,{}):Object(r.jsx)(L.a,{})})]}),Object(r.jsx)("div",{style:{height:o?"":0},className:"px-3 overflow-hidden ".concat(o?"py-5":""),children:n})]})}function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function K(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};

1t%2?T(Object(n),!0).forEach((function(t){Object(o.a)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function H(e){var t=e.availablePages,n=e.setAvailablePages,c=e.onAddLinks,o=(e.currentMenu,e.currentLocale),i=Object(a.useState)(""),u=i[0],l=i[1],s=Object(a.useState)(""),d=s[0],b=s[1];return Object(r.jsxs)("div",{className:"",children:[Object(r.jsx)(_,{title:"Liens personnalis\xe9s",children:Object(r.jsx)(N,{formTitle:"Ajouter un lien",formSubmitLabel:"Ajouter au menu",onSubmit:function(e,t){d&&u&&(c([O(u,d)]),b(""),l(""))},label:u,onLabelChange:l,href:d,onHrefChange:b})}),Object(r.jsx)(_,{title:"Pages existantes",children:Object(r.jsx)(E,{currentLocale:o,addPageLinks:function(e){c(e.map((function(e){return K(K({},O(e.pageName,e.pageSlug)),{},{original_id:e.original_id})})))},setAvailablePages:n,availablePages:t})})]})}function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){Object(o.a)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){Object(o.a)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var V=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2?arguments[2]:void 0,r=e.filter((function(e){return e.original_id===t}));return r.find((function(e){return e.language===n}))},z=!0;function J(e){var t=e.menus,n=Object(a.useState)(!1),o=n[0],i=n[1],d=Object(a.useState)(0),b=d[0],f=d[1],j=Object(a.useState)(t&&t.map((function(e){return function(e){var t=function e(t,n,r){var c=r+n,o=t.subMenu&&t.subMenu.length;return{id:c,uuid:t.uuid,title:t.label,expanded:!!o,href:t.href||"#",children:o?t.subMenu.map((function(t,n){return e(t,n,c+"-")})):null}};return e.map((function(e,n){return t(e,n,"item-")}))}(e?e.data:[])}))),p=j[0],h=j[1],x=Object(a.useState)([]),v=(x[0],x[1],p?p[b]:null),y=Object(a.useState)(null),w=y[0],N=y[1],P=Object(a.useState)(""),S=P[0],M=P[1],C=Object(a.useState)(""),E=C[0],D=C[1],L=Object(a.useState)(null),_=(L[0],L[1],Object(a.useState)([])),T=_[0],K=_[1],I=function(e){return e.treeIndex},U=function(){N(null),D(""),M("")};Object(a.useEffect)((function(){var e=new URL(window.location.origin+"/api/page/all");fetch(e.toString()).then((function(e){if(e.ok)return e.json();throw new Error(e.statusText)})).then((function(e){return K(e.map((function(e){return F(F({},e),{},{selected:!1})})))})).catch((function(e){console.log("err",e)})),window.addUUId=function(){(function(e){function t(e){return e.map((function(e){return A(A({},e),{},{subMenu:e.subMenu?t(e.subMenu):void 0,uuid:m()})}))}return e.map((function(e){return A(A({},e),{},{data:t(e.data)})}))})(t).forEach((function(e){console.log(e.locale),console.log(JSON.stringify(e.data))}))}}),[]);Object(a.useEffect)((function(){window.onbeforeunload=o?function(){return"\xcates vous s\xfbr de vouloir quitter l'\xe9diteur ?"}:null}),[o]);var z=t&&t.length&&t.find((function(e){return"fr"===e.locale})),J=t[b].locale;return Object(r.jsxs)("div",{children:[Object(r.jsx)(u.a,{children:Object(r.jsx)("title",{children:"Admin - Editeur de menu"})}),z&&Object(r.jsx)(s.a,{menu:z.data}),Object(r.jsxs)("div",{className:"bg-white p-8 pb-20 max-w-screen-xl mx-auto py-10 px-10 border",children:[Object(r.jsx)("h1",{className:"text-4xl font-bold mb-10",children:"Modifier le menu de navigation"}),Object(r.jsxs)("div",{className:"flex",children:[Object(r.jsx)(g,{menuLocales:t.map((function(e){return e.locale})),form:p,canSave:o,setCanSave:i}),Object(r.jsx)("div",{className:"p-5 w-1/3 flex flex-col",children:Object(r.jsx)(H,{onAddLinks:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=p.map((function(n,r){var o=e.map((function(e){if(e.original_id

1){var n=V(T,e.original_id,t[r].locale);return n?O(n.pageName,n.pageSlug):null}return e}));return o=o.filter((function(e){return e})),[].concat(Object(c.a)(o),Object(c.a)(n))}));h(n),o||i(!0)},currentMenu:v,currentLocale:J,availablePages:T,setAvailablePages:K})}),Object(r.jsx)("div",{className:"flex-1 p-5",children:Object(r.jsx)(k,{currentLocale:t[b].locale,currentMenuData:v,locales:t.map((function(e){return e.locale})),editedMenuItem:w,onChangeLocale:function(e){f(e),U(),K(T.map((function(e){return F(F({},e),{},{selected:!1})})))},onModifyItem:function(e,t){w&&w.node.uuid===e.uuid?U():(N({node:e,path:t}),D(e.href),M(e.title))},onRemoveItem:function(e){confirm("\xcates vous s\xfbr de vouloir supprimer cet \xe9lements et ses enfants dans toutes les traductions ?")&&(h(p.map((function(t){return Object(l.f)({treeData:t,path:e,getNodeKey:I})}))),o||i(!0))},closeEditModal:U,onSubmitEdit:function(){if(E&&S){var e=w.path,t=w.node;n=Object(l.a)({treeData:v,path:e,getNodeKey:I,newNode:F(F({},t),{},{title:S,href:E})}),h(p.map((function(e,t){return t===b?n:e}))),o||i(!0),U()}var n},onMoveNode:function(e){var t=e.prevPath,n=e.nextPath,r=e.nextTreeIndex,c=p.map((function(e){var c=Object(l.c)({treeData:e,path:t,getNodeKey:I});if(c&&c.node){c=c.node;var o=Object(l.f)({treeData:e,path:t,getNodeKey:I});return Object(l.e)({treeData:o,newNode:c,depth:n.length-1,minimumTreeIndex:r,expandParent:!0,getNodeKey:I}).treeData}return e}));h(c),o||i(!0)},onVisibilityToggle:function(e){var t=e.path,n=e.expanded;e.node;h(p.map((function(e){var r=Object(l.c)({treeData:e,path:t,getNodeKey:I});return r&&r.node?(r=r.node,Object(l.a)({treeData:e,path:t,newNode:F(F({},r),{},{expanded:n}),getNodeKey:I})):e})))},label:S,href:E,setHref:D,setLabel:M})})]})]})]})}},OXOs:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var r=n("nKUr");function c(){return Object(r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000",children:[Object(r.jsx)("path",{d:"M0 0h24v24H0V0z",fill:"none"}),Object(r.jsx)("path",{d:"M7 10l5 5 5-5H7z"})]})}},T64v:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/admin/editor-menu",function(){return n("2saK")}])},qO2K:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var r=n("nKUr");function c(){return Object(r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000",children:[Object(r.jsx)("path",{d:"M0 0h24v24H0V0z",fill:"none"}),Object(r.jsx)("path",{d:"M7 14l5-5 5 5H7z"})]})}}},[["T64v",0,1,11,2,3,4,5,8]]]);