rails_i18n_manager 1.0.0

data/app/models/rails_i18n_manager/translation_key.rb

@@ -0,0 +1,161 @@
+module RailsI18nManager
+  class TranslationKey < ApplicationRecord
+
+    belongs_to :translation_app, class_name: "RailsI18nManager::TranslationApp"
+    has_many :translation_values, class_name: "RailsI18nManager::TranslationValue", dependent: :destroy
+    accepts_nested_attributes_for :translation_values, reject_if: ->(x){ x["id"].nil? && x["translation"].blank? }
+
+    validates :translation_app, presence: true
+    validates :key, presence: true, uniqueness: {case_sensitive: false, scope: [:translation_app_id]}
+    validate :validate_translation_values_includes_default_locale
+
+    def validate_translation_values_includes_default_locale
+      return if new_record?
+      if translation_values.empty? || translation_values.none?{|x| x.locale == translation_app.default_locale }
+        errors.add(:base, "Translation for default locale is required")
+      end
+    end
+
+    scope :search, ->(str){
+      fields = [
+        "#{table_name}.key",
+        "#{TranslationApp.table_name}.name",
+        "#{TranslationValue.table_name}.locale",
+        "#{TranslationValue.table_name}.translation",
+      ]
+
+      like = connection.adapter_name.downcase.to_s == "postgres" ? "ILIKE" : "LIKE"
+
+      sql_conditions = []
+
+      fields.each do |col|
+        sql_conditions << "(#{col} #{like} :search)"
+      end
+
+      self.left_joins(:translation_values, :translation_app)
+        .where(sql_conditions.join(" OR "), search: "%#{str}%")
+    }
+
+    def default_translation
+      return @default_translation if defined?(@default_translation)
+      @default_translation = self.translation_values.detect{|x| x.locale == translation_app.default_locale.to_s }&.translation
+    end
+
+    def any_missing_translations?
+      self.translation_app.all_locales.any? do |locale|
+        val_record = translation_values.detect{|x| x.locale == locale.to_s}
+
+        next val_record.nil? || val_record.translation.blank?
+      end
+    end
+
+    def self.to_csv
+      CSV.generate do |csv|
+        csv << ["App Name", "Key", "Locale", "Translation", "Updated At"]
+
+        self.all.order(key: :asc).includes(:translation_app, :translation_values).each do |key_record|
+          value_records = {}
+
+          key_record.translation_values.each do |value_record|
+            value_records[value_record.locale] = value_record
+          end
+
+          key_record.translation_app.all_locales.each do |locale|
+            value_record = value_records[locale]
+            csv << [key_record.translation_app.name, key_record.key, value_record&.locale, value_record&.translation, value_record&.updated_at&.to_s]
+          end
+        end
+      end
+    end
+
+    def self.export_to(app_name: nil, zip: false, format: :yaml)
+      format = format.to_sym
+
+      if format == :yaml
+        format = "yml"
+      elsif [:yaml, :json].exclude?(format)
+        raise ArgumentError.new("Invalid format provided")
+      end
+
+      base_export_path = Rails.root.join("tmp/export/translations/")
+
+      files_to_delete = Dir.glob("#{base_export_path}/*").each do |f|
+        if File.ctime(f) > 1.minutes.ago
+          `rm -rf #{f}`
+          #File.delete(f)
+        end
+      end
+
+      base_folder_path = File.join(base_export_path, "#{Time.now.to_i}/")
+
+      FileUtils.mkdir_p(base_folder_path)
+
+      if app_name.nil?
+        translation_apps = TranslationApp.order(name: :asc)
+      else
+        translation_apps = [TranslationApp.find_by!(name: app_name)]
+      end
+
+      if translation_apps.empty?
+        return nil
+      end
+
+      translation_apps.each do |app_record|
+        current_app_name = app_record.name
+
+        key_records = app_record.translation_keys.order(key: :asc).includes(:translation_values)
+
+        app_record.all_locales.each do |locale|
+          tree = {}
+
+          key_records.each do |key_record|
+            val_record = key_record.translation_values.detect{|x| x.locale == locale.to_s}
+
+            split_keys = [locale.to_s] + key_record.key.split(".")
+
+            RailsI18nManager.hash_deep_set(tree, split_keys, val_record.try!(:translation))
+          end
+
+          filename = File.join(base_folder_path, current_app_name, "#{locale}.#{format}")
+
+          FileUtils.mkdir_p(File.dirname(filename))
+
+          File.open(filename, "wb") do |io|
+            if format == :json
+              str = tree.to_json
+            else
+              str = tree.to_yaml(line_width: -1).sub("---\n", "")
+            end
+
+            io.write(str)
+          end
+        end
+      end
+
+      if zip
+        temp_file = Tempfile.new([Time.now.to_i.to_s, ".zip"], binmode: true)
+
+        files_to_write = Dir.glob("#{base_folder_path}/**/**")
+
+        if files_to_write.empty?
+          return nil
+        end
+
+        zip_file = Zip::File.open(temp_file, create: !File.exist?(temp_file)) do |zipfile|
+          files_to_write.each do |file|
+            zipfile.add(file.sub(base_folder_path, "translations/"), file)
+          end
+        end
+
+        output_path = temp_file.path
+      elsif app_name
+        output_path = File.join(base_folder_path, app_name)
+      else
+        output_path = base_folder_path
+      end
+
+      return output_path
+    end
+
+  end
+end

data/app/models/rails_i18n_manager/translation_value.rb

@@ -0,0 +1,11 @@
+module RailsI18nManager
+  class TranslationValue < ApplicationRecord
+
+    belongs_to :translation_key, class_name: "RailsI18nManager::TranslationKey"
+
+    validates :translation_key, presence: true
+    validates :locale, presence: true, uniqueness: {scope: :translation_key_id}
+    validates :translation, presence: {if: ->(){ locale == translation_key.translation_app.default_locale.to_s } }
+
+  end
+end

data/app/views/layouts/rails_i18n_manager/application.html.slim

@@ -0,0 +1,55 @@
+- @title = "Translations Manager"
+
+doctype html
+html
+  head
+    title = @title
+
+    = csrf_meta_tags
+    meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0"
+
+    link rel="icon" type="image/x-icon" href=custom_asset_path("/rails_i18n_manager/favicon.ico")
+
+    link rel="stylesheet" href=custom_asset_path("/rails_i18n_manager/utility.css")
+
+    script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" referrerpolicy="no-referrer"
+
+    link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous"
+    script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"
+
+    link rel="stylesheet" href=custom_asset_path("/rails_i18n_manager/application.css")
+
+    script src="https://cdn.jsdelivr.net/npm/@rails/ujs@7.0.4-3/lib/assets/compiled/rails-ujs.min.js"
+
+    link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slim-select/2.4.5/slimselect.min.css" integrity="sha512-GvqWM4KWH8mbgWIyvwdH8HgjUbyZTXrCq0sjGij9fDNiXz3vJoy3jCcAaWNekH2rJe4hXVWCJKN+bEW8V7AAEQ==" crossorigin="anonymous" referrerpolicy="no-referrer"
+    script src="https://cdnjs.cloudflare.com/ajax/libs/slim-select/2.4.5/slimselect.global.min.js" integrity="sha512-r2ujllVbPV4gVNZyqAB6LS3cnpEenEl18yFYoowmutUX5zVXQi5mp13lMWv3FQpsn96eFJTcd5VqBkZuatGtWQ==" crossorigin="anonymous" referrerpolicy="no-referrer"
+
+    script src="https://cdnjs.cloudflare.com/ajax/libs/autosize.js/3.0.20/autosize.min.js" integrity="sha512-EAEoidLzhKrfVg7qX8xZFEAebhmBMsXrIcI0h7VPx2CyAyFHuDvOAUs9CEATB2Ou2/kuWEDtluEVrQcjXBy9yw==" crossorigin="anonymous" referrerpolicy="no-referrer"
+
+    script src=custom_asset_path("/rails_i18n_manager/application.js")
+
+    link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css" integrity="sha512-IJ+BZHGlT4K43sqBGUzJ90pcxfkREDVZPZxeexRigVL8rzdw/gyJIflDahMdNzBww4k0WxpyaWpC2PLQUWmMUQ==" crossorigin="anonymous" referrerpolicy="no-referrer"
+
+    link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==" crossorigin="anonymous" referrerpolicy="no-referrer"
+
+  body
+    nav.navbar.navbar-expand-lg.navbar-light.bg-success.fixed-top
+      .container-fluid
+        h1.hidden = @title
+
+        a.navbar-brand = "#{@title}"
+
+        button.navbar-toggler type="button" data-bs-toggle="collapse" data-bs-target="#navbar-list" aria-controls="navbar-list" aria-expanded="false" aria-label="Toggle navigation"
+          span.navbar-toggler-icon
+
+        #navbar-list.collapse.navbar-collapse
+          ul.navbar-nav.me-auto.mb-2.mb-lg-0
+            li.nav-item
+              a.nav-link class=("active" if params[:controller].split("/").last == "translations") href=translations_path Translations
+            li.nav-item
+              a.nav-link class=("active" if params[:controller].split("/").last == "translation_apps") href=translation_apps_path = RailsI18nManager::TranslationApp::NAME.pluralize
+
+    .container-fluid
+      = render "rails_i18n_manager/shared/flash"
+
+      = yield

data/app/views/layouts/rails_i18n_manager/application.js.erb

@@ -0,0 +1,5 @@
+$("#flash-container").html("<%= j render partial: "rails_i18n_manager/shared/flash" %>");
+
+<%= yield %>
+
+window.init();

data/app/views/rails_i18n_manager/form_builder/_basic_field.html.erb

@@ -0,0 +1,108 @@
+<%
+  if options[:field_layout].to_s == "horizontal"
+    options[:field_wrapper_html][:class] ||= ""
+    options[:field_wrapper_html][:class].concat(" row").strip!
+
+    options[:label_wrapper_html][:class] ||= ""
+    options[:label_wrapper_html][:class].concat(" col-md-1 col-form-label text-md-end").strip!
+
+    options[:input_wrapper_html][:class] ||= ""
+    options[:input_wrapper_html][:class].concat(" col-auto g-md-0").strip!
+  end
+
+  if type == :text_area
+    options[:rows] = options[:rows] || 1
+  end
+
+  case type
+  when :select
+    if options.has_key?(:prompt)
+      if !options[:prompt].is_a?(String)
+        options[:prompt] = !!options[:prompt]
+      end
+    elsif options[:selected].blank? && !options[:include_blank]
+      options[:prompt] = true
+    end
+
+    if options[:prompt] == true
+      options[:prompt] = "Select..."
+    end
+
+    options[:input_html][:class] ||= ""
+    options[:input_html][:class].concat(" form-select").strip!
+  when :checkbox
+    checkbox_label = options.delete(:label)
+
+    options[:label_html][:class] ||= ""
+    options[:label_html][:class].concat(" form-check-label").strip!
+
+    options[:input_html][:class] ||= ""
+    options[:input_html][:class].concat(" form-check-input").strip!
+  else
+    options[:input_html][:class] ||= ""
+    if options[:input_html][:class].exclude?("form-control-plaintext")
+      options[:input_html][:class].concat(" form-control").strip!
+    end
+  end
+%>
+
+
+<% field = capture do %>
+  <% if type == :view %>
+    <%= text_field_tag nil, options[:input_html][:value], options[:input_html] %>
+  <% elsif type == :select %>
+    <%=
+      f.select(
+        method,
+        options[:collection],
+        {
+          include_blank: options[:include_blank],
+          selected: options[:selected],
+          prompt: options[:prompt],
+          disabled: options[:disabled]
+        },
+        options[:input_html],
+      )
+    %>
+  <% elsif type == :checkbox %>
+    <%= f.check_box method, **options[:input_html] %>
+    <%= f.label method, options[:label], **options[:label_html] do %>
+      <%= checkbox_label %>
+    <% end %>
+  <% elsif type == :textarea %>
+    <%= f.text_area method, options[:input_html] %>
+  <% else %>
+    <%= f.text_field method, options[:input_html] %>
+  <% end %>
+<% end %>
+
+<%= content_tag :div, **options[:field_wrapper_html] do %>
+  <%= content_tag :div, **options[:label_wrapper_html] do %>
+    <% if options[:label] %>
+      <%= f.label method, options[:label], **options[:label_html] do %>
+        <%= options[:label] %>
+        <% if options[:required] %>
+          <span><%= options[:required_text] %></span>
+        <% end %>
+      <% end %>
+    <% end %>
+  <% end %>
+
+  <%= content_tag :div, **options[:input_wrapper_html] do %>
+    <%= field %>
+
+    <% if options[:help_text] %>
+      <small style="display:block;" class="text-muted">
+        <%= options[:help_text].html_safe %>
+      </small>
+    <% end %>
+
+    <% if options[:errors].present? %>
+      <div class="invalid-feedback">
+        <% options[:errors].each do |error| %>
+          <div><%= error %></div>
+        <% end %>
+      </div>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/rails_i18n_manager/form_builder/_error_notification.html.erb

@@ -0,0 +1,7 @@
+<% if f.object.errors[:base].present? %>
+  <div class="alert alert-danger">
+    <% f.object.errors[:base].each do |error| %>
+      <%= error %>
+    <% end %>
+  </div>
+<% end %>

data/app/views/rails_i18n_manager/shared/_flash.html.slim

@@ -0,0 +1,6 @@
+#flash-container
+  - flash.each do |name, msg|
+    - if msg.is_a?(String)
+      .alert.alert-dismissible class="alert-#{name.to_s == "notice" ? "success" : "danger"}"
+        button.btn-close type="button" data-bs-dismiss="alert"
+        span id="flash_#{name}" = msg

data/app/views/rails_i18n_manager/translation_apps/_breadcrumbs.html.slim

@@ -0,0 +1,12 @@
+nav style="--bs-breadcrumb-divider: '/';"
+  .breadcrumb
+    = breadcrumb_item RailsI18nManager::TranslationApp::NAME.pluralize, translation_apps_path
+
+    - if @translation_app
+      - if @translation_app.new_record?
+        = breadcrumb_item "New", new_translation_app_path
+      - else
+        = breadcrumb_item @translation_app.name, translation_app_path(@translation_app)
+
+        - if ["edit", "update"].include?(action_name)
+          = breadcrumb_item "Edit", edit_translation_app_path(@translation_app)

data/app/views/rails_i18n_manager/translation_apps/_filter_bar.html.slim

@@ -0,0 +1,9 @@
+form
+  .row.align-items-center.g-1
+    .col-auto
+      = text_field_tag :search, params[:search], placeholder: "Search", class: "form-control", style: "max-width: 200px; width: 100%;"
+
+    .col-auto
+      button.btn.btn-primary.btn-sm type="submit" Filter
+      - if params[:search].present?
+        = link_to "Clear", nil, class: "btn btn-sm space-left"

data/app/views/rails_i18n_manager/translation_apps/form.html.slim

@@ -0,0 +1,30 @@
+= render "breadcrumbs"
+
+h2
+  - if @translation_app.new_record?
+    | New Translation App
+  - else
+    | Edit Translation App
+
+- url = @translation_app.new_record? ? translation_apps_path : translation_app_path(@translation_app)
+- method = @translation_app.new_record? ? :post : :patch
+
+- view_mode = params[:action] == "show"
+
+= custom_form_for @translation_app, url: url, method: method, defaults: {view_mode: view_mode}, html: {class: "form-horizontal"} do |f|
+  = f.error_notification
+
+  = f.field :name, type: :text
+
+  = f.field :default_locale, type: :select, collection: RailsI18nManager.config.valid_locales.dup, selected: @translation_app.default_locale, include_blank: f.object.default_locale.nil?, input_html: {style: "width:120px;"}
+
+  = f.field :additional_locales, type: :select, collection: RailsI18nManager.config.valid_locales.dup, selected: @translation_app.additional_locales_array, include_blank: false, input_html: {multiple: true}, help_text: "Warning: Removing any locale will result in its translations being deleted."
+
+  - if !view_mode
+    .form-group
+      button.btn.btn-primary type="submit" Save
+
+      = link_to "Cancel", {action: :index}, class: 'btn btn-secondary space-left2'
+
+      - if !@translation_app.new_record?
+        = link_to "Delete", {action: :destroy, id: @translation_app.id}, method: :delete, data: { confirm: "WARNING: All the associated translations will be deleted.\n\nAre you sure you want to delete this translation app?" }, class: 'btn btn-danger space-left2'

data/app/views/rails_i18n_manager/translation_apps/index.html.slim

@@ -0,0 +1,27 @@
+.well.alert.alert-dark.permanent.pull-right style=("max-width: 920px;")
+  | Once you have created a #{RailsI18nManager::TranslationApp::NAME} then you can use the Import functionality on #{link_to "Translations Import page", import_translations_path}
+
+.row.align-items-center.g-3
+  .col-auto
+    h2.page-title = RailsI18nManager::TranslationApp::NAME.pluralize
+  .col-auto
+    = link_to "New App", new_translation_app_path, class: 'btn btn-primary btn-sm'
+
+.space-above4
+= render "filter_bar"
+
+table.table.table-striped.table-hover.space-above3.list-table
+  thead
+    tr
+      th = sort_link(:name)
+      th Default Locale
+      th Additional Locales
+      th Actions
+  tbody
+    - @translation_apps.each do |x|
+      tr
+        td = x.name
+        td = x.default_locale
+        td = x.additional_locales_array.join(", ")
+        td
+          = link_to "Edit", {action: :edit, id: x.id}

data/app/views/rails_i18n_manager/translations/_breadcrumbs.html.slim

@@ -0,0 +1,17 @@
+nav style="--bs-breadcrumb-divider: '/';"
+  .breadcrumb
+    = breadcrumb_item "Translations", translations_path
+
+    - if action_name == "import"
+      = breadcrumb_item "Import", import_translations_path
+
+    - elsif @translation_key
+      - if @translation_key.new_record?
+        = breadcrumb_item "New", new_translation_path(@translation_key)
+      - else
+        = breadcrumb_item @translation_key.translation_app.name, translations_path(app_name: @translation_key.translation_app.name)
+
+        = breadcrumb_item @translation_key.key, translation_path(@translation_key)
+
+        - if ["edit", "update"].include?(action_name)
+          = breadcrumb_item "Edit", edit_translation_path(@translation_key)

data/app/views/rails_i18n_manager/translations/_filter_bar.html.slim

@@ -0,0 +1,17 @@
+form
+  .row.align-items-center.g-1
+    .col-auto
+      = select_tag :app_name, options_for_select(RailsI18nManager::TranslationApp.order(name: :asc).pluck(:name), params[:app_name]), prompt: "All Apps", class: "form-select", style: "min-width: 220px"
+
+    .col-auto
+      = select_tag :status, options_for_select([["All Active", nil], "Missing", "Inactive", "All"], params[:status]), class: 'form-select', style: "min-width: 135px;"
+
+    .col-auto
+      = text_field_tag :search, params[:search], placeholder: "Search", class: "form-control"
+
+    .col-auto
+      button.btn.btn-primary.btn-sm type="submit" Filter
+
+      - if [:app_name, :search].any?{|x| params[x].present? }
+        - link_params = {status: params[:status]}.select{|_,v| v.present?}
+        = link_to "Clear", link_params, class: "btn btn-sm space-left"

data/app/views/rails_i18n_manager/translations/_form.html.slim

@@ -0,0 +1,29 @@
+- view_mode = params[:action] == "show"
+
+= custom_form_for @translation_key, url: translation_path(@translation_key), method: :patch, defaults: {view_mode: view_mode, field_layout: :horizontal} do |f|
+  = f.view_field label: "App Name", value: @translation_key.translation_app.name
+  = f.view_field label: "Key", value: @translation_key.key, help_text: ("Nested Keys are denoted with dot (.)" if @translation_key.key.include?("."))
+
+  - if !@translation_key.active
+    = f.view_field label: "Status", value: "Inactive"
+    = link_to "Delete", {action: :destroy, id: @translation_key.id}, method: :delete, class: "btn btn-danger btn-sm space-left3", "data-confirm" => "Are you sure you want to delete this record?"
+
+  = render "sub_nav"
+
+  .translations-container
+    - sorted_translation_values = []
+
+    - @translation_key.translation_app.all_locales.each do |locale|
+      - val_record = @translation_key.translation_values.detect{|x| x.locale == locale.to_s }
+      - if val_record.nil?
+        - val_record = @translation_key.translation_values.new(locale: locale)
+      - sorted_translation_values << val_record
+
+    = f.fields_for :translation_values, sorted_translation_values do |f2|
+      = render "translation_value_fields", f: f2
+
+  - if !view_mode
+    .form-group
+      .col-lg-offset-2.col-md-offset-2.col-sm-offset-3.col-lg-10.col-md-10.col-sm-9
+        button.btn.btn-primary type="submit" Save
+        = link_to "Cancel", {action: :index}, class: 'btn btn-secondary space-left2'

data/app/views/rails_i18n_manager/translations/_sub_nav.html.slim

@@ -0,0 +1,7 @@
+ul.nav.nav-tabs.space-below5.space-above3
+  = nav_link "View", translation_path(@translation_key)
+
+  = nav_link "Edit", edit_translation_path(@translation_key), active: ["edit", "update"].include?(action_name)
+
+  - if @translation_key.any_missing_translations?
+    = nav_link "Translate Missing with Google", translate_missing_translations_path(translation_key_id: @translation_key.id), method: :post, "data-confirm" => "Are you sure you want to proceed with translating the missing translations for this entry?"

data/app/views/rails_i18n_manager/translations/_translation_value_fields.html.slim

@@ -0,0 +1,10 @@
+- locale = f.object.locale
+- default_locale = f.object.translation_key.translation_app.default_locale
+
+- if default_locale == locale
+  - help_text = "This default translation will be utilized whenever a more specific language is not available"
+  - required = true
+
+.nested-fields.translation-value-fields
+  = f.hidden_field :locale
+  = f.field :translation, type: :textarea, label: "#{locale}", required: required, help_text: help_text, field_layout: :horizontal, input_html: {rows: 1, width: "100%;"}

data/app/views/rails_i18n_manager/translations/edit.html.slim

@@ -0,0 +1,6 @@
+= render "breadcrumbs"
+
+h2.page-title Translations
+/h5.page-title App Name: #{@translation_key.translation_app.name}
+
+= render "form"

data/app/views/rails_i18n_manager/translations/import.html.slim

@@ -0,0 +1,26 @@
+= render "breadcrumbs"
+
+h2.page-sub-title Import Translations from Source File
+
+.row
+  .col-6
+    = custom_form_for @form, as: :import_form, url: import_translations_path, method: :post, multipart: true, html: {class: "form-horizontal"} do |f|
+      = f.error_notification
+
+      = f.field :translation_app_id, label: "App Name", type: :select, collection: RailsI18nManager::TranslationApp.order(name: :asc).pluck(:name, :id)
+
+      = f.field :file, type: :file, label: "Translation File", help_text: "Allowed file types: yml, json"
+
+      = f.field :mark_inactive_translations, type: :checkbox, label: "Mark Inactive Translations?", help_text: "Any translation keys not found in the source file will be marked as 'Inactive' while found keys will be marked 'Active'. Marking a translation key as inactive excludes it from any data export and allows it to be deletable. Do not check this if you are uploading a partial translation file."
+
+      = f.field :overwrite_existing, type: :checkbox, label: "Overwrite existing translations?", help_text: "When enabled, if an existing translations exists it will be overwritten with the one contained in the file. If an outdated translation file is uploaded then it has the potential overwrite valuable translations in the app.", input_html: {"onclick" => 'if($(this).is(":checked")) alert("WARNING!\n\nEnabling overwrite can potentially be a highly destructive action. If an outdated translation file is uploaded then it has the potential overwrite valuable translations in the app. Please use caution.")'}
+
+      .form-group
+        button.btn.btn-primary type="submit" Save
+        = link_to "Cancel", {action: :index}, class: 'btn btn-secondary space-left'
+
+  .col-6
+    .alert.alert-dark.permanent
+      p This action will add translations that exist in the source file but do not exist in the database.
+      p This import will not delete any existing translations.
+      p You may import partial translations files with only some of the translation keys.

data/app/views/rails_i18n_manager/translations/index.html.slim

@@ -0,0 +1,50 @@
+.pull-right
+  = link_to "Translate with Google", params.to_unsafe_h.merge(action_name: :translate_missing), class: "btn btn-primary btn-sm", "data-confirm" => "Are you sure you want to proceed with translating the missing translations in the currently filtered list?"
+  = link_to "Import Translations", import_translations_path, class: "btn btn-secondary btn-sm space-left2"
+  = link_to "Delete Inactive", params.to_unsafe_h.merge(action_name: :delete_inactive_keys), class: "btn btn-danger btn-sm space-left2", data: {confirm: "Warning! This is a highly destructive action.\n\nIts possible to incorrectly upload an incomplete or incorrect file to 'Mark Inactive Translations from Source' which can leave you with inactive keys that maybe shouldnt have been inactivated.\n\nPlease proceed only if you are certain that you do not have any keys that are incorrectly marked inactive.\n\nAre you sure you want to proceed with deleting the inactive translations in the currently filtered list?"}
+
+h2.page-title Translations
+- if params[:app_name]
+  h5.page-title App Name: #{params[:app_name]}
+
+br
+
+.well.well-sm
+  .btn-group.pull-right.text-right
+    = link_to "Export to CSV", params.to_unsafe_h.merge(format: :csv), class: "btn btn-sm btn-success"
+    = link_to "YAML", params.to_unsafe_h.merge(format: :zip, export_format: :yaml), class: "btn btn-sm btn-success"
+    = link_to "JSON", params.to_unsafe_h.merge(format: :zip, export_format: :json), class: "btn btn-sm btn-success"
+
+  .pull-right.space-right2
+
+  = render "filter_bar"
+
+table.table.table-striped.table-hover.space-above3.list-table
+  thead
+    tr
+      th = sort_link(:app_name)
+      th = sort_link(:key)
+      th Default Translation
+      - if params[:status] == "Inactive"
+        th Status
+      th = sort_link(:updated_at)
+      th Actions
+  tbody
+    - @translation_keys.each do |x|
+      tr
+        td = x.translation_app.name
+        td = x.key
+        td = x.default_translation
+        - if params[:status] == "Inactive"
+          td Inactive
+        td = x.updated_at&.strftime("%Y-%m-%d %l:%M %p")
+        td
+          span = link_to "View", {action: :show, id: x.id}
+
+          span.space-left2 = link_to "Edit", {action: :edit, id: x.id}
+
+          - if !x.active
+            span.space-left2 = link_to "Delete", {action: :destroy, id: x.id}, method: :delete, "data-confirm" => "Are you sure you want to delete this translation?"
+
+          - if x.any_missing_translations?
+            span.space-left2 = link_to "Translate with Google", translate_missing_translations_path(id: x.id), method: :post, "data-confirm" => "Are you sure you want to proceed with translating the missing translations for this entry?"

data/config/locales/en.yml

@@ -0,0 +1,5 @@
+en:
+  activerecord:
+    attributes:
+      'rails_i18n_manager/board':
+        num_iterations_to_track: "Number of Iterations to Track"

data/config/routes.rb

@@ -0,0 +1,22 @@
+RailsI18nManager::Engine.routes.draw do
+  resources :translations, only: [:index, :show, :edit, :update, :destroy] do
+    collection do
+      post :translate_missing
+
+      get :import
+      post :import
+
+      delete :delete_inactive_keys
+    end
+  end
+
+  resources :translation_apps
+
+  get "/robots", to: "application#robots", constraints: ->(req){ req.format == :text }
+
+  match "*a", to: "application#render_404", via: :get
+
+  get "/", to: "translations#index"
+
+  root "translations#index"
+end