blacklight-spotlight 1.5.1 → 2.0.0.rc1

data/app/models/spotlight/resources/upload.rb

@@ -14,7 +14,12 @@ module Spotlight
       def self.fields(exhibit)
         @fields ||= {}
         @fields[exhibit] ||= begin
-          title_field = Spotlight::Engine.config.upload_title_field || OpenStruct.new(field_name: exhibit.blacklight_config.index.title_field)
+          index_title_field = exhibit.blacklight_config.index.title_field
+          title_field = Spotlight::Engine.config.upload_title_field ||
+                        Spotlight::UploadFieldConfig.new(
+                          field_name: index_title_field,
+                          label: I18n.t(:"spotlight.search.fields.#{index_title_field}")
+                        )
           [title_field] + exhibit.uploaded_resource_fields
         end
       end

data/app/models/spotlight/search.rb

@@ -2,6 +2,7 @@ module Spotlight
   ##
   # Exhibit saved searches
   class Search < ActiveRecord::Base
+    include Spotlight::Translatables
     extend FriendlyId
     friendly_id :title, use: [:slugged, :scoped, :finders, :history], scope: :exhibit
 
@@ -11,6 +12,9 @@ module Spotlight
     default_scope { order('weight ASC') }
     scope :published, -> { where(published: true) }
     validates :title, presence: true
+
+    translates :title, :long_description
+
     has_paper_trail
 
     belongs_to :masthead, dependent: :destroy, optional: true

data/app/services/spotlight/clone_translated_page_from_locale.rb

@@ -0,0 +1,32 @@
+# frozen_string_literal: true
+
+module Spotlight
+  ##
+  # A service class to encapsulate business logic
+  # around cloning and destroying translated pages
+  class CloneTranslatedPageFromLocale
+    attr_reader :locale, :page
+
+    def initialize(locale:, page:)
+      @locale = locale
+      @page = page
+    end
+
+    def self.call(locale:, page:)
+      new(locale: locale, page: page).clone
+    end
+
+    def clone
+      @clone ||= begin
+        destroy
+        page.clone_for_locale(locale)
+      end
+    end
+
+    private
+
+    def destroy
+      page.translated_page_for(locale).destroy if page.translated_page_for(locale).present?
+    end
+  end
+end

data/app/views/_user_util_links.html.erb

@@ -7,6 +7,7 @@
   </ul>
 
   <ul class="nav navbar-nav">
+    <%= render '/spotlight/shared/locale_picker' %>
     <% if current_user %>
       <li class="dropdown">
       <a href="#" class="dropdown-toggle" data-toggle="dropdown"><%=current_user%> <b class="caret"></b></a>

data/app/views/devise/mailer/invitation_instructions.html.erb

@@ -9,6 +9,6 @@
 
 <p><%= t("spotlight.#{key}.invitation_instructions.someone_invited_you", role: @resource.roles.first.role, exhibit_name: @resource.roles.first.resource.title, url: spotlight.exhibit_home_page_url(@resource.roles.first.resource)) %></p>
 
-<p><%= link_to t("spotlight.#{key}.invitation_instructions.accept"), accept_invitation_url(@resource, :invitation_token => @token) %></p>
+<p><%= link_to t("spotlight.#{key}.invitation_instructions.accept_invitation"), accept_invitation_url(@resource, :invitation_token => @token) %></p>
 
-<p><%= t("spotlight.#{key}.invitation_instructions.ignore_html") %></p>
+<p><%= t("spotlight.#{key}.invitation_instructions.ignore") %></p>

data/app/views/layouts/spotlight/spotlight.html.erb

@@ -13,8 +13,8 @@
       <meta http-equiv="cleartype" content="on">
     <![endif]-->
 
-    <title><%= h(@page_title || application_name) %></title>
-    <link href="<%= current_exhibit ? spotlight.opensearch_exhibit_catalog_url(current_exhibit, format: 'xml') : main_app.opensearch_catalog_url(format: 'xml') %>" title="<%= application_name %>" type="application/opensearchdescription+xml" rel="search"/>
+    <title><%= h(@page_title || application_name.to_s) %></title>
+    <link href="<%= current_exhibit ? spotlight.opensearch_exhibit_catalog_url(current_exhibit, format: 'xml') : main_app.opensearch_catalog_url(format: 'xml') %>" title="<%= h(@page_title || application_name.to_str) %>" type="application/opensearchdescription+xml" rel="search"/>
     <%= favicon_link_tag 'favicon.ico' %>
     <% if current_exhibit %>
       <%= exhibit_stylesheet_link_tag "application" %>

data/app/views/shared/_curated_features_navbar.html.erb

@@ -1,4 +1,4 @@
-<% published_top_level_feature_pages = current_exhibit.feature_pages.published.at_top_level -%>
+<% published_top_level_feature_pages = current_exhibit.feature_pages.for_locale.published.at_top_level -%>
 <% if published_top_level_feature_pages.present? %>
   <% if published_top_level_feature_pages.many? %>
     <li class="dropdown">
@@ -12,4 +12,4 @@
   <% else %>
     <li class="<%= "active" if current_page?(url_for([spotlight, published_top_level_feature_pages.first.exhibit, published_top_level_feature_pages.first])) %>"><%= link_to published_top_level_feature_pages.first.title, [spotlight, published_top_level_feature_pages.first.exhibit, published_top_level_feature_pages.first] %></li>
   <% end %>
-<% end %>
+<% end %>

data/app/views/spotlight/about_pages/_sidebar.html.erb

@@ -2,7 +2,7 @@
 <div id="sidebar" class="col-md-3" role="complementary">
   <h4 class="nav-heading"><%= current_exhibit.main_navigations.about.label_or_default %></h4>
   <ul class="nav sidenav">
-    <% current_exhibit.about_pages.published.each do |page| %>
+    <% current_exhibit.about_pages.for_locale.published.each do |page| %>
       <li class="<%= 'active' if current_page? [page.exhibit, page] %>">
         <%= link_to page.title, [page.exhibit, page] %>
       </li>

data/app/views/spotlight/admin_users/index.html.erb

@@ -52,7 +52,7 @@
   <div id="all_users" class="well well-sm">
       <div class='btn-toolbar pull-right'>
           <button class="btn btn-xs btn-default copy-email-addresses" data-clipboard-target="#all_users">
-              Copy
+              <%= t('.copy') %>
           </button>
       </div>
       <%= Spotlight::Engine.user_class.with_roles.pluck(:email).sort.join(', ') %>

data/app/views/spotlight/catalog/_edit_default.html.erb

@@ -14,7 +14,7 @@
       <% if document.uploaded_resource? %>
         <%= d.fields_for :configured_fields do |e| %>
           <% Spotlight::Resources::Upload.fields(current_exhibit).each do |config| %>
-            <%= e.send((config.form_field_type || :text_field), config.field_name, value: (document.sidecar(current_exhibit).data["configured_fields"] || {})[config.field_name.to_s], label: uploaded_field_label(config)) %>
+            <%= e.send(config.form_field_type, config.field_name, value: (document.sidecar(current_exhibit).data["configured_fields"] || {})[config.field_name.to_s], label: uploaded_field_label(config)) %>
           <% end %>
         <% end %>
       <% end %>

data/app/views/spotlight/exhibits/_export.html.erb

@@ -1,4 +1,4 @@
-<div role="tabpanel" class="tab-pane" id="export">        
+<div role="tabpanel" class="tab-pane <%= 'active' if @tab == 'export' %>" id="export">        
   <div class="row col-md-12">
     <p class="instructions"><%= t :'.instructions' %></p>
     <div class="primary-actions">

data/app/views/spotlight/exhibits/_form.html.erb

@@ -1,6 +1,6 @@
 <%= bootstrap_form_for @exhibit, url: ((spotlight.exhibit_path(@exhibit) if @exhibit.persisted?) || spotlight.exhibits_path), layout: :horizontal, label_col: 'col-md-2', control_col: 'col-md-10', html: {class: "row"} do |f| %>
 <div class="row col-md-12">
-  <%= f.text_field :title %>
+  <%= f.text_field :title, disabled: !default_language?, help: !default_language? ? t('.uneditable_non_default_language') : '' %>
   <%= f.text_field :subtitle %>
   <%= f.text_area :description %>
   <%= f.text_field :tag_list, value: f.object.tag_list.to_s %>

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

@@ -1,9 +1,10 @@
-<div role="tabpanel" class="tab-pane" id="import">
+<div role="tabpanel" class="tab-pane <%= 'active' if @tab == 'import' %>" id="import">
   <%= bootstrap_form_for [:import, current_exhibit], html: { class: 'clearfix', multipart: true } do |f| %>
     <div class="row col-md-12">
       <p class="instructions"><%= t :'.instructions' %></p>
       <div class="form-group">
         <%= file_field_tag :file, class: 'form-control' %>
+        <%= hidden_field_tag :tab, 'import' %>
       </div>
       <div class="form-actions">
         <div class="primary-actions">

data/app/views/spotlight/exhibits/_languages.html.erb

@@ -0,0 +1,56 @@
+<div role="tabpanel" class="tab-pane <%= 'active' if @tab == 'language' %>" id="language">
+  <p class="instructions"><%= t :'spotlight.exhibits.languages.selection_instructions' %></p>
+
+  <%= bootstrap_form_for [current_exhibit, Spotlight::Language.new], layout: :horizontal do |f| %>
+    <div class='col-md-6'>
+      <%= f.select('locale', add_exhibit_language_dropdown_options, prompt: t('.selection_prompt')) %>
+      <%= hidden_field_tag :tab, 'language' %>
+    </div>
+    <%= f.submit nil, class: 'btn btn-primary' %>
+  <% end %>
+
+  <h3><%= t :'spotlight.exhibits.languages.current_header' %></h3>
+  <p class="instructions"><%= t :'spotlight.exhibits.languages.current_instructions' %></p>
+
+  <% if current_exhibit.languages.any? && current_exhibit.languages.last.persisted? %>
+    <%= bootstrap_form_for current_exhibit, layout: :horizontal do |f| %>
+      <div class="row">
+        <div class="col-md-8">
+          <table class="table table-striped">
+            <thead>
+              <tr>
+                <th scope="col"><%= t('.table_heading.language') %></th>
+                <th scope="col" class='text-center'><%= t('.table_heading.public') %></th>
+                <th scope="col" class='text-center'><%= t('.table_heading.action') %></th>
+              </tr>
+            </thead>
+            <tbody>
+              <% current_exhibit.languages.each do |language| %>
+                <%= f.fields_for :languages, language do |languages| %>
+                  <tr>
+                    <td><%= t("locales.#{language.locale.downcase}") %></td>
+                    <td class='text-center'>
+                      <div class='checkbox'>
+                        <%= languages.label :public, class: 'sr-only' %>
+                        <%= languages.check_box_without_bootstrap :public %>
+                      </div>
+                      </td>
+                    <td class='text-center'><%= link_to t('.remove'), exhibit_language_path(current_exhibit, language), method: :delete, data: { confirm: t('.modal.confirm') }, class: 'btn btn-sm btn-primary' %></td>
+                  </tr>
+                <% end %>
+              <% end %>
+            </tbody>
+          </table>
+        </div>
+      </div>
+      <div class="form-actions">
+        <div class="primary-actions">
+          <%= hidden_field_tag :tab, 'language' %>
+          <%= f.submit nil, class: 'btn btn-primary' %>
+        </div>
+      </div>
+    <% end %>
+  <% else %>
+    <p><%= t('.no_languages_help_text') %></p>
+  <% end %>
+</div>

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

@@ -3,21 +3,26 @@
   <%= configuration_page_title %>
   <div role="tabpanel">
     <ul class="nav nav-tabs" role="tablist">
-      <li role="presentation" class="active">
+      <li role="presentation" class="<%= 'active' if @tab.blank? %>">
         <a href="#basic" aria-controls="basic" role="tab" data-toggle="tab"><%= t(:'.basic_settings.heading') %></a>
       </li>
+      <% if can? :manage, current_exhibit.languages.first_or_initialize %>
+        <li role="presentation" class="<%= 'active' if @tab == 'language' %>">
+          <a href="#language" aria-controls="language" role="tab" data-toggle="tab"><%= t(:'spotlight.exhibits.languages.heading') %></a>
+        </li>
+      <% end %>
       <% if can? :edit, current_exhibit.filters.first_or_initialize %>
-        <li role="presentation">
+        <li role="presentation" class="<%= 'active' if @tab == 'filter' %>">
           <a href="#filter" aria-controls="filter" role="tab" data-toggle="tab"><%= t(:'spotlight.exhibits.filter.heading') %></a>
         </li>
       <% end %>
       <% if can? :import, current_exhibit %>
-        <li role="presentation">
+        <li role="presentation" class="<%= 'active' if @tab == 'import' %>">
           <a href="#import" aria-controls="import" role="tab" data-toggle="tab"><%= t(:'spotlight.exhibits.import.heading') %></a>
         </li>
       <% end %>
       <% if can? :export, current_exhibit %>
-        <li role="presentation">
+        <li role="presentation" class="<%= 'active' if @tab == 'export' %>">
           <a href="#export" aria-controls="export" role="tab" data-toggle="tab"><%= t(:'spotlight.exhibits.export.heading') %></a>
         </li>
       <% end %>
@@ -28,9 +33,10 @@
       <% end %>
     </ul>
     <div class="tab-content">
-      <div role="tabpanel" class="tab-pane active" id="basic">
+      <div role="tabpanel" class="tab-pane <%= 'active' if @tab.blank? %>" id="basic">
         <%= render 'form' %>
       </div>
+      <%= render 'languages' if can? :manage, current_exhibit.languages.first_or_initialize %>
       <%= render 'spotlight/filters/form' if can? :edit, current_exhibit.filters.first_or_initialize %>
       <%= render 'import' if can? :import, current_exhibit %>
       <%= render 'export' if can? :export, current_exhibit %>

data/app/views/spotlight/feature_pages/_sidebar.html.erb

@@ -1,7 +1,7 @@
 <% cache_unless current_user, [current_exhibit, @page] do %>
 <div id="sidebar" class="col-md-3" role="complementary">
   <ol class="nav sidenav">
-    <% @exhibit.feature_pages.published.at_top_level.each do |feature_section| %>
+    <% @exhibit.feature_pages.for_locale.published.at_top_level.each do |feature_section| %>
       <li class="<%= 'active' if current_page? [spotlight, @exhibit, feature_section] %>">
         <h4><%= link_to_unless_current feature_section.title, [spotlight, @exhibit, feature_section] %></h4>
         <ol class="subsection">

data/app/views/spotlight/filters/_form.html.erb

@@ -1,9 +1,10 @@
-<div role="tabpanel" class="tab-pane" id="filter">
+<div role="tabpanel" class="tab-pane <%= 'active' if @tab == 'filter' %>" id="filter">
   <%= bootstrap_form_for [@exhibit, @exhibit.filters.first_or_initialize], layout: :horizontal, label_col: 'col-md-2', control_col: 'col-md-10', html: {class: "row"} do |f| %>
     <p class="instructions"><%= t :'spotlight.exhibits.filter.instructions' %></p>
 
     <%= f.text_field :field %>
     <%= f.text_field :value %>
+    <%= hidden_field_tag :tab, 'filter' %>
 
     <div class="form-actions">
       <div class="primary-actions">

data/app/views/spotlight/resources/upload/_form.html.erb

@@ -2,7 +2,7 @@
   <%= f.url_field :url, type: "file", help: t('.url-field.help', extensions: Spotlight::Engine.config.allowed_upload_extensions.join(' ')), label: "File" %>
   <%= f.fields_for :data do |d| %>
     <% Spotlight::Resources::Upload.fields(current_exhibit).each do |config| %>
-      <%= d.send((config.form_field_type || :text_field), config.field_name, label: uploaded_field_label(config)) %>
+      <%= d.send(config.form_field_type, config.field_name, label: uploaded_field_label(config)) %>
     <% end %>
     <% current_exhibit.custom_fields.each do |custom_field| %>
       <%= d.text_field custom_field.field, label: custom_field.label %>

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

@@ -13,4 +13,9 @@
   <% if can? :manage, Spotlight::AboutPage.new(exhibit: current_exhibit) %>
   <li><%= link_to t(:'spotlight.curation.sidebar.about_pages'), spotlight.exhibit_about_pages_path(current_exhibit), 'data-no-turbolink' => true %></li>
   <% end %>
+  <% if (can? :manage, current_exhibit.translations.first_or_initialize) && current_exhibit.languages.any? %>
+    <li>
+      <%= link_to t(:'spotlight.curation.sidebar.translations'), spotlight.edit_exhibit_translations_path(current_exhibit), 'data-no-turbolink' => true %>
+    </li>
+  <% end %>
 </ul>

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

@@ -0,0 +1,14 @@
+<% if current_exhibit && current_exhibit.languages.accessible_by(current_ability).any? %>
+  <li class="dropdown">
+    <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
+      <%= Spotlight::Language.new(locale: I18n.locale).to_native %> <b class="caret"></b>
+    </a>
+    <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' %>
+        </li>
+      <% end %>
+    </ul>
+  </li>
+<% end %>

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

@@ -0,0 +1,67 @@
+<div role="tabpanel" class="tab-pane <%= 'active' if @tab == 'browse' %>" id="browse">
+  <%= 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, 'browse' %>
+    <div class="row">
+      <div class="col-xs-4 text-right">
+        <strong>
+          <%= t :'spotlight.exhibits.translations.browse_categories.default_language_column_label' %>
+        </strong>
+      </div>
+      <div class="col-xs-7">
+        <strong>
+          <%= t :'spotlight.exhibits.translations.browse_categories.translation_column_label', language: t("locales.#{@language.downcase}")  %>
+        </strong>
+      </div>
+    </div>
+
+    <% current_exhibit.searches.each do |search| %>
+      <% title_translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "#{search.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="form-group">
+          <%= translation_fields.label :value, search[:title], class: 'control-label col-xs-4' %>
+          <div class="col-xs-7">
+            <%= translation_fields.text_field_without_bootstrap :value, class: 'form-control' %>
+          </div>
+          <div class="col-xs-1">
+            <% if title_translation.value.present? %>
+              <span data-translation-present="true" class='glyphicon glyphicon-ok'></span>
+            <% end %>
+          </div>
+        </div>
+      <% end %>
+
+      <% description_translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "#{search.slug}.long_description", locale: @language) %>
+      <div data-translation-progress-item="true" class="form-group">
+        <div class="col-xs-7 col-xs-offset-4">
+          <%= f.fields_for :translations, description_translation do |translation_fields| %>
+            <%= button_tag 'type' => 'button', class: 'btn btn-text collapsed tanslation-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') %>
+              <span class="caret"></span>
+            <% end %>
+            <%= translation_fields.hidden_field :key %>
+            <%= translation_fields.hidden_field :locale %>
+            <div id="browse_category_description_<%= search.id %>" class="panel panel-body collapse panel-translation">
+              <%= translation_fields.text_area_without_bootstrap :value, class: 'form-control' %>
+              <p class="help-block"><%= search[:long_description] %></p>
+            </div>
+          <% end %>
+        </div>
+        <div class="col-xs-1">
+          <% if description_translation.value.present? %>
+            <span data-translation-present="true" class='glyphicon glyphicon-ok'></span>
+          <% end %>
+        </div>
+      </div>
+    <% 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/_general.html.erb

@@ -0,0 +1,176 @@
+<div role="tabpanel" class="tab-pane <%= 'active' if @tab.blank? %>" id="general">
+  <%= bootstrap_form_for current_exhibit, url: spotlight.exhibit_translations_path(current_exhibit), layout: :horizontal do |f| %>
+    <% # Add a hidden field for the language so the redirect knows how to come back here %>
+    <%= hidden_field_tag :language, @language %>
+
+    <div class='translation-basic-settings'>
+      <h2 class='translation-subheading'>
+        <%= t('spotlight.exhibits.translations.general.basic_settings.label') %>
+      </h2>
+
+      <% translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "#{current_exhibit.slug}.title", 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-basic-settings-title'>
+          <%= translation_fields.label :value, t('spotlight.exhibits.translations.general.basic_settings.title'), class: 'control-label col-xs-12 col-sm-2' %>
+          <div class='col-xs-11 col-sm-9 panel panel-body panel-translation'>
+            <%= translation_fields.text_field_without_bootstrap :value, class: 'form-control' %>
+            <p class="help-block">
+              <%= current_exhibit[:title] %>
+            </p>
+          </div>
+          <div class='col-xs-1'>
+            <% if translation.value.present? %>
+              <span data-translation-present="true" class='glyphicon glyphicon-ok'></span>
+            <% end %>
+          </div>
+        </div>
+      <% end %>
+      <% translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "#{current_exhibit.slug}.subtitle", 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-basic-settings-subtitle'>
+          <%= translation_fields.label :value, t('spotlight.exhibits.translations.general.basic_settings.subtitle'), class: 'control-label col-xs-12 col-sm-2' %>
+          <div class='col-xs-11 col-sm-9 panel panel-body panel-translation'>
+            <%= translation_fields.text_field_without_bootstrap :value, class: 'form-control' %>
+            <p class="help-block">
+              <%= current_exhibit[:subtitle] %>
+            </p>
+          </div>
+          <div class='col-xs-1'>
+            <% if translation.value.present? %>
+              <span data-translation-present="true" class='glyphicon glyphicon-ok'></span>
+            <% end %>
+          </div>
+        </div>
+      <% end %>
+      <% translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "#{current_exhibit.slug}.description", 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-basic-settings-description'>
+          <%= translation_fields.label :value, t('spotlight.exhibits.translations.general.basic_settings.description'), class: 'control-label col-xs-12 col-sm-2' %>
+          <div class='col-xs-11 col-sm-9 panel panel-body panel-translation'>
+            <%= translation_fields.text_area_without_bootstrap :value, class: 'form-control' %>
+            <p class="help-block">
+              <%= current_exhibit.description %>
+            </p>
+          </div>
+          <div class='col-xs-1'>
+            <% if translation.value.present? %>
+              <span data-translation-present="true" class='glyphicon glyphicon-ok'></span>
+            <% end %>
+          </div>
+        </div>
+      <% end %>
+    </div>
+    <div class='translation-main-menu'>
+      <h2 class='translation-subheading'>
+        <%= t('spotlight.exhibits.translations.general.main_menu.label') %>
+      </h2>
+
+      <% translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "spotlight.curation.nav.home", 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-main-menu-home'>
+          <%= translation_fields.label :value, t('spotlight.exhibits.translations.general.main_menu.home'), class: 'control-label col-xs-12 col-sm-2' %>
+          <div class='col-xs-11 col-sm-9 panel panel-body panel-translation'>
+            <%= translation_fields.text_field_without_bootstrap :value, class: 'form-control' %>
+            <p class="help-block">
+              <%= t(:'spotlight.curation.nav.home', locale: I18n.default_locale) %>
+            </p>
+          </div>
+          <div class='col-xs-1'>
+            <% if translation.value.present? %>
+              <span data-translation-present="true" class='glyphicon glyphicon-ok'></span>
+            <% end %>
+          </div>
+        </div>
+      <% end %>
+      <% translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "main_navigation.browse.label", 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-main-menu-browse'>
+          <%= translation_fields.label :value, t('spotlight.exhibits.translations.general.main_menu.browse'), class: 'control-label col-xs-12 col-sm-2' %>
+          <div class='col-xs-11 col-sm-9 panel panel-body panel-translation'>
+            <%= translation_fields.text_field_without_bootstrap :value, class: 'form-control' %>
+            <p class="help-block">
+              <%= current_exhibit.main_navigations.browse[:label].presence || current_exhibit.main_navigations.browse.default_label %>
+            </p>
+          </div>
+          <div class='col-xs-1'>
+            <% if translation.value.present? %>
+              <span data-translation-present="true" class='glyphicon glyphicon-ok'></span>
+            <% end %>
+          </div>
+        </div>
+      <% end %>
+      <% translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "main_navigation.curated_features.label", 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-main-menu-curated-features'>
+          <%= translation_fields.label :value, t('spotlight.exhibits.translations.general.main_menu.curated_features'), class: 'control-label col-xs-12 col-sm-2' %>
+          <div class='col-xs-11 col-sm-9 panel panel-body panel-translation'>
+            <%= translation_fields.text_field_without_bootstrap :value, class: 'form-control' %>
+            <p class="help-block">
+              <%= current_exhibit.main_navigations.curated_features[:label].presence || current_exhibit.main_navigations.curated_features.default_label %>
+            </p>
+          </div>
+          <div class='col-xs-1'>
+            <% if translation.value.present? %>
+              <span data-translation-present="true" class='glyphicon glyphicon-ok'></span>
+            <% end %>
+          </div>
+        </div>
+      <% end %>
+      <% translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: "main_navigation.about.label", 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-main-menu-about'>
+          <%= translation_fields.label :value, t('spotlight.exhibits.translations.general.main_menu.about'), class: 'control-label col-xs-12 col-sm-2' %>
+          <div class='col-xs-11 col-sm-9 panel panel-body panel-translation'>
+            <%= translation_fields.text_field_without_bootstrap :value, class: 'form-control' %>
+            <p class="help-block">
+              <%= current_exhibit.main_navigations.about[:label].presence || current_exhibit.main_navigations.about.default_label %>
+            </p>
+          </div>
+          <div class='col-xs-1'>
+            <% if translation.value.present? %>
+              <span data-translation-present="true" class='glyphicon glyphicon-ok'></span>
+            <% end %>
+          </div>
+        </div>
+      <% end %>
+      <% translation = Translation.find_or_initialize_by(exhibit: current_exhibit, key: 'spotlight.catalog.breadcrumb.index', 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-main-menu-search-results'>
+          <%= translation_fields.label :value, t('spotlight.catalog.breadcrumb.index'), class: 'control-label col-xs-12 col-sm-2' %>
+          <div class='col-xs-11 col-sm-9 panel panel-body panel-translation'>
+            <%= translation_fields.text_field_without_bootstrap :value, class: 'form-control' %>
+            <p class="help-block">
+              <%= t(:'spotlight.catalog.breadcrumb.index', locale: I18n.default_locale) %>
+            </p>
+          </div>
+          <div class='col-xs-1'>
+            <% if translation.value.present? %>
+              <span data-translation-present="true" class='glyphicon glyphicon-ok'></span>
+            <% end %>
+          </div>
+        </div>
+      <% end %>
+    </div>
+    <div class="form-actions">
+      <div class="primary-actions">
+        <%= f.submit nil, class: 'btn btn-primary' %>
+      </div>
+    </div>
+  <% end %>
+</div>