{"procedure":{"accessUrl":"demande-de-communication","description":"<div>Vous organisez un évènement ou vous souhaitez communiquer une information importante ? Si vous le&nbsp;souhaitez,&nbsp; nous pouvons communiquer dessus sur un ou plusieurs canaux de communications de la mairie.</div><div>Faites-nous part de votre demande au travers de ce formulaire mis à disposition.</div>","displayedProperties":{"task":{"title":"titreDuMessage","subtitle":"_other_requestName"},"request":{"title":"titreDuMessage","subtitle":"_other_requestName","metadata":["dateDeDebutDePublicationDuMessage","dateDeFinDePublicationDuMessage","canauxDeCommunicationSouhaites"]}},"icon":"fas fa-bullhorn","imageUrl":"https://s3.fr-par.scw.cloud/citopia-images/procedure-images/demande-de-communication-sur-un-evenement/1669234139727-e5e8bc57-f53e-41ff-825f-5589fba7c8f3.jpg","shouldBeAnonymized":false,"thirdPartAppConfig":null,"title":"Demande de communication","type":"BPMN"},"workflowConfig":{"buttonText":"Faire une demande de communication","bpmnKey":"Process_UneTache","formId":"Demande de communication","events":{"StartEvent_1":{"name":"StartEvent_1","assigneeGroup":"","sendMessage":false,"assignee":"","assigneeDefault":""},"En_attente":{"name":"Demande d'informations","assigneeGroup":"","sendMessage":false,"typeAssignee":"citizen","formio":"Generique - infos complementaires usagers - 1711362769529","assignee":"","assigneeDefault":"","dueDate":""},"Valider":{"name":"Valider","assigneeGroup":"","sendMessage":false,"typeAssignee":"statique","formio":"Générique - Traiter demande - 1711362769533","assignee":"","assigneeDefault":"","dueDate":""},"EndEvent_0b64xj5":{"name":"EndEvent_0b64xj5","assigneeGroup":"","sendMessage":false,"assignee":"","assigneeDefault":""},"EndEvent_1a31tc3":{"name":"EndEvent_1a31tc3","assigneeGroup":"","sendMessage":false,"assignee":"","assigneeDefault":""},"AccuseDeReception":{"name":"Accusé de réception","assigneeGroup":"","changeStatus":true,"stateStatus":"statusDefault_new","nameStatus":"Réceptionné","sendMessage":true,"communications":[{"uuid":"4d023954-27e7-4752-8dd0-5d0ac14ef975","enabled":true,"communicationChannel":"email","communicationCondition":"always","tabAdvancedCondition":null,"typeDest":"user","templateMessage":"Demande de communication - Accusé","senderEmail":"","senderName":""}],"formio":"","assignee":"","assigneeDefault":""},"InformationsManquantesfournies":{"name":"Informations manquantes fournies","assigneeGroup":"","changeStatus":true,"stateStatus":"statusDefault_pending","sendMessage":false,"formio":"","assignee":"","assigneeDefault":""},"ComplementInformationsNecessaires":{"name":"Précisions nécessaires","assigneeGroup":"","changeStatus":true,"stateStatus":"statusDefault_differed","nameStatus":"Précisions demandées","sendMessage":true,"communications":[{"uuid":"613f2749-2152-42be-b792-fa719d05f537","enabled":true,"communicationChannel":"email","communicationCondition":"always","tabAdvancedCondition":null,"typeDest":"user","templateMessage":"Demande de communication - Précisions usager","senderEmail":"","senderName":""}],"formio":"","assignee":"","assigneeDefault":""},"DemandeRejetee":{"name":"Demande  Rejetée","assigneeGroup":"","changeStatus":true,"stateStatus":"statusDefault_rejected","nameStatus":"Rejeté","sendMessage":true,"communications":[{"uuid":"ec0dbc45-2096-4434-8434-66104faee874","enabled":true,"communicationChannel":"email","communicationCondition":"always","tabAdvancedCondition":null,"typeDest":"user","templateMessage":"Demande de communication - Rejet","senderEmail":"","senderName":""}],"formio":"","assignee":"","assigneeDefault":""},"DemandeTraitee":{"name":"Demande Traitée","assigneeGroup":"","changeStatus":true,"stateStatus":"statusDefault_ended","nameStatus":"Clôturé","sendMessage":true,"communications":[{"uuid":"f296ca8e-c901-4a52-b272-3766d7fbd8e9","enabled":true,"communicationChannel":"email","communicationCondition":"always","tabAdvancedCondition":null,"typeDest":"user","templateMessage":"Demande de communication - Traité","senderEmail":"","senderName":""}],"formio":"","assignee":"","assigneeDefault":""},"ExclusiveGateway_1nkocbv":{"name":"ExclusiveGateway_1nkocbv","assigneeGroup":"","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_1666w4x":{"name":"SequenceFlow_1666w4x","assigneeGroup":"","sendMessage":false,"formio":"","assignee":"","assigneeDefault":""},"SequenceFlow_1dj1e7t":{"name":"SequenceFlow_1dj1e7t","assigneeGroup":"","sendMessage":false,"formio":"","assignee":"","assigneeDefault":""},"SequenceFlow_08qwxhw":{"name":"SequenceFlow_08qwxhw","assigneeGroup":"","sendMessage":false,"formio":"","assignee":"","assigneeDefault":""},"SequenceFlow_15ic92m":{"name":"SequenceFlow_15ic92m","assigneeGroup":"","sendMessage":false,"formio":"","assignee":"","assigneeDefault":""},"SequenceFlow_1x05efi":{"name":"SequenceFlow_1x05efi","assigneeGroup":"","sendMessage":false,"formio":"","assignee":"","assigneeDefault":""},"SequenceFlow_0sh3bbd":{"name":"SequenceFlow_0sh3bbd","assigneeGroup":"","sendMessage":false,"formio":"","assignee":"","assigneeDefault":""},"SequenceFlow_09q12hq":{"name":"SequenceFlow_09q12hq","assigneeGroup":"","sendMessage":false,"formio":"","assignee":"","assigneeDefault":""},"SequenceFlow_0uh6kvn":{"name":"SequenceFlow_0uh6kvn","assigneeGroup":"","sendMessage":false,"formio":"","assignee":"","assigneeDefault":""},"SequenceFlow_0ogan37":{"name":"SequenceFlow_0ogan37","assigneeGroup":"","sendMessage":false,"formio":"","assignee":"","assigneeDefault":""},"SequenceFlow_0ukjkco":{"name":"SequenceFlow_0ukjkco","assigneeGroup":"","sendMessage":false,"formio":"","assignee":"","assigneeDefault":""},"SequenceFlow_08rznq2":{"name":"SequenceFlow_08rznq2","assigneeGroup":"","sendMessage":false,"formio":"","assignee":"","assigneeDefault":""}}},"sections":["Correspondance"],"comTemplates":[{"text":"\n\n\n    <div><br></div><!-- Disable auto-scale in iOS 10 Mail entirely -->\n    <div><title>Votre demande</title> </div><!-- The title tag shows in email notifications, like Android 4.4. -->\n\n    <!-- Web Font / @font-face : BEGIN -->\n\t<!-- NOTE: If web fonts are not required, lines 10 - 27 can be safely removed. -->\n\n    <!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. -->\n    <!--[if mso]>\n        <style>\n            * {\n                font-family: sans-serif !important;\n            }\n        </style>\n    <![endif]-->\n\n    <!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. More on that here: http://stylecampaign.com/blog/2015/02/webfont-support-in-email/ -->\n    <!--[if !mso]><!-->\n        <!-- insert web font reference, eg: <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> -->\n    <!--<![endif]-->\n\n    <!-- Web Font / @font-face : END -->\n\n\t<!-- CSS Reset -->\n    <style>\n\n        /* What it does: Remove spaces around the email design added by some email clients. */\n        /* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */\n        html,\n        body {\n            margin: 0 auto !important;\n            padding: 0 !important;\n            height: 100% !important;\n            width: 100% !important;\n        }\n\n        /* What it does: Stops email clients resizing small text. */\n        * {\n            -ms-text-size-adjust: 100%;\n            -webkit-text-size-adjust: 100%;\n        }\n\n        /* What is does: Centers email on Android 4.4 */\n        div[style*=\"margin: 16px 0\"] {\n            margin:0 !important;\n        }\n\n        /* What it does: Stops Outlook from adding extra spacing to tables. */\n        table,\n        td {\n            mso-table-lspace: 0pt !important;\n            mso-table-rspace: 0pt !important;\n        }\n\n        /* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */\n        table {\n            border-spacing: 0 !important;\n            border-collapse: collapse !important;\n            table-layout: fixed !important;\n            margin: 0 auto !important;\n        }\n        table table table {\n            table-layout: auto;\n        }\n\n        /* What it does: Uses a better rendering method when resizing images in IE. */\n        img {\n            -ms-interpolation-mode:bicubic;\n        }\n\n        /* What it does: A work-around for iOS meddling in triggered links. */\n        *[x-apple-data-detectors] {\n            color: inherit !important;\n            text-decoration: none !important;\n        }\n\n        /* What it does: A work-around for Gmail meddling in triggered links. */\n        .x-gmail-data-detectors,\n        .x-gmail-data-detectors *,\n        .aBn {\n            border-bottom: 0 !important;\n            cursor: default !important;\n        }\n\n        /* What it does: Prevents Gmail from displaying an download button on large, non-linked images. */\n        .a6S {\n\t        display: none !important;\n\t        opacity: 0.01 !important;\n        }\n        /* If the above doesn't work, add a .g-img class to any image in question. */\n        img.g-img + div {\n\t        display:none !important;\n\t   \t}\n\n        /* What it does: Prevents underlining the button text in Windows 10 */\n        .button-link {\n            text-decoration: none !important;\n        }\n\n        /* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */\n        /* Create one of these media queries for each additional viewport size you'd like to fix */\n        /* Thanks to Eric Lepetit @ericlepetitsf) for help troubleshooting */\n        @media only screen and (min-device-width: 375px) and (max-device-width: 413px) { /* iPhone 6 and 6+ */\n            .email-container {\n                min-width: 375px !important;\n            }\n        }\n        /* Rajout spécifique BE Attractive */\n       .titreville {\n                font-size: 18px;\n                color: #003f82\n        }\n       \n        .titreville2 {\n                font-size: 18px;\n                color: #ffffff\n        }        \n    </style>\n\n    <!-- Progressive Enhancements -->\n    <style>\n\n        /* What it does: Hover styles for buttons */\n        .button-td,\n        .button-a {\n            transition: all 100ms ease-in;\n        }\n        .button-td:hover,\n        .button-a:hover {\n            background: #555555 !important;\n            border-color: #555555 !important;\n        }\n\n    </style>\n\n \n\n    <div class=\"email-container\" style=\"max-width: 600px; background-color: white; margin-left: auto; margin-right: auto; margin-top: 0px;\">\n        <br><table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" style=\"max-width: 600px;\">\n            <!-- 1 Column Text + Button : BEGIN -->\n            <tbody><tr>\n                <td style=\"background-color: #ffffff\">\n                    <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\">\n                        <tbody><tr>\n                            <td style=\"padding: 15px 40px ;font-family: sans-serif;color: #8B94A5;\">\n                                <p><em>La commune de {{{InterneNomCommune}}} souhaite vous informer suite à une demande de votre part.</em></p><div style=\"text-align: center;\"><img src=\"https://s3.fr-par.scw.cloud/citopia-images/procedure-images/demande-de-communication-sur-un-evenement/1669234138774-be22de2b-e152-433c-930f-ea8033d83c11.png\" width=\"240\" height=\"193\"><br></div><div><br></div>\n                               \n                            </td>\n                        </tr>\n                        <tr style=\"Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal; background-color: #2592F0;font-size: 20px;line-height: 28px;\">\n                            <td style=\"padding: 15px 40px ; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;\">\n                                <div class=\"titreville2\">Demande clôturée - Demande de communication sur un évènement</div>\n                            </td>\n                        </tr>\n                        <tr>\n                            <td style=\"padding: 20px 40px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;\">\n                                <p>Bonjour {{{UsagerNomComplet}}},</p>\n                                <p>Votre demande créée le {{{DemarcheDemandeDateCreation}}} a été traitée par nos services. </p>\n                                <p>Nous espérons que notre réponse vous a apporté satisfaction.</p>\n                                <p>Si vous souhaitez consulter l'état de vos demandes, connectez-vous sur&nbsp;{{{MecAccessUrl}}}</p>\n                                <p>Cordialement.</p>\n                                <p>\n                                    Commune de {{{InterneNomCommune}}}\n                                    <br>\n                                </p>\n                            </td>   \n                        </tr>   \n                    </tbody></table>\n                </td>\n            </tr>\n           \n            <!-- Clear Spacer : BEGIN -->\n          \n           <!-- Clear Spacer : BEGIN -->\n           <tr>\n            <td height=\"20\" style=\"font-size: 0; line-height: 0;background-color:#ffffff\">&nbsp;\n                \n            <br></td>\n        </tr>\n        <tr>\n            <td style=\"background-color: #ffffff\">\n                <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"100%\">\n                    <tbody><tr style=\"Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal; background-color: #2592F0;font-size: 20px;line-height: 28px;\">\n                        <td style=\"padding: 15px 40px ; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;\">\n                            <div class=\"titreville2\">Récapitulatif de votre demande</div>\n                        </td>\n                    </tr>\n                    <tr>\n                        <td style=\"padding: 20px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;\"><ul>\n                            <li>Numéro de suivi de la demande : {{{DemarcheDemandeNumeroSuivi}}}</li> \n                            <li>Titre du message  : {{{form_titreDuMessage}}}</li>\n                          <li>Publication demandée du : {{{form_dateDeDebutDePublicationDuMessage}}} au {{{form_dateDeFinDePublicationDuMessage}}}</li>\n                          </ul>\n                        </td>\n                    </tr>\n                </tbody></table>\n            </td>\n        </tr>\n    </tbody></table>\n\n    <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" align=\"center\" width=\"100%\" style=\"max-width: 600px;\">\n        <tbody><tr>\n            <td style=\"padding: 10px 40px 10px;width: 100%;font-size: 12px; font-family: sans-serif; line-height:18px; text-align: center; color: #888888; background: #efefef;\" class=\"x-gmail-data-detectors\">\n                Ce message a été envoyé automatiquement par la ville de {{{InterneNomCommune}}}. <br> Merci de ne pas répondre à cet email. <br>\n            </td>\n        </tr>\n    </tbody></table>\n\n</div>\n   \n\n\n\n","title":"Demande de communication - Traité","type":"email","linkedProcedure":"Demande de communication","sendDocumentsAsAttachments":false,"subject":"Votre demande de communication a été traitée"},{"text":"\n\n\n    <div><meta charset=\"utf-8\"> <br></div><!-- utf-8 works for most cases -->\n    <div><br></div><!-- Disable auto-scale in iOS 10 Mail entirely -->\n    <div><title>Votre demande</title> </div><!-- The title tag shows in email notifications, like Android 4.4. -->\n\n    <!-- Web Font / @font-face : BEGIN -->\n\t<!-- NOTE: If web fonts are not required, lines 10 - 27 can be safely removed. -->\n\n    <!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. -->\n    <!--[if mso]>\n        <style>\n            * {\n                font-family: sans-serif !important;\n            }\n        </style>\n    <![endif]-->\n\n    <!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. More on that here: http://stylecampaign.com/blog/2015/02/webfont-support-in-email/ -->\n    <!--[if !mso]><!-->\n        <!-- insert web font reference, eg: <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> -->\n    <!--<![endif]-->\n\n    <!-- Web Font / @font-face : END -->\n\n\t<!-- CSS Reset -->\n    <style>\n\n        /* What it does: Remove spaces around the email design added by some email clients. */\n        /* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */\n        html,\n        body {\n            margin: 0 auto !important;\n            padding: 0 !important;\n            height: 100% !important;\n            width: 100% !important;\n        }\n\n        /* What it does: Stops email clients resizing small text. */\n        * {\n            -ms-text-size-adjust: 100%;\n            -webkit-text-size-adjust: 100%;\n        }\n\n        /* What is does: Centers email on Android 4.4 */\n        div[style*=\"margin: 16px 0\"] {\n            margin:0 !important;\n        }\n\n        /* What it does: Stops Outlook from adding extra spacing to tables. */\n        table,\n        td {\n            mso-table-lspace: 0pt !important;\n            mso-table-rspace: 0pt !important;\n        }\n\n        /* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */\n        table {\n            border-spacing: 0 !important;\n            border-collapse: collapse !important;\n            table-layout: fixed !important;\n            margin: 0 auto !important;\n        }\n        table table table {\n            table-layout: auto;\n        }\n\n        /* What it does: Uses a better rendering method when resizing images in IE. */\n        img {\n            -ms-interpolation-mode:bicubic;\n        }\n\n        /* What it does: A work-around for iOS meddling in triggered links. */\n        *[x-apple-data-detectors] {\n            color: inherit !important;\n            text-decoration: none !important;\n        }\n\n        /* What it does: A work-around for Gmail meddling in triggered links. */\n        .x-gmail-data-detectors,\n        .x-gmail-data-detectors *,\n        .aBn {\n            border-bottom: 0 !important;\n            cursor: default !important;\n        }\n\n        /* What it does: Prevents Gmail from displaying an download button on large, non-linked images. */\n        .a6S {\n\t        display: none !important;\n\t        opacity: 0.01 !important;\n        }\n        /* If the above doesn't work, add a .g-img class to any image in question. */\n        img.g-img + div {\n\t        display:none !important;\n\t   \t}\n\n        /* What it does: Prevents underlining the button text in Windows 10 */\n        .button-link {\n            text-decoration: none !important;\n        }\n\n        /* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */\n        /* Create one of these media queries for each additional viewport size you'd like to fix */\n        /* Thanks to Eric Lepetit @ericlepetitsf) for help troubleshooting */\n        @media only screen and (min-device-width: 375px) and (max-device-width: 413px) { /* iPhone 6 and 6+ */\n            .email-container {\n                min-width: 375px !important;\n            }\n        }\n        /* Rajout spécifique BE Attractive */\n       .titreville {\n                font-size: 18px;\n                color: #003f82\n        }\n       \n        .titreville2 {\n                font-size: 18px;\n                color: #ffffff\n        }        \n    </style>\n\n    <!-- Progressive Enhancements -->\n    <style>\n\n        /* What it does: Hover styles for buttons */\n        .button-td,\n        .button-a {\n            transition: all 100ms ease-in;\n        }\n        .button-td:hover,\n        .button-a:hover {\n            background: #555555 !important;\n            border-color: #555555 !important;\n        }\n\n    </style>\n\n \n\n    <div class=\"email-container\" style=\"max-width: 600px; background-color: white; margin-left: auto; margin-right: auto; margin-top: 0px;\">\n        <br><table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" style=\"max-width: 600px;\">\n            <!-- 1 Column Text + Button : BEGIN -->\n            <tbody><tr>\n                <td style=\"background-color: #ffffff\">\n                    <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\">\n                        <tbody><tr>\n                            <td style=\"padding: 15px 40px ;font-family: sans-serif;color: #8B94A5;\">\n                                <p><em>La commune de {{{InterneNomCommune}}} souhaite des précisions de votre part suite à une demande de communication sur un évènement</em></p><div style=\"text-align: center;\"><img src=\"https://s3.fr-par.scw.cloud/citopia-images/procedure-images/demande-de-communication-sur-un-evenement/1669234138883-c7ee5a0a-60af-4906-a09e-534891f1b8fb.png\" width=\"240\" height=\"193\"><br></div><div><br></div>\n                               \n                            </td>\n                        </tr>\n                        <tr style=\"Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal; background-color: #2592F0;font-size: 20px;line-height: 28px;\">\n                            <td style=\"padding: 15px 40px ; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;\">\n                                <div class=\"titreville2\">Précisions nécessaires - Demande de communication sur un évènement</div>\n                            </td>\n                        </tr>\n                        <tr>\n                            <td style=\"padding: 20px 40px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;\">\n                                <p>Bonjour {{{UsagerNomComplet}}},</p>\n                                <p>Votre demande créée le {{{DemarcheDemandeDateCreation}}} nécessite une action de votre part afin de pouvoir la traiter.</p>\n                                <p>Afin de nous fournir les informations demandées, connectez-vous sur&nbsp;{{{MecAccessUrl}}} puis accéder à la section Mes demandes / Mes actions à faire</p>\n                                <p>Cordialement.</p>\n                                <p>\n                                    Commune de {{{InterneNomCommune}}}\n                                    <br>\n                                </p>\n                            </td>   \n                        </tr>   \n                    </tbody></table>\n                </td>\n            </tr>\n           \n            <!-- Clear Spacer : BEGIN -->\n          \n         <!-- Clear Spacer : BEGIN -->\n         <tr>\n            <td height=\"20\" style=\"font-size: 0; line-height: 0;background-color:#ffffff\">&nbsp;\n                \n            <br></td>\n        </tr>\n        <tr>\n            <td style=\"background-color: #ffffff\">\n                <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"100%\">\n                    <tbody><tr style=\"Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal; background-color: #2592F0;font-size: 20px;line-height: 28px;\">\n                        <td style=\"padding: 15px 40px ; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;\">\n                            <div class=\"titreville2\">Récapitulatif de votre demande</div>\n                        </td>\n                    </tr>\n                    <tr>\n                        <td style=\"padding: 20px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;\"><ul>\n                            <li>Numéro de suivi de la demande : {{{DemarcheDemandeNumeroSuivi}}}</li> \n                            <li>Titre du message  : {{{form_titreDuMessage}}}</li>\n                          <li>Publication demandée du : {{{form_dateDeDebutDePublicationDuMessage}}} au {{{form_dateDeFinDePublicationDuMessage}}}</li>\n                          </ul>\n                        </td>\n                    </tr>\n                </tbody></table>\n            </td>\n        </tr>\n    </tbody></table>\n\n    <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" align=\"center\" width=\"100%\" style=\"max-width: 600px;\">\n        <tbody><tr>\n            <td style=\"padding: 10px 40px 10px;width: 100%;font-size: 12px; font-family: sans-serif; line-height:18px; text-align: center; color: #888888; background: #efefef;\" class=\"x-gmail-data-detectors\">\n                Ce message a été envoyé automatiquement par la ville de {{{InterneNomCommune}}}. <br> Merci de ne pas répondre à cet email. <br>\n            </td>\n        </tr>\n    </tbody></table>\n\n</div>\n   \n\n\n\n","title":"Demande de communication - Précisions usager","type":"email","linkedProcedure":"Demande de communication","sendDocumentsAsAttachments":false,"subject":"Votre demande nécessite des précisions"},{"text":"\n\n\n    <div><br></div><!-- Disable auto-scale in iOS 10 Mail entirely -->\n    <div><title>Votre demande</title> </div><!-- The title tag shows in email notifications, like Android 4.4. -->\n\n    <!-- Web Font / @font-face : BEGIN -->\n\t<!-- NOTE: If web fonts are not required, lines 10 - 27 can be safely removed. -->\n\n    <!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. -->\n    <!--[if mso]>\n        <style>\n            * {\n                font-family: sans-serif !important;\n            }\n        </style>\n    <![endif]-->\n\n    <!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. More on that here: http://stylecampaign.com/blog/2015/02/webfont-support-in-email/ -->\n    <!--[if !mso]><!-->\n        <!-- insert web font reference, eg: <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> -->\n    <!--<![endif]-->\n\n    <!-- Web Font / @font-face : END -->\n\n\t<!-- CSS Reset -->\n    <style>\n\n        /* What it does: Remove spaces around the email design added by some email clients. */\n        /* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */\n        html,\n        body {\n            margin: 0 auto !important;\n            padding: 0 !important;\n            height: 100% !important;\n            width: 100% !important;\n        }\n\n        /* What it does: Stops email clients resizing small text. */\n        * {\n            -ms-text-size-adjust: 100%;\n            -webkit-text-size-adjust: 100%;\n        }\n\n        /* What is does: Centers email on Android 4.4 */\n        div[style*=\"margin: 16px 0\"] {\n            margin:0 !important;\n        }\n\n        /* What it does: Stops Outlook from adding extra spacing to tables. */\n        table,\n        td {\n            mso-table-lspace: 0pt !important;\n            mso-table-rspace: 0pt !important;\n        }\n\n        /* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */\n        table {\n            border-spacing: 0 !important;\n            border-collapse: collapse !important;\n            table-layout: fixed !important;\n            margin: 0 auto !important;\n        }\n        table table table {\n            table-layout: auto;\n        }\n\n        /* What it does: Uses a better rendering method when resizing images in IE. */\n        img {\n            -ms-interpolation-mode:bicubic;\n        }\n\n        /* What it does: A work-around for iOS meddling in triggered links. */\n        *[x-apple-data-detectors] {\n            color: inherit !important;\n            text-decoration: none !important;\n        }\n\n        /* What it does: A work-around for Gmail meddling in triggered links. */\n        .x-gmail-data-detectors,\n        .x-gmail-data-detectors *,\n        .aBn {\n            border-bottom: 0 !important;\n            cursor: default !important;\n        }\n\n        /* What it does: Prevents Gmail from displaying an download button on large, non-linked images. */\n        .a6S {\n\t        display: none !important;\n\t        opacity: 0.01 !important;\n        }\n        /* If the above doesn't work, add a .g-img class to any image in question. */\n        img.g-img + div {\n\t        display:none !important;\n\t   \t}\n\n        /* What it does: Prevents underlining the button text in Windows 10 */\n        .button-link {\n            text-decoration: none !important;\n        }\n\n        /* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */\n        /* Create one of these media queries for each additional viewport size you'd like to fix */\n        /* Thanks to Eric Lepetit @ericlepetitsf) for help troubleshooting */\n        @media only screen and (min-device-width: 375px) and (max-device-width: 413px) { /* iPhone 6 and 6+ */\n            .email-container {\n                min-width: 375px !important;\n            }\n        }\n        /* Rajout spécifique BE Attractive */\n       .titreville {\n                font-size: 18px;\n                color: #003f82\n        }\n       \n        .titreville2 {\n                font-size: 18px;\n                color: #ffffff\n        }        \n    </style>\n\n    <!-- Progressive Enhancements -->\n    <style>\n\n        /* What it does: Hover styles for buttons */\n        .button-td,\n        .button-a {\n            transition: all 100ms ease-in;\n        }\n        .button-td:hover,\n        .button-a:hover {\n            background: #555555 !important;\n            border-color: #555555 !important;\n        }\n\n    </style>\n\n \n\n    <div class=\"email-container\" style=\"max-width: 600px; background-color: white; margin-left: auto; margin-right: auto; margin-top: 0px;\">\n        <br><table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" style=\"max-width: 600px;\">\n            <!-- 1 Column Text + Button : BEGIN -->\n            <tbody><tr>\n                <td style=\"background-color: #ffffff\">\n                    <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\">\n                            <tbody><tr>\n                                <td style=\"padding: 15px 40px ;font-family: sans-serif;color: #8B94A5;\">\n                                    <p><em>La commune de {{{InterneNomCommune}}} souhaite vous informer suite à une demande de votre part.</em></p><div style=\"text-align: center;\"><img src=\"https://s3.fr-par.scw.cloud/citopia-images/procedure-images/demande-de-communication-sur-un-evenement/1669234138742-4be49aa3-a195-440c-8abb-29b5677121eb.png\" width=\"240\" height=\"193\"><br></div><div><br></div>\n                                   \n                                </td>\n                            </tr>\n                            <tr style=\"Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal; background-color: #2592F0;font-size: 20px;line-height: 28px;\">\n                                <td style=\"padding: 15px 40px ; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;\">\n                                    <div class=\"titreville2\">Information concernant votre demande de communication sur un évènement</div>\n                                </td>\n                                </tr>\n                                <tr><td style=\"padding: 20px 40px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;\">\n                                    <p>Bonjour {{{UsagerNomComplet}}},</p>\n                                    <p>Votre demande créée le {{{DemarcheDemandeDateCreation}}} a été instruite par nos services. Malheureusement nous n'avons pas pu y donner suite.</p>\n                                    <p>Si vous souhaitez consulter l'état de vos demandes, connectez-vous sur {{{MecAccessUrl}}}</p>\n                                  <p>Cordialement.</p>\n                                  <p>Commune de {{{InterneNomCommune}}}\n                                <br>\n                            </p></td>\n                        </tr>\n                    </tbody></table>\n                </td>\n            </tr>\n           \n            <!-- Clear Spacer : BEGIN -->\n          \n          <!-- Clear Spacer : BEGIN -->\n          <tr>\n            <td height=\"20\" style=\"font-size: 0; line-height: 0;background-color:#ffffff\">&nbsp;\n                \n            <br></td>\n        </tr>\n        <tr>\n            <td style=\"background-color: #ffffff\">\n                <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"100%\">\n                    <tbody><tr style=\"Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal; background-color: #2592F0;font-size: 20px;line-height: 28px;\">\n                        <td style=\"padding: 15px 40px ; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;\">\n                            <div class=\"titreville2\">Récapitulatif de votre demande</div>\n                        </td>\n                    </tr>\n                    <tr>\n                        <td style=\"padding: 20px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;\"><ul>\n                            <li>Numéro de suivi de la demande : {{{DemarcheDemandeNumeroSuivi}}}</li> \n                            <li>Titre du message  : {{{form_titreDuMessage}}}</li>\n                          <li>Publication demandée du : {{{form_dateDeDebutDePublicationDuMessage}}} au {{{form_dateDeFinDePublicationDuMessage}}}</li>\n                          </ul>\n                        </td>\n                    </tr>\n                </tbody></table>\n            </td>\n        </tr>\n    </tbody></table>\n\n    <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" align=\"center\" width=\"100%\" style=\"max-width: 600px;\">\n        <tbody><tr>\n            <td style=\"padding: 10px 40px 10px;width: 100%;font-size: 12px; font-family: sans-serif; line-height:18px; text-align: center; color: #888888; background: #efefef;\" class=\"x-gmail-data-detectors\">\n                Ce message a été envoyé automatiquement par la ville de {{{InterneNomCommune}}}. <br> Merci de ne pas répondre à cet email. <br>\n            </td>\n        </tr>\n    </tbody></table>\n\n</div>\n   \n\n\n\n","title":"Demande de communication - Rejet","type":"email","linkedProcedure":"Demande de communication","sendDocumentsAsAttachments":false,"subject":"Informations concernant votre demande de communication "},{"text":"\n\n\n    <div><meta charset=\"utf-8\"> <br></div><!-- utf-8 works for most cases -->\n    <div><br></div><!-- Disable auto-scale in iOS 10 Mail entirely -->\n    <div><title>Votre demande</title> </div><!-- The title tag shows in email notifications, like Android 4.4. -->\n\n    <!-- Web Font / @font-face : BEGIN -->\n\t<!-- NOTE: If web fonts are not required, lines 10 - 27 can be safely removed. -->\n\n    <!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. -->\n    <!--[if mso]>\n        <style>\n            * {\n                font-family: sans-serif !important;\n            }\n        </style>\n    <![endif]-->\n\n    <!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. More on that here: http://stylecampaign.com/blog/2015/02/webfont-support-in-email/ -->\n    <!--[if !mso]><!-->\n        <!-- insert web font reference, eg: <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> -->\n    <!--<![endif]-->\n\n    <!-- Web Font / @font-face : END -->\n\n\t<!-- CSS Reset -->\n    <style>\n\n        /* What it does: Remove spaces around the email design added by some email clients. */\n        /* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */\n        html,\n        body {\n            margin: 0 auto !important;\n            padding: 0 !important;\n            height: 100% !important;\n            width: 100% !important;\n        }\n\n        /* What it does: Stops email clients resizing small text. */\n        * {\n            -ms-text-size-adjust: 100%;\n            -webkit-text-size-adjust: 100%;\n        }\n\n        /* What is does: Centers email on Android 4.4 */\n        div[style*=\"margin: 16px 0\"] {\n            margin:0 !important;\n        }\n\n        /* What it does: Stops Outlook from adding extra spacing to tables. */\n        table,\n        td {\n            mso-table-lspace: 0pt !important;\n            mso-table-rspace: 0pt !important;\n        }\n\n        /* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */\n        table {\n            border-spacing: 0 !important;\n            border-collapse: collapse !important;\n            table-layout: fixed !important;\n            margin: 0 auto !important;\n        }\n        table table table {\n            table-layout: auto;\n        }\n\n        /* What it does: Uses a better rendering method when resizing images in IE. */\n        img {\n            -ms-interpolation-mode:bicubic;\n        }\n\n        /* What it does: A work-around for iOS meddling in triggered links. */\n        *[x-apple-data-detectors] {\n            color: inherit !important;\n            text-decoration: none !important;\n        }\n\n        /* What it does: A work-around for Gmail meddling in triggered links. */\n        .x-gmail-data-detectors,\n        .x-gmail-data-detectors *,\n        .aBn {\n            border-bottom: 0 !important;\n            cursor: default !important;\n        }\n\n        /* What it does: Prevents Gmail from displaying an download button on large, non-linked images. */\n        .a6S {\n\t        display: none !important;\n\t        opacity: 0.01 !important;\n        }\n        /* If the above doesn't work, add a .g-img class to any image in question. */\n        img.g-img + div {\n\t        display:none !important;\n\t   \t}\n\n        /* What it does: Prevents underlining the button text in Windows 10 */\n        .button-link {\n            text-decoration: none !important;\n        }\n\n        /* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */\n        /* Create one of these media queries for each additional viewport size you'd like to fix */\n        /* Thanks to Eric Lepetit @ericlepetitsf) for help troubleshooting */\n        @media only screen and (min-device-width: 375px) and (max-device-width: 413px) { /* iPhone 6 and 6+ */\n            .email-container {\n                min-width: 375px !important;\n            }\n        }\n        /* Rajout spécifique BE Attractive */\n       .titreville {\n                font-size: 18px;\n                color: #003f82\n        }\n       \n        .titreville2 {\n                font-size: 18px;\n                color: #ffffff\n        }        \n    </style>\n\n    <!-- Progressive Enhancements -->\n    <style>\n\n        /* What it does: Hover styles for buttons */\n        .button-td,\n        .button-a {\n            transition: all 100ms ease-in;\n        }\n        .button-td:hover,\n        .button-a:hover {\n            background: #555555 !important;\n            border-color: #555555 !important;\n        }\n\n    </style>\n\n \n\n    <div class=\"email-container\" style=\"max-width: 600px; background-color: white; margin-left: auto; margin-right: auto; margin-top: 0px;\">\n        <br><table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" style=\"max-width: 600px;\">\n            <!-- 1 Column Text + Button : BEGIN -->\n            <tbody><tr>\n                <td style=\"background-color: #ffffff\">\n                    <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\">\n                            <tbody><tr>\n                                <td style=\"padding: 15px 40px ;font-family: sans-serif;color: #8B94A5;\">\n                                    <p><em>La commune de {{{InterneNomCommune}}} souhaite vous informer suite à une demande de votre part.</em></p><div style=\"text-align: center;\"><img src=\"https://s3.fr-par.scw.cloud/citopia-images/procedure-images/demande-de-communication-sur-un-evenement/1669234138735-8101a0dd-3fb4-45a2-aa78-75efce832c08.png\" width=\"240\" height=\"193\"><br></div><div><br></div>\n                                   \n                                </td>\n                            </tr>\n                            <tr style=\"Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal; background-color: #2592F0;font-size: 20px;line-height: 28px;\">\n                                <td style=\"padding: 15px 40px ; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;\">\n                                    <div class=\"titreville2\">Accusé de réception - Demande de communication sur un évènement</div>\n                                </td>\n                                </tr>\n                                <tr><td style=\"padding: 20px 40px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;\">\n                                \n                                <p>Bonjour {{{UsagerNomComplet}}},</p>\n                                <p>Nous avons bien réceptionné votre demande créée le {{{DemarcheDemandeDateCreation}}} et nous vous en remercions.</p>\n                                <p>Votre demande est transmise au service compétent ({{{DemarcheDemandeAssignee}}}) afin d‘y apporter une réponse dans les meilleurs délais.</p>\n                                <p>Nous vous tiendrons informé(e) de sa résolution. Toutefois si vous souhaitez consulter l'état de vos demandes, connectez-vous sur&nbsp;{{{MecAccessUrl}}}</p>\n                              <p>Cordialement.</p>\n                              <p>Commune de {{{InterneNomCommune}}}\n                              <br>\n                            </p></td>\n                        </tr>\n                    </tbody></table>\n                </td>\n            </tr>\n           \n            <!-- Clear Spacer : BEGIN -->\n          \n            <!-- Clear Spacer : BEGIN -->\n            <tr>\n                <td height=\"20\" style=\"font-size: 0; line-height: 0;background-color:#ffffff\">&nbsp;\n                    \n                <br></td>\n            </tr>\n            <tr>\n                <td style=\"background-color: #ffffff\">\n                    <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"100%\">\n                        <tbody><tr style=\"Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal; background-color: #2592F0;font-size: 20px;line-height: 28px;\">\n                            <td style=\"padding: 15px 40px ; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;\">\n                                <div class=\"titreville2\">Récapitulatif de votre demande</div>\n                            </td>\n                        </tr>\n                        <tr>\n                            <td style=\"padding: 20px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;\"><ul>\n                                <li>Numéro de suivi de la demande : {{{DemarcheDemandeNumeroSuivi}}}</li> \n                                <li>Titre du message  : {{{form_titreDuMessage}}}</li>\n                              <li>Publication demandée du : {{{form_dateDeDebutDePublicationDuMessage}}} au {{{form_dateDeFinDePublicationDuMessage}}}</li>\n                              </ul>\n                            </td>\n                        </tr>\n                    </tbody></table>\n                </td>\n            </tr>\n        </tbody></table>\n\n        <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" align=\"center\" width=\"100%\" style=\"max-width: 600px;\">\n            <tbody><tr>\n                <td style=\"padding: 10px 40px 10px;width: 100%;font-size: 12px; font-family: sans-serif; line-height:18px; text-align: center; color: #888888; background: #efefef;\" class=\"x-gmail-data-detectors\">\n                    Ce message a été envoyé automatiquement par la ville de {{{InterneNomCommune}}}. <br> Merci de ne pas répondre à cet email. <br>\n                </td>\n            </tr>\n        </tbody></table>\n\n    </div>\n       \n\n\n\n","title":"Demande de communication - Accusé","type":"email","linkedProcedure":"Demande de communication","sendDocumentsAsAttachments":false,"subject":"Votre demande de communication a été réceptionnée"}],"forms":[{"active":true,"components":[{"title":"Vos informations personnelles","breadcrumbClickable":true,"buttonSettings":{"previous":true,"cancel":true,"next":true},"scrollToTop":false,"collapsible":false,"key":"page1","type":"panel","label":"Page 1","input":false,"tableView":false,"components":[{"key":"customCitizenForm","type":"customCitizenForm","input":true,"tableView":false,"label":"","components":[{"key":"civilite","label":"Civilité","type":"radio","defaultValue":"citopia[identity].persona.data.civilite","values":[{"label":"Monsieur","value":"monsieur","shortcut":""},{"label":"Madame","value":"madame","shortcut":""}],"optionsLabelPosition":"right","inline":true,"input":true,"tableView":true,"validate":{"required":true}},{"key":"nom","label":"Nom","type":"textfield","defaultValue":"citopia[identity].persona.data.lastName","validate":{"required":true},"tableView":true,"input":true},{"key":"prenom","label":"Prénom","type":"textfield","defaultValue":"citopia[identity].persona.data.firstName","validate":{"required":true},"tableView":true,"input":true},{"key":"adresse","label":"Adresse","type":"address","defaultValue":"citopia[identity].persona.data.address","provider":"google","providerOptions":{"params":{"key":"AIzaSyDuINQj10Z0gKoDNYdybsPFdP1zdl3_WyA","region":""}},"tableView":true,"input":true,"components":[{"label":"Address 1","tableView":false,"key":"adresse_address1","type":"textfield","input":true,"customConditional":"show = _.get(instance, 'parent.manualMode', false);"},{"label":"Address 2","tableView":false,"key":"adresse_address2","type":"textfield","input":true,"customConditional":"show = _.get(instance, 'parent.manualMode', false);"},{"label":"City","tableView":false,"key":"adresse_city","type":"textfield","input":true,"customConditional":"show = _.get(instance, 'parent.manualMode', false);"},{"label":"State","tableView":false,"key":"adresse_state","type":"textfield","input":true,"customConditional":"show = _.get(instance, 'parent.manualMode', false);"},{"label":"Country","tableView":false,"key":"adresse_country","type":"textfield","input":true,"customConditional":"show = _.get(instance, 'parent.manualMode', false);"},{"label":"Zip Code","tableView":false,"key":"adresse_zip","type":"textfield","input":true,"customConditional":"show = _.get(instance, 'parent.manualMode', false);"}]},{"key":"additionalAddress","type":"textfield","label":"Complément d'adresse","defaultValue":"citopia[identity].persona.data.additionalAddress","tableView":true,"input":true},{"key":"telephone","label":"Téléphone","type":"textfield","defaultValue":"citopia[identity].persona.data.phone","inputMask":"+33 9.99.99.99.99","validate":{"required":true,"custom":"valid = ['1','2','3','4','5','6','7','8','9'].includes(input.substring(4, 5)) ? true : 'L\\'indicatif n\\'est pas valide'"},"tableView":true,"input":true},{"key":"mail","label":"Email","type":"email","defaultValue":"citopia[identity].persona.data.email","validate":{"required":true},"tableView":true,"input":true},{"key":"memoriserMesDonneesPersonnellesPourMesProchainesDemandes","type":"checkbox","label":"Mémoriser mes données personnelles pour mes prochaines demandes","tableView":true,"attributes":{"displayInEmailSumup":"false"},"input":true}]}]},{"title":"Votre demande de communication","breadcrumbClickable":true,"buttonSettings":{"previous":true,"cancel":true,"next":true},"scrollToTop":false,"collapsible":false,"key":"page2","type":"panel","label":"Page 2","input":false,"tableView":false,"components":[{"label":"Canaux de communication souhaités","optionsLabelPosition":"right","tableView":false,"values":[{"label":"Bulletin municipal","value":"bulletinMunicipal","shortcut":""},{"label":"Réseaux sociaux","value":"reseauxSociaux","shortcut":""},{"label":"Message sur panneau lumineux","value":"messageSurPanneauLumineux","shortcut":""},{"label":"Autre","value":"autre","shortcut":""}],"key":"canauxDeCommunicationSouhaites","attributes":{"editableField":"true"},"type":"selectboxes","input":true,"inputType":"checkbox","defaultValue":{"bulletinMunicipal":false,"reseauxSociaux":false,"messageSurPanneauLumineux":false,"autre":false}},{"label":"Précisez votre demande","tableView":true,"validate":{"required":true},"key":"precisezVotreDemande","conditional":{"show":true,"when":"canauxDeCommunicationSouhaites","eq":"autre"},"type":"textfield","input":true},{"label":"Columns","columns":[{"components":[{"label":"Date de début de publication du message","format":"dd-MM-yyyy HH:mm","tableView":false,"enableMinDateInput":false,"datePicker":{"disableWeekends":false,"disableWeekdays":false},"enableMaxDateInput":false,"timePicker":{"showMeridian":false},"validate":{"required":true},"key":"dateDeDebutDePublicationDuMessage","type":"datetime","input":true,"widget":{"maxDate":null,"disableWeekdays":false,"disableWeekends":false,"minDate":null,"time_24hr":true,"minuteIncrement":1,"hourIncrement":1,"format":"dd-MM-yyyy HH:mm","noCalendar":false,"enableTime":true,"mode":"single","allowInput":true,"useLocaleSettings":false,"locale":"fr","displayInTimezone":"viewer","type":"calendar"}}],"width":6,"offset":0,"push":0,"pull":0,"size":"md","currentWidth":6},{"components":[{"label":"Date de fin de publication du message","format":"dd-MM-yyyy HH:mm","tableView":false,"enableMinDateInput":false,"datePicker":{"disableWeekends":false,"disableWeekdays":false},"enableMaxDateInput":false,"timePicker":{"showMeridian":false},"validate":{"required":true},"key":"dateDeFinDePublicationDuMessage","conditional":{"show":true,"when":"canauxDeCommunicationSouhaites","eq":"messageSurPanneauLumineux"},"type":"datetime","input":true,"widget":{"maxDate":null,"disableWeekdays":false,"disableWeekends":false,"minDate":null,"time_24hr":true,"minuteIncrement":1,"hourIncrement":1,"format":"dd-MM-yyyy HH:mm","noCalendar":false,"enableTime":true,"mode":"single","allowInput":true,"useLocaleSettings":false,"locale":"fr","displayInTimezone":"viewer","type":"calendar"}}],"width":6,"offset":0,"push":0,"pull":0,"size":"md","currentWidth":6}],"key":"columns","type":"columns","input":false,"tableView":false},{"label":"Titre du message","tableView":true,"validate":{"required":true},"key":"titreDuMessage","type":"textfield","input":true},{"label":"Texte du message","autoExpand":false,"tableView":true,"validate":{"required":true},"key":"texteDuMessage","type":"textarea","input":true},{"input":true,"rows":7,"type":"textarea","conditional":{"eq":"messageSurPanneauLumineux","when":"canauxDeCommunicationSouhaites","show":true},"key":"texteDuMessagePanneauLumineux","validate":{"maxLength":150,"customMessage":"Le texte est trop long","required":true},"tableView":true,"autoExpand":false,"label":"Texte du message sur panneau lumineux (limité en nombre de caractères)"},{"label":"Eléments pour la communication (fichiers, image etc...)","tableView":false,"storage":"url","webcam":false,"fileTypes":[{"label":"","value":""}],"key":"elementsPourLaCommunicationFichiersImageEtc","type":"file","input":true,"options":"{\"document\":true}"}]},{"allowCalculateOverride":false,"autofocus":false,"calculateValue":"","clearOnHide":true,"clearOnRefresh":false,"conditional":{"eq":"","when":null,"show":null},"customClass":"noDisplay","customDefaultValue":"","dataGridLabel":false,"dbIndex":false,"defaultValue":"","description":"","disabled":false,"errorLabel":"","hidden":false,"hideLabel":false,"id":"els02no0","input":true,"inputFormat":"plain","inputMask":"","inputType":"textfield","key":"jsonIdentityRequested","label":"Champs Technique","labelMargin":3,"labelPosition":"top","labelWidth":30,"mask":false,"multiple":false,"persistent":true,"placeholder":"","prefix":"","properties":[],"protected":false,"refreshOn":"","showCharCount":false,"showWordCount":false,"suffix":"","tabindex":"","tableView":true,"tags":[],"tooltip":"","type":"textfield","unique":false,"validate":{"custom":"","customPrivate":false,"pattern":"","required":false},"validateOn":"change","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a","type":""},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"allowCalculateOverride":false,"autofocus":false,"calculateValue":"","clearOnHide":true,"clearOnRefresh":false,"conditional":{"eq":"","when":null,"show":null},"customClass":"noDisplay","customDefaultValue":"","dataGridLabel":false,"dbIndex":false,"defaultValue":"onLine","description":"","disabled":false,"errorLabel":"","hidden":false,"hideLabel":false,"id":"els02no1","input":true,"inputFormat":"plain","inputMask":"","inputType":"textfield","key":"canalRequest","label":"Champs Technique","labelMargin":3,"labelPosition":"top","labelWidth":30,"mask":false,"multiple":false,"persistent":true,"placeholder":"","prefix":"","properties":[],"protected":false,"refreshOn":"","showCharCount":false,"showWordCount":false,"suffix":"","tabindex":"","tableView":true,"tags":[],"tooltip":"","type":"textfield","unique":false,"validate":{"custom":"","customPrivate":false,"pattern":"","required":false},"validateOn":"change","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a","type":""},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"allowCalculateOverride":false,"autofocus":false,"calculateValue":"","clearOnHide":true,"clearOnRefresh":false,"conditional":{"eq":"","when":null,"show":null},"customClass":"noDisplay","customDefaultValue":"","dataGridLabel":false,"dbIndex":false,"description":"","disabled":false,"errorLabel":"","hidden":false,"hideLabel":false,"id":"els02no2","input":true,"inputFormat":"plain","inputMask":"","inputType":"textfield","key":"tenantId","label":"Champs Technique","labelMargin":3,"labelPosition":"top","labelWidth":30,"mask":false,"multiple":false,"persistent":true,"placeholder":"","prefix":"","properties":[],"protected":false,"refreshOn":"","showCharCount":false,"showWordCount":false,"suffix":"","tabindex":"","tableView":true,"tags":[],"tooltip":"","type":"textfield","unique":false,"validate":{"custom":"","customPrivate":false,"pattern":"","required":false},"validateOn":"change","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a","type":""},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false,"defaultValue":"db511101-5942-412f-9787-4c9559792c0c"},{"allowCalculateOverride":false,"autofocus":false,"calculateValue":"","clearOnHide":true,"clearOnRefresh":false,"conditional":{"eq":"","when":null,"show":null},"customClass":"noDisplay","customDefaultValue":"","dataGridLabel":false,"dbIndex":false,"defaultValue":"","description":"","disabled":false,"errorLabel":"","hidden":false,"hideLabel":false,"id":"els02no3","input":true,"inputFormat":"plain","inputMask":"","inputType":"textfield","key":"__connector","label":"Champs Technique","labelMargin":3,"labelPosition":"top","labelWidth":30,"mask":false,"multiple":false,"persistent":true,"placeholder":"","prefix":"","properties":[],"protected":false,"refreshOn":"","showCharCount":false,"showWordCount":false,"suffix":"","tabindex":"","tableView":true,"tags":[],"tooltip":"","type":"textfield","unique":false,"validate":{"custom":"","customPrivate":false,"pattern":"","required":false},"validateOn":"change","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a","type":""},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"allowCalculateOverride":false,"autofocus":false,"calculateValue":"","clearOnHide":true,"clearOnRefresh":false,"conditional":{"eq":"","when":null,"show":null},"customClass":"noDisplay","customDefaultValue":"","dataGridLabel":false,"dbIndex":false,"defaultValue":"","description":"","disabled":false,"errorLabel":"","hidden":false,"hideLabel":false,"id":"els02no4","input":true,"inputFormat":"plain","inputMask":"","inputType":"textfield","key":"__customId","label":"Champs Technique","labelMargin":3,"labelPosition":"top","labelWidth":30,"mask":false,"multiple":false,"persistent":true,"placeholder":"","prefix":"","properties":[],"protected":false,"refreshOn":"","showCharCount":false,"showWordCount":false,"suffix":"","tabindex":"","tableView":true,"tags":[],"tooltip":"","type":"textfield","unique":false,"validate":{"custom":"","customPrivate":false,"pattern":"","required":false},"validateOn":"change","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a","type":""},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"allowCalculateOverride":false,"autofocus":false,"calculateValue":"","clearOnHide":true,"clearOnRefresh":false,"conditional":{"eq":"","when":null,"show":null},"customClass":"noDisplay","customDefaultValue":"","dataGridLabel":false,"dbIndex":false,"defaultValue":"","description":"","disabled":false,"errorLabel":"","hidden":false,"hideLabel":false,"id":"els02no5","input":true,"inputFormat":"plain","inputMask":"","inputType":"textfield","key":"__createdAt","label":"Champs Technique","labelMargin":3,"labelPosition":"top","labelWidth":30,"mask":false,"multiple":false,"persistent":true,"placeholder":"","prefix":"","properties":[],"protected":false,"refreshOn":"","showCharCount":false,"showWordCount":false,"suffix":"","tabindex":"","tableView":true,"tags":[],"tooltip":"","type":"textfield","unique":false,"validate":{"custom":"","customPrivate":false,"pattern":"","required":false},"validateOn":"change","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a","type":""},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"allowCalculateOverride":false,"autofocus":false,"calculateValue":"","clearOnHide":true,"clearOnRefresh":false,"conditional":{"eq":"","when":null,"show":null},"customClass":"noDisplay","customDefaultValue":"","dataGridLabel":false,"dbIndex":false,"defaultValue":"","description":"","disabled":false,"errorLabel":"","hidden":false,"hideLabel":false,"id":"els02no6","input":true,"inputFormat":"plain","inputMask":"","inputType":"textfield","key":"__startActivityId","label":"Champs Technique","labelMargin":3,"labelPosition":"top","labelWidth":30,"mask":false,"multiple":false,"persistent":true,"placeholder":"","prefix":"","properties":[],"protected":false,"refreshOn":"","showCharCount":false,"showWordCount":false,"suffix":"","tabindex":"","tableView":true,"tags":[],"tooltip":"","type":"textfield","unique":false,"validate":{"custom":"","customPrivate":false,"pattern":"","required":false},"validateOn":"change","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a","type":""},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false}],"display":"wizard","linkedProcedure":"Demande de communication","name":"Demande de communication","type":"init"},{"active":null,"components":[{"label":"HTML","attrs":[{"value":"","attr":""}],"content":"<div style=\"background-color: #D3E9FC;\n        color:#134C7D;\n        padding-left:10px;\">\n<br/>Des précisions sur votre demande sont nécessaires.<br/>\nConsulter l'historique pour en savoir plus.<br/><br/>\n</div>","refreshOnChange":false,"key":"html","type":"htmlelement","tableView":false,"input":false},{"components":[{"validate":{"required":true},"tableView":true,"isUploadEnabled":false,"input":true,"editor":"quill","as":"html","wysiwyg":{"modules":{"toolbar":[[{"size":["small",false,"large","huge"]}],[{"header":[1,2,3,4,5,6,false]}],[{"font":[]}],["bold","italic","underline","strike",{"script":"sub"},{"script":"super"},"clean"],[{"color":[]},{"background":[]}],[{"list":"ordered"},{"list":"bullet"},{"indent":"-1"},{"indent":"+1"},{"align":[]}],["blockquote","code-block"],["link","image","video","formula","source"]],"clipboard":{"matchVisual":false}},"placeholder":"","theme":"snow"},"editorReady":"quill","type":"textarea","label":"Saisissez votre message à destination des agents de la mairie","key":"citopia_addPublicComment"}],"label":"","tableView":false,"input":true,"type":"customAddPublicCommentForm","key":"customAddPublicCommentForm","required_comment":true,"txt_label":"Saisissez votre message à destination des agents de la mairie"},{"input":true,"type":"radio","key":"souhaitezVousJoindreDesDocuments","validate":{"required":true},"values":[{"shortcut":"","value":"oui","label":"Oui"},{"shortcut":"","value":"non","label":"Non"}],"tableView":false,"inline":true,"optionsLabelPosition":"right","label":"Souhaitez-vous joindre des documents ?"},{"options":"{\"document\":true}","input":true,"type":"file","conditional":{"eq":"oui","when":"souhaitezVousJoindreDesDocuments","show":true},"key":"documentSAJoindre","validate":{"required":true},"multiple":true,"fileTypes":[{"value":"","label":""}],"webcam":false,"storage":"url","tableView":false,"label":"Document(s) à joindre"},{"clearOnRefresh":false,"widget":null,"labelMargin":3,"labelWidth":30,"tableView":true,"input":true,"disableOnInvalid":true,"key":"submit","label":"Submit","type":"button"}],"display":"form","linkedProcedure":"Demande de communication","name":"Generique - infos complementaires usagers - 1711362769529","type":"process"},{"active":null,"components":[{"input":true,"type":"radio","key":"approvalState","validate":{"required":true},"values":[{"shortcut":"","value":"1","label":"Traiter et clôturer la demande"},{"shortcut":"","value":"0","label":"Refuser et clôturer la demande"},{"shortcut":"","value":"2","label":"Demander plus d'informations à l'usager via le portail citoyen"}],"tableView":false,"inline":false,"optionsLabelPosition":"right","label":"Que souhaitez-vous faire ?"},{"input":true,"type":"radio","conditional":{"eq":"2","when":"approvalState","show":false},"key":"souhaitezVousEnvoyerUnMessageALusagerPourLinformerDuRefusDeSaDemande","validate":{"required":true},"values":[{"shortcut":"","value":"0","label":"Oui, via un commentaire public visible sur le portail citoyen"},{"shortcut":"","value":"1","label":"Oui, via l'envoi d'un email"},{"shortcut":"","value":"2","label":"Non"}],"tableView":false,"inline":false,"optionsLabelPosition":"right","label":"Souhaitez-vous envoyer un message à l'usager  ?"},{"components":[{"tableView":false,"input":true,"defaultValue":"{{% RECEIVER_EMAIL %}}","type":"hidden","label":"","key":"citopia_destEmail"},{"tableView":false,"input":true,"defaultValue":"{{% RECEIVER_NAME_EMAIL %}}","type":"hidden","label":"","key":"citopia_destNameEmail"},{"tableView":false,"input":true,"defaultValue":"{{% OBJECT_EMAIL %}}","type":"hidden","label":"","key":"citopia_objectEmail"},{"tableView":false,"input":true,"defaultValue":"{{% SENDER_NAME_EMAIL %}}","type":"hidden","label":"","key":"citopia_senderNameEmail"},{"tableView":false,"input":true,"defaultValue":"{{% SENDER_EMAIL %}}","type":"hidden","label":"","key":"citopia_senderEmail"},{"tableView":true,"isUploadEnabled":false,"input":true,"editor":"quill","as":"string","wysiwyg":{"modules":{"toolbar":[[{"size":["small",false,"large","huge"]}],[{"header":[1,2,3,4,5,6,false]}],[{"font":[]}],["bold","italic","underline","strike",{"script":"sub"},{"script":"super"},"clean"],[{"color":[]},{"background":[]}],[{"list":"ordered"},{"list":"bullet"},{"indent":"-1"},{"indent":"+1"},{"align":[]}],["blockquote","code-block"],["link","image","video","formula","source"]],"clipboard":{"matchVisual":false}},"placeholder":"","theme":"snow"},"editorReady":"quill","type":"textarea","label":"Votre message: ","key":"citopia_contentEmail"},{"tableView":false,"input":true,"fileTypes":[{"value":"","label":""}],"storage":"url","options":"{ \"test\": true }","type":"file","label":"Pièces jointes: ","key":"citopia_email_files"}],"label":"","tableView":false,"input":true,"type":"customFormSendEmail","conditional":{"eq":"1","when":"souhaitezVousEnvoyerUnMessageALusagerPourLinformerDuRefusDeSaDemande","show":true},"key":"customFormSendEmail"},{"components":[{"validate":{"required":true},"tableView":true,"isUploadEnabled":false,"input":true,"editor":"quill","as":"html","wysiwyg":{"modules":{"toolbar":[[{"size":["small",false,"large","huge"]}],[{"header":[1,2,3,4,5,6,false]}],[{"font":[]}],["bold","italic","underline","strike",{"script":"sub"},{"script":"super"},"clean"],[{"color":[]},{"background":[]}],[{"list":"ordered"},{"list":"bullet"},{"indent":"-1"},{"indent":"+1"},{"align":[]}],["blockquote","code-block"],["link","image","video","formula","source"]],"clipboard":{"matchVisual":false}},"placeholder":"","theme":"snow"},"editorReady":"quill","type":"textarea","label":"Saisissez votre message à destination de l'usager","key":"citopia_addPublicComment1"}],"label":"","tableView":false,"input":true,"type":"customAddPublicCommentForm","conditional":{"eq":"0","when":"souhaitezVousEnvoyerUnMessageALusagerPourLinformerDuRefusDeSaDemande","show":true},"key":"customAddPublicCommentForm1","required_comment":true,"txt_label":"Saisissez votre message à destination de l'usager"},{"label":"HTML","attrs":[{"value":"","attr":""}],"content":"<div style=\"background-color: #D3E9FC;\n        color:#134C7D;\n        padding-left:10px;\n        padding-top:10px;\n        white-space:pre-wrap;\n        overflow:auto;\"><strong>Vous souhaitez demander des précisions à l'usager</strong>\n<p>\nL'usager sera notifié par email de l'arrivé d'un commentaire public.\nIl pourra le consulter depuis le portail citoyen.\nSaisissez votre message à destination de l'usager ci-dessous.<br/></p>\n</div>","refreshOnChange":false,"key":"html","conditional":{"show":true,"when":"approvalState","eq":"2"},"type":"htmlelement","tableView":false,"input":false},{"components":[{"validate":{"required":true},"tableView":true,"isUploadEnabled":false,"input":true,"editor":"quill","as":"html","wysiwyg":{"modules":{"toolbar":[[{"size":["small",false,"large","huge"]}],[{"header":[1,2,3,4,5,6,false]}],[{"font":[]}],["bold","italic","underline","strike",{"script":"sub"},{"script":"super"},"clean"],[{"color":[]},{"background":[]}],[{"list":"ordered"},{"list":"bullet"},{"indent":"-1"},{"indent":"+1"},{"align":[]}],["blockquote","code-block"],["link","image","video","formula","source"]],"clipboard":{"matchVisual":false}},"placeholder":"","theme":"snow"},"editorReady":"quill","type":"textarea","label":"Saisissez votre message à destination de l'usager","key":"citopia_addPublicComment"}],"label":"","tableView":false,"input":true,"type":"customAddPublicCommentForm","conditional":{"eq":"2","when":"approvalState","show":true},"key":"customAddPublicCommentForm","required_comment":true,"txt_label":"Saisissez votre message à destination de l'usager"},{"tableView":false,"input":true,"disableOnInvalid":true,"key":"submit","label":"Submit","type":"button"}],"display":"form","linkedProcedure":"Demande de communication","name":"Générique - Traiter demande - 1711362769533","type":"process"}]}