{"procedure":{"accessUrl":"operation-tranquilite-vacances","description":"<div>Cette démarche vous permet de faire une déclaration d'opération tranquillité vacances concernant la surveillance de votre habitation pendant votre absence par les agents de la Police municipale. </div><div><br></div><div>Le dispositif fonctionne uniquement pour les absences d'une durée supérieure à 5 jours. </div><div><br></div><div><strong>Attention : votre demande doit être effectuée une semaine minimum à l'avance.</strong></div><div><strong><br></strong></div><h3><strong>Quelques incontournables avant de partir</strong></h3><ul><li>Pensez à verrouiller vos portes et fenêtres, à fermer vos volets et votre portail.</li><li>Placez en lieu sûr et éloignés des accès vos bijoux, moyens de paiement, clés de voiture… Il est conseillé de ne pas laisser d’objets de valeur visibles à travers les fenêtres.</li><li>En cas d’absence durable, votre domicile doit paraître habité. Demandez à une personne de confiance de relever votre courrier, d’ouvrir vos volets pendant la journée…</li><li>Les policiers sont à votre service. Demandez-leur conseils, signalez tous faits suspects pouvant laisser présager la préparation ou la commission d’un cambriolage.<br></li></ul>","displayedProperties":{"task":{"title":"_other_requestName","subtitle":"adresse"},"request":{"title":"_other_requestName","subtitle":"adresse","metadata":[]},"statisticField":"typeDeLieu"},"icon":"https://citopia-images.s3.fr-par.scw.cloud/icons/home/house.svg","imageUrl":"https://s3.fr-par.scw.cloud/citopia-images/procedure-images/operation-tranquilite-vacances/1677675127361-fc841e13-a0fb-4580-b2b5-dd6dc8756a29.jpg","shouldBeAnonymized":false,"thirdPartAppConfig":null,"title":"Opération Tranquilité vacances","type":"BPMN","localisationField":null},"workflowConfig":{"buttonText":"","bpmnKey":"Process_Une_Tache","formId":"Opération Tranquilité Vacances","events":{"StartEvent_1":{"name":"StartEvent_1","sendMessage":false,"assignee":"","assigneeDefault":""},"En_attente":{"name":"Précisions demandées","sendMessage":false,"typeAssignee":"citizen","formId":"Generique - infos complementaires usagers - 1755176486548","assignee":"","assigneeDefault":"","dueDate":""},"Valider":{"name":"Valider","sendMessage":false,"typeAssignee":"statique","formId":"Générique - Traiter demande - 1755176486549","assigneeDefault":"","dueDate":""},"EndEvent_0b64xj5":{"name":"EndEvent_0b64xj5","sendMessage":false,"assignee":"","assigneeDefault":""},"EndEvent_1a31tc3":{"name":"EndEvent_1a31tc3","sendMessage":false,"assignee":"","assigneeDefault":""},"AccuseDeReception":{"name":"Accusé de réception","changeStatus":true,"stateStatus":"statusDefault_new","nameStatus":"Réceptionné","sendMessage":true,"communications":[{"uuid":"0b9965ff-0d56-4da1-a381-ecf8113d311b","enabled":true,"communicationChannel":"email","communicationCondition":"always","tabAdvancedOperator":null,"tabAdvancedCondition":null,"typeDest":"user","templateMessage":"Opération Tranquilité Vacances - Accusé","senderEmail":"","senderName":""}],"assignee":"","assigneeDefault":""},"InformationsManquantesfournies":{"name":"Informations Manquantes Fournies","changeStatus":true,"stateStatus":"statusDefault_pending","sendMessage":false,"assignee":"","assigneeDefault":""},"ComplementInformationsNecessaires":{"name":"Complément Informations Nécessaires","changeStatus":true,"stateStatus":"statusDefault_differed","nameStatus":"Précisions demandées","sendMessage":true,"communications":[{"uuid":"adb4f71f-9ac3-4003-bd9d-f9f4b253df4e","enabled":true,"communicationChannel":"email","communicationCondition":"always","tabAdvancedOperator":null,"tabAdvancedCondition":null,"typeDest":"user","templateMessage":"Opération Tranquilité Vacances - Précisions usager","senderEmail":"","senderName":""}],"assignee":"","assigneeDefault":""},"DemandeRejetee":{"name":"Demande Rejetée","changeStatus":true,"stateStatus":"statusDefault_rejected","nameStatus":"Refusé","sendMessage":true,"communications":[{"uuid":"093d794b-c8df-46d7-bcc7-e8151e013057","enabled":true,"communicationChannel":"email","communicationCondition":"always","tabAdvancedOperator":null,"tabAdvancedCondition":null,"typeDest":"user","templateMessage":"Opération Tranquilité Vacances - Rejet","senderEmail":"","senderName":""}],"assignee":"","assigneeDefault":""},"DemandeTraitee":{"name":"Demande traitée","changeStatus":true,"stateStatus":"statusDefault_ended","nameStatus":"Clôturé","sendMessage":true,"communications":[{"uuid":"98ef32c1-890c-44c8-a670-e101b6d4a539","enabled":true,"communicationChannel":"email","communicationCondition":"always","tabAdvancedOperator":null,"tabAdvancedCondition":null,"typeDest":"user","templateMessage":"Opération Tranquilité vacances - Traité","senderEmail":"","senderName":""}],"assignee":"","assigneeDefault":""},"ExclusiveGateway_1nkocbv":{"name":"ExclusiveGateway_1nkocbv","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_1666w4x":{"name":"SequenceFlow_1666w4x","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_1dj1e7t":{"name":"SequenceFlow_1dj1e7t","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_08qwxhw":{"name":"SequenceFlow_08qwxhw","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_15ic92m":{"name":"SequenceFlow_15ic92m","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_1x05efi":{"name":"SequenceFlow_1x05efi","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_0sh3bbd":{"name":"SequenceFlow_0sh3bbd","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_09q12hq":{"name":"SequenceFlow_09q12hq","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_0uh6kvn":{"name":"SequenceFlow_0uh6kvn","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_0ogan37":{"name":"SequenceFlow_0ogan37","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_0ukjkco":{"name":"SequenceFlow_0ukjkco","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_08rznq2":{"name":"SequenceFlow_08rznq2","sendMessage":false,"assignee":"","assigneeDefault":""}},"flows":{}},"section":"Sécurité / Tranquilité","comTemplates":[{"procedureId":"Opération Tranquilité vacances","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 des précisions de votre part suite à une demande de surveillance</em></p><div style=\"text-align: center;\"><img src=\"https://s3.fr-par.scw.cloud/citopia-images/procedure-images/default-com-template-image.jpeg\" width=\"240\" height=\"200\"><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 surveillance</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>Absence du : {{{form_du}}} Au : {{{form_Au1}}}</li>\n                                <li>Adresse du domicile : {{{form_adresse1}}}</li>\n                              <li>Type de lieu concerné : {{{form_typeDeLieu}}}</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":"Opération Tranquilité Vacances - Précisions usager","type":"email","sendDocumentsAsAttachments":false,"subject":"Votre demande nécessite des précisions"},{"procedureId":"Opération Tranquilité vacances","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/default-com-template-image.jpeg\" width=\"240\" height=\"200\"><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 surveillance</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>Absence du : {{{form_du}}} Au : {{{form_Au1}}}</li>\n                                <li>Adresse du domicile : {{{form_adresse1}}}</li>\n                              <li>Type de lieu concerné : {{{form_typeDeLieu}}}</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":"Opération Tranquilité vacances - Traité","type":"email","sendDocumentsAsAttachments":false,"subject":"Votre demande de surveillance a été traitée"},{"procedureId":"Opération Tranquilité vacances","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/default-com-template-image.jpeg\" width=\"240\" height=\"200\"><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 surveillance </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>Madame, Monsieur,</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>Absence du : {{{form_du}}} Au : {{{form_Au1}}}</li>\n                                <li>Adresse du domicile : {{{form_adresse1}}}</li>\n                              <li>Type de lieu concerné : {{{form_typeDeLieu}}}</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":"Opération Tranquilité Vacances - Accusé","type":"email","sendDocumentsAsAttachments":false,"subject":"Votre demande de surveillance  a bien été réceptionné"},{"procedureId":"Opération Tranquilité vacances","text":"<!-- 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/default-com-template-image.jpeg\" width=\"240\" height=\"200\"><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 surveillance</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; line-height: 20px; color: rgb(85, 85, 85); font-size: 15px;\">\n                                <div>\n                            \n                                 \n                                <ul><li>Numéro de suivi de la demande : {{{DemarcheDemandeNumeroSuivi}}}</li><li>Absence du : {{{form_du}}} Au : {{{form_Au1}}}</li><li>Adresse du domicile : {{{form_adresse1}}}</li><li>Type de lieu concerné : {{{form_typeDeLieu}}}</li></ul>\n                                \n                              \n                              \n                            \n                        \n                    <br></div>\n                              \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":"Opération Tranquilité Vacances - Rejet","type":"email","sendDocumentsAsAttachments":false,"subject":"Informations concernant votre demande de surveillance"}],"forms":[{"active":true,"components":[{"title":"Informations personnelles","breadcrumbClickable":true,"buttonSettings":{"previous":true,"cancel":true,"next":true},"scrollToTop":false,"collapsible":false,"key":"page1","type":"panel","label":"Page 1","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":false}},{"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","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);"}],"apiKey":"AIzaSyCyNNRd-a-qFy8JKlb8wWpe2Y2TMmCqe6E"},{"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":false,"custom":"valid = ['6','7'].includes(input.substring(4, 5)) ? true : 'Le numéro doit commencer par \"+33 6\" ou \"+33 7\"';"},"tableView":true,"input":true},{"key":"mail","label":"Email","type":"email","defaultValue":"citopia[identity].persona.data.email","validate":{"required":false},"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}]}],"input":false,"tableView":false},{"title":"Informations sur la surveillance demandée","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":"HTML","attrs":[{"attr":"","value":""}],"content":"<div style=\"background-color: #F5F6FA;\n        border:solid;\n        border:1px solid #E1E5F2;\n        padding-left:10px;\n        padding-top:10px;\n        padding-bottom:10px;\n        overflow:auto;\">\n  <h3>Dates de l'absence</h3>\n</div>","refreshOnChange":false,"key":"html","type":"htmlelement","input":false,"tableView":false},{"label":"Columns","columns":[{"components":[{"label":"Du","format":"dd-MM-yyyy","tableView":false,"enableMinDateInput":false,"datePicker":{"disableWeekends":false,"disableWeekdays":false},"enableMaxDateInput":false,"enableTime":false,"validate":{"required":true},"key":"du","type":"datetime","input":true,"widget":{"type":"calendar","displayInTimezone":"viewer","locale":"fr","useLocaleSettings":false,"allowInput":true,"mode":"single","enableTime":false,"noCalendar":false,"format":"dd-MM-yyyy","hourIncrement":1,"minuteIncrement":1,"time_24hr":false,"readOnly":false,"minDate":null,"disableWeekends":false,"disableWeekdays":false,"maxDate":null}}],"width":6,"offset":0,"push":0,"pull":0,"size":"md","currentWidth":6},{"components":[{"label":"Au","format":"dd-MM-yyyy","tableView":false,"enableMinDateInput":false,"datePicker":{"disableWeekends":false,"disableWeekdays":false},"enableMaxDateInput":false,"enableTime":false,"validate":{"required":true},"key":"Au1","type":"datetime","input":true,"widget":{"type":"calendar","displayInTimezone":"viewer","locale":"fr","useLocaleSettings":false,"allowInput":true,"mode":"single","enableTime":false,"noCalendar":false,"format":"dd-MM-yyyy","hourIncrement":1,"minuteIncrement":1,"time_24hr":false,"readOnly":false,"minDate":null,"disableWeekends":false,"disableWeekdays":false,"maxDate":null}}],"width":6,"offset":0,"push":0,"pull":0,"size":"md","currentWidth":6}],"key":"columns","type":"columns","input":false,"tableView":false},{"label":"HTML","attrs":[{"attr":"","value":""}],"content":"<div style=\"background-color: #F5F6FA;\n        border:solid;\n        border:1px solid #E1E5F2;\n        padding-left:10px;\n        padding-top:10px;\n        padding-bottom:10px;\n        overflow:auto;\">\n  <h3>Lieu à surveiller</h3>\n</div>","refreshOnChange":false,"key":"html1","type":"htmlelement","input":false,"tableView":false},{"label":"Adresse","tableView":false,"provider":"google","validate":{"required":true},"key":"adresse1","type":"address","input":true,"components":[{"label":"Address 1","tableView":false,"key":"adresse1_address1","type":"textfield","input":true,"customConditional":"show = _.get(instance, 'parent.manualMode', false);"},{"label":"Address 2","tableView":false,"key":"adresse1_address2","type":"textfield","input":true,"customConditional":"show = _.get(instance, 'parent.manualMode', false);"},{"label":"City","tableView":false,"key":"adresse1_city","type":"textfield","input":true,"customConditional":"show = _.get(instance, 'parent.manualMode', false);"},{"label":"State","tableView":false,"key":"adresse1_state","type":"textfield","input":true,"customConditional":"show = _.get(instance, 'parent.manualMode', false);"},{"label":"Country","tableView":false,"key":"adresse1_country","type":"textfield","input":true,"customConditional":"show = _.get(instance, 'parent.manualMode', false);"},{"label":"Zip Code","tableView":false,"key":"adresse1_zip","type":"textfield","input":true,"customConditional":"show = _.get(instance, 'parent.manualMode', false);"}],"apiKey":"AIzaSyCyNNRd-a-qFy8JKlb8wWpe2Y2TMmCqe6E"},{"label":"Complément d'adresse","tableView":true,"key":"complementDadresse","type":"textfield","input":true},{"label":"Type de lieu","widget":"choicesjs","tableView":true,"data":{"values":[{"label":"Appartement","value":"appartement"},{"label":"Bureau","value":"bureau"},{"label":"Commerce","value":"commerce"},{"label":"Entrepôt","value":"entrepot"},{"label":"Maison","value":"maison"},{"label":"Usine","value":"usine"}]},"validate":{"required":true},"key":"typeDeLieu","attributes":{"editableField":"true","statisticField":"true"},"type":"select","input":true},{"label":"HTML","attrs":[{"attr":"","value":""}],"content":"<div style=\"background-color: #F5F6FA;\n        border:solid;\n        border:1px solid #E1E5F2;\n        padding-left:10px;\n        padding-top:10px;\n        padding-bottom:10px;\n        overflow:auto;\">\n  <h3>Accessibilité du lieu à surveiller</h3>\n</div>","refreshOnChange":false,"key":"html2","type":"htmlelement","input":false,"tableView":false},{"label":"Autorisez-vous la police municipale à pénétrer sur votre propriété ?","optionsLabelPosition":"right","inline":true,"tableView":false,"values":[{"label":"Oui","value":"oui","shortcut":""},{"label":"Non","value":"non","shortcut":""}],"validate":{"required":true},"key":"autorisezVousLaPoliceMunicipaleAPenetrerSurVotrePropriete","type":"radio","input":true},{"label":"Columns","columns":[{"components":[{"label":"Avez-vous un digicode à l'entrée ?","optionsLabelPosition":"right","inline":true,"tableView":false,"values":[{"label":"Oui","value":"oui","shortcut":""},{"label":"Non","value":"non","shortcut":""}],"validate":{"required":true},"key":"avezVousUnDigicodeALentree","type":"radio","input":true}],"width":6,"offset":0,"push":0,"pull":0,"size":"md","currentWidth":6},{"components":[{"label":"Code d'accès","tableView":true,"key":"codeDacces","conditional":{"show":true,"when":"avezVousUnDigicodeALentree","eq":"oui"},"type":"textfield","input":true}],"width":6,"offset":0,"push":0,"pull":0,"size":"md","currentWidth":6}],"key":"columns1","type":"columns","input":false,"tableView":false},{"label":"Avez-vous protégé votre logement avec une alarme ?","optionsLabelPosition":"right","inline":true,"tableView":false,"values":[{"label":"Oui","value":"oui","shortcut":""},{"label":"Non","value":"non","shortcut":""}],"validate":{"required":true},"key":"avezVousProtegeVotreLogementAvecUneAlarme","type":"radio","input":true},{"label":"Y a-t-il la présence d'un chien ?","optionsLabelPosition":"right","inline":true,"tableView":false,"values":[{"label":"Oui","value":"oui","shortcut":""},{"label":"Non","value":"non","shortcut":""}],"validate":{"required":true},"key":"yATIlLaPresenceDunChien","type":"radio","input":true},{"label":"Columns","columns":[{"components":[{"label":"Y a-t-il d'autres animaux ?","optionsLabelPosition":"right","inline":true,"tableView":false,"values":[{"label":"Oui","value":"oui","shortcut":""},{"label":"Non","value":"non","shortcut":""}],"validate":{"required":true},"key":"yATIlDautresAnimaux","type":"radio","input":true}],"width":6,"offset":0,"push":0,"pull":0,"size":"md","currentWidth":6},{"components":[{"label":"Précisez les animaux présents","autoExpand":false,"tableView":true,"validate":{"required":true},"key":"precisezLesAnimauxPresents","conditional":{"show":true,"when":"yATIlDautresAnimaux","eq":"oui"},"type":"textarea","input":true}],"width":6,"offset":0,"push":0,"pull":0,"size":"md","currentWidth":6}],"key":"columns2","type":"columns","input":false,"tableView":false}]},{"title":"Personne à contacter en cas de problèmes","breadcrumbClickable":true,"buttonSettings":{"previous":true,"cancel":true,"next":true},"scrollToTop":false,"collapsible":false,"key":"page3","type":"panel","label":"Page 3","input":false,"tableView":false,"components":[{"components":[{"tableView":false,"input":false,"type":"columns","key":"columns","columns":[{"currentWidth":6,"size":"md","pull":0,"push":0,"offset":0,"width":6,"components":[{"input":true,"type":"textfield","key":"prenomNom","validate":{"required":true},"tableView":true,"label":"Prénom Nom"},{"input":true,"type":"phoneNumber","key":"telephoneN1","tableView":true,"tabindex":"3","inputMask":"+33 9 99 99 99 99","label":"Téléphone"},{"label":"Adresse de la personne à contacter","tableView":false,"provider":"google","key":"adresseDeLaPersonneAContacter","type":"address","input":true,"components":[{"label":"Address 1","tableView":false,"key":"adresseDeLaPersonneAContacter_address1","type":"textfield","input":true,"customConditional":"show = _.get(instance, 'parent.manualMode', false);"},{"label":"Address 2","tableView":false,"key":"adresseDeLaPersonneAContacter_address2","type":"textfield","input":true,"customConditional":"show = _.get(instance, 'parent.manualMode', false);"},{"label":"City","tableView":false,"key":"adresseDeLaPersonneAContacter_city","type":"textfield","input":true,"customConditional":"show = _.get(instance, 'parent.manualMode', false);"},{"label":"State","tableView":false,"key":"adresseDeLaPersonneAContacter_state","type":"textfield","input":true,"customConditional":"show = _.get(instance, 'parent.manualMode', false);"},{"label":"Country","tableView":false,"key":"adresseDeLaPersonneAContacter_country","type":"textfield","input":true,"customConditional":"show = _.get(instance, 'parent.manualMode', false);"},{"label":"Zip Code","tableView":false,"key":"adresseDeLaPersonneAContacter_zip","type":"textfield","input":true,"customConditional":"show = _.get(instance, 'parent.manualMode', false);"}],"apiKey":"AIzaSyCyNNRd-a-qFy8JKlb8wWpe2Y2TMmCqe6E"}]},{"currentWidth":6,"size":"md","pull":0,"push":0,"offset":0,"width":6,"components":[{"label":"Lien avec la personne","widget":"choicesjs","tabindex":"5","tableView":true,"data":{"values":[{"label":"Parents","value":"parents"},{"label":"Frère / soeur","value":"frereSoeur"},{"label":"Grand-Parents","value":"grandParents"},{"label":"Oncle / Tante","value":"oncleTante"},{"label":"Cousin / Cousine","value":"cousinCousine"},{"label":"Voisin / Voisine","value":"voisinVoisine"},{"label":"Ami / Amie","value":"amiAmie"}]},"key":"lienAvecLaPersonne","type":"select","input":true},{"label":"La personne a-t-elle les clés de votre domicile ?","optionsLabelPosition":"right","inline":true,"tableView":false,"values":[{"label":"Oui","value":"oui","shortcut":""},{"label":"Non","value":"non","shortcut":""}],"validate":{"required":true},"key":"laPersonneATElleLesClesDeVotreDomicile","type":"radio","input":true}]}],"label":"Contacts"}],"input":true,"type":"datagrid","key":"listeDesPersonnesAContacter","defaultValue":[{"laPersonneATElleLesClesDeVotreDomicile":"","lienAvecLaPersonne":"","adresseDeLaPersonneAContacter":[],"telephoneN1":"","prenomNom":""}],"tableView":false,"hideLabel":true,"initEmpty":false,"enableRowGroups":false,"layoutFixed":false,"addAnotherPosition":"bottom","reorder":false,"label":"Définissez la liste des contacts"}]},{"title":"Informations complémentaires","breadcrumbClickable":true,"buttonSettings":{"previous":true,"cancel":true,"next":true},"scrollToTop":false,"collapsible":false,"key":"page4","type":"panel","label":"Page 4","input":false,"tableView":false,"components":[{"label":"HTML","attrs":[{"attr":"","value":""}],"content":"<div style=\"background-color: #D3E9FC;\n        color:#134C7D;\n        padding-left:10px;\n        padding-right:10px;\n        padding-bottom:10px;\n        padding-top:10px;\">\n<p>Veuillez saisir tout type d'information susceptible de nous aider à mener à bien notre mission\n(Palier à droite, au centre ou à gauche. Préciser si un autre nom que le votre figure sur la porte). \n<br/><br/>Vous avez aussi la possibilité de déposer une pièce jointe (photo, pdf...)</p>\n</div>","refreshOnChange":false,"key":"html3","type":"htmlelement","input":false,"tableView":false},{"label":"informations complémentaires utiles à la surveillance","autoExpand":false,"tableView":true,"key":"informationsComplementairesUtilesALaSurveillance","type":"textarea","input":true},{"label":"Pièce(s) jointe(s)","tableView":false,"storage":"url","webcam":false,"fileTypes":[{"label":"","value":""}],"fileMaxSize":"10MB","multiple":true,"key":"pieceSJointeS","type":"file","input":true,"options":"{\"document\":true}"}]},{"clearOnRefresh":false,"customClass":"noDisplay","input":true,"inputType":"textfield","key":"jsonIdentityRequested","label":"Champs Technique","labelMargin":3,"labelWidth":30,"tableView":true,"type":"textfield","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a"},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"clearOnRefresh":false,"customClass":"noDisplay","defaultValue":"onLine","input":true,"inputType":"textfield","key":"canalRequest","label":"Champs Technique","labelMargin":3,"labelWidth":30,"tableView":true,"type":"textfield","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a"},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"clearOnRefresh":false,"customClass":"noDisplay","input":true,"inputType":"textfield","key":"tenantId","label":"Champs Technique","labelMargin":3,"labelWidth":30,"tableView":true,"type":"textfield","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a"},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false,"defaultValue":"9e893d81-997c-4931-8022-ce479728e8dd"},{"clearOnRefresh":false,"customClass":"noDisplay","input":true,"inputType":"textfield","key":"__connector","label":"Champs Technique","labelMargin":3,"labelWidth":30,"tableView":true,"type":"textfield","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a"},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"clearOnRefresh":false,"customClass":"noDisplay","input":true,"inputType":"textfield","key":"__customId","label":"Champs Technique","labelMargin":3,"labelWidth":30,"tableView":true,"type":"textfield","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a"},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"clearOnRefresh":false,"customClass":"noDisplay","input":true,"inputType":"textfield","key":"__createdAt","label":"Champs Technique","labelMargin":3,"labelWidth":30,"tableView":true,"type":"textfield","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a"},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"clearOnRefresh":false,"customClass":"noDisplay","input":true,"inputType":"textfield","key":"__startActivityId","label":"Champs Technique","labelMargin":3,"labelWidth":30,"tableView":true,"type":"textfield","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a"},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false}],"display":"wizard","procedureId":"Opération Tranquilité vacances","name":"Opération Tranquilité Vacances","type":"init"},{"active":null,"components":[{"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","procedureId":"Opération Tranquilité vacances","name":"Generique - infos complementaires usagers - 1755176486548","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 ?"},{"label":"Souhaitez-vous envoyer un message à l'usager pour l'informer ?","optionsLabelPosition":"right","inline":false,"tableView":false,"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"},{"label":"Oui, via un courrier","value":"paperMail","shortcut":""},{"shortcut":"","value":"2","label":"Non"}],"validate":{"required":true},"key":"souhaitezVousEnvoyerUnMessageALusagerPourLinformerDuRefusDeSaDemande1","conditional":{"show":false,"when":"approvalState","eq":"2"},"type":"customContactResponseRadio","input":true},{"txt_label":"Saisissez votre message à destination de l'usager","required_comment":true,"key":"customAddPublicCommentForm1","conditional":{"show":true,"when":"souhaitezVousEnvoyerUnMessageALusagerPourLinformerDuRefusDeSaDemande1","eq":"0"},"type":"customAddPublicCommentForm","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},{"key":"customFormSendEmail","conditional":{"show":true,"when":"souhaitezVousEnvoyerUnMessageALusagerPourLinformerDuRefusDeSaDemande1","eq":"1"},"type":"customFormSendEmail","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},{"label":"HTML","attrs":[{"value":"","attr":""}],"content":"<div style=\"background-color: #D3E9FC;\n        color:#134C7D;\n        padding-left:10px;\n        padding-top:10px;\n        overflow:auto;\"><h5>Vous souhaitez demander des précisions à l'usager.</h5>\n<p>\nL'usager sera notifié par email de l'arrivé d'un commentaire public.<br>\nIl pourra le consulter depuis le portail citoyen.<br/> \nSaisissez votre message à destination de l'usager ci-dessous.<br/><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","procedureId":"Opération Tranquilité vacances","name":"Générique - Traiter demande - 1755176486549","type":"process"}]}