From 9a369566e59b2f238de407c2920b1d9ceb1d03cd Mon Sep 17 00:00:00 2001
From: John Hawthorn <john.hawthorn@gmail.com>
Date: Thu, 5 Apr 2018 15:56:03 -0700
Subject: [PATCH] Add locale selector to nav bar

---
 .../app/assets/javascripts/spree/frontend.js  |  1 +
 .../spree/frontend/locale_selector.js         |  5 ++++
 .../spree/shared/_locale_selector.html.erb    | 25 +++++++++++++++++++
 .../app/views/spree/shared/_nav_bar.html.erb  |  1 +
 4 files changed, 32 insertions(+)
 create mode 100644 frontend/app/assets/javascripts/spree/frontend/locale_selector.js
 create mode 100644 frontend/app/views/spree/shared/_locale_selector.html.erb

diff --git a/frontend/app/assets/javascripts/spree/frontend.js b/frontend/app/assets/javascripts/spree/frontend.js
index 4464d609aa5..3e321eb0069 100644
--- a/frontend/app/assets/javascripts/spree/frontend.js
+++ b/frontend/app/assets/javascripts/spree/frontend.js
@@ -2,3 +2,4 @@
 //= require spree/frontend/checkout
 //= require spree/frontend/product
 //= require spree/frontend/cart
+//= require spree/frontend/locale_selector
diff --git a/frontend/app/assets/javascripts/spree/frontend/locale_selector.js b/frontend/app/assets/javascripts/spree/frontend/locale_selector.js
new file mode 100644
index 00000000000..fa48d65e0c6
--- /dev/null
+++ b/frontend/app/assets/javascripts/spree/frontend/locale_selector.js
@@ -0,0 +1,5 @@
+$(function() {
+  $('#locale_selector select').change(function() {
+    this.form.submit();
+  });
+});
diff --git a/frontend/app/views/spree/shared/_locale_selector.html.erb b/frontend/app/views/spree/shared/_locale_selector.html.erb
new file mode 100644
index 00000000000..2f94c895981
--- /dev/null
+++ b/frontend/app/views/spree/shared/_locale_selector.html.erb
@@ -0,0 +1,25 @@
+<% available_locales = current_store.available_locales %>
+<% if available_locales.many? %>
+  <li id="locale_selector" data-hook>
+    <%= form_tag spree.select_locale_path, class: 'navbar-form' do %>
+      <div class="form-group">
+        <label for="switch_to_locale" class="sr-only">
+          <%= Spree.t(:'i18n.language') %>
+        </label>
+        <%=
+          select_tag(
+            :switch_to_locale,
+            options_for_select(
+              available_locales.map do |locale|
+                [I18n.t('spree.i18n.this_file_language', locale: locale, default: locale.to_s, fallback: false), locale]
+              end.sort,
+              selected: I18n.locale
+            ),
+            class: 'form-control'
+          )
+        %>
+        <noscript><%= submit_tag t("spree.select") %></noscript>
+      </div>
+    <% end %>
+  </li>
+<% end %>
diff --git a/frontend/app/views/spree/shared/_nav_bar.html.erb b/frontend/app/views/spree/shared/_nav_bar.html.erb
index 60dae128e6b..671af64f876 100644
--- a/frontend/app/views/spree/shared/_nav_bar.html.erb
+++ b/frontend/app/views/spree/shared/_nav_bar.html.erb
@@ -1,5 +1,6 @@
 <nav id="top-nav-bar" class="columns ten">
   <ul id="nav-bar" class="inline" data-hook>
+    <%= render 'spree/shared/locale_selector' %>
     <%= render 'spree/shared/login_bar_items' %>
     <li id="search-bar" data-hook>
       <%= render partial: 'spree/shared/search' %>