_search_fields.html.erb in blacklight-spotlight-3.0.0.alpha.1

- old
+ new

@@ -12,21 +12,23 @@
       <% current_exhibit.blacklight_config.search_fields.select { |_, config| config.if }.each do |key, search_config| %>
         <% translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "blacklight.search.fields.search.#{key}", locale: @language) %>
         <%= f.fields_for :translations, translation do |translation_fields| %>
           <%= translation_fields.hidden_field :key %>
           <%= translation_fields.hidden_field :locale %>
-          <div data-translation-progress-item='true' class='form-group translation-form'>
-            <%= translation_fields.label :value, t("spotlight.search.fields.search.#{key}", locale: I18n.default_locale), class: 'control-label col-xs-12 col-sm-2' %>
-            <div class='col-xs-11 col-sm-9 panel panel-body panel-translation'>
+          <div data-translation-progress-item='true' class='row form-group translation-form'>
+            <%= translation_fields.label :value, t("spotlight.search.fields.search.#{key}", locale: I18n.default_locale), class: 'col-form-label col-12 col-sm-2' %>
+            <div class='col-11 col-sm-9 card card-body panel-translation'>
               <%= translation_fields.text_field_without_bootstrap :value, class: 'form-control' %>
-              <p class="help-block">
+              <small class="form-text text-muted">
                 <%= search_config.label %>
-              </p>
+              </small>
             </div>
-            <div class='col-xs-1'>
+            <div class='col-1'>
               <% if translation.value.present? %>
-                <span data-translation-present="true" class='glyphicon glyphicon-ok'></span>
+                <span data-translation-present="true">
+                  <%= blacklight_icon('check', classes: 'translation-complete') %>
+                </span>
               <% end %>
             </div>
           </div>
         <% end %>
       <% end %>
@@ -40,21 +42,23 @@
       <% current_exhibit.blacklight_config.facet_fields.each do |key, facet_config| %>
         <% translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "blacklight.search.fields.facet.#{key}", locale: @language) %>
         <%= f.fields_for :translations, translation do |translation_fields| %>
           <%= translation_fields.hidden_field :key %>
           <%= translation_fields.hidden_field :locale %>
-          <div data-translation-progress-item='true' class='form-group translation-form'>
-            <%= translation_fields.label :value, t("spotlight.search.fields.facet.#{key}", locale: I18n.default_locale), class: 'control-label col-xs-12 col-sm-2' %>
-            <div class='col-xs-11 col-sm-9 panel panel-body panel-translation'>
+          <div data-translation-progress-item='true' class='row form-group translation-form'>
+            <%= translation_fields.label :value, t("spotlight.search.fields.facet.#{key}", locale: I18n.default_locale), class: 'col-form-label col-12 col-sm-2' %>
+            <div class='col-11 col-sm-9 card card-body panel-translation'>
               <%= translation_fields.text_field_without_bootstrap :value, class: 'form-control' %>
-              <p class="help-block">
+              <small class="form-text text-muted">
                 <%= facet_config.label %>
-              </p>
+              </small>
             </div>
-            <div class='col-xs-1'>
+            <div class='col-1'>
               <% if translation.value.present? %>
-                <span data-translation-present="true" class='glyphicon glyphicon-ok'></span>
+                <span data-translation-present="true">
+                  <%= blacklight_icon('check', classes: 'translation-complete') %>
+                </span>
               <% end %>
             </div>
           </div>
         <% end %>
       <% end %>
@@ -69,19 +73,21 @@
         <% translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "blacklight.search.fields.sort.#{key}", locale: @language) %>
         <%= f.fields_for :translations, translation do |translation_fields| %>
           <%= translation_fields.hidden_field :key %>
           <%= translation_fields.hidden_field :locale %>
           <div data-translation-progress-item='true' class='form-group translation-form'>
-            <%= translation_fields.label :value, t("spotlight.search.fields.sort.#{key}", locale: I18n.default_locale), class: 'control-label col-xs-12 col-sm-2' %>
-            <div class='col-xs-11 col-sm-9 panel panel-body panel-translation'>
+            <%= translation_fields.label :value, t("spotlight.search.fields.sort.#{key}", locale: I18n.default_locale), class: 'col-form-label col-12 col-sm-2' %>
+            <div class='col-11 col-sm-9 card card-body panel-translation'>
               <%= translation_fields.text_field_without_bootstrap :value, class: 'form-control' %>
-              <p class="help-block">
+              <small class="form-text text-muted">
                 <%= sort_config.label %>
-              </p>
+              </small>
             </div>
-            <div class='col-xs-1'>
+            <div class='col-1'>
               <% if translation.value.present? %>
-                <span data-translation-present="true" class='glyphicon glyphicon-ok'></span>
+                <span data-translation-present="true">
+                  <%= blacklight_icon('check', classes: 'translation-complete') %>
+                </span>
               <% end %>
             </div>
           </div>
         <% end %>
       <% end %>