add traductions

app/controllers/application_controller.rb

@@ -2,11 +2,25 @@ class ApplicationController < ActionController::Base
   around_action :switch_locale
 
   def switch_locale(&action)
-    locale = I18n.locale_available?(request.headers['Locale']) ? request.headers['Locale'] : I18n.default_locale
+    locale = extract_locale
     I18n.with_locale(locale, &action)
   end
 
   def new_session_path(_scope)
     new_user_session_path
   end
+
+  def extract_locale
+    if params[:locale]
+      I18n.locale_available?(params[:locale]) ? params[:locale] : I18n.default_locale
+    elsif request.env['HTTP_ACCEPT_LANGUAGE']
+      I18n.locale_available?(request.env['HTTP_ACCEPT_LANGUAGE']) ? request.env['HTTP_ACCEPT_LANGUAGE'] : I18n.default_locale
+    else
+      I18n.default_locale
+    end
+  end
+
+  def default_url_options
+    { locale: I18n.locale }
+  end
 end

app/javascript/packs/application.js

@@ -12,6 +12,7 @@ import "bootstrap"
 import "../stylesheets/application"
 
 import "@fortawesome/fontawesome-free/css/all"
+import "flag-icon-css/sass/flag-icon"
 
 document.addEventListener("turbolinks:load", () => {
   $('[data-toggle="tooltip"]').tooltip()

app/views/layouts/_locales.html.erb

@@ -0,0 +1,19 @@
+<li class="nav-item dropdown">
+  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+      <i class="fas fa-globe-europe"></i>
+  </a>
+  <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
+    <li class="dropdown-item"><%= link_to '<span class="flag-icon flag-icon-de"></span>'.html_safe, root_path(locale: 'de-de') %></li>
+    <li class="dropdown-item"><%= link_to '<span class="flag-icon flag-icon-gb"></span>'.html_safe, root_path(locale: 'en-gb') %></li>
+    <li class="dropdown-item"><%= link_to '<span class="flag-icon flag-icon-us"></span>'.html_safe, root_path(locale: 'en-us') %></li>
+    <li class="dropdown-item"><%= link_to '<span class="flag-icon flag-icon-mx"></span>'.html_safe, root_path(locale: 'es-mx') %></li>
+    <li class="dropdown-item"><%= link_to '<span class="flag-icon flag-icon-br"></span>'.html_safe, root_path(locale: 'pt-br') %></li>
+    <li class="dropdown-item"><%= link_to '<span class="flag-icon flag-icon-es"></span>'.html_safe, root_path(locale: 'es-es') %></li>
+    <li class="dropdown-item"><%= link_to '<span class="flag-icon flag-icon-fr"></span>'.html_safe, root_path(locale: 'fr-fr') %></li>
+    <li class="dropdown-item"><%= link_to '<span class="flag-icon flag-icon-it"></span>'.html_safe, root_path(locale: 'it') %></li>
+    <li class="dropdown-item"><%= link_to '<span class="flag-icon flag-icon-ru"></span>'.html_safe, root_path(locale: 'ru-ru') %></li>
+    <li class="dropdown-item"><%= link_to '<span class="flag-icon flag-icon-kr"></span>'.html_safe, root_path(locale: 'ko') %></li>
+    <li class="dropdown-item"><%= link_to '<span class="flag-icon flag-icon-tw"></span>'.html_safe, root_path(locale: 'zh-tw') %></li>
+    <li class="dropdown-item"><%= link_to '<span class="flag-icon flag-icon-cn"></span>'.html_safe, root_path(locale: 'zh-cn') %></li>
+  </ul>
+</li>

app/views/layouts/_navbar.html.erb

@@ -5,16 +5,19 @@
       <% if user_signed_in? %>
       <ul class="navbar-nav mb-2 mb-lg-0">
         <li class="nav-item">
-          <a class="nav-link active" aria-current="page" href="<%= wow_characters_path %>">Characters</a>
+          <a class="nav-link active" aria-current="page" href="<%= wow_characters_path %>"><%= t('layouts.navbar.characters') %></a>
         </li>
         <li class="nav-item">
-          <a class="nav-link active" aria-current="page" href="<%= wow_mounts_path %>">Mounts</a>
+          <a class="nav-link active" aria-current="page" href="<%= wow_mounts_path %>"><%= t('layouts.navbar.mounts') %></a>
         </li>
         <li class="nav-item">
-          <a class="nav-link active" aria-current="page" href="<%= wow_pets_path %>">Pets</a>
+          <a class="nav-link active" aria-current="page" href="<%= wow_pets_path %>"><%= t('layouts.navbar.pets') %></a>
         </li>
       </ul>
       <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+        <%= render 'layouts/locales' %>
+      </ul>
+      <ul class="navbar-nav mb-2 mb-lg-0">
         <li class="nav-item dropdown">
           <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
               Menu
@@ -26,7 +29,10 @@
           </ul>
         </li>
         <% else %>
+          <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+            <%= render 'layouts/locales' %>
             <%= link_to 'Sign in with <i class="fab fa-battle-net"></i>'.html_safe, user_bnet_omniauth_authorize_path, method: :post, class: "btn btn-primary nav-item" %>
+          </ul>
         <% end %>
       </ul>
     </div>

app/views/wow_characters/index.html.erb

@@ -4,13 +4,13 @@
   <thead>
     <tr>
       <th scope="col"></th>
-      <th scope="col"><%= t('character_list.name') %></th>
-      <th scope="col"><%= t('character_list.gender') %></th>
-      <th scope="col"><%= t('character_list.realm') %></th>
-      <th scope="col"><%= t('character_list.race') %></th>
-      <th scope="col"><%= t('character_list.class') %></th>
-      <th scope="col"><%= t('character_list.faction') %></th>
-      <th scope="col"><%= t('character_list.level') %></th>
+      <th scope="col"><%= t('wow_characters.character_list.name') %></th>
+      <th scope="col"><%= t('wow_characters.character_list.gender') %></th>
+      <th scope="col"><%= t('wow_characters.character_list.realm') %></th>
+      <th scope="col"><%= t('wow_characters.character_list.race') %></th>
+      <th scope="col"><%= t('wow_characters.character_list.class') %></th>
+      <th scope="col"><%= t('wow_characters.character_list.faction') %></th>
+      <th scope="col"><%= t('wow_characters.character_list.level') %></th>
     </tr>
   </thead>
   <tbody>

app/views/wow_mounts/index.html.erb

@@ -3,9 +3,9 @@
 <table class="table table-hover table-dark table-image">
   <thead>
     <tr>
-      <th scope="col"><%= t('mount_list.name') %></th>
-      <th scope="col"><%= t('mount_list.description') %></th>
-      <th scope="col"><%= t('mount_list.owned') %></th>
+      <th scope="col"><%= t('wow_mounts.mount_list.name') %></th>
+      <th scope="col"><%= t('wow_mounts.mount_list.description') %></th>
+      <th scope="col"><%= t('wow_mounts.mount_list.owned') %></th>
     </tr>
   </thead>
   <tbody>

app/views/wow_pets/index.html.erb

@@ -3,9 +3,9 @@
 <table class="table table-hover table-dark table-image">
   <thead>
     <tr>
-      <th scope="col"><%= t('pet_list.name') %></th>
-      <th scope="col"><%= t('pet_list.description') %></th>
-      <th scope="col"><%= t('pet_list.owned') %></th>
+      <th scope="col"><%= t('wow_pets.pet_list.name') %></th>
+      <th scope="col"><%= t('wow_pets.pet_list.description') %></th>
+      <th scope="col"><%= t('wow_pets.pet_list.owned') %></th>
     </tr>
   </thead>
   <tbody>

config/application.rb

@@ -24,5 +24,6 @@ module Northwhale2
     config.i18n.default_locale = 'en-gb'
     config.i18n.available_locales = ['de-de', 'en-gb', 'en-us', 'es-mx', 'pt-br', 'es-es', 'fr-fr', 'it', 'ru-ru', 'ko', 'zh-tw', 'zh-cn']
     config.i18n.fallbacks.map = { 'fr-fr': :'fr-ch' }
+    config.i18n.load_path += Dir[Rails.root.join('config', 'locales', '**', '*.{rb,yml}')]
   end
 end

config/locales/en-gb.yml

@@ -30,19 +30,3 @@
 # available at https://guides.rubyonrails.org/i18n.html.
 
 en-gb:
-  character_list:
-    name: "Name"
-    gender: "Gender"
-    realm: "Realm"
-    race: "Race"
-    class: "Class"
-    faction: "Faction"
-    level: "Level"
-  mount_list:
-    name: "Name"
-    description: "Description"
-    owned: "Owned"
-  pet_list:
-    name: "Name"
-    description: "Description"
-    owned: "Owned"

config/locales/layouts/de-de.yml

@@ -0,0 +1,6 @@
+de-de:
+  layouts:
+    navbar:
+      characters: "Zeichen"
+      mounts: "Anschlüsse"
+      pets: "Maskottchen"

config/locales/layouts/en-gb.yml

@@ -0,0 +1,6 @@
+en-gb:
+  layouts:
+    navbar:
+      characters: "Characters"
+      mounts: "Mounts"
+      pets: "Pets"

config/locales/layouts/en-us.yml

@@ -0,0 +1,6 @@
+en-us:
+  layouts:
+    navbar:
+      characters: "Characters"
+      mounts: "Mounts"
+      pets: "Pets"

config/locales/layouts/es-es.yml

@@ -0,0 +1,6 @@
+es-es:
+  layouts:
+    navbar:
+      characters: "Caracteres"
+      mounts: "Montajes"
+      pets: "Mascotas"

config/locales/layouts/es-mx.yml

@@ -0,0 +1,6 @@
+es-mx:
+  layouts:
+    navbar:
+      characters: "Caracteres"
+      mounts: "Montajes"
+      pets: "Mascotas"

config/locales/layouts/fr-fr.yml

@@ -0,0 +1,6 @@
+fr-fr:
+  layouts:
+    navbar:
+      characters: "Personnages"
+      mounts: "Montures"
+      pets: "Mascotte"

config/locales/layouts/it.yml

@@ -0,0 +1,6 @@
+it:
+  layouts:
+    navbar:
+      characters: "Personaggi"
+      mounts: "Monti"
+      pets: "Mascotte"

config/locales/layouts/ko.yml

@@ -0,0 +1,6 @@
+ko:
+  layouts:
+    navbar:
+      characters: "캐릭터"
+      mounts: "마운트"
+      pets: "마스코트"

config/locales/layouts/pt-br.yml

@@ -0,0 +1,6 @@
+pt-br:
+  layouts:
+    navbar:
+      characters: "Personagens"
+      mounts: "Montagens"
+      pets: "Mascote"

config/locales/layouts/ru-ru.yml

@@ -0,0 +1,6 @@
+ru-ru:
+  layouts:
+    navbar:
+      characters: "Символы"
+      mounts: "Крепления"
+      pets: "Талисман"

config/locales/layouts/zh-cn.yml

@@ -0,0 +1,6 @@
+zh-cn:
+  layouts:
+    navbar:
+      characters: "人物"
+      mounts: "坐骑"
+      pets: "吉祥物"

config/locales/layouts/zh-tw.yml

@@ -0,0 +1,6 @@
+zh-tw:
+  layouts:
+    navbar:
+      characters: "人物"
+      mounts: "坐骑"
+      pets: "吉祥物"

config/locales/wow_characters/de-de.yml

@@ -0,0 +1,10 @@
+de-de:
+  wow_characters:
+    character_list:
+      name: "Name"
+      gender: "Geschlecht"
+      realm: "Reich"
+      race: "Rennen"
+      class: "Klasse"
+      faction: "Fraktion"
+      level: "Niveau"

config/locales/wow_characters/en-gb.yml

@@ -0,0 +1,10 @@
+en-gb:
+  wow_characters:
+    character_list:
+      name: "Name"
+      gender: "Gender"
+      realm: "Realm"
+      race: "Race"
+      class: "Class"
+      faction: "Faction"
+      level: "Level"

config/locales/wow_characters/en-us.yml

@@ -0,0 +1,10 @@
+en-us:
+  wow_characters:
+    character_list:
+      name: "Name"
+      gender: "Gender"
+      realm: "Realm"
+      race: "Race"
+      class: "Class"
+      faction: "Faction"
+      level: "Level"

config/locales/wow_characters/es-es.yml

@@ -0,0 +1,10 @@
+es-es:
+  wow_characters:
+    character_list:
+      name: "Nombre"
+      gender: "Género"
+      realm: "Reino"
+      race: "Carrera"
+      class: "Clase"
+      faction: "Facción"
+      level: "Nivel"

config/locales/wow_characters/es-mx.yml

@@ -0,0 +1,10 @@
+es-mx:
+  wow_characters:
+    character_list:
+      name: "Nombre"
+      gender: "Género"
+      realm: "Reino"
+      race: "Carrera"
+      class: "Clase"
+      faction: "Facción"
+      level: "Nivel"

config/locales/wow_characters/fr-fr.yml

@@ -0,0 +1,10 @@
+fr-fr:
+  wow_characters:
+    character_list:
+      name: "Nom"
+      gender: "Genre"
+      realm: "Royaume"
+      race: "Race"
+      class: "Classe"
+      faction: "Faction"
+      level: "Niveau"

config/locales/wow_characters/it.yml

@@ -0,0 +1,10 @@
+it:
+  wow_characters:
+    character_list:
+      name: "Nome"
+      gender: "Genere"
+      realm: "Regno"
+      race: "Gara"
+      class: "Classe"
+      faction: "Fazione"
+      level: "Livello"

config/locales/wow_characters/ko.yml

@@ -0,0 +1,10 @@
+ko:
+  wow_characters:
+    character_list:
+      name: "이름"
+      gender: "성별"
+      realm: "왕국"
+      race: "경주"
+      class: "수업"
+      faction: "파벌"
+      level: "수평"

config/locales/wow_characters/pt-br.yml

@@ -0,0 +1,10 @@
+pt-br:
+  wow_characters:
+    character_list:
+      name: "Nome"
+      gender: "Gênero"
+      realm: "Reino"
+      race: "Corrida"
+      class: "Classe"
+      faction: "Facção"
+      level: "Nível"

config/locales/wow_characters/ru-ru.yml

@@ -0,0 +1,10 @@
+ru-ru:
+  wow_characters:
+    character_list:
+      name: "имя"
+      gender: "Пол"
+      realm: "Царство"
+      race: "раса"
+      class: "Учебный класс"
+      faction: "Фракция"
+      level: "Уровень"

config/locales/wow_characters/zh-cn.yml

@@ -0,0 +1,10 @@
+zh-cn:
+  wow_characters:
+    character_list:
+      name: "名称"
+      gender: "性别"
+      realm: "领域"
+      race: "种族"
+      class: "类"
+      faction: "派"
+      level: "水平"

config/locales/wow_characters/zh-tw.yml

@@ -0,0 +1,10 @@
+zh-tw:
+  wow_characters:
+    character_list:
+      name: "名称"
+      gender: "性别"
+      realm: "领域"
+      race: "种族"
+      class: "类"
+      faction: "派"
+      level: "水平"

config/locales/wow_mounts/de-de.yml

@@ -0,0 +1,6 @@
+de-de:
+  wow_mounts:
+    mount_list:
+      name: "Name"
+      description: "Beschreibung"
+      owned: "Eigentum"

config/locales/wow_mounts/en-gb.yml

@@ -0,0 +1,6 @@
+en-gb:
+  wow_mounts:
+    mount_list:
+      name: "Name"
+      description: "Description"
+      owned: "Owned"

config/locales/wow_mounts/en-us.yml

@@ -0,0 +1,6 @@
+en-us:
+  wow_mounts:
+    mount_list:
+      name: "Name"
+      description: "Description"
+      owned: "Owned"

config/locales/wow_mounts/es-es.yml

@@ -0,0 +1,6 @@
+es-es:
+  wow_mounts:
+    mount_list:
+      name: "Nombre"
+      description: "Descripción"
+      owned: "Propiedad"

config/locales/wow_mounts/es-mx.yml

@@ -0,0 +1,6 @@
+es-mx:
+  wow_mounts:
+    mount_list:
+      name: "Nombre"
+      description: "Descripción"
+      owned: "Propiedad"

config/locales/wow_mounts/fr-fr.yml

@@ -0,0 +1,6 @@
+en-gb:
+  wow_mounts:
+    mount_list:
+      name: "Nom"
+      description: "Description"
+      owned: "Obtenu"

config/locales/wow_mounts/it.yml

@@ -0,0 +1,6 @@
+it:
+  wow_mounts:
+    mount_list:
+      name: "Nome"
+      description: "Descrizione"
+      owned: "Di proprietà"

config/locales/wow_mounts/ko.yml

@@ -0,0 +1,6 @@
+ko:
+  wow_mounts:
+    mount_list:
+      name: "이름"
+      description: "기술"
+      owned: "소유"

config/locales/wow_mounts/pt-br.yml

@@ -0,0 +1,6 @@
+pt-br:
+  wow_mounts:
+    mount_list:
+      name: "Sobrenome"
+      description: "Descrição"
+      owned: "Obteve"

config/locales/wow_mounts/ru-ru.yml

@@ -0,0 +1,6 @@
+ru-ru:
+  wow_mounts:
+    mount_list:
+      name: "Фамилия"
+      description: "Описание"
+      owned: "Получил"

config/locales/wow_mounts/zh-cn.yml

@@ -0,0 +1,6 @@
+zh-cn:
+  wow_mounts:
+    mount_list:
+      name: "姓"
+      description: "描述"
+      owned: "得到了"

config/locales/wow_mounts/zh-tw.yml

@@ -0,0 +1,6 @@
+zh-tw:
+  wow_mounts:
+    mount_list:
+      name: "姓"
+      description: "描述"
+      owned: "得到了"

config/locales/wow_pets/de-de.yml

@@ -0,0 +1,6 @@
+de-de:
+  wow_pets:
+    pet_list:
+      name: "Name"
+      description: "Beschreibung"
+      owned: "Eigentum"

config/locales/wow_pets/en-gb.yml

@@ -0,0 +1,6 @@
+en-gb:
+  wow_pets:
+    pet_list:
+      name: "Name"
+      description: "Description"
+      owned: "Owned"

config/locales/wow_pets/en-us.yml

@@ -0,0 +1,6 @@
+en-us:
+  wow_pets:
+    pet_list:
+      name: "Name"
+      description: "Description"
+      owned: "Owned"

config/locales/wow_pets/es-es.yml

@@ -0,0 +1,6 @@
+es-es:
+  wow_pets:
+    pet_list:
+      name: "Nombre"
+      description: "Descripción"
+      owned: "Propiedad"

config/locales/wow_pets/es-mx.yml

@@ -0,0 +1,6 @@
+es-mx:
+  wow_pets:
+    pet_list:
+      name: "Nombre"
+      description: "Descripción"
+      owned: "Propiedad"

config/locales/wow_pets/fr-fr.yml

@@ -0,0 +1,6 @@
+en-gb:
+  wow_pets:
+    pet_list:
+      name: "Nom"
+      description: "Description"
+      owned: "Obtenu"

config/locales/wow_pets/it.yml

@@ -0,0 +1,6 @@
+it:
+  wow_pets:
+    pet_list:
+      name: "Nome"
+      description: "Descrizione"
+      owned: "Di proprietà"

config/locales/wow_pets/ko.yml

@@ -0,0 +1,6 @@
+ko:
+  wow_pets:
+    pet_list:
+      name: "이름"
+      description: "기술"
+      owned: "소유"

config/locales/wow_pets/pt-br.yml

@@ -0,0 +1,6 @@
+pt-br:
+  wow_pets:
+    pet_list:
+      name: "Sobrenome"
+      description: "Descrição"
+      owned: "Obteve"

config/locales/wow_pets/ru-ru.yml

@@ -0,0 +1,6 @@
+ru-ru:
+  wow_pets:
+    pet_list:
+      name: "Фамилия"
+      description: "Описание"
+      owned: "Получил"

config/locales/wow_pets/zh-cn.yml

@@ -0,0 +1,6 @@
+zh-cn:
+  wow_pets:
+    pet_list:
+      name: "姓"
+      description: "描述"
+      owned: "得到了"

config/locales/wow_pets/zh-tw.yml

@@ -0,0 +1,6 @@
+zh-tw:
+  wow_pets:
+    pet_list:
+      name: "姓"
+      description: "描述"
+      owned: "得到了"

config/routes.rb

@@ -9,7 +9,9 @@ Rails.application.routes.draw do
   end
   root to: "home#index"
   mount Sidekiq::Web => '/sidekiq'
+  scope "/:locale" do
     resources :wow_characters, only: [:index, :show]
     resources :wow_mounts, only: [:index, :show]
     resources :wow_pets, only: [:index, :show]
+  end
 end

db/migrate/20210424192800_add_locale_to_user.rb

@@ -0,0 +1,5 @@
+class AddLocaleToUser < ActiveRecord::Migration[6.1]
+  def change
+    add_column :users, :locale, :string, default: 'en-gb'
+  end
+end

db/schema.rb

@@ -10,7 +10,7 @@
 #
 # It's strongly recommended that you check this file into your version control system.
 
-ActiveRecord::Schema.define(version: 2021_04_23_153941) do
+ActiveRecord::Schema.define(version: 2021_04_24_192800) do
 
   # These are extensions that must be enabled in order to support this database
   enable_extension "plpgsql"
@@ -79,6 +79,7 @@ ActiveRecord::Schema.define(version: 2021_04_23_153941) do
     t.string "token"
     t.datetime "created_at", precision: 6, null: false
     t.datetime "updated_at", precision: 6, null: false
+    t.string "locale", default: "en-gb"
     t.index ["battletag"], name: "index_users_on_battletag", unique: true
   end
 

package.json

@@ -9,6 +9,7 @@
     "@rails/ujs": "^6.0.0",
     "@rails/webpacker": "5.2.1",
     "bootstrap": "^5.0.0-beta3",
+    "flag-icon-css": "^3.5.0",
     "jquery": "^3.6.0",
     "turbolinks": "^5.2.0"
   },

yarn.lock

@@ -3066,6 +3066,11 @@ findup-sync@^3.0.0:
     micromatch "^3.0.4"
     resolve-dir "^1.0.1"
 
+flag-icon-css@^3.5.0:
+  version "3.5.0"
+  resolved "https://registry.yarnpkg.com/flag-icon-css/-/flag-icon-css-3.5.0.tgz#430747d5cb91e60babf85494de99173c16dc7cf2"
+  integrity sha512-pgJnJLrtb0tcDgU1fzGaQXmR8h++nXvILJ+r5SmOXaaL/2pocunQo2a8TAXhjQnBpRLPtZ1KCz/TYpqeNuE2ew==
+
 flatted@^3.0.4:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.1.1.tgz#c4b489e80096d9df1dfc97c79871aea7c617c469"