Prévisualisation des options de destinataire

.signatureflow{border:solid #cbd9e1 thin;border-left:solid #a3c2d3 4px;background:white;padding:.5em 1em;margin:1em 0}.buttons-bar{padding-top:.5em;border-top:solid #dde2e5 thin}.signatureflows-edit .steps{background:white}.option{border:solid #c7ccd5 1px;border-left:solid #0a53be 1px;padding:.3em .5em}.valued{display:inline-block;background:#edf1f6;padding:0 .5em;margin:0 .3em;border-radius:4px}.steps{margin:1em 0;padding:.2em 1em;border:solid #dde2e5 thin}.step{padding:.5em 1em;border:solid #dde2e5 thin;border-left:solid #dde2e5 4px;margin:1em 0}.options{background:white;padding:1em 2em}.buttons-right{text-align:right}.overlay{display:flex;position:fixed;top:0;left:0;bottom:0;right:0;transition:all .3s;background:rgba(255,255,255,.9)}.overlay .overlay-content{font-size:1.2em;flex:0 50%;padding:1em 2em;border:solid 1px #dae1e5;background:#ffffff;box-shadow:0 0 3em #00000040}.overlay.error{display:flex;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,10,0,.9)}.overlay.error .overlay-content{color:#fff;background:rgb(150,10,0)}

.signatureflow{border:solid #cbd9e1 thin;border-left:solid #a3c2d3 4px;background:white;padding:.5em 1em;margin:1em 0}.buttons-bar{padding-top:.5em;border-top:solid #dde2e5 thin}.signatureflows-edit .steps{background:white}.steps{margin:1em 0;padding:1em;border:solid #dde2e5 thin}.step{padding:.5em 1em;border:solid #dde2e5 thin;border-left:solid #dde2e5 4px;margin:1em 0}.options{background:white;padding:1em 2em}.buttons-right{text-align:right}.overlay{display:flex;position:fixed;top:0;left:0;bottom:0;right:0;transition:all .3s;background:rgba(255,255,255,.9)}.overlay .overlay-content{font-size:1.2em;flex:0 50%;padding:1em 2em;border:solid 1px #dae1e5;background:#ffffff;box-shadow:0 0 3em #00000040}.overlay.error{display:flex;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,10,0,.9)}.overlay.error .overlay-content{color:#fff;background:rgb(150,10,0)}

import{a as y,r as C,c as s,b as e,d as a,t as d,e as S,w as p,v as k,f as v,F as c,g,h as f,o as i,i as F,j as N}from"../vendor.js";import{_ as E,R as M}from"../vendor2.js";const x={components:{Recipients:M},props:{entrypoint:{required:!0,type:String}},data(){return{signatureflows:[],letterfiles:[],get_recipients_methods:null,editStep:null,editedStep:null,editSignatureFlow:null,editedSignatureFlow:null,error:""}},methods:{handlerRecipientsChange(n){console.log("handlerRecipientsChange",n)},handlerUp(n){console.log("handlerUp"),this.moveStep(n,-1)},handlerDown(n){console.log("handlerDown"),this.moveStep(n,1)},moveStep(n,t){let u=this.editSignatureFlow.steps.indexOf(n);if(u==this.editSignatureFlow.steps.length&&t==1||u==0&&t==-1)return;let b=this.editSignatureFlow.steps[u];this.editSignatureFlow.steps.splice(u,1),this.editSignatureFlow.steps.splice(u+t,0,b),this.updateOrder()},updateOrder(){console.log("Update order");let n=1;this.editSignatureFlow.steps.forEach(t=>{t.order=n++})},handlerEditSignatureFlow(n){this.editedSignatureFlow=n,this.editSignatureFlow=JSON.parse(JSON.stringify(n))},handlerDeleteSignatureFlow(n){this.remoteDelete(n)},handlerEditSignatureFlowCancel(){this.editedStep=null,this.editStep=null,this.editSignatureFlow=null,this.editedSignatureFlow=null},handlerEditSignatureFlowSave(){if(this.editedSignatureFlow){let n=this.signatureflows.indexOf(this.editSignatureFlow);this.signatureflows[n]=JSON.parse(JSON.stringify(this.editSignatureFlow))}else this.signatureflows.push(JSON.parse(JSON.stringify(this.editSignatureFlow)));this.remoteSave(this.editSignatureFlow),this.editSignatureFlow=null},handlerNewSignatureFlow(){this.editSignatureFlow={id:null,label:"Nouvelle procédure",description:"",enabled:!1,letterfile:"",level:"",steps:[],options:null}},handlerNewStep(){let n=this.editSignatureFlow.steps.length+1;this.editSignatureFlow.steps.push({id:null,label:"Nouvelle étape",order:n,letterfile:null,level:null,allValid:!1,getReceipedMethod:"todo",method:null,options:null,observers_method:null,observers_options:null})},handlerEditStepCancel(){this.editStep=null,this.editedStep=null},handlerEditStepSave(){let n=this.editSignatureFlow.steps.indexOf(this.editedStep);this.editSignatureFlow.steps[n]=JSON.parse(JSON.stringify(this.editStep)),this.editStep=null,this.editedStep=null},handlerEditStep(n){this.editStep=JSON.parse(JSON.stringify(n)),this.editedStep=n},handlerDeleteStep(n){let t=this.editSignatureFlow.steps.indexOf(n);this.editSignatureFlow.steps.splice(t,1),this.updateOrder()},getLevels(n){for(let t=0;t<this.letterfiles.length;t++)if(this.letterfiles[t].name==n)return this.letterfiles[t].levels;return[]},getLevelsLabel(n){if(n.level)if(n.letterfile){let b=this.getLevels(n.letterfile);for(let o=0;o<b.length;o++)if(b[o].key==n.level)return b[o].label;return"inconnue"}else return"Pas de parapheur";else return"Non configuré"},handlerChangeMethod(n){let t=this.getMethodOptions(this.editStep.method);(!this.editStep.options||Array.isArray(this.editStep.options))&&(this.editStep.options={}),t.forEach(u=>{this.editStep.options.hasOwnProperty(u.key)||(this.editStep.options[u.key]=[])})},handlerChangeObserversMethod(n){let t=this.getMethodOptions(this.editStep.observers_method);(!this.editStep.observers_options||Array.isArray(this.editStep.observers_options))&&(this.editStep.observers_options={}),t.forEach(u=>{this.editStep.observers_options.hasOwnProperty(u.key)||(this.editStep.observers_options[u.key]=[])})},getMethod(n){for(let t=0;t<this.get_recipients_methods.length;t++)if(this.get_recipients_methods[t].key==n)return this.get_recipients_methods[t];return null},getMethodLabel(n){let t=this.getMethod(n);return t?t.label:"N.D"},getMethodOptions(n){let t=this.getMethod(n);return t?t.options:null},getMethodOptionsDefaultValue(n){return this.getMethod(n)?[]:null},stepHasObserversOptions(n){let t=this.getStepObserversOptions(n);return t!=null&&t.length>0},getStepObserversOptions(n){let t=this.getMethod(n.observers_method);return t?t.options:null},getStepOptions(n){let t=this.getMethod(n.method);return t?t.options:null},stepHasOptions(n){let t=this.getStepOptions(n);return t!=null&&t.length>0},getLetterfile(n){for(let t=0;t<this.letterfiles.length;t++)if(this.letterfiles[t].name==n)return this.letterfiles[t];return null},getLetterfileLabel(n){let t=this.getLetterfile(n);return t?t.label:"N.D"},fetch(){this.loading="Chargement des processus",y.get(this.entrypoint).then(n=>{this.signatureflows=n.data.signatureflows,this.letterfiles=n.data.letterfiles,this.get_recipients_methods=n.data.get_recipients_methods,this.loading=""},n=>{this.error=""})},remoteDelete(n){this.loading="Suppression";let t=new FormData;t.append("action","delete"),t.append("json",JSON.stringify(n)),y.post(this.entrypoint,t).then(u=>{this.loading="",this.fetch()},u=>{this.loading="";try{this.error=u.response.data.error}catch{this.error="Une erreur inconnue est survenue côté serveur"}})},remoteSave(n){this.loading="Enregistement";let t=new FormData;t.append("action","save"),t.append("json",JSON.stringify(n)),y.post(this.entrypoint,t).then(u=>{this.loading="",this.fetch()},u=>{console.log(u),this.loading="",u.response.data.error?this.error=u.response.data.error:this.error="Une erreur inconnue est survenue côté serveur"})}},mounted(){this.fetch()}},U={class:"signatureflows"},D={key:0,class:"overlay error"},V={class:"overlay-content"},L=e("hr",null,null,-1),R={key:1,class:"overlay"},J={class:"overlay-content"},A=e("i",{class:"icon-spinner animate-spin"},null,-1),I={class:"row"},P={class:"col-md-12"},T={key:0,class:"step-edit"},H=e("label",{for:"letterfile"},"Parapheur",-1),j=["value"],B=e("label",{for:"level"},"Type de validation",-1),q=["value"],K={for:"notifications"},z=e("br",null,null,-1),G={for:"allSign"},Q={for:"editable"},W={class:"row"},X={class:"col-md-6"},Y=e("h4",null,"Destinataires",-1),Z=e("label",{for:"method"},"Méthode d'obtention des destinataires",-1),$=["value"],ee={key:0,class:"options"},te=e("h3",null,"Paramètres de récupération des destinataires",-1),le={key:0},ne=["for"],se=["onUpdate:modelValue","value","id"],ie={key:1},oe={class:"col-md-6"},re=e("h4",null,"Observateurs",-1),de=e("label",{for:"method"},"Méthode d'obtention des observateurs",-1),ae=["value"],ue={key:0,class:"options"},he=e("h3",null,"Paramètres de récupération des personnes",-1),pe={key:0},ce=["for"],ge=["onUpdate:modelValue","value","id"],_e={key:1},Se={key:1,class:"signatureflows-edit"},be=e("h2",null,"Edition de la procédure",-1),fe=e("label",{for:"label"}," Intitulé ",-1),ve=e("label",{for:"description"}," Description ",-1),me=e("label",{for:"enabled"}," Disponible ",-1),ye={class:""},ke=e("h3",null,"étapes",-1),we={class:"steps"},Fe={class:"step"},Oe=e("i",{class:"icon-location"},null,-1),Ce=e("br",null,null,-1),Ne=e("br",null,null,-1),Ee=e("br",null,null,-1),Me={key:0},xe={key:1},Ue=e("br",null,null,-1),De={key:2},Ve={key:3},Le=e("br",null,null,-1),Re={key:4},Je={key:5},Ae={class:"buttons-bar"},Ie=["onClick"],Pe=["onClick"],Te=["onClick"],He=["onClick"],je={class:"buttons-bar"},Be=e("i",{class:"icon-location"},null,-1),qe={class:"buttons-bar"},Ke={key:2},ze={class:"signatureflow"},Ge={key:0},Qe={key:1},We={key:0,class:"steps"},Xe={class:"step"},Ye={key:0},Ze=e("i",{class:"icon-users"},null,-1),$e={key:1},et=e("i",{class:"icon-user-1"},null,-1),tt={key:0},lt={key:1},nt={key:2},st={key:3},it={key:4},ot={class:"recipient"},rt=e("i",{class:"icon-mail-alt"},null,-1),dt={key:1,class:"alert alert-info"},at={class:"buttons-bar"},ut=["onClick"],ht=["onClick"],pt=e("hr",null,null,-1);function ct(n,t,u,b,o,r){const w=C("recipients");return i(),s("section",U,[o.error?(i(),s("div",D,[e("div",V,[a(d(o.error)+" ",1),L,e("a",{href:"#",class:"btn btn-default",onClick:t[0]||(t[0]=l=>o.error="")},"Fermer")])])):S("",!0),n.loading?(i(),s("div",R,[e("div",J,[A,a(" "+d(n.loading),1)])])):S("",!0),e("section",I,[e("div",P,[o.editStep?(i(),s("article",T,[e("h3",null,[a(" Modification de l'étape "),e("strong",null,d(o.editStep.label),1)]),p(e("input",{type:"text","onUpdate:modelValue":t[1]||(t[1]=l=>o.editStep.label=l),class:"form-control"},null,512),[[k,o.editStep.label]]),H,p(e("select",{"onUpdate:modelValue":t[2]||(t[2]=l=>o.editStep.letterfile=l),id:"letterfile",class:"form-control"},[(i(!0),s(c,null,g(o.letterfiles,l=>(i(),s("option",{value:l.name},d(l.label),9,j))),256))],512),[[v,o.editStep.letterfile]]),B,o.editStep.letterfile?p((i(),s("select",{key:0,"onUpdate:modelValue":t[3]||(t[3]=l=>o.editStep.level=l),id:"level",class:"form-control"},[(i(!0),s(c,null,g(r.getLevels(o.editStep.letterfile),l=>(i(),s("option",{value:l.key},d(l.label),9,q))),256))],512)),[[v,o.editStep.level]]):S("",!0),e("label",K,[p(e("input",{type:"checkbox","onUpdate:modelValue":t[4]||(t[4]=l=>o.editStep.notificationsRecipients=l),id:"notifications"},null,512),[[f,o.editStep.notificationsRecipients]]),a(" Notifications des destinataires ? ")]),z,e("label",G,[p(e("input",{type:"checkbox","onUpdate:modelValue":t[5]||(t[5]=l=>o.editStep.allRecipientsSign=l),id:"allSign"},null,512),[[f,o.editStep.allRecipientsSign]]),a(" Tous les destinataires doivent signer ? ")]),e("label",Q,[p(e("input",{type:"checkbox","onUpdate:modelValue":t[6]||(t[6]=l=>o.editStep.editable=l),id:"editable"},null,512),[[f,o.editStep.editable]]),a(" Autoriser la modification des destinataires ")]),e("div",W,[e("div",X,[Y,Z,p(e("select",{"onUpdate:modelValue":t[7]||(t[7]=l=>o.editStep.method=l),id:"method",class:"form-control",onChange:t[8]||(t[8]=(...l)=>r.handlerChangeMethod&&r.handlerChangeMethod(...l))},[(i(!0),s(c,null,g(o.get_recipients_methods,l=>(i(),s("option",{value:l.key},d(l.label),9,$))),256))],544),[[v,o.editStep.method]]),r.stepHasOptions(o.editStep)?(i(),s("section",ee,[te,(i(!0),s(c,null,g(r.getStepOptions(o.editStep),l=>(i(),s("section",null,[e("h4",null,d(l.label),1),e("p",null,d(l.description),1),l.type=="checkbox"?(i(),s("section",le,[(i(!0),s(c,null,g(l.values,(h,_)=>(i(),s("label",{for:l.key+"_"+_,class:"form-control"},[p(e("input",{"onUpdate:modelValue":m=>o.editStep.options[l.key]=m,type:"checkbox",value:_,id:l.key+"_"+_},null,8,se),[[f,o.editStep.options[l.key]]]),a(" "+d(h),1)],8,ne))),256))])):S("",!0),l.type=="recipients"?(i(),s("section",ie,[F(w,{recipients:o.editStep.options[l.key],editable:!0,onChange:r.handlerRecipientsChange},null,8,["recipients","onChange"])])):S("",!0)]))),256))])):S("",!0)]),e("div",oe,[re,de,p(e("select",{"onUpdate:modelValue":t[9]||(t[9]=l=>o.editStep.observers_method=l),id:"method",class:"form-control",onChange:t[10]||(t[10]=(...l)=>r.handlerChangeObserversMethod&&r.handlerChangeObserversMethod(...l))},[(i(!0),s(c,null,g(o.get_recipients_methods,l=>(i(),s("option",{value:l.key},d(l.label),9,ae))),256))],544),[[v,o.editStep.observers_method]]),r.stepHasObserversOptions(o.editStep)?(i(),s("section",ue,[he,(i(!0),s(c,null,g(r.getStepObserversOptions(o.editStep),l=>(i(),s("section",null,[e("h4",null,d(l.label),1),e("p",null,d(l.description),1),l.type=="checkbox"?(i(),s("section",pe,[(i(!0),s(c,null,g(l.values,(h,_)=>(i(),s("label",{for:l.key+"_obs_"+_,class:"form-control"},[p(e("input",{"onUpdate:modelValue":m=>o.editStep.observers_options[l.key]=m,type:"checkbox",value:_,id:l.key+"_obs_"+_},null,8,ge),[[f,o.editStep.observers_options[l.key]]]),a(" "+d(h),1)],8,ce))),256))])):S("",!0),l.type=="recipients"?(i(),s("section",_e,[F(w,{recipients:o.editStep.observers_options[l.key],editable:!0,onChange:r.handlerRecipientsChange},null,8,["recipients","onChange"])])):S("",!0)]))),256))])):S("",!0)])]),e("small",null,d(o.editStep),1),e("nav",null,[e("button",{onClick:t[11]||(t[11]=(...l)=>r.handlerEditStepSave&&r.handlerEditStepSave(...l)),class:"btn btn-success"},"Terminer"),e("button",{onClick:t[12]||(t[12]=(...l)=>r.handlerEditStepCancel&&r.handlerEditStepCancel(...l)),class:"btn btn-danger"},"Annuler")])])):o.editSignatureFlow?(i(),s("article",Se,[be,e("div",null,[fe,p(e("input",{"onUpdate:modelValue":t[13]||(t[13]=l=>o.editSignatureFlow.label=l),id:"label",type:"text",name:"label",placeholder:"Intitulé",class:"form-control input-lg"},null,512),[[k,o.editSignatureFlow.label]])]),e("div",null,[ve,p(e("textarea",{"onUpdate:modelValue":t[14]||(t[14]=l=>o.editSignatureFlow.description=l),id:"description",type:"text",name:"description",placeholder:"Une description",class:"form-control input-lg"},null,512),[[k,o.editSignatureFlow.description]])]),e("div",null,[me,p(e("input",{"onUpdate:modelValue":t[15]||(t[15]=l=>o.editSignatureFlow.enabled=l),id:"enabled",type:"checkbox",name:"enabled",class:"form-control input-lg"},null,512),[[f,o.editSignatureFlow.enabled]])]),e("section",ye,[e("section",null,[ke,e("section",we,[(i(!0),s(c,null,g(o.editSignatureFlow.steps,l=>(i(),s("article",Fe,[e("h4",null,[Oe,a(" Etape "+d(l.order)+" - "+d(l.label),1)]),e("div",null,[a(" Niveau de validation : "),e("strong",null,d(r.getLevelsLabel(l)),1),Ce,a(" Parapheur : "),e("strong",null,d(r.getLetterfileLabel(l.letterfile)),1),Ne,a(" Destinataires : "),e("strong",null,d(r.getMethodLabel(l.method)),1),Ee,a(" Tous signent ? : "),l.allRecipientsSign?(i(),s("strong",Me,"Oui")):(i(),s("strong",xe,"Non")),Ue,a(" Notifications : "),l.notificationsRecipients?(i(),s("strong",De,"Oui")):(i(),s("strong",Ve,"Non")),Le,a(" Destinataires modifiables : "),l.editable?(i(),s("strong",Re,"Oui")):(i(),s("strong",Je,"Non"))]),e("nav",Ae,[e("button",{class:"btn btn-default btn-xs",onClick:h=>r.handlerEditStep(l)},"Modifier",8,Ie),e("button",{class:"btn btn-default btn-xs",onClick:h=>r.handlerDeleteStep(l)},"Supprimer",8,Pe),e("button",{onClick:h=>r.handlerUp(l)},"up",8,Te),e("button",{onClick:h=>r.handlerDown(l)},"down",8,He)])]))),256)),e("nav",je,[e("button",{onClick:t[16]||(t[16]=(...l)=>r.handlerNewStep&&r.handlerNewStep(...l)),class:"btn btn-default"},[Be,a(" Nouvelle étape ")])])]),e("nav",qe,[e("button",{onClick:t[17]||(t[17]=(...l)=>r.handlerEditSignatureFlowSave&&r.handlerEditSignatureFlowSave(...l)),class:"btn btn-large btn-success"}," Enregistrer la procédure "),e("button",{onClick:t[18]||(t[18]=(...l)=>r.handlerEditSignatureFlowCancel&&r.handlerEditSignatureFlowCancel(...l)),class:"btn btn-danger"}," Annuler les modifications ")])])])])):(i(),s("section",Ke,[(i(!0),s(c,null,g(o.signatureflows,l=>(i(),s("article",ze,[e("h3",null,[a(" Procédure : "),e("strong",null,d(l.label),1),a(" - "),l.enabled?(i(),s("code",Ge,"[ACTIVE]")):(i(),s("em",Qe,"[INACTIVE]")),e("small",null," (ID: "+d(l.id)+")",1)]),e("p",null,[e("small",null,d(l.description),1)]),l.steps.length?(i(),s("section",We,[(i(!0),s(c,null,g(l.steps,h=>(i(),s("article",Xe,[e("h4",null,[a(" Etape "+d(h.order)+" - ",1),e("strong",null,d(h.label),1),h.allRecipientsSign?(i(),s("span",Ye,[a(" ("),Ze,a(" Tous les destinataires doivent signer) ")])):(i(),s("span",$e,[a(" ("),et,a(" Un des destinataires doit signer) ")]))]),e("small",null,[a(" Parapheur : "),e("strong",null,d(r.getLetterfileLabel(h.letterfile)),1),a(" - Niveau de validation : "),e("strong",null,d(r.getLevelsLabel(h)),1),a(" - Destinataires : "),e("strong",null,d(r.getMethodLabel(h.method)),1),a(" - Notifications : "),h.notificationsRecipients?(i(),s("strong",tt,"OUI")):(i(),s("strong",lt,"non")),a(" - Editable : "),h.editable?(i(),s("strong",nt,"OUI")):(i(),s("strong",st,"non")),h.method=="recipients_fixed"?(i(),s("div",it,[(i(!0),s(c,null,g(h.options.recipients,_=>(i(),s("span",ot,[e("strong",null,d(_.firstname)+" "+d(_.lastname),1),e("em",null,[rt,a(" "+d(_.email),1)])]))),256))])):S("",!0)])]))),256))])):(i(),s("section",dt," Aucune étape configurée ")),e("nav",at,[e("button",{class:"btn btn-xs",onClick:h=>r.handlerEditSignatureFlow(l)},"Modifier la procédure",8,ut),e("button",{class:"btn btn-xs",onClick:h=>r.handlerDeleteSignatureFlow(l)},"Supprimer la procédure",8,ht)])]))),256)),e("nav",null,[e("button",{class:"btn btn-success",onClick:t[19]||(t[19]=(...l)=>r.handlerNewSignatureFlow&&r.handlerNewSignatureFlow(...l))}," Nouvelle procédure ")])])),pt])])])}const gt=E(x,[["render",ct]]);let O="#signatureflows",_t=document.querySelector(O);const St=N(gt,{entrypoint:_t.dataset.entrypoint});St.mount(O);

    ]

  },

  "src/SignatureFlows.css": {

    "file": "assets/SignatureFlows-8341230d.css",

    "file": "assets/SignatureFlows-16c424a0.css",

    "src": "src/SignatureFlows.css"

  },

  "src/SignatureFlows.js": {

    "css": [

      "assets/SignatureFlows-8341230d.css"

      "assets/SignatureFlows-16c424a0.css"

    ],

    "file": "assets/signatureflows-a930bafb.js",

    "file": "assets/signatureflows-b6ed7b50.js",

    "imports": [

      "_vendor.js",

      "_vendor2.js"