blacklight-spotlight 3.0.0.alpha.9 → 3.0.0.rc4

data/app/views/spotlight/shared/_honeypot_field.html.erb

@@ -0,0 +1,4 @@
+<span style="display:none;visibility:hidden;">
+  <% honeypot_field_name = Spotlight::Engine.config.spambot_honeypot_email_field %>
+  <%= f.email_field honeypot_field_name, label: t(:'spotlight.shared.report_a_problem.honeypot_field_explanation') %>
+</span>

data/app/views/spotlight/shared/_locale_picker.html.erb

@@ -6,7 +6,7 @@
     <ul class="dropdown-menu">
       <% locale_selecter_dropown_options.each do |language| %>
         <li>
-          <%= link_to language.to_native, (spotlight.url_for(locale: lanaguage.locale) rescue url_for(locale: language.locale)), class: 'dropdown-item', data: { turbolinks: false } %>
+          <%= link_to language.to_native, current_page_for_locale(language.locale), class: 'dropdown-item', data: { turbolinks: false } %>
         </li>
       <% end %>
     </ul>

data/app/views/spotlight/shared/_report_a_problem.html.erb

@@ -2,20 +2,17 @@
   <div class="row justify-content-center">
     <% contact_form ||= Spotlight::ContactForm.new current_url: request.original_url %>
     <%= bootstrap_form_for contact_form, url: spotlight.exhibit_contact_form_path(current_exhibit, contact_form), layout: :horizontal, label_col: 'col-sm-3', control_col: 'col-sm-9', html: { class: 'col-md-offset-2 col-md-8 my-3 '} do |f| %>
-
       <h2><%= t(:'.title') %></h2>
+      <div class="alert alert-primary"><%= t('.reporting_from', url: contact_form.current_url) %></div>
+      <%= f.text_area :message, rows: 4 %>
       <%= f.text_field :name %>
-      <span style="display:none;visibility:hidden;">
-        <% honeypot_field_name = Spotlight::Engine.config.spambot_honeypot_email_field %>
-        <%= f.email_field honeypot_field_name, label: t(:'.honeypot_field_explanation') %>
-      </span>
+      <%= render '/spotlight/shared/honeypot_field', f: f %>
       <%= f.email_field :email %>
-      <%= f.text_area :message, rows: 7 %>
       <%= f.hidden_field :current_url %>
-      <div class="form-actions">
-        <div class="primary-actions">
-        <%= link_to t(:'helpers.action.cancel'), '#', class: 'btn-sizing', data: { 'behavior' => 'cancel-link' } %>
-        <%= f.submit nil, class: 'btn btn-primary' %>
+      <div class="form-actions row">
+        <div class="col offset-sm-3">
+          <%= f.submit nil, class: 'btn btn-primary' %>
+          <%= link_to t(:'helpers.action.cancel'), '#', class: 'btn-sizing', data: { 'behavior' => 'cancel-link' } %>
         </div>
       </div>
     <% end %>

data/app/views/spotlight/sir_trevor/blocks/_browse_block.html.erb

@@ -9,6 +9,7 @@
             <div class="category-caption">
               <p class="category-title">
                 <%= search.title %>
+                <% if search.subtitle.present? %><span class="category-subtitle"><%= search.subtitle %></span><% end %>
               </p>
 
               <% if browse_block.display_item_counts? %>

data/app/views/spotlight/sir_trevor/blocks/_browse_group_categories_block.html.erb

@@ -0,0 +1,45 @@
+<% if browse_group_categories_block.groups? %>
+  <% browse_group_categories_block.groups.each do |group| %>
+    <div class="browse-group-categories-block" data-browse-group-categories-count="<%= group.searches.count %>">
+      <div class="d-flex flex-column flex-md-row py-2">
+        <div class="d-flex justify-content-between align-items-end">
+          <h2 class="m-0"><%= group.title %></h2>
+          <div class="pl-5">
+            <%= link_to t(:'.view_all'), exhibit_browse_groups_path(current_exhibit, group) %>
+          </div>
+        </div>
+        <% if group.searches.count > 1 %>
+          <ul class="browse-group-categories-controls p-0 pt-2 pt-md-0 ml-md-auto mb-0 d-flex justify-content-center align-items-end">
+            <li class="prev px-1 overflow-hidden">
+              <%= blacklight_icon 'arrow-alt-circle-left' %>
+            </li>
+            <li class="next px-1 overflow-hidden">
+              <%= blacklight_icon 'arrow-alt-circle-right' %>
+            </li>
+          </ul>
+        <% end %>
+      </div>
+      <div class="spotlight-flexbox browse-categories categories-<%= [group.searches.count, (@page.display_sidebar? ? 3 : 4)].min %>" data-browse-group-categories-carousel data-sidebar='<%= @page.display_sidebar? %>' data-browse-group-categories-count="<%= group.searches.count %>">
+        <% group.searches.published.each_with_index do |search, index| %>
+          <div class="box category-1 justify-content-center justify-content-md-start">
+            <%= link_to spotlight.exhibit_browse_group_path(current_exhibit, group, search), class: 'justify-content-center' do %>
+              <div class="browse-category" style='background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)), url("<%= search.thumbnail.iiif_url if search.thumbnail %>")'>
+                <div class="category-caption">
+                  <p class="category-title">
+                    <%= search.title %>
+                    <% if search.subtitle.present? %><span class="category-subtitle"><%= search.subtitle %></span><% end %>
+                  </p>
+
+                  <% if browse_group_categories_block.display_item_counts? %>
+                    <span class="item-count"><%= t(:'.items', count: search.count) %></span>
+                  <% end %>
+                </div>
+                <div class="hover-overlay"></div>
+              </div>
+            <% end %>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  <% end %>
+<% end %>

data/app/views/spotlight/sir_trevor/blocks/_uploaded_items_block.html.erb

@@ -4,7 +4,13 @@
       <% uploaded_items_block.files.each do |file| %>
         <div class="box" data-id="<%= file[:id] %>">
           <div class="contents">
-            <img class="img-thumbnail" src='<%= file[:url] %>' alt='' />
+            <% if file[:link].present? %>
+              <%= link_to file[:link], rel: 'ugc' do %>
+                <%= image_tag file[:url], class: 'img-thumbnail', alt: file[:caption] %>
+              <% end %>
+            <% else %>
+              <%= image_tag file[:url], class: 'img-thumbnail', alt: '', role: 'presentation' %>
+            <% end %>
             <% if file[:caption].present? %>
               <div class="caption">
                 <%= file[:caption] %>

data/app/views/spotlight/translations/_browse_categories.html.erb

@@ -6,12 +6,12 @@
     <div class="row">
       <div class="col-4 text-right">
         <span class="browse-translations-header">
-          <%= t :'spotlight.exhibits.translations.browse_categories.default_language_column_label' %>
+          <%= t :'.default_language_column_label' %>
         </span>
       </div>
       <div class="col-7">
         <span class="browse-translations-header">
-          <%= t :'spotlight.exhibits.translations.browse_categories.translation_column_label', language: t("locales.#{@language}")  %>
+          <%= t :'.translation_column_label', language: t("locales.#{@language}")  %>
         </span>
       </div>
     </div>
@@ -36,12 +36,38 @@
         </div>
       <% end %>
 
+      <% subtitle_translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "#{search.slug}.subtitle", locale: @language) %>
+      <div data-translation-progress-item="true" class="row form-group browse-category-subtitle">
+        <div class="col-7 offset-4">
+          <%= f.fields_for :translations, subtitle_translation do |translation_fields| %>
+            <%= button_tag 'type' => 'button', class: 'btn btn-text collapse-toggle collapsed translation-subtitle-toggle', 'data-toggle': 'collapse', 'data-target': "#browse_category_subtitle_#{search.id}", 'aria-expanded': 'false', 'aria-controls': "#browse_category_subtitle_#{search.id}" do %>
+              <%= translation_fields.label :value, t(:'.subtitle_label') %>
+            <% end %>
+            <span class="collapse-chevron">❯</span>
+
+            <%= translation_fields.hidden_field :key %>
+            <%= translation_fields.hidden_field :locale %>
+            <div id="browse_category_subtitle_<%= search.id %>" class="card card-body collapse panel-translation">
+              <%= translation_fields.text_field_without_bootstrap :value, class: 'form-control' %>
+              <small class="form-text text-muted"><%= search[:subtitle] %></small>
+            </div>
+          <% end %>
+        </div>
+        <div class="col-1">
+          <% if subtitle_translation.value.present? %>
+            <span data-translation-present="true">
+              <%= blacklight_icon('check', classes: 'translation-complete') %>
+            </span>
+          <% end %>
+        </div>
+      </div>
+
       <% description_translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "#{search.slug}.long_description", locale: @language) %>
       <div data-translation-progress-item="true" class="row form-group browse-category-description">
         <div class="col-7 offset-4">
           <%= f.fields_for :translations, description_translation do |translation_fields| %>
             <%= button_tag 'type' => 'button', class: 'btn btn-text collapse-toggle collapsed translation-description-toggle', 'data-toggle': 'collapse', 'data-target': "#browse_category_description_#{search.id}", 'aria-expanded': 'false', 'aria-controls': "#browse_category_description_#{search.id}" do %>
-              <%= translation_fields.label :value, t(:'spotlight.exhibits.translations.browse_categories.description_label') %>
+              <%= translation_fields.label :value, t(:'.description_label') %>
             <% end %>
             <span class="collapse-chevron">❯</span>
 

data/app/views/spotlight/translations/_general.html.erb

@@ -5,7 +5,7 @@
 
     <div class='translation-basic-settings'>
       <h2 class='translation-subheading'>
-        <%= t('spotlight.exhibits.translations.general.basic_settings.label') %>
+        <%= t('.basic_settings.label') %>
       </h2>
 
       <% translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "#{current_exhibit.slug}.title", locale: @language) %>
@@ -13,7 +13,7 @@
         <%= translation_fields.hidden_field :key %>
         <%= translation_fields.hidden_field :locale %>
         <div data-translation-progress-item='true' class='row form-group translation-form translation-basic-settings-title'>
-          <%= translation_fields.label :value, t('spotlight.exhibits.translations.general.basic_settings.title'), class: 'col-form-label col-12 col-sm-2' %>
+          <%= translation_fields.label :value, t('.basic_settings.title'), 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' %>
             <small class="form-text text-muted">
@@ -34,7 +34,7 @@
         <%= translation_fields.hidden_field :key %>
         <%= translation_fields.hidden_field :locale %>
         <div data-translation-progress-item='true' class='row form-group translation-form translation-basic-settings-subtitle'>
-          <%= translation_fields.label :value, t('spotlight.exhibits.translations.general.basic_settings.subtitle'), class: 'col-form-label col-12 col-sm-2' %>
+          <%= translation_fields.label :value, t('.basic_settings.subtitle'), 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' %>
             <small class="form-text text-muted">
@@ -55,7 +55,7 @@
         <%= translation_fields.hidden_field :key %>
         <%= translation_fields.hidden_field :locale %>
         <div data-translation-progress-item='true' class='row form-group translation-form translation-basic-settings-description'>
-          <%= translation_fields.label :value, t('spotlight.exhibits.translations.general.basic_settings.description'), class: 'col-form-label col-12 col-sm-2' %>
+          <%= translation_fields.label :value, t('.basic_settings.description'), class: 'col-form-label col-12 col-sm-2' %>
           <div class='col-11 col-sm-9 card card-body panel-translation'>
             <%= translation_fields.text_area_without_bootstrap :value, class: 'form-control' %>
             <small class="form-text text-muted">
@@ -74,7 +74,7 @@
     </div>
     <div class='translation-main-menu'>
       <h2 class='translation-subheading'>
-        <%= t('spotlight.exhibits.translations.general.main_menu.label') %>
+        <%= t('.main_menu.label') %>
       </h2>
 
       <% translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "spotlight.curation.nav.home", locale: @language) %>
@@ -82,7 +82,7 @@
         <%= translation_fields.hidden_field :key %>
         <%= translation_fields.hidden_field :locale %>
         <div data-translation-progress-item='true' class='row form-group translation-form translation-main-menu-home'>
-          <%= translation_fields.label :value, t('spotlight.exhibits.translations.general.main_menu.home'), class: 'col-form-label col-12 col-sm-2' %>
+          <%= translation_fields.label :value, t('.main_menu.home'), 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' %>
             <small class="form-text text-muted">
@@ -105,7 +105,7 @@
           <%= translation_fields.hidden_field :key %>
           <%= translation_fields.hidden_field :locale %>
           <div data-translation-progress-item='true' class='row form-group translation-form translation-main-menu-<%= navigation.nav_type %>'>
-            <%= translation_fields.label :value, t("spotlight.exhibits.translations.general.main_menu.#{navigation.nav_type}", default: navigation.default_label), class: 'col-form-label col-12 col-sm-2' %>
+            <%= translation_fields.label :value, t(".main_menu.#{navigation.nav_type}", default: navigation.default_label), 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' %>
               <small class="form-text text-muted">

data/app/views/spotlight/translations/_groups.html.erb

@@ -0,0 +1,34 @@
+<div role="tabpanel" class="tab-pane <%= 'active' if @tab == 'groups' %>" id="groups">
+  <%= bootstrap_form_for current_exhibit, url: spotlight.exhibit_translations_path(current_exhibit), layout: :horizontal do |f| %>
+    <% # Add hidden fields for the language and tab so the redirect knows how to come back here %>
+    <%= hidden_field_tag :language, @language %>
+    <%= hidden_field_tag :tab, 'groups' %>
+
+    <% current_exhibit.groups.each do |group| %>
+      <% title_translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "#{group.slug}.title", locale: @language) %>
+      <%= f.fields_for :translations, title_translation do |translation_fields| %>
+        <%= translation_fields.hidden_field :key %>
+        <%= translation_fields.hidden_field :locale %>
+        <div data-translation-progress-item="true" class="row form-group browse-group-title">
+          <%= translation_fields.label :value, group[:title], class: 'col-form-label col-12 col-sm-2' %>
+          <div class="col-11 col-sm-9">
+            <%= translation_fields.text_field_without_bootstrap :value, class: 'form-control' %>
+          </div>
+          <div class="col-1">
+            <% if title_translation.value.present? %>
+              <span data-translation-present="true">
+                <%= blacklight_icon('check', classes: 'translation-complete') %>
+              </span>
+            <% end %>
+          </div>
+        </div>
+      <% end %>
+    <% end %>
+
+    <div class="form-actions">
+      <div class="primary-actions">
+        <%= f.submit nil, class: 'btn btn-primary' %>
+      </div>
+    </div>
+  <% end %>
+</div>

data/app/views/spotlight/translations/_import.html.erb

@@ -0,0 +1,24 @@
+<% if can? :import_translations, Spotlight::Exhibit %>
+  <div class="row col-md-12 mb-5">
+    <h2><%= t(:'.header') %></h2>
+    <p class="instructions"><%= t(:'.description') %></p>
+
+    <%= bootstrap_form_for current_exhibit, url: spotlight.import_exhibit_translations_path(current_exhibit), html: { class: 'row col-md-12 align-items-center clearfix mb-3', multipart: true } do |f| %>
+      <%= f.label :value, t(".import_label"), class: 'col-form-label col-12 col-sm-3 pl-0 translation-import-export-label' %>
+
+      <div class="input-group col px-0">
+        <%= file_field_tag :file, class: 'form-control' %>
+        <%= hidden_field_tag :tab, 'import' %>
+        <div class="input-group-append">
+          <%= f.submit t(:'.import_submit'), class: 'btn btn-primary' %>
+        </div>
+      </div>
+    <% end %>
+    <div class="row col-md-12 align-items-center">
+      <%= content_tag :span, t(".export_label"), class: 'col-form-label col-12 col-sm-3 pl-0 translation-import-export-label' %>
+
+      <%= link_to t(:'.export_current_locale', language: t(:"locales.#{@language}")), spotlight.exhibit_translations_path(current_exhibit, format: "yaml", locale: @language), class: 'btn btn-primary mr-3' %>
+      <%= link_to t(:'.export_default_locale', language: t(:"locales.#{I18n.default_locale}")), spotlight.exhibit_translations_path(current_exhibit, format: "yaml", locale: I18n.default_locale), class: 'btn btn-primary' %>
+    </div>
+  </div>
+<% end %>

data/app/views/spotlight/translations/_metadata.html.erb

@@ -32,7 +32,7 @@
     <% if current_exhibit.custom_fields.any? %>
       <div class='translation-exhibit-specific-fields'>
         <h2 class='translation-subheading'>
-          <%= t('spotlight.exhibits.translations.metadata.exhibit_specific_fields.label') %>
+          <%= t('.exhibit_specific_fields.label') %>
         </h2>
 
         <% current_exhibit.custom_fields.each do |custom_field| %>

data/app/views/spotlight/translations/_page.html.erb

@@ -22,8 +22,8 @@
       </p>
     <% else %>
       <span class="new-translated-page">
-        <%= t('spotlight.exhibits.translations.pages.no_translated_page') %>
-        <%= link_to(t('spotlight.exhibits.translations.pages.new'), polymorphic_path([:clone, current_exhibit, page], language: @language)) %>
+        <%= t('.no_translated_page') %>
+        <%= link_to(t('.new'), polymorphic_path([:clone, current_exhibit, page], language: @language)) %>
       <span>
     <% end %>
   </td>
@@ -36,11 +36,11 @@
   </td>
   <td class="text-center">
     <% if translated_page %>
-      <%= link_to(t('spotlight.exhibits.translations.pages.edit'), polymorphic_path([:edit, current_exhibit, translated_page], locale: @language)) %> &middot;
-      <%= link_to(t('spotlight.exhibits.translations.pages.recreate'), polymorphic_path([:clone, current_exhibit, page], language: @language), data: { confirm: t('spotlight.exhibits.translations.pages.recreate_are_you_sure') }) %>
+      <%= link_to(t('.edit'), polymorphic_path([:edit, current_exhibit, translated_page], locale: @language)) %> &middot;
+      <%= link_to(t('.recreate'), polymorphic_path([:clone, current_exhibit, page], language: @language), data: { confirm: t('.recreate_are_you_sure') }) %>
       <% if page.feature_page? || page.about_page? %>
         &middot;
-        <%= link_to(t('spotlight.exhibits.translations.pages.destroy'), polymorphic_path([current_exhibit, translated_page], locale: @language), method: :delete, data: { confirm: t('spotlight.exhibits.translations.pages.destroy_are_you_sure') }) %>
+        <%= link_to(t('.destroy'), polymorphic_path([current_exhibit, translated_page], locale: @language), method: :delete, data: { confirm: t('.destroy_are_you_sure') }) %>
       <% end %>
     <% end %>
   </td>

data/app/views/spotlight/translations/_pages.html.erb

@@ -1,10 +1,10 @@
 <div role="tabpanel" class="tab-pane <%= 'active' if @tab == 'pages' %>" id="pages">
-  <p class="instructions"><%= t('spotlight.exhibits.translations.pages.help_html') %></p>
+  <p class="instructions"><%= t('.help_html') %></p>
 
   <%= bootstrap_form_for @exhibit, url: polymorphic_path([:update_all, @exhibit, :pages]), layout: :horizontal, control_col: 'col-sm-10', html: {:'data-form-observer' => true} do |f| %>
     <div class="translation-home-page-settings">
       <h2 class="translation-subheading">
-        <%= t('spotlight.exhibits.translations.pages.home_page.label') %>
+        <%= t('.home_page.label') %>
       </h2>
       <%= render 'pages_table', pages: [current_exhibit.home_page], f: f %>
     </div>
@@ -12,7 +12,7 @@
     <% if current_exhibit.feature_pages.any? %>
       <div class="translation-feature-page-settings">
         <h2 class="translation-subheading">
-          <%= t('spotlight.exhibits.translations.pages.feature_pages.label') %>
+          <%= t('.feature_pages.label') %>
         </h2>
 
         <%= render 'pages_table', pages: current_exhibit.feature_pages.for_default_locale, f: f %>
@@ -22,7 +22,7 @@
     <% if current_exhibit.about_pages.any? %>
       <div class="translation-about-page-settings">
         <h2 class="translation-subheading">
-          <%= t('spotlight.exhibits.translations.pages.about_pages.label') %>
+          <%= t('.about_pages.label') %>
         </h2>
 
         <%= render 'pages_table', pages: current_exhibit.about_pages.for_default_locale, f: f %>

data/app/views/spotlight/translations/_pages_table.html.erb

@@ -1,11 +1,11 @@
 <table class="table table-striped">
   <thead>
     <tr>
-      <th><%= t('spotlight.exhibits.translations.pages.table_header.last_updated', language: t(:"locales.#{I18n.default_locale}")) %></th>
-      <th class="text-center"><%= t('spotlight.exhibits.translations.pages.table_header.default_published') %></th>
-      <th><%= t('spotlight.exhibits.translations.pages.table_header.last_updated', language: t(:"locales.#{@language}")) %></th>
-      <th class='text-center'><%= t('spotlight.exhibits.translations.pages.table_header.language_published') %></th>
-      <th class='text-center'><%= t('spotlight.exhibits.translations.pages.table_header.actions') %></th>
+      <th><%= t('.header.last_updated', language: t(:"locales.#{I18n.default_locale}")) %></th>
+      <th class="text-center"><%= t('.header.default_published') %></th>
+      <th><%= t('.header.last_updated', language: t(:"locales.#{@language}")) %></th>
+      <th class='text-center'><%= t('.header.language_published') %></th>
+      <th class='text-center'><%= t('.header.actions') %></th>
     </tr>
   </thead>
 

data/app/views/spotlight/translations/_search_fields.html.erb

@@ -6,7 +6,7 @@
 
     <div class='translation-field-based-search-fields'>
       <h2 class='translation-subheading'>
-        <%= t('spotlight.exhibits.translations.search_fields.field_based_search_fields.label') %>
+        <%= t('.field_based_search_fields.label') %>
       </h2>
 
       <% current_exhibit.blacklight_config.search_fields.select { |_, config| config.if }.each do |key, search_config| %>
@@ -36,7 +36,7 @@
 
     <div class='translation-facet-fields'>
       <h2 class='translation-subheading'>
-        <%= t('spotlight.exhibits.translations.search_fields.facet_fields.label') %>
+        <%= t('.facet_fields.label') %>
       </h2>
 
       <% current_exhibit.blacklight_config.facet_fields.each do |key, facet_config| %>
@@ -66,7 +66,7 @@
 
     <div class='translation-sort-fields'>
       <h2 class='translation-subheading'>
-        <%= t('spotlight.exhibits.translations.search_fields.sort_fields.label') %>
+        <%= t('.sort_fields.label') %>
       </h2>
 
       <% current_exhibit.blacklight_config.sort_fields.each do |key, sort_config| %>

data/app/views/spotlight/translations/edit.html.erb

@@ -3,7 +3,7 @@
 <% end %>
 
 <div class='translation-edit-form'>
-  <%= curation_page_title t('spotlight.exhibits.translations.title') %>
+  <%= curation_page_title t('.title') %>
 
   <div class='text-center'>
     <ul class='nav nav-pills'>
@@ -17,31 +17,38 @@
     </ul>
   </div>
 
+  <%= render partial: 'import' %>
+
   <div role="tabpanel">
     <ul class='nav nav-tabs' role="tablist">
       <li role="presentation" class="nav-item">
         <a href='#general' class="nav-link <%= 'active' if @tab.blank? %>" aria-controls="general" role="tab" data-toggle="tab" data-behavior="translation-progress">
-          <%= t('spotlight.exhibits.translations.general.label') %> <span class="badge"></span>
+          <%= t('spotlight.translations.general.label') %> <span class="badge"></span>
         </a>
       </li>
       <li class="nav-item">
         <a href="#metadata" class="nav-link <%= 'active' if @tab == 'metadata' %>" aria-controls="metadata" role="tab" data-toggle="tab" data-behavior="translation-progress">
-          <%= t('spotlight.exhibits.translations.metadata.label') %> <span class="badge"></span>
+          <%= t('spotlight.translations.metadata.label') %> <span class="badge"></span>
         </a>
       </li>
       <li class="nav-item" >
         <a href="#search_fields" class="nav-link <%= 'active' if @tab == 'search_fields' %>" aria-controls="search_fields" role="tab" data-toggle="tab" data-behavior="translation-progress">
-          <%= t('spotlight.exhibits.translations.search_fields.label') %> <span class="badge"></span>
+          <%= t('spotlight.translations.search_fields.label') %> <span class="badge"></span>
         </a>
       </li>
       <li class="nav-item">
         <a href="#browse" class="nav-link <%= 'active' if @tab == 'browse' %>" aria-controls="browse" role="tab" data-toggle="tab" data-behavior="translation-progress">
-          <%= t('spotlight.exhibits.translations.browse_categories.label') %> <span class="badge"></span>
+          <%= t('spotlight.translations.browse_categories.label') %> <span class="badge"></span>
+        </a>
+      </li>
+      <li class="nav-item">
+        <a href="#groups" class="nav-link <%= 'active' if @tab == 'groups' %>" aria-controls="groups" role="tab" data-toggle="tab" data-behavior="translation-progress">
+          <%= t('spotlight.translations.groups.label') %> <span class="badge"></span>
         </a>
       </li>
       <li class="nav-item">
         <a href="#pages" class="nav-link <%= 'active' if @tab == 'pages' %>" aria-controls="pages" role="tab" data-toggle="tab" data-behavior="translation-progress">
-          <%= t('spotlight.exhibits.translations.pages.label') %> <span class="badge"></span>
+          <%= t('spotlight.translations.pages.label') %> <span class="badge"></span>
         </a>
       </li>
     </ul>
@@ -52,6 +59,7 @@
       <%= render 'search_fields' %>
       <%= render 'browse_categories' %>
       <%= render 'pages' %>
+      <%= render 'groups' %>
     </div>
   </div>
 </div>