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 +4 -4
- data/.gitignore +1 -0
- data/lib/rloading/version.rb +1 -1
- data/vendor/assets/javascripts/rloading/rloading.js +31 -0
- data/vendor/assets/stylesheets/rloading/rloading.css +16 -0
- metadata +3 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 67495d0e56f26e462625f0b8d93ba415f5b32943
|
4
|
+
data.tar.gz: ab0892bb916b70fe564b145a11b992851dab4be0
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 0dabfe08a1e7a3ac333e977beb789f6a0e7e67cc2ee736116040e0eab2e86e08124721b87cc341f4380cf109f7e352acc7fee05f1045fbcf0899ab89e060ffe9
|
7
|
+
data.tar.gz: dedb7602e60a6e06315ad54737b507d36e601809f5295b307f5c8652a0372864b571fe53caadfffdd36b5136be879a31edc4888558f2dc4f3e53403b538b1009
|
data/.gitignore
CHANGED
data/lib/rloading/version.rb
CHANGED
@@ -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.
|
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
|