tml-rails 4.3.8 → 4.3.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d58569d9a19077d22a7ec8c0f4f726c09f7eeca5
-  data.tar.gz: 99f84397023f4555a8141a0297e418a559a76ec3
+  metadata.gz: b1e5cd3f7d63afe6bc94747f3e3a23dac286636f
+  data.tar.gz: a134ecfc3a0c7fb242fdce6dc27769cf04206f8d
 SHA512:
-  metadata.gz: 4f9b99b2b554941190e24a622cd3cbf86f4b5009e4da40c6f492db3b47e35b57f4b0302834a8e0724fe8799e6139a37fdefd1823754fe1242a2ae9e8bc5be26c
-  data.tar.gz: d9ab7bacfe0bf81aa9d7c83d8d6d5b71d0e4bffceb398d3d9a03c49d828234db7cc8ed90ba0e31e50aa22d4b6820d8c07e52e5d753cf937acb391b0979da3013
+  metadata.gz: 9dee552fe389501fee6693e771c44583c0dafe162a632513fc16f947862f565f9e67f1aa4a73afb0f542558bacf463e74da3ebdbf21a78a3c4db01e7d8b48b19
+  data.tar.gz: f8fca236f36ea1d6b4759af4795637e56afd131ad1e17f028e9fb0fce8fc69e97cf2ed7c953710a4a2b9ad8efbf326e89015997f12cc3656e204ef9640fda6bc

data/app/views/tml_rails/tags/_language_selector_bootstrap.html.erb

@@ -33,11 +33,8 @@
 
     <li role='presentation' class='divider'></li>
 
-    <div style="font-size:8px;color:#ccc;text-align: center">
-      <a href="http://translationexchange.com">
-        <img style="padding: 10px;border: 0px;background-repeat: no-repeat;background-size: 14px 17px;
-             background-image:url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAABQCAYAAABCiMhGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQTg4MTEyOEU0NkIxMUUzODhCMEJEOUNDRDQ0QkU0MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQTg4MTEyOUU0NkIxMUUzODhCMEJEOUNDRDQ0QkU0MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJBODgxMTI2RTQ2QjExRTM4OEIwQkQ5Q0NENDRCRTQyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJBODgxMTI3RTQ2QjExRTM4OEIwQkQ5Q0NENDRCRTQyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+mszKSAAAAqFJREFUeNrsnE1IFVEYhr+53QiKEIkgpCBwJSH9SITkqkVELXJZ0iYIqRaBCZWgoWKikRBI1KVNmyg3gVKQ0CZE+9kHQYukaGP2I6iEP1ffc+dc7iwK5s5Mx3PPvC88zGxm5s4zc85853JmvNardwTxwC1wGuyWdGQGvARduaH23wUJkJHFcgoclnTmKzgIIT8yWOlNsQiVPeB+8c74hmWNMNXqzqimh0JqlIxVeigkr2Tk6aGQtQwdlEIZlEEZlEEZEZONuf0YmASLYNNGPRI1e8FFsHUjZNwAg5Zd3GHwHuw02Uw+WShCZRr0m+4zPljc9D+alpG1WMYW0zJsfgplxMGTYp1BGZRBGZRBGZRBGZRBGZRBGZRBGQxlUAZlUAZlUAZlUAZlUAZlUAZlUIbDMmyeYr3KO6OUJdMyGiyWcdS0DPV+ykMLRRwD16JuHGc60gV9Fd6KP/Vxs/hTEDvBbIT9nQLNEdp8XkpTH0/GMRl3bladJpi7EWQcB89dfLSW24EdAeOsM0T2gQkWXX4bf6P7mlTL2KFFbE97Ob4NvAO70j42UcdTbyHU2jo28Qwe7zXYb2nl6mXE3DzwF6DJ5kGrkjFv4EBP4laHBjKjZDz7zwfJgTOWi3iVG2qfVTKui//ZhMTaXmD9Hmi1XMSf4m9UMubAIfAY/Epg58t62QcuWyxhQfx37A7grvgcHKipgdU5UPWX538LuBlh8Deu+4oVS2X8BN8h4p+j1jlNMOW+5lQ8+QmpsIQpusr5vsYV8EUqNElWoKojHpYKTlIyusFtqfAkIWMA9IgDiStD/cXXIY4kjowHoE0cSlQZj8AlcSxRZDwF58XBhJGxFlgfBWfF0YSR4QXK62ZxOGFk1OtR7QlxPGFkjIBGSUHWBRgAlJNpO4bVinwAAAAASUVORK5CYII=);"/>
-        <br>
+    <div style="font-size:8px;color:#ccc;text-align: center; background: #eee; padding:8px; margin-top: -10px; margin-bottom: -5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;">
+      <a href="http://translationexchange.com" style="color: #888;">
         Powered By Translation Exchange
       </a>
     </div>

data/app/views/tml_rails/tags/_language_selector_popup.html.erb

@@ -0,0 +1,146 @@
+<style>
+  .trex-language-selector {position: relative;display: inline-block;vertical-align: middle;}
+  .trex-language-toggle,
+  .trex-language-toggle:hover,
+  .trex-language-toggle:focus {cursor:pointer;text-decoration:none;outline:none;}
+  .trex-dropup .trex-dropdown-menu {top: auto;bottom: 100%;margin-bottom: 1px;-webkit-transform: scale(0.8) translateY(10%);transform: scale(0.8) translateY(10%);}
+  .trex-dropleft .trex-dropdown-menu {left: auto; right: 0;}
+  .trex-dropdown-menu {
+    -webkit-transform: scale(0.8) translateY(10%);transform: scale(0.8) translateY(10%);transition: 0.13s cubic-bezier(0.3, 0, 0, 1.3);opacity: 0;pointer-events: none;
+    display: block;font-family:Arial, sans-serif;position: absolute;
+    top: 100%;left: 0;z-index: 1000;float: left;list-style: none;background-color: #FFF;height:0px;width:0px;padding:0;overflow:hidden;
+  }
+  .trex-language-selector.trex-open .trex-dropdown-menu {
+    opacity: 1;height:auto;width:auto;overflow:hidden;min-width: 250px;margin: 2px 0 0;font-size: 13px;
+    background-clip: padding-box;border: 1px solid rgba(0, 0, 0, 0.15);box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
+    border-radius: 4px;color: #6D7C88;text-align: left;padding: 5px 0;
+    display:block;pointer-events: auto;-webkit-transform: none;transform: none;
+  }
+  .trex-dropdown-menu > li > a {
+display: block;padding: 3px 10px;margin:0 5px;clear: both;font-weight: normal;line-height: 1.42857143;color: #333;border-radius:3px;white-space: nowrap;cursor:pointer;
+  }
+  .trex-dropdown-menu > li > a .trex-flag {margin-right:3px;width:23px;}
+  .trex-dropdown-menu > li.trex-language-item > a:hover,
+  .trex-dropdown-menu > li.trex-language-item > a:focus {text-decoration:none;background: #F0F2F4;}
+  .trex-dropdown-menu > li.trex-language-item > a .trex-native-name {font-size: 11px;color: #A9AFB8;margin-left: 3px;}
+  .trex-dropdown-menu > li.trex-selected a:after {content: "\2713";float: right;font-weight: bold;font-size: 16px;margin: 0px 5px 0 0;color: #13CF80;}
+  .trex-dropdown-menu .trex-credit a {border-top: solid 1px #DDD;font-size: 13px;padding: 7px 0 0;margin: 5px 15px 5px;color: #9FA7AE;font-weight: 400;}
+</style>
+
+
+<div class="trex-language-selector">
+  <a class="trex-language-toggle" data-toggle="language-selector" tabindex="0">
+    <%= tml_language_name_tag(tml_current_language, opts) %>
+  </a>
+  <ul class="trex-dropdown-menu">
+    <% tml_application.languages.each do |lang| %>
+
+      <li class="trex-language-item">
+        <%=link_to({:locale => lang.locale}) do %>
+          <%= tml_language_name_tag(lang, opts) %>
+        <% end %>
+      </li>
+
+    <% end %>
+
+    <% if opts[:toggle] %>
+      <li class='trex-credit'>
+        <a href='javascript:void(0);' onclick='Tml.Utils.toggleInlineTranslations()'>
+          <%= tr(opts[:toggle_label] || 'Help Us Translate') %>
+        </a>
+      </li>
+    <% end %>
+
+    <li class="trex-credit">
+      <a href="http://translationexchange.com">
+        Powered by Translation Exchange
+      </a>
+    </li>
+  </ul>
+</div>
+
+
+<script>
+  (function() {
+    'use strict';
+
+    // utilities
+    function addEvent(evnt, elem, func) {
+      if (elem.addEventListener) elem.addEventListener(evnt,func,false);
+      else if (elem.attachEvent) elem.attachEvent("on"+evnt, func);
+      else elem[evnt] = func;
+    }
+
+    function hasClass(elem, cls) {
+      return elem.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
+    }
+
+    function addClass(elem, cls) {
+      if (!hasClass(elem, cls)) elem.className += " " + cls;
+    }
+
+    function removeClass(elem, cls) {
+      if (hasClass(elem, cls)) {
+        var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
+        elem.className = elem.className.replace(reg, ' ');
+      }
+    }
+
+    function toggleClass(elem, cls) {
+      if (!hasClass(elem, cls)) addClass(elem, cls);
+      else removeClass(elem, cls);
+    }
+
+    var LanguageSelector = function(element) {
+      this.element = element;
+      this.element.setAttribute('tabindex', '0');
+      addEvent('click', this.element, this.open.bind(this))
+      addEvent('blur',  this.element, this.close.bind(this))
+    };
+
+    LanguageSelector.VERSION = "0.1.0";
+    LanguageSelector.prototype = {
+      adjustMenu: function(parent){
+        removeClass(parent, "trex-dropup");
+        removeClass(parent, "trex-dropleft");
+        var
+            menu      = parent.querySelectorAll('.trex-dropdown-menu')[0],
+            bounds    = menu.getBoundingClientRect(),
+            vHeight   = Math.max(document.documentElement.clientHeight, window.innerHeight || 0),
+            vWidth    = Math.max(document.documentElement.clientWidth, window.innerWidth || 0),
+            buffer    = 10;
+
+        if(bounds.top  + menu.offsetHeight + buffer > vHeight) addClass(parent, "trex-dropup");
+        if(bounds.left + menu.offsetWidth  + buffer > vWidth)  addClass(parent, "trex-dropleft");
+      },
+      open: function(e){
+
+        e = e || window.event;
+        e.stopPropagation();
+        e.preventDefault();
+        var target = e.currentTarget || e.srcElement;
+        if(hasClass(target.parentElement,'trex-open')) {
+          return this.close(e);
+        }
+        addClass(target.parentElement,'trex-open');
+        this.adjustMenu(target.parentElement);
+        return false;
+      },
+      close: function(e) {
+        e = e || window.event;
+        var target = e.currentTarget || e.srcElement;
+        removeClass(target.parentElement, 'trex-open');
+
+        if(e.relatedTarget && e.relatedTarget.getAttribute('data-toggle') !== 'language-selector') {
+          e.relatedTarget.click();
+        }
+        return false;
+      }
+    };
+    var selectorList = document.querySelectorAll('[data-toggle=language-selector]');
+    for (var i = 0, el, l = selectorList.length; i < l; i++) {
+      el = selectorList[i];
+      el.languageSelector = new LanguageSelector(el);
+    }
+  })();
+</script>

data/lib/tml_rails/extensions/action_view_extension.rb

@@ -87,7 +87,7 @@ module TmlRails
       return unless Tml.config.enabled?
 
       type ||= :default
-      unless [:bootstrap, :default, :inline, :select].include?(type.to_sym)
+      unless [:bootstrap, :default, :inline, :select, :popup].include?(type.to_sym)
         return "Unsupported language selector #{type}"
       end
 

data/lib/tml_rails/version.rb

@@ -30,5 +30,5 @@
 #++
 
 module TmlRails
-  VERSION = '4.3.8'
+  VERSION = '4.3.9'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: tml-rails
 version: !ruby/object:Gem::Version
-  version: 4.3.8
+  version: 4.3.9
 platform: ruby
 authors:
 - Michael Berkovich
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-02-08 00:00:00.000000000 Z
+date: 2015-02-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -53,6 +53,7 @@ files:
 - app/views/tml_rails/tags/_language_selector_default.html.erb
 - app/views/tml_rails/tags/_language_selector_inline.html.erb
 - app/views/tml_rails/tags/_language_selector_js.html.erb
+- app/views/tml_rails/tags/_language_selector_popup.html.erb
 - app/views/tml_rails/tags/_language_selector_select.html.erb
 - app/views/tml_rails/tags/_language_strip.html.erb
 - app/views/tml_rails/tags/_powered_by_trex.html.erb