Continue on dossier#show

Gemfile

@@ -46,6 +46,7 @@ gem 'will_paginate-bootstrap'
 
 # Decorators
 gem 'draper', '~> 3.0.0.pre1'
+gem 'unicode_utils'
 
 #Gestion des comptes utilisateurs
 gem 'devise'

Gemfile.lock

@@ -588,6 +588,7 @@ GEM
       unf_ext
     unf_ext (0.0.7.2)
     unicode-display_width (1.1.1)
+    unicode_utils (1.4.0)
     unicorn (5.2.0)
       kgio (~> 2.6)
       raindrops (~> 0.7)
@@ -693,6 +694,7 @@ DEPENDENCIES
   timecop
   turbolinks (~> 2.5)
   uglifier (>= 1.3.0)
+  unicode_utils
   unicorn
   vcr
   web-console (~> 2.0)

app/assets/stylesheets/backoffice.scss

@@ -11,6 +11,7 @@
   margin-right: 2rem;
 
   .default_data_block {
+    background-color: #FFFFFF;
     .show-block {
       width: 100%;
     }

app/assets/stylesheets/dossier_show.scss

@@ -66,5 +66,27 @@
   #infos {
   }
   #dossier {
+    .body {
+      padding: 0 20px 0 20px;
+      color: #000000;
+      .depositaire-label {
+        font-weight: bold;
+        text-align: end;
+      }
+      .depositaire-info {
+      }
+      .dossier-title {
+        font-size: 16px;
+        height: 40px;
+        text-align: center;
+      }
+      .split-hr {
+        border-bottom: 1px solid #979797;
+        height: 12px;
+      }
+      .title-row {
+        margin: 20px 10px 0 10px;
+      }
+    }
   }
 }

app/assets/stylesheets/recapitulatif.scss

@@ -1,13 +1,3 @@
-#infos_dossier{
-  background-color:rgba(248,248,255,0.8);
-  padding-left:13%;
-  padding-right:13%;
-  padding-bottom:20px;
-  padding-top:15px;
-  margin-left:-10rem;
-  margin-right:-10rem;
-}
-
 #UploadPJmodal {
   text-align: left;
 

app/views/backoffice/dossiers/show.html.haml

@@ -64,10 +64,6 @@
         %div.col-lg-2.col-md-2.action
           EDITER
       %div.body
-
-
-
         = render partial: '/dossiers/infos_dossier'
-
+  - if false
-  %div
     = render partial: 'dossiers/tab_objects_dossier'

app/views/dossiers/_infos_dossier.html.haml

@@ -1,37 +1,49 @@
-#infos_dossier
 %div.row
-    .col-lg-6.col-md-6
+  .col-lg-12.col-md-12
-      %h3
+    %h3= @facade.dossier.procedure.libelle
-        = @facade.dossier.procedure.libelle
-
     - if @facade.procedure.for_individual?
-        %br
+      .row.title-row
-        .individual.text-info
+        %div.col-md-4.col-lg-4.split-hr
-          %h4
+        %div.col-md-4.col-lg-4.dossier-title= t('dynamics.dossiers.depositaite').upcase
-            =t('dynamics.dossiers.depositaite')
+        %div.col-md-4.col-lg-4.split-hr
-
+      .row
-          %table.table{style:'width: 60%'}
+        %div.col-md-6.col-lg-6.depositaire-label Civilité
-            %tr
+        %div.col-md-6.col-lg-6.depositaire-info= @facade.individual.gender
-              %th.col-md-3.col-lg-3
+      .row
-                Civilité
+        %div.col-md-6.col-lg-6.depositaire-label Nom
-              %td.col-md-5.col-lg-5
+        %div.col-md-6.col-lg-6.depositaire-info= @facade.individual.nom
-                = @facade.individual.gender
+      .row
-            %tr
+        %div.col-md-6.col-lg-6.depositaire-label Prénom
-              %th.col-md-3.col-lg-3
+        %div.col-md-6.col-lg-6.despositaire-info= @facade.individual.prenom
-                Nom
-              %td.col-md-5.col-lg-5
-                = @facade.individual.nom
-            %tr
-              %th.col-md-3.col-lg-3
-                Prénom
-              %td.col-md-5.col-lg-5
-                = @facade.individual.prenom
       - unless Features.opensimplif
-              %tr
+        .row
-                %th.col-md-3.col-lg-3
+          %div.col-md-6.col-lg-6.depositaire-label Date de naissance
-                  Date de naissance
+          %div.col-md-6.col-lg-6.depositaire-info= @facade.individual.birthdate
-                %td.col-md-5.col-lg-5
+
-                  = @facade.individual.birthdate
+    - unless @facade.champs.nil?
+      .row.title-row
+        %div.col-md-4.col-lg-4.split-hr
+        %div.col-md-4.col-lg-4.dossier-title= t('dynamics.dossiers.liste_champs').upcase
+        %div.col-md-4.col-lg-4.split-hr
+        -@facade.champs.each do |champ|
+          .row
+            %div.col-md-6.col-lg-6.depositaire-label= champ.libelle
+            %div.col-md-1.col-lg-1.depositaire-info
+              -if gestionnaire_signed_in?
+                = link_to "COM", "", "data-href" => backoffice_dossier_commentaires_path(@facade.dossier, champs_id: champ.id),
+                  "data-toggle" => "modal", "data-target" => "#modalCommentairesDossierParChamp"
+              -else
+                = link_to "COM", "", "data-href" => users_dossier_commentaires_path(@facade.dossier, champs_id: champ.id),
+                  "data-toggle" => "modal", "data-target" => "#modalCommentairesDossierParChamp"
+            %div.col-md-5.col-lg-5.depositaire-info
+              -unless champ.decorate.value.blank?
+                = champ.decorate.value.html_safe
+
+  .row
+    .col-lg-12.col-md-12
+      =render partial: '/dossiers/pieces_justificatives'
+
+
 
     - if @facade.dossier.mandataire_social && gestionnaire_signed_in?
       .mandataire_social.text-success.center
@@ -55,25 +67,6 @@
         initCarto();
 
 %br
-  -unless @facade.champs.nil?
-    .row
-      .col-lg-6.col-md-6
-        %table.table#liste_champs
-          -@facade.champs.each do |champ|
-            %tr
-              %th{ style: 'width:25%' }
-                =champ.libelle
-                -if gestionnaire_signed_in?
-                  =link_to "COM", "", "data-href" => backoffice_dossier_commentaires_path(@facade.dossier, champs_id: champ.id),
-                    "data-toggle" => "modal", "data-target" => "#modalCommentairesDossierParChamp"
-                -else
-                  =link_to "COM", "", "data-href" => users_dossier_commentaires_path(@facade.dossier, champs_id: champ.id),
-                    "data-toggle" => "modal", "data-target" => "#modalCommentairesDossierParChamp"
-              %td
-                -unless champ.decorate.value.blank?
-                  =champ.decorate.value.html_safe
-      .col-lg-6.col-md-6
-        =render partial: '/dossiers/pieces_justificatives'
 %br
 
 .row{style: 'text-align:right'}

config/initializers/stringupcasepatch.rb

@@ -0,0 +1,9 @@
+require "unicode_utils/upcase"
+
+class String
+
+  def upcase
+    UnicodeUtils.upcase(self)
+  end
+
+end

config/locales/dynamics/fr.yml

@@ -33,6 +33,7 @@ fr:
       invites:
         title: "Personnes invitées à voir ce dossier"
         empty: "Aucune personne invitée"
+      liste_champs: "Champs du dossier"
 
     admin:
       connexion_title: Administration