i18n_locale_editor 0.0.1 → 0.0.2

data/CHANGELOG

@@ -0,0 +1,7 @@
+0.0.2
+- fixed issue #1
+- added wymeditor support
+
+
+0.0.1
+- proof of concept

data/README.rdoc

@@ -1,6 +1,6 @@
 = Rails i18n locale editor
 
-Proof of concept for live locale editor fo Ruby on Rails
+Proof of concept of live locale editor for Ruby on Rails
 
 
 == Features
@@ -43,9 +43,9 @@ start server with environment variable:
 * auto copy js asset and include by gem version in init.rb
 * when open in editor is requested, add locale from key to be shown on index if it is not set in session yet
 * when open in editor is requeseed and "show only missing" is enabled, check if the requested key is in the result set, if not cancel the fileter and retry
-* it will copy javascript assets to RAILS_ROOT/public/javascripts/ on every init, find some better way 
+* it will copy javascript assets to RAILS_ROOT/public/i18n_locale_editor on every init, find some better and unobtrusive way 
 * raise if not vaild html accepted as transalation
-* show key name as title in modal window
+* show key name in modal window
 * move all javascript functions to i18n namespace to prevent colision
 * make hash_tools as inherited class ExtendedHash from Hash (eradicate monkey patching)
 * extract translation controller name, model name, routing nammespace  to some config and make it dynamic
@@ -53,6 +53,7 @@ start server with environment variable:
 * possibility to load another translations in modal
 * toggle wym editor in modal (cool)
 * change localization key from id to rel in span I18n monkey patch
+* git, subversion support for tracking changes
 * escape path for eval in hash_tools.rb (!!!)
 * translation workflow design
 * translation key is held in span id="en.translation.key". check if the 'id' attribute can contain dots

data/VERSION

@@ -1 +1 @@
-0.0.1
+0.0.2

data/app/helpers/translations_helper.rb

@@ -33,7 +33,8 @@ module TranslationsHelper
             if(typeof($j) === 'undefined'){
               $j = jQuery.noConflict();
             }
-            i18n_lazy_load_js('/javascripts/i18n-locale-editor.js')
+            i18n_lazy_load_js('/i18n_locale_editor/i18n-locale-editor.js')
+            //i18n_lazy_load_js('/i18n_locale_editor/wymeditor/jquery.wymeditor.pack.js')
             clearInterval(interval);
           }
         },100)

data/lib/i18n_locale_editor.rb

@@ -1,20 +1 @@
-require 'hash_tools'
-require 'translate_monkey_patch'
-require 'ftools'
-
-if ENV['I18N_EDITOR']== "true"
-  src = File.join(directory,'public',"i18n-locale-editor.js")
-  dst = File.join(RAILS_ROOT,'public', 'javascripts')
-  File.copy(src,dst)
-end
-
-%w{ models controllers helpers }.each do |dir|
-  path = File.join(directory, 'app',dir)
-  $LOAD_PATH << path
-  ActiveSupport::Dependencies.load_paths << path
-  ActiveSupport::Dependencies.load_once_paths.delete(path)
-end
-
-require File.join(directory, "app", "helpers", "translations_helper.rb")
-ActionView::Base.send :include, TranslationsHelper;
-
+require '../rails/init.rb'

data/public/{i18n-locale-editor.js → i18n_locale_editor/i18n-locale-editor.js}

@@ -24,7 +24,7 @@ function attach_callbacks() {
 
 function detach_callbacks() {
   $j('.i18n-translation').unbind('click.i18n_selector').unbind('mouseover.i18n_selector').unbind('mouseout.i18n_selector');
-  $j('#i18n-button').css('background-color', 'blue');
+  $j('#i18n-button').css('background-color', '#111');
   blue_button();
 }
  
@@ -56,10 +56,21 @@ function fill_modal(element){
   <form onsubmit="i18n_send_form();return false;">\
   <textarea name="i8n-form-value" id="i18n-form-value">'+element.html()+'</textarea>\
   </form>\
-  <div><a href="#" onclick="i18n_send_form();return false;">commit change</a></div\
-  <div><a href="'+url+'#'+ element.attr('id') +'" target="_blank">open in editor</a></div>\
+  <div><a href="#" id="i18n-commit">commit change</a></div\
+  <div><a href="#" id="i18n-toggle-wymeditor" style="display: none">toggle wymeditor</a></div\
+  <div><a href="'+url+'#'+ element.attr('id') +'" target="_blank">open in translation editor</a></div>\
   '
-  $j('#18n-modal-content').html(content)
+  $j('#18n-modal-content').html(content);
+  
+  //$j('#i18n-toggle-wymeditor').click(function(){
+  //  $j('#i18n-form-value').wymeditor({
+  //      updateSelector: "#i18n-commit"
+  //  });
+  //})
+
+  $j('#i18n-commit').click(function(){
+    i18n_send_form();
+  })
 }
 
 function i18n_send_form(){

data/public/i18n_locale_editor/wymeditor/iframe/default/wymiframe.css

@@ -0,0 +1,90 @@
+/*
+ * WYMeditor : what you see is What You Mean web-based editor
+ * Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
+ * Dual licensed under the MIT (MIT-license.txt)
+ * and GPL (GPL-license.txt) licenses.
+ *
+ * For further information visit:
+ *        http://www.wymeditor.org/
+ * 
+ * File Name:
+ *        wymeditor.css
+ *        Main editor css file.
+ *        See the documentation for more info.
+ * 
+ * File Authors:
+ *        Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
+ *        Daniel Reszka (d.reszka a-t wymeditor dotorg)
+*/
+
+/* VISUAL FEEDBACK */
+
+/* basic */
+  body  { background: #e1e8f1;}
+ 
+/* make HTML blocs visible */
+  p,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  ul,
+  ol,
+  table,
+  blockquote,
+  pre           { background: #FFFFFF no-repeat 2px 2px;
+                  padding:8px 5px 5px;
+                  margin:10px; }
+  td            { background: #F0F4F8; }
+  th            { background: #ffffcc; }
+  ul,
+  ol            { border-left:20px solid #B9C4D0; padding:0px 5px; }
+  caption       { background: #E4E4B0; padding: 5px; font-weight: bold; }
+  table         { font-size: 12px; width: 500px; }
+  td            { width: 25%; }
+  blockquote    { margin-left: 30px; }
+  pre           { background-color:transparent; border: 1px solid white; }
+
+/* Gecko min height fix */
+  p             { min-height: 1em; } /*min-height is needed under Firefox, because empty parargraphs */
+  *+html p      { min-height: auto; } /* but we have to remove it under IE7 because it triggers the 'haslayout' mode */
+  td            { height: 1.6em; }
+ 
+/* labels */
+  p         { background-image: url(lbl-p.png); }
+  h1        { background-image: url(lbl-h1.png); }
+  h2        { background-image: url(lbl-h2.png); }
+  h3        { background-image: url(lbl-h3.png); }
+  h4        { background-image: url(lbl-h4.png); }
+  h5        { background-image: url(lbl-h5.png); }
+  h6        { background-image: url(lbl-h6.png); }
+  blockquote{ background-image: url(lbl-blockquote.png); }
+  pre       { background-image: url(lbl-pre.png); }
+
+/* specific HTML elements */
+  caption   { text-align: left; }
+  img       { margin-right: 5px;
+              border-style: solid;
+              border-color: gray;
+              border-width: 0; }
+  a img     { border-width: 1px; border-color: blue; }
+  acronym   { border: 1px solid gray; }
+  span      { background-color: #eef; }
+
+/* visual feedback for non-valid nesting of elements*/
+  h1 h1, h1 h2, h1 h3, h1 h4, h1 h5, h1 h6, h1 p, h1 pre, h1 address,
+  h2 h1, h2 h2, h2 h3, h2 h4, h2 h5, h2 h6, h2 p, h2 pre, h2 address,
+  h3 h1, h3 h2, h3 h3, h3 h4, h3 h5, h3 h6, h3 p, h3 pre, h3 address,
+  h4 h1, h4 h2, h4 h3, h4 h4, h4 h5, h4 h6, h4 p, h4 pre, h4 address,
+  h5 h1, h5 h2, h5 h3, h5 h4, h5 h5, h5 h6, h5 p, h5 pre, h5 address,
+  h6 h1, h6 h2, h6 h3, h6 h4, h6 h4, h6 h6, h6 p, h6 pre, h6 address,
+  p h1, p h2, p h3, p h4, p h5, p h6, p pre, p address,
+  pre h1, pre h2, pre h3, pre h4, pre h5, pre h6, pre p, pre pre, pre address,
+  address h1, address h2, address h3, address h4, address h5, address h6,
+  address p, address pre, address address
+  { background-color: #ff9999 !important;
+    border: 1px solid red !important;
+    font-size: 12px !important;
+    font-weight: normal; }

data/public/i18n_locale_editor/wymeditor/iframe/default/wymiframe.html

@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<!--
+ * WYMeditor : what you see is What You Mean web-based editor
+ * Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
+ * Dual licensed under the MIT (MIT-license.txt)
+ * and GPL (GPL-license.txt) licenses.
+ *
+ * For further information visit:
+ *        http://www.wymeditor.org/
+ *
+ * File Name:
+ *        wymiframe.html
+ *        Iframe used by designMode.
+ *        See the documentation for more info.
+ *
+ * File Authors:
+ *        Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
+-->
+<html>
+<head>
+<title>WYMeditor iframe</title>
+<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
+<link rel="stylesheet" type="text/css" media="screen" href="wymiframe.css" />
+</head>
+<body class="wym_iframe"></body>
+</html>