tr8n_client_sdk 1.0.0

data/test/dummy/app/views/docs/installation.html.erb

@@ -0,0 +1,59 @@
+<h2><%= tr("Installation Instructions") %></h2>
+
+<p>
+  <%= tr("Clone the git repository to your projects folder:") %>
+</p>
+
+
+<h3><%= tr("Connecting to Tr8n service") %></h3>
+<p>
+  <%=tr("To connect to a hosted tr8n service, visit [link: tr8nhub.com], register as a new user and create a new application.", :link => {:href => "http://tr8nhub.com"}) %>
+  <%=tr("Then add the following line to your PHP application:") %>
+</p>
+
+<pre><code class="language-php"> </code></pre>
+
+<h3><%= tr("Running your own Tr8n service") %></h3>
+
+<p>
+  <%=tr("Alternatively, you can host a tr8n service instance yourself. Tr8n service is written using Ruby on Rails. To run the service yourself, clone the git repository:") %>
+</p>
+
+<pre><code class="language-php">$ git clone git@github.com:tr8n/tr8n.git</code></pre>
+
+<p>
+  <%= tr("Run the following commands: (temporary, until the service node is ready)") %>
+</p>
+
+<pre><code class="language-php">
+  $ cd tr8n/test/dummy
+  $ bundle
+  $ bundle exec rake db:migrate
+  $ bundle exec rake tr8n:init
+  $ bundle exec rails s
+
+</code></pre>
+
+<p>
+  <%= tr("You should see the following output:") %>
+</p>
+
+<pre><code class="language-php">
+  => Booting WEBrick
+  => Rails 3.2.3 application starting in development on http://0.0.0.0:3000
+  => Call with -d to detach
+  => Ctrl-C to shutdown server
+  [2013-08-14 20:21:39] INFO  WEBrick 1.3.1
+  [2013-08-14 20:21:39] INFO  ruby 1.9.3 (2013-02-22) [x86_64-darwin12.2.1]
+  [2013-08-14 20:21:39] INFO  WEBrick::HTTPServer#start: pid=29722 port=3000
+
+</code></pre>
+
+<p>
+  <%= tr("This means that the service is running. Visit http://localhost:3000 and register as a new user. Go to the admin tools and retrieve your application secret.") %>
+</p>
+
+<p>
+  <%= tr("In your config.yml file update the application credentials:") %>
+</p>
+<pre><code class="language-php"> </code></pre>

data/test/dummy/app/views/docs/test.html.erb

@@ -0,0 +1,17 @@
+<p>
+
+  <%= tr("This is your {count::ordinal} warning", :count => 1) %>
+  <br><br><br>
+
+  <%= tr("you have [bold: {count} [i: {count|message}]]", :count => 1) %>
+
+  <br><br><br>
+
+  <%= tr("{actor} loved {target}",  :actor => {:object => {:name => "Михаил", :gender => "male"}, :attribute => :name},
+         :target => {:object => {:name => "Анна", :gender => "female"}, :attribute => :name}) %>
+
+  <br><br>
+  <%= tr("{actor} loved {target}",  :target => {:object => {:name => "Михаил", :gender => "male"}, :attribute => :name},
+         :actor => {:object => {:name => "Анна", :gender => "female"}, :attribute => :name}) %>
+
+</p>

data/test/dummy/app/views/docs/tml.html.erb

@@ -0,0 +1,176 @@
+<h1 style="text-align:center"><%= tr("TML Interactive Console") %></h1>
+
+<form action="/docs/tml_content" method="get" id="tml_form" target="tml_translations">
+<input type="hidden" id="tml_label" name="tml_label" value="">
+<input type="hidden" id="tml_context" name="tml_context" value="">
+<input type="hidden" id="tml_tokens" name="tml_tokens" value="">
+<input type="hidden" id="tml_options" name="tml_options" value="">
+
+<%
+  examples = [
+    {:label => "Hello World"},
+    {:label => "Invite", :description => "An invitation"},
+    {:label => "Invite", :description => "Action to invite someone"},
+    {:label => "Number of messages: {count}", :tokens => {"count" => 5}},
+    {:label => "You have {count|| one: message, other: messages}", :tokens => {"count" => 5}},
+    {:label => "You have {count|| message, messages}", :tokens => {"count" => 5}},
+    {:label => "You have {count|| message}", :tokens => {"count" => 5}},
+    {:label => "You have {count| message}", :tokens => {"count" => 5}},
+    {:label => "Hello [bold: World]"},
+    {:label => "Hello [bold: {user}]", :tokens => {"user" => "Michael"}},
+    {:label => "Hello [bold: {user}], you have {count||message}.", :tokens => {"user" => "Michael", "count" => 5}},
+    {:label => "Hello [bold: {user}], [italic: you have [bold: {count||message}]].", :tokens => {"user" => "Michael", "count" => 1}},
+    {:label => "Hello [bold: {user}], [italic]you have [bold: {count||message}][/italic].", :tokens => {"user" => "Michael", "count" => 3}},
+    {:label => "{user|He, She} likes this post.", :tokens => {"user" => {"object" => {"gender" => "male", "name" => "Michael"}}}},
+    {:label => "{user|Dear} {user}", :tokens => {"user" => {"object" => {"gender" => "male", "name" => "Michael"}, "attribute" => "name"}}},
+    {:label => "{users||likes, like} this post.", :tokens => {"users" => [[{"gender" => "male", "name" => "Michael"}, {"gender" => "female", "name" => "Anna"}], {"attribute" => "name"}]}},
+    {:label => "{users||likes, like} this post.", :tokens => {"users" => [[{"gender" => "female", "name" => "Anna"}], {"attribute" => "name"}]}},
+    {:label => "{users|He likes, She likes, They like} this post.", :tokens => {"users"=> [[{"gender"=> "male", "name"=>"Michael"}, {"gender"=> "female", "name"=>"Anna"}], {"attribute"=> "name"}]}},
+    {:label => "{users|He likes, She likes, They like} this post.", :tokens => {"users"=> [[{"gender"=> "female", "name"=>"Anna"}], {"attribute"=> "name"}]}},
+    {:label => "{users|He likes, She likes, They like} this post.", :tokens => {"users"=> [[{"gender"=> "male", "name"=>"Michael"}], {"attribute"=> "name"}]}}
+  ]
+%>
+
+<div style="padding-top:15px;">
+  <div style="font-size:12px;float:right;padding-top:15px;color:#888"><%= tr("The text that you would like to translate.")%></div>
+
+  <h4 style="display:inline-block;"><%= tr("Label (required, TML)") %></h4>
+  <div class="dropdown" style="display:inline-block; padding-left:10px;">
+    <a id="user_menu_trigger" href="#" class="dropdown-toggle" data-toggle="dropdown">
+      <%= tr("try some examples") %><b class="caret"></b>
+    </a>
+    <ul class="dropdown-menu pas" style="max-height:500px;overflow:auto;">
+      <% examples.each_with_index do |sample, index| %>
+        <li style="font-size:13px;">
+          <%=link_to("javascript: loadExample(#{index})") do %>
+            <%= index+1 %>)
+            <strong><%= sample[:label] %></strong>
+            <% if sample[:description] %>
+              <div style="font-size:10px;padding-left:15px;">Context: <%=sample[:description]%></div>
+            <% end %>
+            <% if sample[:tokens] %>
+              <div style="font-size:10px;padding-left:15px;">Tokens: <%=sample[:tokens]%></div>
+            <% end %>
+            <% if sample[:options] %>
+              <div style="font-size:10px;padding-left:15px;">Options: <%=sample[:options]%></div>
+            <% end %>
+          <% end %>
+        </li>
+        <li class="divider"></li>
+      <% end %>
+    </ul>
+  </div>
+  <div class="ace_editor" id="tml_label_editor" style="height:80px;"></div>
+</div>
+
+<div style="padding-top:15px;">
+  <div style="font-size:12px;float:right;padding-top:15px;color:#888"><%= tr("If label is ambiguous, context provides a hint to translators as well as a unique key for the label.")%></div>
+  <h4><%= tr("Context (optional, plain text)") %></h4>
+  <div class="ace_editor" id="tml_context_editor" style="height:50px;"></div>
+</div>
+
+<table style="width:100%">
+  <tr>
+    <td style="width:50%">
+      <div style="font-size:12px;float:right;padding-top:15px;color:#888"><%= tr("Dynamic data to be substituted")%></div>
+      <h4><%= tr("Tokens (optional, JSON)") %></h4>
+      <div class="ace_editor" id="tml_tokens_editor" style="height:100px;">{}</div>
+    </td>
+    <td>&nbsp;</td>
+    <td style="width:50%">
+      <div style="font-size:12px;float:right;padding-top:15px;color:#888"><%= tr("Translation options")%></div>
+      <h4><%= tr("Options (optional, JSON)") %></h4>
+      <div class="ace_editor" id="tml_options_editor" style="height:100px;">{}</div>
+    </td>
+  </tr>
+</table>
+
+<div style="padding-top:10px;">
+  <div style="float:right">
+  </div>
+  <div>
+    <button type="button" class="btn btn-primary" onClick="submitTml()">
+      <%= tr("Translate") %>
+    </button>
+    <button type="button" class="btn" onClick="newSample()">
+      <%= tr("Clear") %>
+    </button>
+  </div>
+</div>
+</form>
+
+<hr>
+<div style="text-align:center;font-size:50px;color:#ccc;padding-bottom:30px;">
+  &#9660;
+</div>
+
+<iframe id="tml_translations" name="tml_translations" src="/docs/tml_content" style="width:100%;height:600px;background:white;border:1px solid #eee;"></iframe>
+
+<%= javascript_include_tag("ace/ace.js") %>
+<%= javascript_include_tag("ace/theme-chrome.js") %>
+<%= javascript_include_tag("ace/mode-html.js") %>
+<%= javascript_include_tag("ace/mode-json.js") %>
+
+<style type="text/css" media="screen">
+  .ace_editor {
+    position: relative;
+    top: 0;
+    left: 0;
+    width:100%;
+    height:50px;
+    border:1px solid #eee;
+  }
+</style>
+
+<script>
+  var label_editor = ace.edit("tml_label_editor");
+  label_editor.setTheme("ace/theme/chrome");
+  label_editor.getSession().setMode("ace/mode/text");
+
+  var context_editor = ace.edit("tml_context_editor");
+  context_editor.setTheme("ace/theme/chrome");
+  context_editor.getSession().setMode("ace/mode/text");
+
+  var tokens_editor = ace.edit("tml_tokens_editor");
+  tokens_editor.setTheme("ace/theme/chrome");
+  tokens_editor.getSession().setMode("ace/mode/json");
+
+  var options_editor = ace.edit("tml_options_editor");
+  options_editor.setTheme("ace/theme/chrome");
+  options_editor.getSession().setMode("ace/mode/json");
+
+  function submitTml() {
+    $("#tml_label").val(label_editor.getValue());
+    $("#tml_context").val(context_editor.getValue());
+    $("#tml_tokens").val(tokens_editor.getValue());
+    $("#tml_options").val(options_editor.getValue());
+    $("#tml_form").submit();
+  }
+
+  function newSample() {
+    location.reload();
+  }
+
+  var examples = <%=examples.to_json.html_safe%>;
+  function loadExample(index) {
+//    alert("Loading: " + index);
+    label_editor.setValue(examples[index].label);
+
+    if (examples[index].description)
+      context_editor.setValue(examples[index].description);
+    else
+      context_editor.setValue("");
+
+    if (examples[index].tokens)
+      tokens_editor.setValue(JSON.stringify(examples[index].tokens));
+    else
+      tokens_editor.setValue("{}");
+
+    if (examples[index].options)
+      options_editor.setValue(JSON.stringify(examples[index].options));
+    else
+      options_editor.setValue("{}");
+
+    submitTml();
+  }
+</script>

data/test/dummy/app/views/docs/tml_content.html.erb

@@ -0,0 +1,33 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<%= tr8n_current_language.locale %>" lang="<%= tr8n_current_language.locale %>">
+<html>
+<head>
+  <%=render :partial => "/layouts/head" %>
+  <style>
+    body {
+      padding:0px;
+      margin:0px;
+    }
+  </style>
+</head>
+<body>
+
+<%
+   label = params[:tml_label]
+   description = params[:tml_context]
+
+   tokens = params[:tml_tokens].blank? ? "{}" : params[:tml_tokens]
+   tokens = JSON.parse(tokens)
+
+   options = params[:tml_options].blank? ? "{}" : params[:tml_options]
+   options = JSON.parse(options)
+%>
+
+<div style="padding:15px;">
+  <% unless params[:tml_label].blank? %>
+    <%=tr(label, description, tokens, options) %>
+  <% end %>
+</div>
+
+</body>
+</html>

data/test/dummy/app/views/home/index.html.erb

@@ -0,0 +1,107 @@
+<style>
+    h3 span {
+        background:#FFF;
+        padding:5px 15px 5px 15px;
+    }
+</style>
+
+<div class="hero-unit">
+    <div class="text-center">
+        <%= image_tag('tr8n/tr8n_logo.png') %>
+    </div>
+    <h2 class="text-center"><%= tr("Welcome to Tr8n For Ruby on Rails") %></h2>
+    <p class="text-center">
+        <%= tr("Tr8n for Ruby on Rails is a Client SDK library that allows RoR based applications to integrate with the Tr8n crowd-sourced translation platform.") %>
+        <%= tr("This sample application demonstrates some of Tr8n's capabilities.") %>
+    </p>
+    <br>
+    <% unless tr8n_current_translator %>
+        <p class="text-center">
+            <a href="<%=tr8n_application.host%>/signup" class="btn btn-large"><%= tr("Sign up to get started now!") %></a>
+        </p>
+    <% end %>
+</div>
+
+<h3 class="hr strong"><span><%= tr("How It Works") %></span></h3>
+
+<div class="row">
+    <div class="span4">
+        <p class="text-center"><%= image_tag("how_it_works_1.gif") %></p>
+        <h4 class="text-center"><%= tr("Use your users") %></h4>
+        <p><%= tr("Your multilngual users can sign up to help translate your site into over 270 different languages.")%> <%= tr("Their translations can then be viewed and voted on by other users.") %></p>
+    </div>
+    <div class="span4">
+        <p class="text-center"><%= image_tag("how_it_works_2.gif") %></p>
+        <h4 class="text-center"><%= tr("Share translations") %></h4>
+        <p><%= tr("Translations from your site get synced to our servers and can then be shared with thousands of other websites.") %></p>
+    </div>
+    <div class="span4">
+        <p class="text-center"><%= image_tag("how_it_works_3.gif") %></p>
+        <h4 class="text-center"><%= tr("Get what you give") %></h4>
+        <p><%= tr("Regularly pull down new translations from not only your users but users of other websites as you sync your translations.") %></p>
+    </div>
+</div>
+
+<h3 class="hr strong"><span><%= tr("Features") %></span></h3>
+
+<div class="row">
+    <div class="span4">
+        <h4><%=tr("Support for over 250 languages") %></h4>
+        <p><%=tr("All browser supported language are included. Just choose which languages you want to enabled on your app.") %></p>
+    </div>
+    <div class="span4">
+        <h4><%=tr("Inline translation tools") %></h4>
+        <p><%=tr("Intuitive translation tools allow your users to easily translate your website.") %></p>
+    </div>
+    <div class="span4">
+        <h4><%=tr("Translation management") %></h4>
+        <p><%=tr("Keep track of all the translated text on your website, through an easy to use dashboard.") %></p>
+    </div>
+</div>
+
+<div class="row">
+    <div class="span4">
+        <h4><%=tr("Translation ranking system") %></h4>
+        <p><%=tr("Translators vote on translations and the best translations are used in your application.") %></p>
+    </div>
+    <div class="span4">
+        <h4><%=tr("Translator ranking system") %></h4>
+        <p><%=tr("Translators are ranked based on the quality of the work they do. The higher the rank the more valuable they become.") %></p>
+    </div>
+    <div class="span4">
+        <h4><%=tr("Powerful Metrics") %></h4>
+        <p><%=tr("Stay up to date on the progress of your translations.") %></p>
+    </div>
+</div>
+
+<div class="row">
+    <div class="span4">
+        <h4><%=tr("Translation Markup Language") %></h4>
+        <p><%=tr("TML syntax makes developers happy - it simplifies the code and allows to encode complex rules using simple structures.") %></p>
+    </div>
+    <div class="span4">
+        <h4><%=tr("Language Context Rules") %></h4>
+        <p><%=tr("Tr8n supports all language rules to make translations very accurate.") %></p>
+    </div>
+    <div class="span4">
+        <h4><%=tr("Language Cases") %></h4>
+        <p><%=tr("Language cases are supported across all languages to make translations sound as native as they can be.") %></p>
+    </div>
+</div>
+
+<div class="row">
+    <div class="span4">
+        <h4><%= tr("Glossary") %></h4>
+        <p><%=tr("Create a glossary of the key terms of your application. Translators will see those terms and will be able to provide more accurate translations.") %></p>
+    </div>
+    <div class="span4">
+        <h4><%=tr("Language Discussion Boards") %></h4>
+        <p><%=tr("Translators can discuss translations and terms in the message boards across all languages.") %></p>
+    </div>
+    <div class="span4">
+        <h4><%=tr("Admin Tools") %></h4>
+        <p><%=tr("Administration tools allow you to configure every aspect of your application.") %></p>
+    </div>
+</div>
+
+<hr>

data/test/dummy/app/views/layouts/_flashes.html.erb

@@ -0,0 +1,35 @@
+<% if flash[:trfn] %>
+  <div id="flash_notice">
+    <div class="alert alert-success strong">
+      <%=link_to_function("×", "$('#flash_notice').hide();", :class => "close") %>
+      <%= flash[:trfn] %>
+    </div>
+    <%flash[:trfn] = nil%>
+  </div>
+<% end %>
+
+<% if flash[:trfe] %>
+  <div id="flash_error">
+    <div class="alert alert-danger strong">
+      <%=link_to_function("×", "$('#flash_error').hide();", :class => "close") %>
+      <%= flash[:trfe] %>
+    </div>
+    <%flash[:trfe] = nil%>
+  </div>    
+<% end %>
+
+<% if flash[:trfw] %>
+  <div id="flash_warning">
+    <div class="alert strong">
+      <%=link_to_function("×", "$('#flash_warning').hide();", :class => "close") %>     
+      <%= flash[:trfw] %>
+    </div>
+    <%flash[:trfw] = nil%>
+  </div>    
+<% end %>
+
+<noscript>
+  <div class="flash_error alert danger">
+    <%=tr("This site requires JavaScript! Please enable JavaScript in your browser's settings to use this part of the site.")%>
+  </div>
+</noscript>

data/test/dummy/app/views/layouts/_footer.html.erb

@@ -0,0 +1,31 @@
+<style>
+  #navlist li {
+    display: inline;
+    list-style-type: none;
+    padding-right: 10px;
+  }
+</style>
+
+<footer>
+  <div class="container">
+    <ul id="navlist" style="float:right;">
+      <li><%=link_to(tr("Documentation"), "http://wiki.tr8nhub.com", :class => "quiet")%></li>
+
+      <li><%=image_tag('github.png')%> <%=link_to(tr("Source"), "http://github.com/tr8n", :class => "quiet")%></li>
+      <li><%=image_tag('wordpress.png')%> <%=link_to(tr("Blog"), "http://blog.tr8nhub.com", :class => "quiet")%></li>
+      <li><%=image_tag('facebook.png')%> <%=link_to(tr("Facebook"), "http://www.facebook.com/pages/Tr8n-Translation-Engine/138407706218622", :class => "quiet")%></li>
+      <li><%=image_tag('twitter.png')%> <%=link_to(tr("Twitter"), "http://twitter.com/Tr8nHub", :class => "quiet")%></li>
+      <li><%=image_tag('linkedin.png')%> <%=link_to(tr("LinkedIn"), "http://www.linkedin.com/groups/Internationalizing-your-application-using-Tr8n-4090552?gid=4090552", :class => "quiet")%></li>
+
+      <!-- li><%=link_to(tr("Extensions"), "/extensions", :class => "quiet")%></li -->
+    </ul>
+
+    &copy; <%=link_to("Tr8nHub.com", "http://www.tr8nhub.com", :class => "quiet")%> 2013
+  </div>
+</footer>
+
+<div style="padding-top:30px;">
+  <%= tr8n_language_strip_tag %>
+</div>
+
+<%= render :partial => "/tr8n_client_sdk/tags/powered_by_tr8n" %>