pace-rails 0.0.7 → 0.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +4 -0
- data/app/assets/javascripts/pace/pace.js +81 -40
- data/app/assets/stylesheets/.DS_Store +0 -0
- data/app/assets/stylesheets/pace/pace-theme-center-radar.css +71 -0
- data/app/assets/stylesheets/pace/pace-theme-loading-bar.css +83 -0
- data/lib/pace/rails/version.rb +1 -1
- data/vendor/assets/javascripts/pace/pace.js +81 -40
- data/vendor/assets/stylesheets/pace/pace-theme-center-radar.css +71 -0
- data/vendor/assets/stylesheets/pace/pace-theme-loading-bar.css +83 -0
- metadata +6 -3
- data/app/assets/.DS_Store +0 -0
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: f8134b1c3e60fc2c971b806ccd7631ed5311430d
|
4
|
+
data.tar.gz: 9dcb2a857b9b5a81382c435e06a1d78dd6716472
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: cc3e3bcf9f5c2b4054f03e9ec7c0a0ef52405ac143916f5af304a4bcae95eceb85ca42196149bf94c12acedb09b17cfcc7bf84bd4e6b4a11ca16efbc71a9c1ad
|
7
|
+
data.tar.gz: 3d107e9744a6d8ab44f3bf7cd4b86aaff78a33e9b6ac1df2d12a1372dad2c24433d459336981db4c1306c67424bb77ead0c45a57f3d845564a3e6118de9e29c8
|
data/README.md
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
(function() {
|
2
|
-
var AjaxMonitor, Bar, DocumentMonitor, ElementMonitor, ElementTracker, EventLagMonitor, Events, NoTargetError, RequestIntercept, SOURCE_KEYS, Scaler, SocketRequestTracker, XHRRequestTracker, animation, avgAmplitude, bar, cancelAnimation, cancelAnimationFrame, defaultOptions, extend, extendNative, getFromDOM, getIntercept, handlePushState, init, now, options, requestAnimationFrame, result, runAnimation, scalers, sources, uniScaler, _WebSocket, _XDomainRequest, _XMLHttpRequest, _intercept, _pushState, _ref, _replaceState,
|
2
|
+
var AjaxMonitor, Bar, DocumentMonitor, ElementMonitor, ElementTracker, EventLagMonitor, Events, NoTargetError, RequestIntercept, SOURCE_KEYS, Scaler, SocketRequestTracker, XHRRequestTracker, animation, avgAmplitude, bar, cancelAnimation, cancelAnimationFrame, defaultOptions, extend, extendNative, getFromDOM, getIntercept, handlePushState, ignoreStack, init, now, options, requestAnimationFrame, result, runAnimation, scalers, shouldTrack, sources, uniScaler, _WebSocket, _XDomainRequest, _XMLHttpRequest, _intercept, _pushState, _ref, _replaceState,
|
3
3
|
__slice = [].slice,
|
4
4
|
__hasProp = {}.hasOwnProperty,
|
5
5
|
__extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
|
@@ -9,7 +9,7 @@
|
|
9
9
|
catchupTime: 500,
|
10
10
|
initialRate: .03,
|
11
11
|
minTime: 500,
|
12
|
-
ghostTime:
|
12
|
+
ghostTime: 500,
|
13
13
|
maxProgressPerFrame: 10,
|
14
14
|
easeFactor: 1.25,
|
15
15
|
startOnPageLoad: true,
|
@@ -277,6 +277,44 @@
|
|
277
277
|
return _results;
|
278
278
|
};
|
279
279
|
|
280
|
+
ignoreStack = [];
|
281
|
+
|
282
|
+
Pace.ignore = function() {
|
283
|
+
var args, fn, ret;
|
284
|
+
fn = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
|
285
|
+
ignoreStack.unshift('ignore');
|
286
|
+
ret = fn.apply(null, args);
|
287
|
+
ignoreStack.shift();
|
288
|
+
return ret;
|
289
|
+
};
|
290
|
+
|
291
|
+
Pace.track = function() {
|
292
|
+
var args, fn, ret;
|
293
|
+
fn = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
|
294
|
+
ignoreStack.unshift('track');
|
295
|
+
ret = fn.apply(null, args);
|
296
|
+
ignoreStack.shift();
|
297
|
+
return ret;
|
298
|
+
};
|
299
|
+
|
300
|
+
shouldTrack = function(method) {
|
301
|
+
var _ref1;
|
302
|
+
if (method == null) {
|
303
|
+
method = 'GET';
|
304
|
+
}
|
305
|
+
if (ignoreStack[0] === 'track') {
|
306
|
+
return 'force';
|
307
|
+
}
|
308
|
+
if (!ignoreStack.length && options.ajax) {
|
309
|
+
if (method === 'socket' && options.ajax.trackWebSockets) {
|
310
|
+
return true;
|
311
|
+
} else if (_ref1 = method.toUpperCase(), __indexOf.call(options.ajax.trackMethods, _ref1) >= 0) {
|
312
|
+
return true;
|
313
|
+
}
|
314
|
+
}
|
315
|
+
return false;
|
316
|
+
};
|
317
|
+
|
280
318
|
RequestIntercept = (function(_super) {
|
281
319
|
__extends(RequestIntercept, _super);
|
282
320
|
|
@@ -288,8 +326,7 @@
|
|
288
326
|
var _open;
|
289
327
|
_open = req.open;
|
290
328
|
return req.open = function(type, url, async) {
|
291
|
-
|
292
|
-
if (_ref1 = (type != null ? type : 'GET').toUpperCase(), __indexOf.call(options.ajax.trackMethods, _ref1) >= 0) {
|
329
|
+
if (shouldTrack(type)) {
|
293
330
|
_this.trigger('request', {
|
294
331
|
type: type,
|
295
332
|
url: url,
|
@@ -319,12 +356,14 @@
|
|
319
356
|
window.WebSocket = function(url, protocols) {
|
320
357
|
var req;
|
321
358
|
req = new _WebSocket(url, protocols);
|
322
|
-
|
323
|
-
|
324
|
-
|
325
|
-
|
326
|
-
|
327
|
-
|
359
|
+
if (shouldTrack('socket')) {
|
360
|
+
_this.trigger('request', {
|
361
|
+
type: 'socket',
|
362
|
+
url: url,
|
363
|
+
protocols: protocols,
|
364
|
+
request: req
|
365
|
+
});
|
366
|
+
}
|
328
367
|
return req;
|
329
368
|
};
|
330
369
|
extendNative(window.WebSocket, _WebSocket);
|
@@ -344,38 +383,40 @@
|
|
344
383
|
return _intercept;
|
345
384
|
};
|
346
385
|
|
347
|
-
|
348
|
-
|
349
|
-
|
350
|
-
|
351
|
-
|
352
|
-
|
353
|
-
|
354
|
-
|
355
|
-
|
356
|
-
|
357
|
-
|
358
|
-
|
359
|
-
|
360
|
-
|
361
|
-
|
362
|
-
|
363
|
-
|
364
|
-
|
365
|
-
|
366
|
-
|
367
|
-
|
368
|
-
|
369
|
-
|
370
|
-
|
371
|
-
|
386
|
+
getIntercept().on('request', function(_arg) {
|
387
|
+
var after, args, request, type;
|
388
|
+
type = _arg.type, request = _arg.request;
|
389
|
+
if (!Pace.running && (options.restartOnRequestAfter !== false || shouldTrack(type) === 'force')) {
|
390
|
+
args = arguments;
|
391
|
+
after = options.restartOnRequestAfter || 0;
|
392
|
+
if (typeof after === 'boolean') {
|
393
|
+
after = 0;
|
394
|
+
}
|
395
|
+
return setTimeout(function() {
|
396
|
+
var source, stillActive, _i, _len, _ref1, _ref2, _results;
|
397
|
+
if (type === 'socket') {
|
398
|
+
stillActive = request.readyState < 2;
|
399
|
+
} else {
|
400
|
+
stillActive = (0 < (_ref1 = request.readyState) && _ref1 < 4);
|
401
|
+
}
|
402
|
+
if (stillActive) {
|
403
|
+
Pace.restart();
|
404
|
+
_ref2 = Pace.sources;
|
405
|
+
_results = [];
|
406
|
+
for (_i = 0, _len = _ref2.length; _i < _len; _i++) {
|
407
|
+
source = _ref2[_i];
|
408
|
+
if (source instanceof AjaxMonitor) {
|
409
|
+
source.watch.apply(source, args);
|
410
|
+
break;
|
411
|
+
} else {
|
412
|
+
_results.push(void 0);
|
372
413
|
}
|
373
|
-
return _results;
|
374
414
|
}
|
375
|
-
|
376
|
-
|
377
|
-
|
378
|
-
|
415
|
+
return _results;
|
416
|
+
}
|
417
|
+
}, after);
|
418
|
+
}
|
419
|
+
});
|
379
420
|
|
380
421
|
AjaxMonitor = (function() {
|
381
422
|
function AjaxMonitor() {
|
Binary file
|
@@ -0,0 +1,71 @@
|
|
1
|
+
/* This is a compiled file, you should be editing the file in the templates directory */
|
2
|
+
.pace {
|
3
|
+
-webkit-pointer-events: none;
|
4
|
+
pointer-events: none;
|
5
|
+
|
6
|
+
z-index: 2000;
|
7
|
+
position: fixed;
|
8
|
+
height: 90px;
|
9
|
+
width: 90px;
|
10
|
+
margin: auto;
|
11
|
+
top: 0;
|
12
|
+
left: 0;
|
13
|
+
right: 0;
|
14
|
+
bottom: 0;
|
15
|
+
}
|
16
|
+
|
17
|
+
.pace.pace-inactive .pace-activity {
|
18
|
+
display: none;
|
19
|
+
}
|
20
|
+
|
21
|
+
.pace .pace-activity {
|
22
|
+
position: fixed;
|
23
|
+
z-index: 2000;
|
24
|
+
display: block;
|
25
|
+
position: absolute;
|
26
|
+
left: -30px;
|
27
|
+
top: -30px;
|
28
|
+
height: 90px;
|
29
|
+
width: 90px;
|
30
|
+
display: block;
|
31
|
+
border-width: 30px;
|
32
|
+
border-style: double;
|
33
|
+
border-color: #29d transparent transparent;
|
34
|
+
border-radius: 50%;
|
35
|
+
|
36
|
+
-webkit-animation: spin 1s linear infinite;
|
37
|
+
-moz-animation: spin 1s linear infinite;
|
38
|
+
-o-animation: spin 1s linear infinite;
|
39
|
+
animation: spin 1s linear infinite;
|
40
|
+
}
|
41
|
+
|
42
|
+
.pace .pace-activity:before {
|
43
|
+
content: ' ';
|
44
|
+
position: absolute;
|
45
|
+
top: 10px;
|
46
|
+
left: 10px;
|
47
|
+
height: 50px;
|
48
|
+
width: 50px;
|
49
|
+
display: block;
|
50
|
+
border-width: 10px;
|
51
|
+
border-style: solid;
|
52
|
+
border-color: #29d transparent transparent;
|
53
|
+
border-radius: 50%;
|
54
|
+
}
|
55
|
+
|
56
|
+
|
57
|
+
@-webkit-keyframes spin {
|
58
|
+
100% { -webkit-transform: rotate(359deg); }
|
59
|
+
}
|
60
|
+
|
61
|
+
@-moz-keyframes spin {
|
62
|
+
100% { -moz-transform: rotate(359deg); }
|
63
|
+
}
|
64
|
+
|
65
|
+
@-o-keyframes spin {
|
66
|
+
100% { -moz-transform: rotate(359deg); }
|
67
|
+
}
|
68
|
+
|
69
|
+
@keyframes spin {
|
70
|
+
100% { transform: rotate(359deg); }
|
71
|
+
}
|
@@ -0,0 +1,83 @@
|
|
1
|
+
/* This is a compiled file, you should be editing the file in the templates directory */
|
2
|
+
.pace {
|
3
|
+
-webkit-box-sizing: border-box;
|
4
|
+
-moz-box-sizing: border-box;
|
5
|
+
-ms-box-sizing: border-box;
|
6
|
+
-o-box-sizing: border-box;
|
7
|
+
box-sizing: border-box;
|
8
|
+
|
9
|
+
-webkit-border-radius: 10px;
|
10
|
+
-moz-border-radius: 10px;
|
11
|
+
border-radius: 10px;
|
12
|
+
|
13
|
+
-moz-background-clip: padding;
|
14
|
+
-webkit-background-clip: padding-box;
|
15
|
+
background-clip: padding-box;
|
16
|
+
|
17
|
+
-webkit-pointer-events: none;
|
18
|
+
pointer-events: none;
|
19
|
+
-webkit-user-select: none;
|
20
|
+
-moz-user-select: none;
|
21
|
+
user-select: none;
|
22
|
+
|
23
|
+
z-index: 2000;
|
24
|
+
position: fixed;
|
25
|
+
margin: auto;
|
26
|
+
top: 12px;
|
27
|
+
left: 0;
|
28
|
+
right: 0;
|
29
|
+
bottom: 0;
|
30
|
+
width: 200px;
|
31
|
+
height: 25px;
|
32
|
+
border: 2px solid #29d;
|
33
|
+
background-color: #fff;
|
34
|
+
}
|
35
|
+
|
36
|
+
.pace .pace-progress {
|
37
|
+
-webkit-box-sizing: border-box;
|
38
|
+
-moz-box-sizing: border-box;
|
39
|
+
-ms-box-sizing: border-box;
|
40
|
+
-o-box-sizing: border-box;
|
41
|
+
box-sizing: border-box;
|
42
|
+
|
43
|
+
-webkit-border-radius: 5px;
|
44
|
+
-moz-border-radius: 5px;
|
45
|
+
border-radius: 5px;
|
46
|
+
|
47
|
+
-webkit-background-clip: padding-box;
|
48
|
+
-moz-background-clip: padding;
|
49
|
+
background-clip: padding-box;
|
50
|
+
|
51
|
+
-webkit-transition: width 1s ease-in-out 1s linear;
|
52
|
+
-moz-transition: width 1s ease-in-out 1s linear;
|
53
|
+
-ms-transition: width 1s ease-in-out 1s linear;
|
54
|
+
-o-transition: width 1s ease-in-out 1s linear;
|
55
|
+
transition: width 1s ease-in-out 1s linear;
|
56
|
+
|
57
|
+
-webkit-transform: translate3d(0, 0, 0);
|
58
|
+
transform: translate3d(0, 0, 0);
|
59
|
+
|
60
|
+
max-width: 190px;
|
61
|
+
position: fixed;
|
62
|
+
z-index: 2000;
|
63
|
+
display: block;
|
64
|
+
position: absolute;
|
65
|
+
left: 3px;
|
66
|
+
top: 3px;
|
67
|
+
height: 15px;
|
68
|
+
font-size: 12px;
|
69
|
+
background: #29d;
|
70
|
+
color: #29d;
|
71
|
+
line-height: 60px;
|
72
|
+
font-weight: bold;
|
73
|
+
font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
|
74
|
+
}
|
75
|
+
|
76
|
+
.pace .pace-progress:after {
|
77
|
+
content: attr(data-progress-text);
|
78
|
+
display: inline-block;
|
79
|
+
}
|
80
|
+
|
81
|
+
.pace.pace-inactive {
|
82
|
+
display: none;
|
83
|
+
}
|
data/lib/pace/rails/version.rb
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
(function() {
|
2
|
-
var AjaxMonitor, Bar, DocumentMonitor, ElementMonitor, ElementTracker, EventLagMonitor, Events, NoTargetError, RequestIntercept, SOURCE_KEYS, Scaler, SocketRequestTracker, XHRRequestTracker, animation, avgAmplitude, bar, cancelAnimation, cancelAnimationFrame, defaultOptions, extend, extendNative, getFromDOM, getIntercept, handlePushState, init, now, options, requestAnimationFrame, result, runAnimation, scalers, sources, uniScaler, _WebSocket, _XDomainRequest, _XMLHttpRequest, _intercept, _pushState, _ref, _replaceState,
|
2
|
+
var AjaxMonitor, Bar, DocumentMonitor, ElementMonitor, ElementTracker, EventLagMonitor, Events, NoTargetError, RequestIntercept, SOURCE_KEYS, Scaler, SocketRequestTracker, XHRRequestTracker, animation, avgAmplitude, bar, cancelAnimation, cancelAnimationFrame, defaultOptions, extend, extendNative, getFromDOM, getIntercept, handlePushState, ignoreStack, init, now, options, requestAnimationFrame, result, runAnimation, scalers, shouldTrack, sources, uniScaler, _WebSocket, _XDomainRequest, _XMLHttpRequest, _intercept, _pushState, _ref, _replaceState,
|
3
3
|
__slice = [].slice,
|
4
4
|
__hasProp = {}.hasOwnProperty,
|
5
5
|
__extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
|
@@ -9,7 +9,7 @@
|
|
9
9
|
catchupTime: 500,
|
10
10
|
initialRate: .03,
|
11
11
|
minTime: 500,
|
12
|
-
ghostTime:
|
12
|
+
ghostTime: 500,
|
13
13
|
maxProgressPerFrame: 10,
|
14
14
|
easeFactor: 1.25,
|
15
15
|
startOnPageLoad: true,
|
@@ -277,6 +277,44 @@
|
|
277
277
|
return _results;
|
278
278
|
};
|
279
279
|
|
280
|
+
ignoreStack = [];
|
281
|
+
|
282
|
+
Pace.ignore = function() {
|
283
|
+
var args, fn, ret;
|
284
|
+
fn = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
|
285
|
+
ignoreStack.unshift('ignore');
|
286
|
+
ret = fn.apply(null, args);
|
287
|
+
ignoreStack.shift();
|
288
|
+
return ret;
|
289
|
+
};
|
290
|
+
|
291
|
+
Pace.track = function() {
|
292
|
+
var args, fn, ret;
|
293
|
+
fn = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
|
294
|
+
ignoreStack.unshift('track');
|
295
|
+
ret = fn.apply(null, args);
|
296
|
+
ignoreStack.shift();
|
297
|
+
return ret;
|
298
|
+
};
|
299
|
+
|
300
|
+
shouldTrack = function(method) {
|
301
|
+
var _ref1;
|
302
|
+
if (method == null) {
|
303
|
+
method = 'GET';
|
304
|
+
}
|
305
|
+
if (ignoreStack[0] === 'track') {
|
306
|
+
return 'force';
|
307
|
+
}
|
308
|
+
if (!ignoreStack.length && options.ajax) {
|
309
|
+
if (method === 'socket' && options.ajax.trackWebSockets) {
|
310
|
+
return true;
|
311
|
+
} else if (_ref1 = method.toUpperCase(), __indexOf.call(options.ajax.trackMethods, _ref1) >= 0) {
|
312
|
+
return true;
|
313
|
+
}
|
314
|
+
}
|
315
|
+
return false;
|
316
|
+
};
|
317
|
+
|
280
318
|
RequestIntercept = (function(_super) {
|
281
319
|
__extends(RequestIntercept, _super);
|
282
320
|
|
@@ -288,8 +326,7 @@
|
|
288
326
|
var _open;
|
289
327
|
_open = req.open;
|
290
328
|
return req.open = function(type, url, async) {
|
291
|
-
|
292
|
-
if (_ref1 = (type != null ? type : 'GET').toUpperCase(), __indexOf.call(options.ajax.trackMethods, _ref1) >= 0) {
|
329
|
+
if (shouldTrack(type)) {
|
293
330
|
_this.trigger('request', {
|
294
331
|
type: type,
|
295
332
|
url: url,
|
@@ -319,12 +356,14 @@
|
|
319
356
|
window.WebSocket = function(url, protocols) {
|
320
357
|
var req;
|
321
358
|
req = new _WebSocket(url, protocols);
|
322
|
-
|
323
|
-
|
324
|
-
|
325
|
-
|
326
|
-
|
327
|
-
|
359
|
+
if (shouldTrack('socket')) {
|
360
|
+
_this.trigger('request', {
|
361
|
+
type: 'socket',
|
362
|
+
url: url,
|
363
|
+
protocols: protocols,
|
364
|
+
request: req
|
365
|
+
});
|
366
|
+
}
|
328
367
|
return req;
|
329
368
|
};
|
330
369
|
extendNative(window.WebSocket, _WebSocket);
|
@@ -344,38 +383,40 @@
|
|
344
383
|
return _intercept;
|
345
384
|
};
|
346
385
|
|
347
|
-
|
348
|
-
|
349
|
-
|
350
|
-
|
351
|
-
|
352
|
-
|
353
|
-
|
354
|
-
|
355
|
-
|
356
|
-
|
357
|
-
|
358
|
-
|
359
|
-
|
360
|
-
|
361
|
-
|
362
|
-
|
363
|
-
|
364
|
-
|
365
|
-
|
366
|
-
|
367
|
-
|
368
|
-
|
369
|
-
|
370
|
-
|
371
|
-
|
386
|
+
getIntercept().on('request', function(_arg) {
|
387
|
+
var after, args, request, type;
|
388
|
+
type = _arg.type, request = _arg.request;
|
389
|
+
if (!Pace.running && (options.restartOnRequestAfter !== false || shouldTrack(type) === 'force')) {
|
390
|
+
args = arguments;
|
391
|
+
after = options.restartOnRequestAfter || 0;
|
392
|
+
if (typeof after === 'boolean') {
|
393
|
+
after = 0;
|
394
|
+
}
|
395
|
+
return setTimeout(function() {
|
396
|
+
var source, stillActive, _i, _len, _ref1, _ref2, _results;
|
397
|
+
if (type === 'socket') {
|
398
|
+
stillActive = request.readyState < 2;
|
399
|
+
} else {
|
400
|
+
stillActive = (0 < (_ref1 = request.readyState) && _ref1 < 4);
|
401
|
+
}
|
402
|
+
if (stillActive) {
|
403
|
+
Pace.restart();
|
404
|
+
_ref2 = Pace.sources;
|
405
|
+
_results = [];
|
406
|
+
for (_i = 0, _len = _ref2.length; _i < _len; _i++) {
|
407
|
+
source = _ref2[_i];
|
408
|
+
if (source instanceof AjaxMonitor) {
|
409
|
+
source.watch.apply(source, args);
|
410
|
+
break;
|
411
|
+
} else {
|
412
|
+
_results.push(void 0);
|
372
413
|
}
|
373
|
-
return _results;
|
374
414
|
}
|
375
|
-
|
376
|
-
|
377
|
-
|
378
|
-
|
415
|
+
return _results;
|
416
|
+
}
|
417
|
+
}, after);
|
418
|
+
}
|
419
|
+
});
|
379
420
|
|
380
421
|
AjaxMonitor = (function() {
|
381
422
|
function AjaxMonitor() {
|
@@ -0,0 +1,71 @@
|
|
1
|
+
/* This is a compiled file, you should be editing the file in the templates directory */
|
2
|
+
.pace {
|
3
|
+
-webkit-pointer-events: none;
|
4
|
+
pointer-events: none;
|
5
|
+
|
6
|
+
z-index: 2000;
|
7
|
+
position: fixed;
|
8
|
+
height: 90px;
|
9
|
+
width: 90px;
|
10
|
+
margin: auto;
|
11
|
+
top: 0;
|
12
|
+
left: 0;
|
13
|
+
right: 0;
|
14
|
+
bottom: 0;
|
15
|
+
}
|
16
|
+
|
17
|
+
.pace.pace-inactive .pace-activity {
|
18
|
+
display: none;
|
19
|
+
}
|
20
|
+
|
21
|
+
.pace .pace-activity {
|
22
|
+
position: fixed;
|
23
|
+
z-index: 2000;
|
24
|
+
display: block;
|
25
|
+
position: absolute;
|
26
|
+
left: -30px;
|
27
|
+
top: -30px;
|
28
|
+
height: 90px;
|
29
|
+
width: 90px;
|
30
|
+
display: block;
|
31
|
+
border-width: 30px;
|
32
|
+
border-style: double;
|
33
|
+
border-color: #29d transparent transparent;
|
34
|
+
border-radius: 50%;
|
35
|
+
|
36
|
+
-webkit-animation: spin 1s linear infinite;
|
37
|
+
-moz-animation: spin 1s linear infinite;
|
38
|
+
-o-animation: spin 1s linear infinite;
|
39
|
+
animation: spin 1s linear infinite;
|
40
|
+
}
|
41
|
+
|
42
|
+
.pace .pace-activity:before {
|
43
|
+
content: ' ';
|
44
|
+
position: absolute;
|
45
|
+
top: 10px;
|
46
|
+
left: 10px;
|
47
|
+
height: 50px;
|
48
|
+
width: 50px;
|
49
|
+
display: block;
|
50
|
+
border-width: 10px;
|
51
|
+
border-style: solid;
|
52
|
+
border-color: #29d transparent transparent;
|
53
|
+
border-radius: 50%;
|
54
|
+
}
|
55
|
+
|
56
|
+
|
57
|
+
@-webkit-keyframes spin {
|
58
|
+
100% { -webkit-transform: rotate(359deg); }
|
59
|
+
}
|
60
|
+
|
61
|
+
@-moz-keyframes spin {
|
62
|
+
100% { -moz-transform: rotate(359deg); }
|
63
|
+
}
|
64
|
+
|
65
|
+
@-o-keyframes spin {
|
66
|
+
100% { -moz-transform: rotate(359deg); }
|
67
|
+
}
|
68
|
+
|
69
|
+
@keyframes spin {
|
70
|
+
100% { transform: rotate(359deg); }
|
71
|
+
}
|
@@ -0,0 +1,83 @@
|
|
1
|
+
/* This is a compiled file, you should be editing the file in the templates directory */
|
2
|
+
.pace {
|
3
|
+
-webkit-box-sizing: border-box;
|
4
|
+
-moz-box-sizing: border-box;
|
5
|
+
-ms-box-sizing: border-box;
|
6
|
+
-o-box-sizing: border-box;
|
7
|
+
box-sizing: border-box;
|
8
|
+
|
9
|
+
-webkit-border-radius: 10px;
|
10
|
+
-moz-border-radius: 10px;
|
11
|
+
border-radius: 10px;
|
12
|
+
|
13
|
+
-moz-background-clip: padding;
|
14
|
+
-webkit-background-clip: padding-box;
|
15
|
+
background-clip: padding-box;
|
16
|
+
|
17
|
+
-webkit-pointer-events: none;
|
18
|
+
pointer-events: none;
|
19
|
+
-webkit-user-select: none;
|
20
|
+
-moz-user-select: none;
|
21
|
+
user-select: none;
|
22
|
+
|
23
|
+
z-index: 2000;
|
24
|
+
position: fixed;
|
25
|
+
margin: auto;
|
26
|
+
top: 12px;
|
27
|
+
left: 0;
|
28
|
+
right: 0;
|
29
|
+
bottom: 0;
|
30
|
+
width: 200px;
|
31
|
+
height: 25px;
|
32
|
+
border: 2px solid #29d;
|
33
|
+
background-color: #fff;
|
34
|
+
}
|
35
|
+
|
36
|
+
.pace .pace-progress {
|
37
|
+
-webkit-box-sizing: border-box;
|
38
|
+
-moz-box-sizing: border-box;
|
39
|
+
-ms-box-sizing: border-box;
|
40
|
+
-o-box-sizing: border-box;
|
41
|
+
box-sizing: border-box;
|
42
|
+
|
43
|
+
-webkit-border-radius: 5px;
|
44
|
+
-moz-border-radius: 5px;
|
45
|
+
border-radius: 5px;
|
46
|
+
|
47
|
+
-webkit-background-clip: padding-box;
|
48
|
+
-moz-background-clip: padding;
|
49
|
+
background-clip: padding-box;
|
50
|
+
|
51
|
+
-webkit-transition: width 1s ease-in-out 1s linear;
|
52
|
+
-moz-transition: width 1s ease-in-out 1s linear;
|
53
|
+
-ms-transition: width 1s ease-in-out 1s linear;
|
54
|
+
-o-transition: width 1s ease-in-out 1s linear;
|
55
|
+
transition: width 1s ease-in-out 1s linear;
|
56
|
+
|
57
|
+
-webkit-transform: translate3d(0, 0, 0);
|
58
|
+
transform: translate3d(0, 0, 0);
|
59
|
+
|
60
|
+
max-width: 190px;
|
61
|
+
position: fixed;
|
62
|
+
z-index: 2000;
|
63
|
+
display: block;
|
64
|
+
position: absolute;
|
65
|
+
left: 3px;
|
66
|
+
top: 3px;
|
67
|
+
height: 15px;
|
68
|
+
font-size: 12px;
|
69
|
+
background: #29d;
|
70
|
+
color: #29d;
|
71
|
+
line-height: 60px;
|
72
|
+
font-weight: bold;
|
73
|
+
font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
|
74
|
+
}
|
75
|
+
|
76
|
+
.pace .pace-progress:after {
|
77
|
+
content: attr(data-progress-text);
|
78
|
+
display: inline-block;
|
79
|
+
}
|
80
|
+
|
81
|
+
.pace.pace-inactive {
|
82
|
+
display: none;
|
83
|
+
}
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: pace-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.8
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Dan Vera
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2013-
|
11
|
+
date: 2013-11-14 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|
@@ -64,17 +64,18 @@ files:
|
|
64
64
|
- LICENSE.txt
|
65
65
|
- README.md
|
66
66
|
- Rakefile
|
67
|
-
- app/assets/.DS_Store
|
68
67
|
- app/assets/javascripts/pace/pace.js
|
69
68
|
- app/assets/stylesheets/.DS_Store
|
70
69
|
- app/assets/stylesheets/pace/pace-theme-barber-shop.css
|
71
70
|
- app/assets/stylesheets/pace/pace-theme-big-counter.css
|
72
71
|
- app/assets/stylesheets/pace/pace-theme-bounce.css
|
73
72
|
- app/assets/stylesheets/pace/pace-theme-center-circle.css
|
73
|
+
- app/assets/stylesheets/pace/pace-theme-center-radar.css
|
74
74
|
- app/assets/stylesheets/pace/pace-theme-corner-indicator.css
|
75
75
|
- app/assets/stylesheets/pace/pace-theme-fill-left.css
|
76
76
|
- app/assets/stylesheets/pace/pace-theme-flash.css
|
77
77
|
- app/assets/stylesheets/pace/pace-theme-flat-top.css
|
78
|
+
- app/assets/stylesheets/pace/pace-theme-loading-bar.css
|
78
79
|
- app/assets/stylesheets/pace/pace-theme-mac-osx.css
|
79
80
|
- app/assets/stylesheets/pace/pace-theme-minimal.css
|
80
81
|
- lib/pace/rails.rb
|
@@ -85,10 +86,12 @@ files:
|
|
85
86
|
- vendor/assets/stylesheets/pace/pace-theme-big-counter.css
|
86
87
|
- vendor/assets/stylesheets/pace/pace-theme-bounce.css
|
87
88
|
- vendor/assets/stylesheets/pace/pace-theme-center-circle.css
|
89
|
+
- vendor/assets/stylesheets/pace/pace-theme-center-radar.css
|
88
90
|
- vendor/assets/stylesheets/pace/pace-theme-corner-indicator.css
|
89
91
|
- vendor/assets/stylesheets/pace/pace-theme-fill-left.css
|
90
92
|
- vendor/assets/stylesheets/pace/pace-theme-flash.css
|
91
93
|
- vendor/assets/stylesheets/pace/pace-theme-flat-top.css
|
94
|
+
- vendor/assets/stylesheets/pace/pace-theme-loading-bar.css
|
92
95
|
- vendor/assets/stylesheets/pace/pace-theme-mac-osx.css
|
93
96
|
- vendor/assets/stylesheets/pace/pace-theme-minimal.css
|
94
97
|
homepage: https://github.com/drkyro/pace-rails
|
data/app/assets/.DS_Store
DELETED
Binary file
|