Fix modal display Refs #0028818

6 files changed, 37 insertions, 32 deletions

diff --git a/app/assets/stylesheets/main/vehicle_translation.css.scss b/app/assets/stylesheets/main/vehicle_translation.css.scss
new file mode 100644
index 000000000..f399d1a4a
--- /dev/null
+++ b/app/assets/stylesheets/main/vehicle_translation.css.scss
@@ -0,0 +1,15 @@
+#translate_form{
+    .repeat_cloning{
+        margin-top: 30px;        
+    }
+
+    .modal-footer{
+        .actions {
+            padding-left: 75%;
+            
+            li {
+                margin: 0px 0px;
+            }
+        }
+    }
+}
diff --git a/app/assets/stylesheets/vendor/formtastic_changes.css.scss b/app/assets/stylesheets/vendor/formtastic_changes.css.scss
index bdd634384..4e7ea0d37 100644
--- a/app/assets/stylesheets/vendor/formtastic_changes.css.scss
+++ b/app/assets/stylesheets/vendor/formtastic_changes.css.scss
@@ -1,17 +1,16 @@
-input.typeahead{
-    & .formtastic .input {
+.formtastic{
+     
+    .input.typeahead_wrapper{
         overflow: inherit !important;
     }
-}    
-
-.formtastic{
 
     .label{
         white-space: normal;
+        text-align: right;
     }
 
-    .input{
-        overflow: visible;
+    .stringish input{
+        width: auto;
     }
     
     fieldset.inputs {
diff --git a/app/inputs/search_stop_area_input.rb b/app/inputs/search_stop_area_input.rb
index 44f9cf82a..1feb58d00 100644
--- a/app/inputs/search_stop_area_input.rb
+++ b/app/inputs/search_stop_area_input.rb
@@ -9,6 +9,7 @@ class SearchStopAreaInput < Formtastic::Inputs::SearchInput
              crossDomain: false,
              tokenLimit: #{tokenLimit},
              minChars: 2,
+             preventDuplicates: true,
              hintText: '#{options[:hint_text]}',
              noResultsText: '#{options[:no_result_text]}',
              searchingText: '#{options[:searching_text]}',
diff --git a/app/inputs/search_time_table_input.rb b/app/inputs/search_time_table_input.rb
index 49f266d7a..eb992c2d0 100644
--- a/app/inputs/search_time_table_input.rb
+++ b/app/inputs/search_time_table_input.rb
@@ -9,6 +9,7 @@ class SearchTimeTableInput < Formtastic::Inputs::SearchInput
              crossDomain: false,
              tokenLimit: #{tokenLimit},
              minChars: 2,
+             propertyToSearch: 'comment',
              preventDuplicates: true,
              hintText: '#{options[:hint_text]}',
              noResultsText: '#{options[:no_result_text]}',
diff --git a/app/views/vehicle_journeys/show.html.erb b/app/views/vehicle_journeys/show.html.erb
index c7ab1e073..9bf433c29 100644
--- a/app/views/vehicle_journeys/show.html.erb
+++ b/app/views/vehicle_journeys/show.html.erb
@@ -6,7 +6,7 @@
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
         <h4 class="modal-title" id="myModalLabel"><%= t('.translation_form') %></h4>
-        <p id="translate_form"></p>
+        <div id="translate_form"></div>
       </div>
     </div>
   </div>
diff --git a/app/views/vehicle_translations/_translate_form.html.erb b/app/views/vehicle_translations/_translate_form.html.erb
index 8759d89f9..0ca6a6b84 100644
--- a/app/views/vehicle_translations/_translate_form.html.erb
+++ b/app/views/vehicle_translations/_translate_form.html.erb
@@ -1,35 +1,24 @@
-<div id="translate_form">
-  <%= render "shared/flash_messages" %>
-  <%= semantic_form_for [@referential, @line, @route, @vehicle_journey, @vehicle_translation], remote: true do |form| %>
+<%= render "shared/flash_messages" %>
+<%= semantic_form_for [@referential, @line, @route, @vehicle_journey, @vehicle_translation], remote: true do |form| %>
   <div class="modal-body">
     <%= form.inputs do %>
       <%= form.input :departure_or_arrival, as: :select, label: t('.set'), collection: [ [ t('.first_stop_departure_time', stop_name: @vehicle_translation.first_stop_name), "departure"], [t('.first_stop_arrival_time', stop_name: @vehicle_translation.first_stop_name), "arrival"] ], include_blank: false, required: true %>
       <%= form.input :first_stop_time,
         as: :time_picker, label: t( ".to"),
-        input_html: { class: "form-control input-sm timepicker_basic"}, wrapper_html: { class: "input-append bootstrap-timepicker" } %>
-      <div class="panel-group" id="accordion">
-      <div class="panel panel-default">
-        <div class="panel-heading">
-          <h4 class="panel-title">
-            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
-              <%= t('.multiple_cloning_form') %>
-            </a>
-          </h4>
-        </div>
-        <div id="collapseOne" class="panel-collapse collapse in">
-          <div class="panel-body">
-            <%= form.input :duration, as: :number %>
-            <%= form.input :count, as: :number %>
-           </div>
-        </div>
+          input_html: { class: "form-control input-sm timepicker_basic"}, wrapper_html: { class: "input-append bootstrap-timepicker" } %>
+
+      <div class="repeat_cloning">
+        <h4>      
+          <%= t('.multiple_cloning_form') %>
+        </h4>
+        <%= form.input :duration, as: :number %>
+        <%= form.input :count, as: :number %>
       </div>
-    </div>
     <% end %>
   </div>
   <div class="modal-footer">
     <%= form.actions do %>
-      <%= form.action :submit, as: :button, label: t('.validation') %>
+      <%= form.action :submit, as: :button, label: t('formtastic.clone') %>
     <% end %>
-  <% end %>
-  </div>
-</div>
+  </div>    
+<% end %>