@rayangou/ember-pacejs v1.0.0
Pace.js load progress bar for Ember apps
Ember.js plugin based on Pace http://github.hubspot.com/pace/docs/welcome/ This is a fork of https://github.com/appknox/ember-pace repo.
Installation
Using latest Ember-cli, run the command:
ember install @rayangou/ember-pacejs
Configuration
All options, excluding color
and theme
related to the addon, are documented on http://github.hubspot.com/pace/.
var ENV = {
pace: {
// addon-specific options to configure theme
theme: 'minimal',
color: 'blue',
// pace-specific options
// learn more on http://github.hubspot.com/pace/#configuration
// and https://github.com/HubSpot/pace/blob/master/pace.coffee#L1-L72
catchupTime: 50,
initialRate: .01,
minTime: 100,
ghostTime: 50,
maxProgressPerFrame: 20,
easeFactor: 1.25,
startOnPageLoad: true,
restartOnPushState: true,
restartOnRequestAfter: 500,
target: 'body',
elements: {
checkInterval: 100,
selectors: ['body', '.ember-view']
},
eventLag: {
minSamples: 10,
sampleCount: 3,
lagThreshold: 3
},
ajax: {
trackMethods: ['GET', 'POST', 'DELETE', 'OPTIONS'],
trackWebSockets: true,
ignoreURLs: []
}
}
};
Themes
This addon is bundled with Material spinner theme, which is set by default. See it on demo page.
Pace.js originally provides 14 progress bar themes in 10 colors. See the progress bars and spinners in action: http://github.hubspot.com/pace/docs/welcome/
Pace API
More details on Pace events, methods and configuration could be found on http://github.hubspot.com/pace/
Contributing
See the Contributing guide for details.
License
This project is licensed under the MIT License.
3 years ago