New UI for description dossier in user view

app/views/users/description/champs/_header_section.html.haml

@@ -1,6 +1,64 @@
-%h3.text-primary.page-header
-  =champ.libelle
-  %span.mask_section{style:'float: right'}
-    %a.mask_section_button.btn.btn-xs.btn-info{id: "mask_button_"+champ.id.to_s}
-      Masquer la section
-      %i.fa.fa-chevron-up
+.default_data_block.default_visible
+  %div.row.show-block#infos
+    %div.header
+      %div.col-lg-12.col-md-12.title
+        %div.carret-right
+        %div.carret-down
+        =libelle
+    %div.body
+      -champs.each do |champ|
+        - if champ.order_place > order_place
+          - if champ.type_champ == 'header_section'
+            - break
+
+          - unless champ.type_champ == 'checkbox' || champ.type_champ == 'engagement'
+            %h4
+              = champ.libelle
+              - if champ.mandatory?
+                = '*'
+
+          -if champ.type_champ == 'textarea'
+            =render partial: 'users/description/champs/textarea', locals: {champ: champ}
+
+          -elsif champ.type_champ == 'checkbox'
+            = render partial: 'users/description/champs/checkbox', locals: {champ: champ}
+
+          -elsif champ.type_champ == 'civilite'
+            =render partial: 'users/description/champs/civilite', locals: {champ: champ}
+
+          - elsif champ.type_champ == 'datetime'
+            =render partial: 'users/description/champs/datetime', locals: {champ: champ}
+
+          - elsif champ.type_champ == 'yes_no'
+            =render partial: 'users/description/champs/yes_no', locals: {champ: champ}
+
+          - elsif champ.type_champ == 'drop_down_list'
+            =render partial: 'users/description/champs/drop_down_list', locals: {champ: champ}
+
+          - elsif champ.type_champ == 'pays'
+            =render partial: 'users/description/champs/pays', locals: {champ: champ}
+
+          - elsif champ.type_champ == 'regions'
+            =render partial: 'users/description/champs/regions', locals: {champ: champ}
+
+          - elsif champ.type_champ == 'engagement'
+            =render partial: 'users/description/champs/engagement', locals: {champ: champ}
+
+          - elsif champ.type_champ == 'departements'
+            =render partial: 'users/description/champs/departements', locals: {champ: champ}
+
+          -else
+            %input.form-control{name:"champs['#{champ.id}']",
+                    placeholder: champ.libelle,
+                    id: "champs_#{champ.id}",
+                    value: champ.value,
+                    type: champ.type_champ,
+                    'data-provide' => champ.data_provide,
+                    'data-date-format' => champ.data_date_format}
+
+        - unless champ.description.empty? || champ.type_champ == 'engagement'
+          .row
+            .col-lg-8.col-md-8{class: 'description_div', id:"description_champs_#{champ.id}"}
+              = champ.description
+
+