woople-theme 0.2.8 → 0.2.9

data/app/assets/javascripts/woople-theme/theme.js

@@ -1,6 +1,7 @@
 //= require jquery
 //= require jquery_ujs
 //= require modernizr
+//= require spin.min
 //= require twitter/bootstrap/dropdown
 //= require twitter/bootstrap/modal
 //= require twitter/bootstrap/button
@@ -20,6 +21,20 @@ function resizeFix() {
   }
 }
 
+function setLoading(element) {
+  var div = $('<div></div>').addClass('loadingAction');
+  $(element).find('td:first-child').html(div);
+  new Spinner({
+    lines: 9,
+    radius: 3,
+    length: 4,
+    width: 2
+  }).spin(div[0]);
+}
+
+function visitLocation(element) {
+  window.location = $(element).find('a').attr('href');
+}
 
 $(document).ready(function() {
   resizeFix();
@@ -28,12 +43,13 @@ $(document).ready(function() {
     new FastClick(document.body);
   }
 
-  $('.touch .content-item').on('click', function() {
-    window.location = $(this).find('a').attr('href');
+  $('.outline tr').on('click', function() {
+    setLoading(this);
+    visitLocation(this);
   });
 
-  $('.touch .outline tr').on('click', function(e) {
-    window.location = $(this).find('a').attr('href');
+  $('.touch .content-item').on('click', function() {
+    visitLocation(this);
   });
 
 });

data/app/assets/stylesheets/woople-theme/buttons.css.less

@@ -1,6 +1,14 @@
 @import "woople-theme/variables.css.less";
 @import "woople-theme/colours.css.less";
 
+.loadingAction {
+  width:16px;
+  height:13px;
+  padding-top:3px;
+  margin-left:-3px;
+}
+
+
 .action {
   display:inline-block;
   position:absolute;
@@ -36,3 +44,12 @@
     text-shadow:none;
   }
 }
+
+@media (max-width: 767px) {
+  .loadingAction {
+    margin:0;
+    position:relative;
+    left:3px;
+  }
+}
+

data/lib/woople-theme/version.rb

@@ -1,3 +1,3 @@
 module WoopleTheme
-  VERSION = "0.2.8"
+  VERSION = "0.2.9"
 end

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

@@ -0,0 +1,2 @@
+//fgnass.github.com/spin.js#v1.2.5
+(function(a,b,c){function g(a,c){var d=b.createElement(a||"div"),e;for(e in c)d[e]=c[e];return d}function h(a){for(var b=1,c=arguments.length;b<c;b++)a.appendChild(arguments[b]);return a}function j(a,b,c,d){var g=["opacity",b,~~(a*100),c,d].join("-"),h=.01+c/d*100,j=Math.max(1-(1-a)/b*(100-h),a),k=f.substring(0,f.indexOf("Animation")).toLowerCase(),l=k&&"-"+k+"-"||"";return e[g]||(i.insertRule("@"+l+"keyframes "+g+"{"+"0%{opacity:"+j+"}"+h+"%{opacity:"+a+"}"+(h+.01)+"%{opacity:1}"+(h+b)%100+"%{opacity:"+a+"}"+"100%{opacity:"+j+"}"+"}",0),e[g]=1),g}function k(a,b){var e=a.style,f,g;if(e[b]!==c)return b;b=b.charAt(0).toUpperCase()+b.slice(1);for(g=0;g<d.length;g++){f=d[g]+b;if(e[f]!==c)return f}}function l(a,b){for(var c in b)a.style[k(a,c)||c]=b[c];return a}function m(a){for(var b=1;b<arguments.length;b++){var d=arguments[b];for(var e in d)a[e]===c&&(a[e]=d[e])}return a}function n(a){var b={x:a.offsetLeft,y:a.offsetTop};while(a=a.offsetParent)b.x+=a.offsetLeft,b.y+=a.offsetTop;return b}var d=["webkit","Moz","ms","O"],e={},f,i=function(){var a=g("style");return h(b.getElementsByTagName("head")[0],a),a.sheet||a.styleSheet}(),o={lines:12,length:7,width:5,radius:10,rotate:0,color:"#000",speed:1,trail:100,opacity:.25,fps:20,zIndex:2e9,className:"spinner",top:"auto",left:"auto"},p=function q(a){if(!this.spin)return new q(a);this.opts=m(a||{},q.defaults,o)};p.defaults={},m(p.prototype,{spin:function(a){this.stop();var b=this,c=b.opts,d=b.el=l(g(0,{className:c.className}),{position:"relative",zIndex:c.zIndex}),e=c.radius+c.length+c.width,h,i;a&&(a.insertBefore(d,a.firstChild||null),i=n(a),h=n(d),l(d,{left:(c.left=="auto"?i.x-h.x+(a.offsetWidth>>1):c.left+e)+"px",top:(c.top=="auto"?i.y-h.y+(a.offsetHeight>>1):c.top+e)+"px"})),d.setAttribute("aria-role","progressbar"),b.lines(d,b.opts);if(!f){var j=0,k=c.fps,m=k/c.speed,o=(1-c.opacity)/(m*c.trail/100),p=m/c.lines;!function q(){j++;for(var a=c.lines;a;a--){var e=Math.max(1-(j+a*p)%m*o,c.opacity);b.opacity(d,c.lines-a,e,c)}b.timeout=b.el&&setTimeout(q,~~(1e3/k))}()}return b},stop:function(){var a=this.el;return a&&(clearTimeout(this.timeout),a.parentNode&&a.parentNode.removeChild(a),this.el=c),this},lines:function(a,b){function e(a,d){return l(g(),{position:"absolute",width:b.length+b.width+"px",height:b.width+"px",background:a,boxShadow:d,transformOrigin:"left",transform:"rotate("+~~(360/b.lines*c+b.rotate)+"deg) translate("+b.radius+"px"+",0)",borderRadius:(b.width>>1)+"px"})}var c=0,d;for(;c<b.lines;c++)d=l(g(),{position:"absolute",top:1+~(b.width/2)+"px",transform:b.hwaccel?"translate3d(0,0,0)":"",opacity:b.opacity,animation:f&&j(b.opacity,b.trail,c,b.lines)+" "+1/b.speed+"s linear infinite"}),b.shadow&&h(d,l(e("#000","0 0 4px #000"),{top:"2px"})),h(a,h(d,e(b.color,"0 0 1px rgba(0,0,0,.1)")));return a},opacity:function(a,b,c){b<a.childNodes.length&&(a.childNodes[b].style.opacity=c)}}),!function(){function a(a,b){return g("<"+a+' xmlns="urn:schemas-microsoft.com:vml" class="spin-vml">',b)}var b=l(g("group"),{behavior:"url(#default#VML)"});!k(b,"transform")&&b.adj?(i.addRule(".spin-vml","behavior:url(#default#VML)"),p.prototype.lines=function(b,c){function f(){return l(a("group",{coordsize:e+" "+e,coordorigin:-d+" "+ -d}),{width:e,height:e})}function k(b,e,g){h(i,h(l(f(),{rotation:360/c.lines*b+"deg",left:~~e}),h(l(a("roundrect",{arcsize:1}),{width:d,height:c.width,left:c.radius,top:-c.width>>1,filter:g}),a("fill",{color:c.color,opacity:c.opacity}),a("stroke",{opacity:0}))))}var d=c.length+c.width,e=2*d,g=-(c.width+c.length)*2+"px",i=l(f(),{position:"absolute",top:g,left:g}),j;if(c.shadow)for(j=1;j<=c.lines;j++)k(j,-2,"progid:DXImageTransform.Microsoft.Blur(pixelradius=2,makeshadow=1,shadowopacity=.3)");for(j=1;j<=c.lines;j++)k(j);return h(b,i)},p.prototype.opacity=function(a,b,c,d){var e=a.firstChild;d=d.shadow&&d.lines||0,e&&b+d<e.childNodes.length&&(e=e.childNodes[b+d],e=e&&e.firstChild,e=e&&e.firstChild,e&&(e.opacity=c))}):f=k(b,"animation")}(),a.Spinner=p})(window,document);

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: woople-theme
 version: !ruby/object:Gem::Version
-  version: 0.2.8
+  version: 0.2.9
   prerelease: 
 platform: ruby
 authors:
@@ -9,11 +9,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-05-04 00:00:00.000000000 Z
+date: 2012-05-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
-  requirement: &70334147139920 !ruby/object:Gem::Requirement
+  requirement: &70111598901940 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -21,10 +21,10 @@ dependencies:
         version: 3.2.2
   type: :runtime
   prerelease: false
-  version_requirements: *70334147139920
+  version_requirements: *70111598901940
 - !ruby/object:Gem::Dependency
   name: less-rails-bootstrap
-  requirement: &70334147139220 !ruby/object:Gem::Requirement
+  requirement: &70111598901380 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - =
@@ -32,10 +32,10 @@ dependencies:
         version: 2.0.8
   type: :runtime
   prerelease: false
-  version_requirements: *70334147139220
+  version_requirements: *70111598901380
 - !ruby/object:Gem::Dependency
   name: bundler
-  requirement: &70334147138620 !ruby/object:Gem::Requirement
+  requirement: &70111598900980 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -43,10 +43,10 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70334147138620
+  version_requirements: *70111598900980
 - !ruby/object:Gem::Dependency
   name: sqlite3
-  requirement: &70334147137680 !ruby/object:Gem::Requirement
+  requirement: &70111598900440 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -54,10 +54,10 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70334147137680
+  version_requirements: *70111598900440
 - !ruby/object:Gem::Dependency
   name: rspec-rails
-  requirement: &70334147136880 !ruby/object:Gem::Requirement
+  requirement: &70111598899920 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -65,10 +65,10 @@ dependencies:
         version: 2.9.0
   type: :development
   prerelease: false
-  version_requirements: *70334147136880
+  version_requirements: *70111598899920
 - !ruby/object:Gem::Dependency
   name: capybara
-  requirement: &70334147135840 !ruby/object:Gem::Requirement
+  requirement: &70111598899480 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -76,7 +76,7 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70334147135840
+  version_requirements: *70111598899480
 description: All Front-End all the Time
 email:
 - developers@bigbangtechnology.com
@@ -168,6 +168,7 @@ files:
 - lib/woople-theme.rb
 - vendor/assets/javascripts/fastclick.min_.js
 - vendor/assets/javascripts/modernizr.js
+- vendor/assets/javascripts/spin.min.js
 - vendor/assets/javascripts/video.min.js
 - vendor/assets/stylesheets/woople-theme/google-code-prettify/prettify.css
 - vendor/assets/stylesheets/woople-theme/video-js.min.css
@@ -199,3 +200,4 @@ signing_key:
 specification_version: 3
 summary: Our Front-End CSS Framework/Theme
 test_files: []
+has_rdoc: