Add clickable links in champ description and use bootstrap layout for forms

.byebug_history

@@ -1,3 +1,12 @@
+continue
+next
+SIADETOKEN
+next
+exit
+params
+next
+params
+SIADETOKEN
 exit
 xit
 xtei

Gemfile

@@ -119,12 +119,11 @@ end
 
 group :development do
   # Access an IRB console on exception pages or by using <%= console %> in views
-
   gem 'web-console'
-
   gem 'rack-handlers'
-
   gem 'xray-rails'
+  gem 'guard'
+
 end
 
 group :development, :test do

app/assets/javascripts/bootstrap_wysihtml5.js

@@ -3,6 +3,6 @@ $(document).on('page:load', wysihtml5_active);
 
 function wysihtml5_active (){
     $('.wysihtml5').each(function(i, elem) {
-        $(elem).wysihtml5({ toolbar:{ "fa": true, "link": false, "color": true }, "locale": "fr-FR" });
+        $(elem).wysihtml5({ toolbar:{ "fa": true, "link": false, "color": false }, "locale": "fr-FR" });
     });
 }

app/assets/javascripts/description.js

@@ -18,14 +18,6 @@ function action_type_de_champs() {
         toggleErrorClass(this, validatePhone(val));
     });
 
-    $("#liste_champs input").on('focus', function () {
-        $("#description_" + this.id).slideDown();
-    });
-
-    $("#liste_champs input").on('blur', function () {
-        $("#description_" + this.id).slideUp();
-    });
-
     address_type_init();
 }
 

app/assets/stylesheets/application.scss

@@ -143,10 +143,6 @@ textarea#description {
   max-width: 27px;
 }
 
-label {
-  font-weight: normal;
-}
-
 div.pagination {
   padding-top: 20px;
   display: block;

app/assets/stylesheets/description.scss

@@ -7,9 +7,7 @@
     .show-block {
       width: 90%;
       .body{
-        padding-left: 35px;
-        padding-right: 35px;
-        padding-bottom: 35px;
+        padding: 15px;
       }
     }
   }
@@ -134,10 +132,3 @@
     width: 160px;
   }
 }
-
-.description_div {
-  margin-top: 5px;
-  margin-left: 5px;
-  color: dimgrey;
-  display: none;
-}

app/decorators/champ_decorator.rb

@@ -7,4 +7,9 @@ class ChampDecorator < Draper::Decorator
     end
     object.value
   end
+
+  def description_with_links
+    description.gsub(URI.regexp, '<a target="_blank" href="\0">\0</a>').html_safe if description
+  end
+
 end

app/views/users/description/_show.html.haml

@@ -15,7 +15,7 @@
     = @dossier.procedure.libelle
 
   -#TODO use form_for
-  = form_tag(url_for({controller: 'users/description', action: :create, dossier_id: @dossier.id}), class: 'form-inline', method: 'POST', multipart: true) do
+  = form_tag(url_for({controller: 'users/description', action: :create, dossier_id: @dossier.id}), class: 'form', method: 'POST', multipart: true) do
     -unless @champs.nil?
       #liste_champs
         =render partial: 'users/description/champs', locals:{private: false}

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

@@ -1,13 +1,16 @@
--champs.each do |champ|
+- champs.decorate.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
+      .row
+        %div{ class: if champ.type_champ == 'textarea' then 'col-md-12' else 'col-md-6' end }
+          .form-group
+            %label{ for: "champs_#{ champ.id }"}
               = champ.libelle
               - if champ.mandatory?
-          = '*'
+                *
 
             - if champ.type_champ == 'textarea'
               = render partial: 'users/description/champs/textarea', locals: { champ: champ }
@@ -49,6 +52,5 @@
                               'data-date-format' => champ.data_date_format}
 
             - unless champ.description.empty? || champ.type_champ == 'engagement'
-    .row
-      .col-lg-8.col-md-8.col-sm-8.col-xs-8{class: 'description_div', id:"description_champs_#{champ.id}"}
-        = champ.description
+              .help-block{ id:"description_champs_#{ champ.id }" }
+                = champ.description_with_links