appjs-rails 1.0.4 → 1.0.5

data/README.md

@@ -82,6 +82,31 @@ Now all Array object has got functions
 ['a', 'b'].last(); // 'b'
 
 ```
+
+### For Bootstrap 3
+
+Adding a counter that counts how many characters left to use
+Use requires the following steps:
+
+* You must add initializer into script
+
+```javascript
+  app._bootstrap.inputDownCounter();
+```
+
+* Adding class 'js-input-down-counter-x' (where x is a natural number) into an input tag.
+
+For Example
+
+```html
+  <div class="form-group">
+    <label class="col-lg-3 control-label">Name</label>
+    <div class="controls">
+      <input type='text' class='form-control js-input-down-counter-20" value='Example'>
+    </div>
+  </div>
+```
+
 # License
 
 appjs-rails uses the MIT license. Please check the [LICENSE][] file for more details.

data/app/assets/javascripts/app.js

@@ -81,6 +81,59 @@ var app = (function() {
     },
     _uuid: function(){
       return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
+    },
+    _bootstrap: {
+      inputDownCounter: function(){
+        jInputs = $('[class*="js-input-down-counter-"]');
+
+        for(var i=0; i< jInputs.length; i++){
+          if (!$(jInputs[i]).hasClass('js-used-input-down-counter')) {
+            var maxNameLength = undefined;
+
+            $(jInputs[i]).attr('class').split(' ').map(function(item){
+              if(!item.indexOf('js-input-down-counter-')){
+                maxNameLength = item.split('-').last();
+              }
+            })
+
+            jInputGroup = $('<div class="input-group"></div>');
+            jInputGroup.insertBefore($(jInputs[i]));
+            jInputGroup.append($(jInputs[i]));
+
+            $('<span class="text-muted input-group-addon add-on" style="background: #fff">0</span>').insertAfter($(jInputs[i]))
+            var usedChar = maxNameLength - parseInt($(jInputs[i]).val().length);
+            $(jInputs[i]).next().text(usedChar);
+            $(jInputs[i]).bind('keyup', function(){
+              var usedChar = maxNameLength - parseInt($(this).val().length);
+              if (usedChar >= 0) {
+                $(this).next().text(usedChar);
+              } else {
+                $(this).next().text(0);
+                $(this).val($(this).val().substr(0, maxNameLength));
+              }
+            })
+            $(jInputs[i]).addClass('js-used-input-down-counter');
+          }
+        }
+      },
+      showIcons: function(){
+        styles = document.styleSheets;
+        result = []
+
+        for (i=0; i< styles.length; i++) {
+          style = styles[i];
+          for(j=0; j< style.cssRules.length; j++) {
+            if(style.cssRules[j].cssText.match('glyphicon-.*::')) {
+              result.push(style.cssRules[j].cssText.match("(glyphicon-.*)::.*")[1])
+            }
+          }
+        }
+
+        for(i=0; i<result.length; i++){
+          $('#page-wrapper').append("<div class='col-lg-3'><span style='font-size: 30px' class='glyphicon " + result[i]  + "'></span> " + result[i] + "</div>")
+        }
+      }
     }
+
   }
 })();

data/lib/appjs/rails/version.rb

@@ -1,5 +1,5 @@
 module Appjs
   module Rails
-    VERSION = "1.0.4"
+    VERSION = "1.0.5"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: appjs-rails
 version: !ruby/object:Gem::Version
-  version: 1.0.4
+  version: 1.0.5
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-01-28 00:00:00.000000000 Z
+date: 2014-03-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler