rloading 0.0.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: d976c34db07c403d6759d68180e6992ce946d01d
4
- data.tar.gz: 9304dbc306788f63c63b710d0b110d5684d239a4
3
+ metadata.gz: 67495d0e56f26e462625f0b8d93ba415f5b32943
4
+ data.tar.gz: ab0892bb916b70fe564b145a11b992851dab4be0
5
5
  SHA512:
6
- metadata.gz: cedfb365f06309fa08684a7fa31f9a2bb04a8b94dbcb77b0aa035690918eb0b6b5016dca48bdeeeb8a5d5bdeb594d0431a3cfd76266b46b89dcc2365ddd2a34c
7
- data.tar.gz: 5812e4dc0ed1b92508fdb693da7ebaa55d1071274c0851e60c56d78e59da6bbd4d9b2ab20370815db50325d48a4f607732751a09c1ad3b17b9793ef10ccf24ff
6
+ metadata.gz: 0dabfe08a1e7a3ac333e977beb789f6a0e7e67cc2ee736116040e0eab2e86e08124721b87cc341f4380cf109f7e352acc7fee05f1045fbcf0899ab89e060ffe9
7
+ data.tar.gz: dedb7602e60a6e06315ad54737b507d36e601809f5295b307f5c8652a0372864b571fe53caadfffdd36b5136be879a31edc4888558f2dc4f3e53403b538b1009
data/.gitignore CHANGED
@@ -1,3 +1,4 @@
1
+ .gem
1
2
  /.bundle/
2
3
  /.yardoc
3
4
  /Gemfile.lock
@@ -1,3 +1,3 @@
1
1
  module RLoading
2
- VERSION = "0.0.1"
2
+ VERSION = "0.0.2"
3
3
  end
@@ -0,0 +1,31 @@
1
+
2
+ function install(){
3
+ /*
4
+ <div id='blackout' class='ncolor'></div><div class='loading'><div class='ball ncolor'></div><div class='ball ncolor'></div><div class='ball ncolor'></div><div class='ball ncolor'></div><div class='ball ncolor'></div><div class='ball ncolor'></div><div class='ball ncolor'></div></div>
5
+ */
6
+ if ($('#blackout').length==0){
7
+ $("body").prepend("<div id='blackout' class='ncolor'></div><div class='loading'><div class='ball ncolor'></div><div class='ball ncolor'></div><div class='ball ncolor'></div><div class='ball ncolor'></div><div class='ball ncolor'></div><div class='ball ncolor'></div><div class='ball ncolor'></div></div>");
8
+ }
9
+ }
10
+
11
+
12
+ $( document ).ready(function() {
13
+ install();
14
+ });
15
+
16
+ function loff(){
17
+ $("#blackout").addClass('ncolor');
18
+ setTimeout(function(){
19
+ $("#blackout").hide();
20
+ $(".ball").hide();
21
+ },250);
22
+ $(".ball").addClass('ncolor')
23
+
24
+ }
25
+ function lon(){
26
+ $("#blackout").show(10);
27
+ $("#blackout").removeClass('ncolor')
28
+ $(".loading").show(10);
29
+ $(".ball").show(10);
30
+ $(".ball").removeClass('ncolor')
31
+ }
@@ -0,0 +1,16 @@
1
+ .ncolor{background-color: rgba(0, 0, 0, 0)!important;}
2
+ #blackout{display: none;background-color: rgba(25, 31, 39, 0.5);width: 100%;height: 100%;position: fixed;z-index: 1;top: 0px;left: 0px;cursor: wait;transition: all 0.25s;}
3
+ .loading {display: none;position: fixed;top: 50%;left: 50%;margin-top: -75px;z-index: 10;}
4
+ .ball {transition: all 0.25s;width: 10px;height: 10px;margin: 10px auto;border-radius: 50px;}.ball:nth-child(1) {background: #ff005d;-webkit-animation: right 1s infinite ease-in-out;-moz-animation: right 1s infinite ease-in-out;animation: right 1s infinite ease-in-out; }
5
+ .ball:nth-child(2) {background: #35ff99;-webkit-animation: left 1.1s infinite ease-in-out;-moz-animation: left 1.1s infinite ease-in-out;animation: left 1.1s infinite ease-in-out;}
6
+ .ball:nth-child(3) {background: #008597;-webkit-animation: right 1.05s infinite ease-in-out;-moz-animation: right 1.05s infinite ease-in-out;animation: right 1.05s infinite ease-in-out;}
7
+ .ball:nth-child(4) {background: #ffcc00;-webkit-animation: left 1.15s infinite ease-in-out;-moz-animation: left 1.15s infinite ease-in-out;animation: left 1.15s infinite ease-in-out;}
8
+ .ball:nth-child(5) {background: #2d3443; -webkit-animation: right 1.1s infinite ease-in-out;-moz-animation: right 1.1s infinite ease-in-out;animation: right 1.1s infinite ease-in-out;}
9
+ .ball:nth-child(6) {background: #ff7c35; -webkit-animation: left 1.05s infinite ease-in-out;-moz-animation: left 1.05s infinite ease-in-out;animation: left 1.05s infinite ease-in-out;}
10
+ .ball:nth-child(7) {background: #4d407c; -webkit-animation: right 1s infinite ease-in-out;-moz-animation: right 1s infinite ease-in-out;animation: right 1s infinite ease-in-out;}
11
+ @-webkit-keyframes right {0%{ -webkit-transform: translate(-15px);}50%{ -webkit-transform: translate(15px);}100% { -webkit-transform: translate(-15px);}}
12
+ @-webkit-keyframes left {0%{ -webkit-transform: translate(15px);}50%{ -webkit-transform: translate(-15px);}100% { -webkit-transform: translate(15px);}}
13
+ @-moz-keyframes right {0%{ -moz-transform: translate(-15px);}50% { -moz-transform: translate(15px);}100% { -moz-transform: translate(-15px);}}
14
+ @-moz-keyframes left {0%{ -moz-transform: translate(15px);}50% { -moz-transform: translate(-15px);}100% { -moz-transform: translate(15px);}}
15
+ @keyframes right {0%{ transform: translate(-15px);}50%{ transform: translate(15px);}100% { transform: translate(-15px);}}@keyframes left {0%{ transform: translate(15px);}50%{ transform: translate(-15px);}100% { transform: translate(15px);}}
16
+
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: rloading
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.1
4
+ version: 0.0.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - thiago feitosa
@@ -71,6 +71,8 @@ files:
71
71
  - lib/rloading.rb
72
72
  - lib/rloading/version.rb
73
73
  - rloading.gemspec
74
+ - vendor/assets/javascripts/rloading/rloading.js
75
+ - vendor/assets/stylesheets/rloading/rloading.css
74
76
  homepage: http://rubygems.org/gems/rloading
75
77
  licenses:
76
78
  - MIT