i18n_dashboard 0.1.3

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2013 YOURNAME
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,80 @@
+# I18n Dashboard 
+
+[![Build Status](https://travis-ci.org/fourmach/i18n_dashboard.png?branch=master)](https://travis-ci.org/fourmach/i18n_dashboard)
+[![Gem Version](https://badge.fury.io/rb/i18n_dashboard.png)](http://badge.fury.io/rb/i18n_dashboard)
+[![Code Climate](https://codeclimate.com/github/fourmach/i18n_dashboard.png)](https://codeclimate.com/github/fourmach/i18n_dashboard)
+[![Coverage Status](https://coveralls.io/repos/fourmach/i18n_dashboard/badge.png?branch=master)](https://coveralls.io/r/fourmach/i18n_dashboard?branch=master)
+
+
+Rails Engine for I18n management with redis as backend.
+
+## Screenshots
+
+![#](https://raw.github.com/fourmach/i18n_dashboard/master/doc/screenshot-1.png)
+![#](https://raw.github.com/fourmach/i18n_dashboard/master/doc/screenshot-2.png)
+
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+``` ruby
+gem 'i18n_dashboard'
+```
+
+
+And then execute:
+
+    $ bundle
+
+Modify your config/routes.rb and add:
+
+``` ruby
+mount I18nDashboard::Engine => '/i18n_dashboard'
+```
+
+Add to the bottom of config/environment.rb
+``` ruby
+I18nDashboard::Engine.load!
+```
+
+
+## Customize
+
+Redis configuration:
+
+``` ruby
+I18nDashboard::Engine.redis = Redis.new
+```
+
+Customize layout
+
+``` ruby
+I18nDashboard::TranslationsController.layout 'admin'
+```
+And add `//= require i18n_dashboard/application` to your javascript.
+
+
+But beware, you may have to change somethings in your template like:
+
+``` ruby
+# partials
+render 'admin_menu'
+
+# change by for example
+render 'application/admin_menu'
+
+# or routes
+admin_root_path
+# add the prefix main_app
+main_app.admin_root_path
+```
+
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1,40 @@
+#!/usr/bin/env rake
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+begin
+  require 'rdoc/task'
+rescue LoadError
+  require 'rdoc/rdoc'
+  require 'rake/rdoctask'
+  RDoc::Task = Rake::RDocTask
+end
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'I18nDashboard'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+
+Bundler::GemHelper.install_tasks
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task :default => :test

data/app/assets/javascripts/i18n_dashboard/application.js

@@ -0,0 +1,17 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require jquery
+//= require jquery_ujs
+//= require jquery.autosize
+//= require twitter/bootstrap
+//= require_tree .

data/app/assets/javascripts/i18n_dashboard/bootstrap.js.coffee

@@ -0,0 +1,4 @@
+jQuery ->
+  $("a[rel=popover]").popover()
+  $(".tooltip").tooltip()
+  $("a[rel=tooltip]").tooltip()

data/app/assets/javascripts/i18n_dashboard/translations.js.coffee

@@ -0,0 +1,20 @@
+jQuery ->
+  $('#form-translation textarea').autosize()
+
+  $('.add-translation').click (event) ->
+    event.preventDefault()
+    $('#form-translation #locale').val('')
+    $('#form-translation #key').val('')
+    $('#form-translation #value').val('')
+    $('#form-translation #value').trigger('autosize')
+    $('#form-translation #value').focus()
+
+  $('.edit-translation').click (event) ->
+    event.preventDefault()
+    $('#form-translation #locale').val($(@).data('locale'))
+    $('#form-translation #key').val($(@).data('key'))
+    $('#form-translation #value').val($(@).html().trim())
+
+    $('#form-translation #value').trigger('autosize')
+    $('#form-translation #value').focus()
+    $('#form-translation #value')[0].setSelectionRange(0,0)

data/app/assets/stylesheets/i18n_dashboard/application.css

@@ -0,0 +1,13 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require_self
+ *= require_tree .
+ */

data/app/assets/stylesheets/i18n_dashboard/bootstrap_and_overrides.css

@@ -0,0 +1,7 @@
+/*
+  =require twitter-bootstrap-static/bootstrap
+
+  Use Font Awesome icons (default)
+  To use Glyphicons sprites instead of Font Awesome, replace with "require twitter-bootstrap-static/sprites"
+  =require twitter-bootstrap-static/fontawesome
+  */

data/app/assets/stylesheets/i18n_dashboard/translations.css

@@ -0,0 +1,4 @@
+/*
+  Place all the styles related to the matching controller here.
+  They will automatically be included in application.css.
+*/

data/app/controllers/i18n_dashboard/application_controller.rb

@@ -0,0 +1,4 @@
+module I18nDashboard
+  class ApplicationController < ActionController::Base
+  end
+end

data/app/controllers/i18n_dashboard/translations_controller.rb

@@ -0,0 +1,21 @@
+require_dependency "i18n_dashboard/application_controller"
+
+module I18nDashboard
+  class TranslationsController < ApplicationController
+
+    def index
+       @translations = Translation.all(params[:query])
+    end
+
+    def create
+      Translation.create(params[:key], params[:value], params[:locale])
+      redirect_to root_path, :notice => "Added translations"
+    end
+
+    def destroy
+      Translation.destroy(params[:id])
+      redirect_to root_path, :notice => "Key deleted"
+    end
+
+  end
+end

data/app/helpers/i18n_dashboard/application_helper.rb

@@ -0,0 +1,18 @@
+module I18nDashboard
+  module ApplicationHelper
+    def title(page_title, show_title = true)
+      @show_title = show_title
+      if @show_title
+        content_for(:title) { h(page_title.to_s) }
+      end
+    end
+
+    def show_title?
+      @show_title
+    end
+
+    def humanize_key(key)
+      key.split('.').last.gsub('_', ' ').gsub(/\b('?[a-z])/) { $1.capitalize }
+    end
+  end
+end

data/app/helpers/i18n_dashboard/translations_helper.rb

@@ -0,0 +1,4 @@
+module I18nDashboard
+  module TranslationsHelper
+  end
+end

data/app/models/i18n_dashboard/translation.rb

@@ -0,0 +1,44 @@
+module I18nDashboard
+  class Translation
+
+
+    def self.all(string = nil)
+      keys = Engine.redis.sunion('keys', 'system_keys')
+      if string.present?
+        keys = keys.grep(/#{string}/)
+      end
+      keys.sort
+    end
+
+    def self.keys
+      Engine.redis.smembers('keys').sort!
+    end
+
+    def self.system_keys
+      Engine.redis.smembers('system_keys').sort!
+    end
+
+    def self.system_key?(key)
+      Engine.redis.sismember('system_keys', key)
+    end
+
+    def self.create(key, value, locale)
+      if key.present?
+        Engine.redis.sadd('keys', key)
+        I18n.backend.store_translations(locale, {key => value}, :escape => false)
+      end
+    end
+
+    def self.exists?(key, locale)
+      Engine.redis.exists("#{locale}.#{key}")
+    end
+
+    def self.destroy(key)
+      Engine.redis.srem('keys', key)
+      I18n.available_locales.each do |locale|
+        Engine.redis.del("#{locale}.#{key}")
+      end
+      I18n.reload!
+    end
+  end
+end

data/app/views/i18n_dashboard/translations/index.html.haml

@@ -0,0 +1,51 @@
+- title "Translations"
+
+#add-translation.modal.hide.fade
+  .modal-header
+    %a.close{"data-dismiss" => "modal"} ×
+    %h3 Translation
+  .modal-body
+    .row
+      = form_tag translations_path, id: 'form-translation' do
+        .span1
+          = label_tag :locale
+          = text_field_tag :locale, '', class: 'span1', autofocus: true
+
+        .span4
+          = label_tag :key
+          = text_field_tag :key, '', class: 'span4'
+
+        .span5
+          = label_tag :value
+          = text_area_tag :value, '', class: 'span5'
+        .span2
+          %br
+          = button_tag "Submit", class: 'btn'
+
+.navbar
+  .navbar-inner
+    = form_tag translations_path, class: 'navbar-form pull-left', method: :get do
+      = text_field_tag :query, params[:query], hint: 'Search', autofocus: true
+      = button_tag 'search', class: 'btn'
+      = link_to 'clear', translations_path, class: 'btn'
+
+    .pull-right
+      = link_to 'new', '#', data: { toggle: "modal", target: '#add-translation'}, class: 'btn add-translation'
+%hr/
+%table.table.table-hover
+  %thead
+    %th key
+    - I18n.available_locales.each do |locale|
+      %th= locale
+  %tbody
+    - @translations.each do |key|
+      %tr
+        %td= key
+        - I18n.available_locales.each do |locale|
+          %td
+            = link_to '#', data: {key: key, locale: locale, toggle: "modal", target: '#add-translation'}, class: "edit-translation #{(I18nDashboard::Translation.exists?(key, locale) ? nil : 'text-error')}" do
+              = t(key, locale: locale, default: humanize_key(key))
+        %td
+          - unless I18nDashboard::Translation.system_key?(key)
+            = link_to translation_path(key), method: :delete, class: 'btn btn-mini btn-danger' do
+              %i.icon-trash

data/app/views/layouts/i18n_dashboard/application.html.haml

@@ -0,0 +1,32 @@
+!!!
+%html{lang: I18n.locale}
+  %head
+    %meta{:charset => "utf-8"}
+    %title
+      = content_for?(:title) ? (yield(:title) + " - I18n Dashboard") : "I18n Dashboard"
+    %meta{:content => "width=device-width, initial-scale=1.0", :name => "viewport"}
+    %meta{:content => "Fourmach.com", :name => "author"}
+
+    = stylesheet_link_tag "i18n_dashboard/application", media: nil
+
+    / Le HTML5 shim, for IE6-8 support of HTML5 elements
+    /[if lt IE 9]
+      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+
+    = csrf_meta_tag
+  %body{id: "#{controller.controller_name}-#{controller.action_name}"}
+    / = render 'application/admin_menu'
+
+    .container
+      %h1= yield(:title)
+
+      #flash
+        - flash.each do |key, value|
+          .alert{ :class => "alert-#{key}" }
+            = value
+
+
+      = yield
+
+    = javascript_include_tag "i18n_dashboard/application"
+

data/config/routes.rb

@@ -0,0 +1,6 @@
+I18nDashboard::Engine.routes.draw do
+
+  root to: "translations#index"
+  resources :translations, only: [:index, :create, :destroy]
+
+end

data/lib/assets/javascripts/jquery.autosize.js

@@ -0,0 +1,192 @@
+/*!
+  jQuery Autosize v1.16.7
+  (c) 2013 Jack Moore - jacklmoore.com
+  updated: 2013-03-20
+  license: http://www.opensource.org/licenses/mit-license.php
+*/
+
+
+(function ($) {
+  var
+  defaults = {
+    className: 'autosizejs',
+    append: '',
+    callback: false
+  },
+  hidden = 'hidden',
+  borderBox = 'border-box',
+  lineHeight = 'lineHeight',
+  supportsScrollHeight,
+
+  // border:0 is unnecessary, but avoids a bug in FireFox on OSX (http://www.jacklmoore.com/autosize#comment-851)
+  copy = '<textarea tabindex="-1" style="position:absolute; top:-999px; left:0; right:auto; bottom:auto; border:0; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; word-wrap:break-word; height:0 !important; min-height:0 !important; width: 0; overflow:hidden;"/>',
+
+  // line-height is conditionally included because IE7/IE8/old Opera do not return the correct value.
+  copyStyle = [
+    'fontFamily',
+    'fontSize',
+    'fontWeight',
+    'fontStyle',
+    'letterSpacing',
+    'textTransform',
+    'wordSpacing',
+    'textIndent'
+  ],
+  oninput = 'oninput',
+  onpropertychange = 'onpropertychange',
+
+  // to keep track which textarea is being mirrored when adjust() is called.
+  mirrored,
+
+  // the mirror element, which is used to calculate what size the mirrored element should be.
+  mirror = $(copy).data('autosize', true)[0];
+
+  // test that line-height can be accurately copied.
+  mirror.style.lineHeight = '99px';
+  if ($(mirror).css(lineHeight) === '99px') {
+    copyStyle.push(lineHeight);
+  }
+  mirror.style.lineHeight = '';
+
+  $.fn.autosize = function (options) {
+    options = $.extend({}, defaults, options || {});
+
+    if (mirror.parentNode !== document.body) {
+      $(document.body).append(mirror);
+
+      mirror.value = "\n\n\n";
+      mirror.scrollTop = 9e4;
+      supportsScrollHeight = mirror.scrollHeight === mirror.scrollTop + mirror.clientHeight;
+    }
+
+    return this.each(function () {
+      var
+      ta = this,
+      $ta = $(ta),
+      minHeight,
+      active,
+      resize,
+      boxOffset = 0,
+      callback = $.isFunction(options.callback);
+
+      if ($ta.data('autosize')) {
+        // exit if autosize has already been applied, or if the textarea is the mirror element.
+        return;
+      }
+
+      if ($ta.css('box-sizing') === borderBox || $ta.css('-moz-box-sizing') === borderBox || $ta.css('-webkit-box-sizing') === borderBox){
+        boxOffset = $ta.outerHeight() - $ta.height();
+      }
+
+      minHeight = Math.max(parseInt($ta.css('minHeight'), 10) - boxOffset, $ta.height());
+
+      resize = ($ta.css('resize') === 'none' || $ta.css('resize') === 'vertical') ? 'none' : 'horizontal';
+
+      $ta.css({
+        overflow: hidden,
+        overflowY: hidden,
+        wordWrap: 'break-word',
+        resize: resize
+      }).data('autosize', true);
+
+      function initMirror() {
+        mirrored = ta;
+        mirror.className = options.className;
+
+        // mirror is a duplicate textarea located off-screen that
+        // is automatically updated to contain the same text as the
+        // original textarea.  mirror always has a height of 0.
+        // This gives a cross-browser supported way getting the actual
+        // height of the text, through the scrollTop property.
+        $.each(copyStyle, function(i, val){
+          mirror.style[val] = $ta.css(val);
+        });
+      }
+
+      // Using mainly bare JS in this function because it is going
+      // to fire very often while typing, and needs to very efficient.
+      function adjust() {
+        var height, overflow, original;
+
+        if (mirrored !== ta) {
+          initMirror();
+        }
+
+        // the active flag keeps IE from tripping all over itself.  Otherwise
+        // actions in the adjust function will cause IE to call adjust again.
+        if (!active) {
+          active = true;
+          mirror.value = ta.value + options.append;
+          mirror.style.overflowY = ta.style.overflowY;
+          original = parseInt(ta.style.height,10);
+
+          // Update the width in case the original textarea width has changed
+          // A floor of 0 is needed because IE8 returns a negative value for hidden textareas, raising an error.
+          mirror.style.width = Math.max($ta.width(), 0) + 'px';
+
+          if (supportsScrollHeight) {
+            height = mirror.scrollHeight;
+          } else { // IE6 & IE7
+            mirror.scrollTop = 0;
+            mirror.scrollTop = 9e4;
+            height = mirror.scrollTop;
+          }
+
+          var maxHeight = parseInt($ta.css('maxHeight'), 10);
+          // Opera returns '-1px' when max-height is set to 'none'.
+          maxHeight = maxHeight && maxHeight > 0 ? maxHeight : 9e4;
+          if (height > maxHeight) {
+            height = maxHeight;
+            overflow = 'scroll';
+          } else if (height < minHeight) {
+            height = minHeight;
+          }
+          height += boxOffset;
+          ta.style.overflowY = overflow || hidden;
+
+          if (original !== height) {
+            ta.style.height = height + 'px';
+            if (callback) {
+              options.callback.call(ta,ta);
+            }
+          }
+
+          // This small timeout gives IE a chance to draw it's scrollbar
+          // before adjust can be run again (prevents an infinite loop).
+          setTimeout(function () {
+            active = false;
+          }, 1);
+        }
+      }
+
+      if (onpropertychange in ta) {
+        if (oninput in ta) {
+          // Detects IE9.  IE9 does not fire onpropertychange or oninput for deletions,
+          // so binding to onkeyup to catch most of those occassions.  There is no way that I
+          // know of to detect something like 'cut' in IE9.
+          ta[oninput] = ta.onkeyup = adjust;
+        } else {
+          // IE7 / IE8
+          ta[onpropertychange] = adjust;
+        }
+      } else {
+        // Modern Browsers
+        ta[oninput] = adjust;
+      }
+
+      $(window).on('resize', function(){
+        active = false;
+        adjust();
+      });
+
+      // Allow for manual triggering if needed.
+      $ta.on('autosize', function(){
+        active = false;
+        adjust();
+      });
+
+      // Call adjust in case the textarea already contains text.
+      adjust();
+    });
+  };
+}(window.jQuery || window.Zepto));