avis: improve layout and wording

This commit is contained in:
Pierre de La Morinerie 2019-10-14 14:01:09 +00:00
parent 51c194e253
commit e0571a8ae3
2 changed files with 11 additions and 9 deletions

View file

@ -33,6 +33,8 @@
} }
.ask-avis { .ask-avis {
margin-bottom: 2 * $default-padding;
.avis-notice { .avis-notice {
font-size: 14px; font-size: 14px;
color: $grey; color: $grey;
@ -67,7 +69,7 @@
.confidentiel-explanation { .confidentiel-explanation {
font-size: 14px; font-size: 14px;
color: $grey; color: $grey;
margin-top: -$default-padding; margin-top: - $default-padding;
margin-bottom: 2 * $default-padding; margin-bottom: 2 * $default-padding;
} }
} }

View file

@ -1,23 +1,23 @@
%section.ask-avis %section.ask-avis
%h1.tab-title Inviter des personnes à donner leur avis %h1.tab-title Inviter des personnes à donner leur avis
%p.avis-notice Les invités pourront consulter, donner un avis sur le dossier et contribuer au fil de messagerie, mais ils ne pourront pas le modifier. %p.avis-notice Les invités pourront consulter le dossier, donner un avis et contribuer au fil de messagerie. Ils ne pourront pas modifier le dossier.
= form_for avis, url: url, html: { class: 'form' } do |f| = form_for avis, url: url, html: { class: 'form' } do |f|
= f.email_field :emails, placeholder: 'Adresses email, séparées par des virgules', required: true, multiple: true, onchange: "javascript:DS.replaceSemicolonByComma(event);" = f.email_field :emails, placeholder: 'Adresses email, séparées par des virgules', required: true, multiple: true, onchange: "javascript:DS.replaceSemicolonByComma(event);"
= f.text_area :introduction, rows: 3, value: avis.introduction || 'Bonjour, merci de me donner votre avis sur ce dossier.', required: true = f.text_area :introduction, rows: 3, value: avis.introduction || 'Bonjour, merci de me donner votre avis sur ce dossier.', required: true
.flex.justify-between.align-baseline .flex.justify-between.align-baseline
- if must_be_confidentiel - if must_be_confidentiel
%p.confidentiel.flex %p.confidentiel.flex
%span.icon.lock %span.icon.lock
%span %span
Cet avis est confidentiel et n'est pas affiché aux autres experts consultés mais est visible par tous les instructeurs Cet avis sera confidentiel : il ne sera pas affiché aux autres experts consultés, mais sera visible par les instructeurs.
.send-wrapper
= f.submit 'Demander un avis', class: 'button send'
- else - else
.confidentiel-wrapper .confidentiel-wrapper
= f.label :confidentiel, 'Cet avis est' = f.label :confidentiel, 'Cet avis sera '
= f.select :confidentiel, [['partagé avec les autres experts', false], ['confidentiel', true]], {}, onchange: "javascript:DS.toggleCondidentielExplanation(event);" = f.select :confidentiel, [['partagé avec les autres experts', false], ['confidentiel', true]], {}, onchange: "javascript:DS.toggleCondidentielExplanation(event);"
.confidentiel-explanation.hidden .confidentiel-explanation.hidden
Il ne sera pas affiché aux autres experts consultés mais sera visible par les instructeurs Il ne sera pas affiché aux autres experts consultés, mais sera visible par les instructeurs.
.send-wrapper
= f.submit 'Demander un avis', class: 'button send' = f.submit 'Demander un avis', class: 'button primary send'