From 7405e2cec65aee37f5cc00c4a8cc9b0427c658e8 Mon Sep 17 00:00:00 2001 From: Peter Dave Hello Date: Fri, 13 Jun 2014 21:24:36 +0800 Subject: [PATCH] add Fort.js --- ajax/libs/Fort.js/1.0.0/fort.css | 16 +++ ajax/libs/Fort.js/1.0.0/fort.js | 140 +++++++++++++++++++++++++++ ajax/libs/Fort.js/1.0.0/fort.min.css | 1 + ajax/libs/Fort.js/1.0.0/fort.min.js | 1 + ajax/libs/Fort.js/package.json | 28 ++++++ 5 files changed, 186 insertions(+) create mode 100644 ajax/libs/Fort.js/1.0.0/fort.css create mode 100644 ajax/libs/Fort.js/1.0.0/fort.js create mode 100644 ajax/libs/Fort.js/1.0.0/fort.min.css create mode 100644 ajax/libs/Fort.js/1.0.0/fort.min.js create mode 100644 ajax/libs/Fort.js/package.json diff --git a/ajax/libs/Fort.js/1.0.0/fort.css b/ajax/libs/Fort.js/1.0.0/fort.css new file mode 100644 index 000000000..ee64a0df4 --- /dev/null +++ b/ajax/libs/Fort.js/1.0.0/fort.css @@ -0,0 +1,16 @@ +.top { + /*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; +} +.colors { + width: 100%; + height: 4px; +} diff --git a/ajax/libs/Fort.js/1.0.0/fort.js b/ajax/libs/Fort.js/1.0.0/fort.js new file mode 100644 index 000000000..eaae388e2 --- /dev/null +++ b/ajax/libs/Fort.js/1.0.0/fort.js @@ -0,0 +1,140 @@ +function solid(){ +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"); + 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 flash(){ +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"); +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--;) { + if (els[j].type != "button" && els[j].type != "submit") { + inputs.push(els[j]); + els[j].addEventListener("input", cback, false); + } +} +} +//Edit colors here +var cols = ["#1ABC9C","#EC7063","#3498DB"]; +} + +function gradient(){ +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"); +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--;) { + if (els[j].type != "button" && els[j].type != "submit") { + inputs.push(els[j]); + els[j].addEventListener("input", cback, false); + } +} +} +} +function sections(){ +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"); +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--;) { + if (els[j].type != "button" && els[j].type != "submit") { + inputs.push(els[j]); + els[j].addEventListener("input", cback, false); + } +} +} + + +function generateCSSGradient(colours) { +var l = colours.length, i; +for( i=0; i';document.querySelector(".colors").style.background=h(g);var b=window.innerWidth+"px";document.querySelector(".colors").style.width=b}; diff --git a/ajax/libs/Fort.js/package.json b/ajax/libs/Fort.js/package.json new file mode 100644 index 000000000..149130855 --- /dev/null +++ b/ajax/libs/Fort.js/package.json @@ -0,0 +1,28 @@ +{ + "name": "Fort.js", + "title": "Fort.js", + "filename": "fort.min.js", + "version": "1.0.0", + "description": "Modern progress bar for form completion.", + "homepage": "http://colourity.github.io/", + "author": { + "name": "Colourity", + "url": "http://www.colourity.com" + }, + "repositories": [ + { + "type": "git", + "url": "git://github.com/Colourity/Fort.js" + } + ], + "licenses": [ + { + "type": "MIT", + "url": "https://github.com/Colourity/Fort.js/blob/master/LICENSE" + } + ], + "keywords": [ + "fort", + "fort.js" + ] +}