rails-fort 0.1.5 → 0.1.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 08b7b0c97e01bf4cbec192e7a1af23030317ccb0
-  data.tar.gz: c02deb8fe42a71bbf114af126027c8907ac9a68b
+  metadata.gz: 9924c8ff5baded75fe1dabe106d84dbfd64069dc
+  data.tar.gz: cf9b5c601665bd00972247bb6fd5746cf0b56790
 SHA512:
-  metadata.gz: ae70e99e7537819869c0bff39d097ef2fa500dd0ec2dacc1c7a01c06ae1ee054ee87dbdcf110afbede9e2f2989c9bd2f33270ebec333aadb58dcf2801baa523d
-  data.tar.gz: e225f341e2f4d99089a6d01f57f01907c74111e3f1dab6e4c7c5f8f178f55b963c1b9c367c5a0f798668c7a35d6ad3fa5539a64fdad9ab860e5c392d6f3de9db
+  metadata.gz: 84438ba3ea9a63dcde8e88787e3f974a9110b8c78a6bfeb9a9ae82ec0e1df57adc71e48a5ce81d430a61d195efbcfd5bd62c2ccc61c9eca4efe7cdb167f9e7d8
+  data.tar.gz: 12c353eb6780bf32befea2127f336f971c861ddabc6f9b01b1c23ea8211e963af79fd754a89480b1c582014b9ad8f5f1c0e0374d1edf1ea6f52f0cef1faa7ed5

data/README.md

@@ -25,12 +25,7 @@ Or install it yourself as:
 
 To use this gem add this require statement to your application.js file:
 
-	//= require fort
-
-and in application.css file
-
-	*= require fort
-
+	//= require rails_fort
 
 ## Usage
 

data/app/assets/javascripts/rails_fort.js.erb

@@ -0,0 +1,20 @@
+$(document).ready(function(){
+  $("form").wrap( "<div class='form'></div>" );
+  <% path_to_file = "#{Rails.root}/config/fort.yml" %>
+  <% if File.exist?(path_to_file) %>
+    fortconfig = <%= JSON.dump(YAML.load_file(path_to_file)) %>;
+    if (fortconfig.type == null)
+        fortconfig.type = "solid"
+      if(fortconfig.value instanceof Array)
+        Fort[fortconfig.type].apply(this,fortconfig.value)
+      else
+        Fort[fortconfig.type](fortconfig.value)
+      Fort.config({
+        height: fortconfig.height,
+        duration: fortconfig.duration,
+        alignment: fortconfig.alignment
+      });
+  <% else %>
+    Fort.solid("#009DFF");
+  <% end %>
+});

data/lib/rails/fort/version.rb

@@ -1,5 +1,5 @@
 module Rails
   module Fort
-    VERSION = "0.1.5"
+    VERSION = "0.1.6"
   end
 end

data/vendor/assets/javascripts/fort.min.js

@@ -0,0 +1 @@
+var Fort={clean:function(){for(var e=document.querySelectorAll(".form"),t=e.length;t--;){var o=e[t].querySelectorAll("input, textarea, select");Array.prototype.forEach.call(o,function(e){0!=e.value.length&&(e.classList?e.classList.add("ignore"):e.className+=" ignore")});var n=e[t].querySelectorAll("input[type=hidden]");Array.prototype.forEach.call(n,function(e){e.classList?e.classList.add("ignore"):e.className+=" ignore"})}},solid:function(e){function t(t){for(var o=[],r=n.length;r--;)n[r].value.length||o.push(n[r]);for(var l=o.length,s=n.length,a=document.querySelectorAll(".top-one"),i=a.length;i--;)a[i].style.width=100-l/s*100+"%";document.getElementById("top1").style.background=e}Fort.clean(),document.body.innerHTML='<div class="top-one" id="top1"><div class="colors"></div></div>'+document.body.innerHTML;for(var o=document.querySelectorAll(".form"),n=[],r=o.length;r--;)for(var l=o[r].querySelectorAll("input, textarea, select"),s=l.length;s--;){classes=l[s].className.replace(/\s+/g," ").split(" "),ignore=!1;for(var a=classes.length;a--;)if("ignore"==classes[a]){ignore=!0;break}"button"==l[s].type||"submit"==l[s].type||ignore||(n.push(l[s]),l[s].addEventListener("input",t,!1))}},gradient:function(e,t){function o(o){for(var n=[],l=r.length;l--;)r[l].value.length||n.push(r[l]);for(var s=n.length,a=r.length,i=document.querySelectorAll(".top-one"),c=i.length;c--;)i[c].style.width=100-s/a*100+"%";orientation="to right";var u="linear-gradient("+orientation+", "+e+", "+t+")";document.getElementById("top1").style.background=u}Fort.clean(),document.body.innerHTML='<div class="top-one" id="top1"><div class="colors"></div></div>'+document.body.innerHTML;for(var n=document.querySelectorAll(".form"),r=[],l=n.length;l--;)for(var s=n[l].querySelectorAll("input, textarea, select"),a=s.length;a--;){classes=s[a].className.replace(/\s+/g," ").split(" "),ignore=!1;for(var i=classes.length;i--;)if("ignore"==classes[i]){ignore=!0;break}"button"==s[a].type||"submit"==s[a].type||ignore||(r.push(s[a]),s[a].addEventListener("input",o,!1))}},sections:function(){function e(e){for(var t=[],o=s.length;o--;)s[o].value.length||t.push(s[o]);for(var n=t.length,r=s.length,l=document.querySelectorAll(".top-one"),a=l.length;a--;)l[a].style.width=100-n/r*100+"%"}function t(e){var t=[],o=0;for(n=0;n<2*e.length;n++){n%2&&o++;var r=Math.floor(1e3*o/e.length)/10;t.push([e[n-o],r+"%"])}return t}function o(e){var t,o=e.length;for(t=0;o>t;t++)e[t]=e[t].join(" ");return"linear-gradient( to right, "+e.join(", ")+")"}Fort.clean();for(var n=0;n<arguments.length;++n)var r=Array.prototype.slice.call(arguments);document.body.innerHTML='<div class="top-one" id="top1"><div class="colors"></div></div>'+document.body.innerHTML;for(var l=document.querySelectorAll(".form"),s=[],n=l.length;n--;)for(var a=l[n].querySelectorAll("input, textarea, select"),i=a.length;i--;){classes=a[i].className.replace(/\s+/g," ").split(" "),ignore=!1;for(var c=classes.length;c--;)if("ignore"==classes[c]){ignore=!0;break}"button"==a[i].type||"submit"==a[i].type||ignore||(s.push(a[i]),a[i].addEventListener("input",e,!1))}document.getElementsByClassName("top-one").innerHTML='<div class="colors"></div>',document.querySelector(".colors").style.background=o(t(r.sort()));var u=window.innerWidth+"px";document.querySelector(".colors").style.width=u},flash:function(){function e(e){for(var t=[],o=l.length;o--;)l[o].value.length||t.push(l[o]);for(var r=t.length,s=l.length,a=document.querySelectorAll(".top-one"),i=a.length;i--;)a[i].style.width=100-r/s*100+"%",a[i].style.background=n[s-r-1]}Fort.clean();for(var t=0;t<arguments.length;++t){arguments.length,arguments[t]}var o=Array.prototype.slice.call(arguments),n=o.sort();document.body.innerHTML='<div class="top-one" id="top1"><div class="colors"></div></div>'+document.body.innerHTML;for(var r=document.querySelectorAll(".form"),l=[],t=r.length;t--;)for(var s=r[t].querySelectorAll("input, textarea, select"),a=s.length;a--;){classes=s[a].className.replace(/\s+/g," ").split(" "),ignore=!1;for(var i=classes.length;i--;)if("ignore"==classes[i]){ignore=!0;break}"button"==s[a].type||"submit"==s[a].type||ignore||(l.push(s[a]),s[a].addEventListener("input",e,!1))}},merge:function(e){function t(t){for(var o=[],r=n.length;r--;)n[r].value.length||o.push(n[r]);for(var l=o.length,s=n.length,a=document.querySelectorAll("#top1"),i=a.length;i--;){precalct=100-l/s*100;var c=precalct/2;a[i].style.width=c+"%"}for(var l=o.length,s=n.length,a=document.querySelectorAll("#top2"),i=a.length;i--;){precalct=100-l/s*100;var c=precalct/2;a[i].style.width=c+"%"}document.getElementById("top1").style.background=e,document.getElementById("top2").style.background=e}Fort.clean(),document.body.innerHTML='<div class="top-one" id="top1"><div class="colors"></div></div>'+document.body.innerHTML,document.body.innerHTML='<div class="top-two" id="top2"><div class="colors"></div></div>'+document.body.innerHTML;for(var o=document.querySelectorAll(".form"),n=[],r=o.length;r--;)for(var l=o[r].querySelectorAll("input, textarea, select"),s=l.length;s--;){classes=l[s].className.replace(/\s+/g," ").split(" "),ignore=!1;for(var a=classes.length;a--;)if("ignore"==classes[a]){ignore=!0;break}"button"==l[s].type||"submit"==l[s].type||ignore||(n.push(l[s]),l[s].addEventListener("input",t,!1))}},config:function(e){var t=document.querySelector("#top1"),o=document.querySelector("#top2")||{style:{}};e.height&&(t.style.height=e.height,o.style.height=e.height),e.alignment&&("top"===e.alignment?(t.style.top=0,t.style.bottom="auto",o.style.top=0,o.style.bottom="auto"):(t.style.top="auto",t.style.bottom=0,o.style.top="auto",o.style.bottom=0)),e.duration&&(t.style.transitionDuration=e.duration,o.style.transitionDuration=e.duration)}};

data/vendor/assets/stylesheets/fort.min.css

@@ -0,0 +1 @@
+.top-one{background:#009dff;position:fixed;z-index:1031;top:0;left:0;height:4px;transition:all 1s;width:0;overflow:hidden}.top-two{background:#009dff;position:fixed;z-index:1031;top:0;right:0;transform:rotate(180deg);height:4px;transition:all 1s;width:0;overflow:hidden}.colors{width:100%;height:4px}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: rails-fort
 version: !ruby/object:Gem::Version
-  version: 0.1.5
+  version: 0.1.6
 platform: ruby
 authors:
 - ethiraj
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2015-12-23 00:00:00.000000000 Z
+date: 2016-09-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -66,15 +66,15 @@ files:
 - LICENSE.txt
 - README.md
 - Rakefile
-- app/assets/javascripts/fort.js.erb
-- app/assets/stylesheets/fort.css
+- app/assets/javascripts/rails_fort.js.erb
 - bin/console
 - bin/setup
 - lib/rails/fort.rb
 - lib/rails/fort/version.rb
 - npm-debug.log
 - rails-fort.gemspec
-- vendor/assets/javascripts/rails.fort.js
+- vendor/assets/javascripts/fort.min.js
+- vendor/assets/stylesheets/fort.min.css
 homepage: https://github.com/ethirajsrinivasan/rails-fort
 licenses:
 - MIT
@@ -96,7 +96,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.8
+rubygems_version: 2.5.1
 signing_key: 
 specification_version: 4
 summary: Modern progress bar for form completion

data/app/assets/javascripts/fort.js.erb

@@ -1,27 +0,0 @@
-//= require rails.fort
-
-$(document).ready(function(){
-    $("form").wrap( "<div class='form'></div>" );
-    $("input[type='hidden']").addClass('ignore');
-    $('input, textarea, select').each(function() {
-        if ($(this).val().length != 0 )
-          $(this).addClass( "ignore" );
-    });
-    <% path_to_file = "#{Rails.root}/config/fort.yml" %>
-    <% if File.exist?(path_to_file) %>
-    	fortconfig = <%= JSON.dump(YAML.load_file(path_to_file)) %>;
-    	if (fortconfig.type == null)
-          fortconfig.type = "solid"    
-        if(fortconfig.value instanceof Array)
-            Fort[fortconfig.type].apply(this,fortconfig.value)
-        else
-            Fort[fortconfig.type](fortconfig.value)
-        Fort.config({
-		    height: fortconfig.height,
-		    duration: fortconfig.duration,
-		    alignment: fortconfig.alignment
-    });
-    <% else %>
-      	Fort.solid("#009DFF");
-	<% end %>  
-});

data/app/assets/stylesheets/fort.css

@@ -1,31 +0,0 @@
-.top-one {
-    background: #009dff;
-    /*background: linear-gradient(to right, #009dff 0, #00c8ff 100%);*/
-    position: fixed;
-    z-index: 1031;
-    top: 0;
-    left: 0;
-    height: 4px;
-    transition: all 1s;
-    width: 0;
-    overflow: hidden;
-}
-/*.top-two is for merge() only*/
-.top-two {
-    background: #009dff;
-    /*background: linear-gradient(to right, #009dff 0, #00c8ff 100%);*/
-    position: fixed;
-    z-index: 1031;
-    top: 0;
-    right: 0;
-    transform: rotate(180deg);  
-    height: 4px;
-    transition: all 1s;
-    width: 0;
-    overflow: hidden;
-}
-
-.colors {
-    width: 100%;
-    height: 4px;
-}

data/vendor/assets/javascripts/rails.fort.js

@@ -1,270 +0,0 @@
-var Fort = {
-    solid: function solid(hex) {
-        document.body.innerHTML = '<div class="top-one" id="top1"><div class="colors"></div></div>' + document.body.innerHTML;
-
-        function cback(e) {
-            var t = [];
-            for (var n = inputs.length; n--;) {
-                if (!inputs[n].value.length) t.push(inputs[n]);
-            }
-            var r = t.length;
-            var i = inputs.length;
-            var s = document.querySelectorAll(".top-one");
-            for (var o = s.length; o--;) {
-                s[o].style.width = 100 - r / i * 100 + "%";
-            }
-
-            //Set color of bar as solid
-            document.getElementById("top1").style.background = hex;
-        }
-        var forms = document.querySelectorAll(".form"),
-            inputs = [];
-        for (var i = forms.length; i--;) {
-            var els = forms[i].querySelectorAll("input, textarea, select");
-            for (var j = els.length; j--;) {
-                classes = els[j].className.replace(/\s+/g, ' ').split(' ');
-                ignore = false;
-                for (var k = classes.length; k--;) {
-                    if (classes[k] == "ignore") {
-                        ignore = true;
-                        break;
-                    }
-                }
-                if (els[j].type != "button" && els[j].type != "submit" && !ignore) {
-                    inputs.push(els[j]);
-                    els[j].addEventListener("input", cback, false);
-                }
-            }
-        }
-    },
-
-    gradient: function(firstColor, secondColor) {
-        document.body.innerHTML = '<div class="top-one" id="top1"><div class="colors"></div></div>' + document.body.innerHTML;
-
-        function cback(e) {
-            var t = [];
-            for (var n = inputs.length; n--;) {
-                if (!inputs[n].value.length) t.push(inputs[n]);
-            }
-            var r = t.length;
-            var i = inputs.length;
-            var s = document.querySelectorAll(".top-one");
-            for (var o = s.length; o--;) {
-                s[o].style.width = 100 - r / i * 100 + "%";
-            }
-            orientation = 'to right';
-            var string = 'linear-gradient(' + orientation + ', ' + firstColor + ', ' + secondColor + ')';
-            document.getElementById("top1").style.background = string;
-        }
-        var forms = document.querySelectorAll(".form"),
-            inputs = [];
-        for (var i = forms.length; i--;) {
-            var els = forms[i].querySelectorAll("input, textarea, select");
-            for (var j = els.length; j--;) {
-                classes = els[j].className.replace(/\s+/g, ' ').split(' ');
-                ignore = false;
-                for (var k = classes.length; k--;) {
-                    if (classes[k] == "ignore") {
-                        ignore = true;
-                        break;
-                    }
-                }
-                if (els[j].type != "button" && els[j].type != "submit" && !ignore) {
-                    inputs.push(els[j]);
-                    els[j].addEventListener("input", cback, false);
-                }
-            }
-        }
-    },
-
-    sections: function() {
-        for (var i = 0; i < arguments.length; ++i) {
-            var args = Array.prototype.slice.call(arguments);
-        }
-
-        document.body.innerHTML = '<div class="top-one" id="top1"><div class="colors"></div></div>' + document.body.innerHTML;
-
-        function cback(e) {
-            var t = [];
-            for (var n = inputs.length; n--;) {
-                if (!inputs[n].value.length) t.push(inputs[n]);
-            }
-            var r = t.length;
-            var i = inputs.length;
-            var s = document.querySelectorAll(".top-one");
-            for (var o = s.length; o--;) {
-                s[o].style.width = 100 - r / i * 100 + "%";
-            }
-        }
-        var forms = document.querySelectorAll(".form"),
-            inputs = [];
-        for (var i = forms.length; i--;) {
-            var els = forms[i].querySelectorAll("input, textarea, select");
-            for (var j = els.length; j--;) {
-                classes = els[j].className.replace(/\s+/g, ' ').split(' ');
-                ignore = false;
-                for (var k = classes.length; k--;) {
-                    if (classes[k] == "ignore") {
-                        ignore = true;
-                        break;
-                    }
-                }
-                if (els[j].type != "button" && els[j].type != "submit" && !ignore) {
-                    inputs.push(els[j]);
-                    els[j].addEventListener("input", cback, false);
-                }
-            }
-        }
-
-
-        function colDistr(input) {
-            var result = [],
-                step = 0;
-            for (i = 0; i < input.length * 2; i++) {
-                if (i % 2) step++;
-                var perc = Math.floor(step * 1000 / input.length) / 10;
-                result.push([input[i - step], perc + "%"]);
-            }
-            return result;
-        }
-
-
-        function generateCSSGradient(colours) {
-            var l = colours.length,
-                i;
-            for (i = 0; i < l; i++) colours[i] = colours[i].join(" ");
-            return "linear-gradient( to right, " + colours.join(", ") + ")";
-        }
-
-        document.getElementsByClassName('top-one').innerHTML = '<div class="colors"></div>';
-        document.querySelector(".colors").style.background = generateCSSGradient(colDistr(args.sort()));
-
-        var window_width = window.innerWidth + "px";
-        document.querySelector(".colors").style.width = window_width;
-    },
-
-
-    flash: function() {
-        for (var i = 0; i < arguments.length; ++i) {
-            var totalSections = arguments.length;
-            var totalColors = arguments[i];
-        }
-        var args = Array.prototype.slice.call(arguments);
-        var cols = args.sort();
-
-        document.body.innerHTML = '<div class="top-one" id="top1"><div class="colors"></div></div>' + document.body.innerHTML;
-
-        function cback(e) {
-            var t = [];
-            for (var n = inputs.length; n--;) {
-                if (!inputs[n].value.length) t.push(inputs[n]);
-            }
-            var r = t.length;
-            var i = inputs.length;
-            var s = document.querySelectorAll(".top-one");
-            for (var o = s.length; o--;) {
-                s[o].style.width = 100 - r / i * 100 + "%";
-                s[o].style.background = cols[i - r - 1];
-            }
-        }
-        var forms = document.querySelectorAll(".form"),
-            inputs = [];
-        for (var i = forms.length; i--;) {
-            var els = forms[i].querySelectorAll("input, textarea, select");
-            for (var j = els.length; j--;) {
-                classes = els[j].className.replace(/\s+/g, ' ').split(' ');
-                ignore = false;
-                for (var k = classes.length; k--;) {
-                    if (classes[k] == "ignore") {
-                        ignore = true;
-                        break;
-                    }
-                }
-                if (els[j].type != "button" && els[j].type != "submit" && !ignore) {
-                    inputs.push(els[j]);
-                    els[j].addEventListener("input", cback, false);
-                }
-
-            }
-        }
-    },
-
-    merge: function(hex) {
-        document.body.innerHTML = '<div class="top-one" id="top1"><div class="colors"></div></div>' + document.body.innerHTML;
-        document.body.innerHTML = '<div class="top-two" id="top2"><div class="colors"></div></div>' + document.body.innerHTML;
-
-        function cback(e) {
-            var t = [];
-            for (var n = inputs.length; n--;) {
-                if (!inputs[n].value.length) t.push(inputs[n]);
-            }
-            var r = t.length;
-            var i = inputs.length;
-            var s = document.querySelectorAll("#top1");
-
-            for (var o = s.length; o--;) {
-                precalct = 100 - r / i * 100;
-                var precalct2 = precalct / 2;
-                s[o].style.width = precalct2 + "%";
-            }
-
-            var r = t.length;
-            var i = inputs.length;
-            var s = document.querySelectorAll("#top2");
-
-            for (var o = s.length; o--;) {
-                precalct = 100 - r / i * 100;
-                var precalct2 = precalct / 2;
-                s[o].style.width = precalct2 + "%";
-            }
-
-            document.getElementById("top1").style.background = hex;
-            document.getElementById("top2").style.background = hex;
-
-        }
-        var forms = document.querySelectorAll(".form"),
-            inputs = [];
-        for (var i = forms.length; i--;) {
-            var els = forms[i].querySelectorAll("input, textarea, select");
-            for (var j = els.length; j--;) {
-                classes = els[j].className.replace(/\s+/g, ' ').split(' ');
-                ignore = false;
-                for (var k = classes.length; k--;) {
-                    if (classes[k] == "ignore") {
-                        ignore = true;
-                        break;
-                    }
-                }
-                if (els[j].type != "button" && els[j].type != "submit" && !ignore) {
-                    inputs.push(els[j]);
-                    els[j].addEventListener("input", cback, false);
-                }
-            }
-        }
-    },
-    config: function(settings) {
-        var t1 = document.querySelector('#top1');
-        var t2 = document.querySelector('#top2') || {style:{}};
-        if (settings.height) {
-            t1.style.height = settings.height;
-            t2.style.height = settings.height;
-        }
-        if (settings.alignment) {
-            if (settings.alignment === 'top') {
-                t1.style.top = 0;
-                t1.style.bottom = 'auto';
-                t2.style.top = 0;
-                t2.style.bottom = 'auto';
-            } else {
-                t1.style.top = 'auto';
-                t1.style.bottom = 0;
-                t2.style.top = 'auto';
-                t2.style.bottom = 0;
-            }
-        }
-        if (settings.duration) {
-            t1.style.transitionDuration = settings.duration;
-            t2.style.transitionDuration = settings.duration;
-        }
-    }
-};