nprogress-rails 0.1.3.0 → 0.1.3.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +1 -1
- data/app/assets/javascripts/nprogress.js +40 -33
- data/app/assets/stylesheets/nprogress.css.scss +13 -2
- data/nprogress-rails.gemspec +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 3e835d33bd6cae627162c79cb68c07f0d883baa7
|
4
|
+
data.tar.gz: 8cafa374c86de5cea8f47a28defe21e9806634a8
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: fefa04715b218bca13f31cede920e6b5646d5b746edbcc0b0f2e1485bb296aa68ff7dc9fcbc52a6668183ee138e3487025378402c6aa0b7f12d7c7db568b0896
|
7
|
+
data.tar.gz: 1816fcc91bbef8c8d6638b3ccffdc6feb3118287d0b5e5be971170e0b40f0cd832b7cdb9352ea3fd5f0f6ded980086e7fd81b957c756591c441eb4e7cb433b19
|
data/README.md
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
# nprogress-rails
|
2
2
|
|
3
3
|
This is basically a ruby gem for asset pipeline which includes the version
|
4
|
-
0.1.
|
4
|
+
0.1.6 of the awesome [rstacruz][rstacruz]' [nprogress][lib] library.
|
5
5
|
|
6
6
|
- [**Original lib**][lib]
|
7
7
|
- [**Demo**][demo]
|
@@ -1,20 +1,20 @@
|
|
1
|
-
|
2
|
-
*
|
1
|
+
/* NProgress, (c) 2013, 2014 Rico Sta. Cruz - http://ricostacruz.com/nprogress
|
2
|
+
* @license MIT */
|
3
3
|
|
4
|
-
;(function(factory) {
|
4
|
+
;(function(root, factory) {
|
5
5
|
|
6
|
-
if (typeof
|
7
|
-
module.exports = factory();
|
8
|
-
} else if (typeof define === 'function' && define.amd) {
|
6
|
+
if (typeof define === 'function' && define.amd) {
|
9
7
|
define(factory);
|
8
|
+
} else if (typeof exports === 'object') {
|
9
|
+
module.exports = factory();
|
10
10
|
} else {
|
11
|
-
|
11
|
+
root.NProgress = factory();
|
12
12
|
}
|
13
13
|
|
14
|
-
})(function() {
|
14
|
+
})(this, function() {
|
15
15
|
var NProgress = {};
|
16
16
|
|
17
|
-
NProgress.version = '0.1.
|
17
|
+
NProgress.version = '0.1.6';
|
18
18
|
|
19
19
|
var Settings = NProgress.settings = {
|
20
20
|
minimum: 0.08,
|
@@ -27,6 +27,7 @@
|
|
27
27
|
showSpinner: true,
|
28
28
|
barSelector: '[role="bar"]',
|
29
29
|
spinnerSelector: '[role="spinner"]',
|
30
|
+
parent: 'body',
|
30
31
|
template: '<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
|
31
32
|
};
|
32
33
|
|
@@ -82,16 +83,16 @@
|
|
82
83
|
|
83
84
|
if (n === 1) {
|
84
85
|
// Fade out
|
85
|
-
css(progress, {
|
86
|
-
transition: 'none',
|
87
|
-
opacity: 1
|
86
|
+
css(progress, {
|
87
|
+
transition: 'none',
|
88
|
+
opacity: 1
|
88
89
|
});
|
89
90
|
progress.offsetWidth; /* Repaint */
|
90
91
|
|
91
92
|
setTimeout(function() {
|
92
|
-
css(progress, {
|
93
|
-
transition: 'all ' + speed + 'ms linear',
|
94
|
-
opacity: 0
|
93
|
+
css(progress, {
|
94
|
+
transition: 'all ' + speed + 'ms linear',
|
95
|
+
opacity: 0
|
95
96
|
});
|
96
97
|
setTimeout(function() {
|
97
98
|
NProgress.remove();
|
@@ -177,24 +178,24 @@
|
|
177
178
|
/**
|
178
179
|
* Waits for all supplied jQuery promises and
|
179
180
|
* increases the progress as the promises resolve.
|
180
|
-
*
|
181
|
+
*
|
181
182
|
* @param $promise jQUery Promise
|
182
183
|
*/
|
183
184
|
(function() {
|
184
185
|
var initial = 0, current = 0;
|
185
|
-
|
186
|
+
|
186
187
|
NProgress.promise = function($promise) {
|
187
188
|
if (!$promise || $promise.state() == "resolved") {
|
188
189
|
return this;
|
189
190
|
}
|
190
|
-
|
191
|
+
|
191
192
|
if (current == 0) {
|
192
193
|
NProgress.start();
|
193
194
|
}
|
194
|
-
|
195
|
+
|
195
196
|
initial++;
|
196
197
|
current++;
|
197
|
-
|
198
|
+
|
198
199
|
$promise.always(function() {
|
199
200
|
current--;
|
200
201
|
if (current == 0) {
|
@@ -204,10 +205,10 @@
|
|
204
205
|
NProgress.set((initial - current) / initial);
|
205
206
|
}
|
206
207
|
});
|
207
|
-
|
208
|
+
|
208
209
|
return this;
|
209
210
|
};
|
210
|
-
|
211
|
+
|
211
212
|
})();
|
212
213
|
|
213
214
|
/**
|
@@ -219,15 +220,16 @@
|
|
219
220
|
if (NProgress.isRendered()) return document.getElementById('nprogress');
|
220
221
|
|
221
222
|
addClass(document.documentElement, 'nprogress-busy');
|
222
|
-
|
223
|
+
|
223
224
|
var progress = document.createElement('div');
|
224
225
|
progress.id = 'nprogress';
|
225
226
|
progress.innerHTML = Settings.template;
|
226
227
|
|
227
228
|
var bar = progress.querySelector(Settings.barSelector),
|
228
229
|
perc = fromStart ? '-100' : toBarPerc(NProgress.status || 0),
|
230
|
+
parent = document.querySelector(Settings.parent),
|
229
231
|
spinner;
|
230
|
-
|
232
|
+
|
231
233
|
css(bar, {
|
232
234
|
transition: 'all 0 linear',
|
233
235
|
transform: 'translate3d(' + perc + '%,0,0)'
|
@@ -238,7 +240,11 @@
|
|
238
240
|
spinner && removeElement(spinner);
|
239
241
|
}
|
240
242
|
|
241
|
-
document.body
|
243
|
+
if (parent != document.body) {
|
244
|
+
addClass(parent, 'nprogress-custom-parent');
|
245
|
+
}
|
246
|
+
|
247
|
+
parent.appendChild(progress);
|
242
248
|
return progress;
|
243
249
|
};
|
244
250
|
|
@@ -248,6 +254,7 @@
|
|
248
254
|
|
249
255
|
NProgress.remove = function() {
|
250
256
|
removeClass(document.documentElement, 'nprogress-busy');
|
257
|
+
removeClass(document.querySelector(Settings.parent), 'nprogress-custom-parent')
|
251
258
|
var progress = document.getElementById('nprogress');
|
252
259
|
progress && removeElement(progress);
|
253
260
|
};
|
@@ -333,7 +340,7 @@
|
|
333
340
|
|
334
341
|
var queue = (function() {
|
335
342
|
var pending = [];
|
336
|
-
|
343
|
+
|
337
344
|
function next() {
|
338
345
|
var fn = pending.shift();
|
339
346
|
if (fn) {
|
@@ -348,10 +355,10 @@
|
|
348
355
|
})();
|
349
356
|
|
350
357
|
/**
|
351
|
-
* (Internal) Applies css properties to an element, similar to the jQuery
|
358
|
+
* (Internal) Applies css properties to an element, similar to the jQuery
|
352
359
|
* css method.
|
353
360
|
*
|
354
|
-
* While this helper does assist with vendor prefixed property names, it
|
361
|
+
* While this helper does assist with vendor prefixed property names, it
|
355
362
|
* does not perform any manipulation of values prior to setting styles.
|
356
363
|
*/
|
357
364
|
|
@@ -392,7 +399,7 @@
|
|
392
399
|
|
393
400
|
return function(element, properties) {
|
394
401
|
var args = arguments,
|
395
|
-
prop,
|
402
|
+
prop,
|
396
403
|
value;
|
397
404
|
|
398
405
|
if (args.length == 2) {
|
@@ -423,7 +430,7 @@
|
|
423
430
|
var oldList = classList(element),
|
424
431
|
newList = oldList + name;
|
425
432
|
|
426
|
-
if (hasClass(oldList, name)) return;
|
433
|
+
if (hasClass(oldList, name)) return;
|
427
434
|
|
428
435
|
// Trim the opening space.
|
429
436
|
element.className = newList.substring(1);
|
@@ -447,8 +454,8 @@
|
|
447
454
|
}
|
448
455
|
|
449
456
|
/**
|
450
|
-
* (Internal) Gets a space separated list of the class names on the element.
|
451
|
-
* The list is wrapped with a single space on each end to facilitate finding
|
457
|
+
* (Internal) Gets a space separated list of the class names on the element.
|
458
|
+
* The list is wrapped with a single space on each end to facilitate finding
|
452
459
|
* matches within the list.
|
453
460
|
*/
|
454
461
|
|
@@ -465,4 +472,4 @@
|
|
465
472
|
}
|
466
473
|
|
467
474
|
return NProgress;
|
468
|
-
});
|
475
|
+
});
|
@@ -1,4 +1,5 @@
|
|
1
1
|
$nprogress-color: #29d !default;
|
2
|
+
$nprogress-zindex: 100 !default;
|
2
3
|
|
3
4
|
/* Make clicks pass-through */
|
4
5
|
#nprogress {
|
@@ -9,7 +10,7 @@ $nprogress-color: #29d !default;
|
|
9
10
|
background: $nprogress-color;
|
10
11
|
|
11
12
|
position: fixed;
|
12
|
-
z-index:
|
13
|
+
z-index: $nprogress-zindex;
|
13
14
|
top: 0;
|
14
15
|
left: 0;
|
15
16
|
|
@@ -36,7 +37,7 @@ $nprogress-color: #29d !default;
|
|
36
37
|
#nprogress .spinner {
|
37
38
|
display: block;
|
38
39
|
position: fixed;
|
39
|
-
z-index:
|
40
|
+
z-index: $nprogress-zindex;
|
40
41
|
top: 15px;
|
41
42
|
right: 15px;
|
42
43
|
}
|
@@ -55,6 +56,16 @@ $nprogress-color: #29d !default;
|
|
55
56
|
animation: nprogress-spinner 400ms linear infinite;
|
56
57
|
}
|
57
58
|
|
59
|
+
.nprogress-custom-parent {
|
60
|
+
overflow: hidden;
|
61
|
+
position: relative;
|
62
|
+
}
|
63
|
+
|
64
|
+
.nprogress-custom-parent #nprogress .spinner,
|
65
|
+
.nprogress-custom-parent #nprogress .bar {
|
66
|
+
position: absolute;
|
67
|
+
}
|
68
|
+
|
58
69
|
@-webkit-keyframes nprogress-spinner {
|
59
70
|
0% { -webkit-transform: rotate(0deg); }
|
60
71
|
100% { -webkit-transform: rotate(360deg); }
|
data/nprogress-rails.gemspec
CHANGED
@@ -4,7 +4,7 @@ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
|
|
4
4
|
|
5
5
|
Gem::Specification.new do |spec|
|
6
6
|
spec.name = 'nprogress-rails'
|
7
|
-
spec.version = '0.1.3.
|
7
|
+
spec.version = '0.1.3.1'
|
8
8
|
spec.authors = ['Carlos Alexandro Becker']
|
9
9
|
spec.email = ['caarlos0@gmail.com']
|
10
10
|
spec.description = %q{This is a gem for the rstacruz' nprogress implementation. It's based on version nprogress 0.1.2.}
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: nprogress-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.3.
|
4
|
+
version: 0.1.3.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Carlos Alexandro Becker
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2014-
|
11
|
+
date: 2014-07-13 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|