my_assets 0.0.4 → 0.0.5

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
  SHA256:
3
- metadata.gz: 8428066f6cc393ae009df4df160c870414e873e7384d18aa6a3c6f40ee10a7c6
4
- data.tar.gz: 7b8f19b5b5e82ce2d917e2f06b6897844c0401a95a617c420ba27357a868e07c
3
+ metadata.gz: 8ccacbaf42328e08eac7badb58efa7751f034d6acaa3039ffdae79c4bc05e948
4
+ data.tar.gz: ed7538b9652f0a1344fd578c8e72ecd972211d040251d90900338cd9e5379151
5
5
  SHA512:
6
- metadata.gz: b28154f84a65639e7d587c17d6140ec1c325b55f80c832d3eec0727403df13a49e957c9baadb5755e8b6c4e82f67d817469c8c2eab6e329faa1d603a8c9106b0
7
- data.tar.gz: b130b9485dcc4774236a09bf252e75505e9dc92cce13f5f79a8001d47fb6749910a07e0102c686897b2216db2c9c210289d5b9f590ba002e05e5583158f5f331
6
+ metadata.gz: 2ec3cd19c8dcd4d841d20fe28889c9ecc35cc3ba1b810ea64b3d62739207e5a83b39e3b33f0bd8ed7c7b8d1fc46e9d95870da75ba12c56f1b01cbf6d910f9fe0
7
+ data.tar.gz: f7b0aba4faf943e98f025d92c2acc4f5311b3fddfaa36f3e7e10167b739d6e83e603bc8b709841f6643a4c754e9ae8b9d0459e15b05acf6fc55b85ef65fb8a41
@@ -1,3 +1,3 @@
1
1
  module MyAssets
2
- VERSION = "0.0.4"
2
+ VERSION = "0.0.5"
3
3
  end
@@ -0,0 +1,7 @@
1
+ $(document).on("turbolinks:click", function(){
2
+ $("#spinner").fadeIn('slow');
3
+ });
4
+
5
+ $(document).on("turbolinks:load", function(){
6
+ $("#spinner").fadeOut('slow');
7
+ });
@@ -0,0 +1,120 @@
1
+ /* Absolute Center Spinner */
2
+ .loading {
3
+ position: fixed;
4
+ z-index: 999;
5
+ height: 2em;
6
+ width: 2em;
7
+ overflow: show;
8
+ margin: auto;
9
+ top: 0;
10
+ left: 0;
11
+ bottom: 0;
12
+ right: 0;
13
+
14
+ }
15
+
16
+ /* Transparent Overlay */
17
+ .loading:before {
18
+ content: '';
19
+ display: block;
20
+ position: fixed;
21
+ top: 0;
22
+ left: 0;
23
+ width: 100%;
24
+ height: 100%;
25
+ background-color: rgba(0,0,0,0.3);
26
+ }
27
+
28
+ /* :not(:required) hides these rules from IE9 and below */
29
+ .loading:not(:required) {
30
+ /* hide "loading..." text */
31
+ font: 0/0 a;
32
+ color: transparent;
33
+ text-shadow: none;
34
+ background-color: transparent;
35
+ border: 0;
36
+ }
37
+
38
+ .loading:not(:required):after {
39
+ content: '';
40
+ display: block;
41
+ font-size: 10px;
42
+ width: 1em;
43
+ height: 1em;
44
+ margin-top: -0.5em;
45
+ -webkit-animation: spinner 1500ms infinite linear;
46
+ -moz-animation: spinner 1500ms infinite linear;
47
+ -ms-animation: spinner 1500ms infinite linear;
48
+ -o-animation: spinner 1500ms infinite linear;
49
+ animation: spinner 1500ms infinite linear;
50
+ border-radius: 0.5em;
51
+ -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
52
+ box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
53
+ }
54
+
55
+ /* Animation */
56
+
57
+ @-webkit-keyframes spinner {
58
+ 0% {
59
+ -webkit-transform: rotate(0deg);
60
+ -moz-transform: rotate(0deg);
61
+ -ms-transform: rotate(0deg);
62
+ -o-transform: rotate(0deg);
63
+ transform: rotate(0deg);
64
+ }
65
+ 100% {
66
+ -webkit-transform: rotate(360deg);
67
+ -moz-transform: rotate(360deg);
68
+ -ms-transform: rotate(360deg);
69
+ -o-transform: rotate(360deg);
70
+ transform: rotate(360deg);
71
+ }
72
+ }
73
+ @-moz-keyframes spinner {
74
+ 0% {
75
+ -webkit-transform: rotate(0deg);
76
+ -moz-transform: rotate(0deg);
77
+ -ms-transform: rotate(0deg);
78
+ -o-transform: rotate(0deg);
79
+ transform: rotate(0deg);
80
+ }
81
+ 100% {
82
+ -webkit-transform: rotate(360deg);
83
+ -moz-transform: rotate(360deg);
84
+ -ms-transform: rotate(360deg);
85
+ -o-transform: rotate(360deg);
86
+ transform: rotate(360deg);
87
+ }
88
+ }
89
+ @-o-keyframes spinner {
90
+ 0% {
91
+ -webkit-transform: rotate(0deg);
92
+ -moz-transform: rotate(0deg);
93
+ -ms-transform: rotate(0deg);
94
+ -o-transform: rotate(0deg);
95
+ transform: rotate(0deg);
96
+ }
97
+ 100% {
98
+ -webkit-transform: rotate(360deg);
99
+ -moz-transform: rotate(360deg);
100
+ -ms-transform: rotate(360deg);
101
+ -o-transform: rotate(360deg);
102
+ transform: rotate(360deg);
103
+ }
104
+ }
105
+ @keyframes spinner {
106
+ 0% {
107
+ -webkit-transform: rotate(0deg);
108
+ -moz-transform: rotate(0deg);
109
+ -ms-transform: rotate(0deg);
110
+ -o-transform: rotate(0deg);
111
+ transform: rotate(0deg);
112
+ }
113
+ 100% {
114
+ -webkit-transform: rotate(360deg);
115
+ -moz-transform: rotate(360deg);
116
+ -ms-transform: rotate(360deg);
117
+ -o-transform: rotate(360deg);
118
+ transform: rotate(360deg);
119
+ }
120
+ }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: my_assets
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.4
4
+ version: 0.0.5
5
5
  platform: ruby
6
6
  authors:
7
7
  - Your Name
@@ -76,6 +76,7 @@ files:
76
76
  - vendor/assets/javascripts/notify.js
77
77
  - vendor/assets/javascripts/popper.js
78
78
  - vendor/assets/javascripts/select2.js
79
+ - vendor/assets/javascripts/spinner.js
79
80
  - vendor/assets/stylesheets/bootstrap.scss
80
81
  - vendor/assets/stylesheets/bootstrap/_alert.scss
81
82
  - vendor/assets/stylesheets/bootstrap/_badge.scss
@@ -160,6 +161,7 @@ files:
160
161
  - vendor/assets/stylesheets/datatables.scss
161
162
  - vendor/assets/stylesheets/font-awesome.css.erb
162
163
  - vendor/assets/stylesheets/select2.css
164
+ - vendor/assets/stylesheets/spinner.scss
163
165
  homepage: https://github.com/regiscarlos13/my_assets
164
166
  licenses:
165
167
  - MIT