Merge pull request #2693 from tchak/draft-demarche-ux

Add more information about lien demarche

app/assets/stylesheets/procedure.scss

@@ -17,3 +17,17 @@
     }
   }
 }
+
+.procedure-lien {
+  align-items: center;
+  display: flex;
+  margin-bottom: 8px;
+
+  .prefix {
+    flex-shrink: 0;
+  }
+
+  input {
+    margin-left: 8px;
+  }
+}

app/views/admin/procedures/_informations.html.haml

@@ -13,11 +13,17 @@
 - if !@procedure.locked?
   - if Flipflop.publish_draft?
     .form-group
-      %h4 Lien*
+      %h4 Lien public*
-      = f.text_field :path, value: @path, class: 'form-control', data: { remote: true, debounce: true, url: admin_procedures_available_path, params: { id: @procedure.id }.to_query(:procedure) }
+      .procedure-lien
-      .unavailable-path-message
+        %span.prefix
+          = commencer_test_url(procedure_path: '')
+        = f.text_field :path, value: @path, class: 'form-control', data: { remote: true, debounce: true, url: admin_procedures_available_path, params: { id: @procedure.id }.to_query(:procedure) }
+      %p.unavailable-path-message.text-warning
         - if !@available
           = render partial: 'unavailable', locals: { mine: @mine }
+      %p.help-block
+        %i.fa.fa-info-circle
+        Afin de faciliter l’accès à la démarche, vous êtes invité à personnaliser l’adresse d'accès public. C'est ce lien qu'il va falloir communiquer aux usagers souhaitant faire la démarche.
 
   .form-group
     %h4 Conservation des données
@@ -34,9 +40,10 @@
 - if  Flipflop.web_hook?
   .form-group
     %h4 Lien de rappel HTTP
-    %p
+    = f.text_field :web_hook_url, class: 'form-control', placeholder: 'https://callback.exemple.fr/'
+    %p.help-block
+      %i.fa.fa-info-circle
       Un lien de rappel HTTP (aussi appelé webhook) est utilisé pour notifier un service tiers du changement de l'état d’un dossier sur demarches-simplifiees.fr. À chaque changement d’état d'un dossier, notre site va effectuer une requête sur le lien renseigné avec en paramètres : le nouvel état du dossier, l’identifiant de la démarche, l'identifiant dossier et la date du changement. Vous pourrez alors utiliser notre API pour récupérer les nouvelles informations du dossier concerné.
-      = f.text_field :web_hook_url, class: 'form-control', placeholder: 'https://callback.exemple.fr/'
 
 .form-group
   %h4 Cadre juridique *