jerel / ember-cli-loading-slider Goto Github PK
View Code? Open in Web Editor NEWA YouTube like loading indicator for EmberJS packaged as an Ember CLI add-on.
License: MIT License
A YouTube like loading indicator for EmberJS packaged as an Ember CLI add-on.
License: MIT License
I followed your instructions exactly and i see the Component added but the loading event never actually starts
It seems that the setInterval and clearInterval are causing issues in testing including random and annoying test timeouts.
For now I have disabled the route mixin loading hook handling in test mode to workaround the issue.
Unfortunately there is no Backburner implementation of setInterval (BackburnerJS/backburner.js#66) but maybe https://github.com/nypublicradio/ember-poll can do the trick.
I realize this is probably not a bug but I was wondering how folks handle nested routes? How do you suppress the "loading" action on the parent route to avoid duplicating loading bar?
I use bootstrap 3, navbar fixed top (z-index=1030).
I'm using Ember 2.18.0
and after installing the package and using {{loading-slider isLoading=loading duration=250}}
, I get the following deprecation warning:
DEPRECATION: An addon is trying to access project.nodeModulesPath. This is not a reliable way to discover npm modules. Instead, consider doing: require("resolve").sync(something, { basedir: project.root }).
Could you push 1.3.0 to NPM
i had to manually copy paste the css from loading-slider.css to my app.scss to make it run.
css is not getting imported automatically.
Hi.
Just update my app to 1.13.12 and I'm having this issue
version: 1.13.12
Could not find watchman, falling back to NodeWatcher for file system events.
Visit http://www.ember-cli.com/user-guide/#watchman for more info.
[Deprecated] new this.Funnel(..) is deprecated, please use broccoli-funnel directly instead [addon: ember-cli-loading-slider]
Livereload server on http://localhost:49152
Serving on http://localhost:4200/
ENOENT: no such file or directory, stat '/home/julian/Developer/work/sciensa/cvc-intercambio-frontend/tmp/concat_with_maps-input_base_path-bd66fPQ0.tmp/0/components/loading-slider.css'
Error: ENOENT: no such file or directory, stat '/home/julian/Developer/work/sciensa/cvc-intercambio-frontend/tmp/concat_with_maps-input_base_path-bd66fPQ0.tmp/0/components/loading-slider.css'
Ember: 2.2.0
Ember CLI: 1.13.13
Ember Data: 2.2.1
Error:
Uncaught Error: Assertion Failed: The controller named 'application' could not be found. Make sure that this route exists and has already been entered at least once. If you are accessing a controller not associated with a route, make sure the controller class is explicitly defined.
Seems to come from the mixin: https://github.com/jerel/ember-cli-loading-slider/blob/master/app/mixins/loading-slider.js#L6
Hi.
I have a problem
On a page with component, the component's didRender hook runs when I use the addon and go to other page (transition)
I've tried other components and the same thing happens.
IF I remove the addon all works well.
¿?
I used this import with my ember-cli project:
import LoadingSliderMixin from '../mixins/loading-slider';
but now I am getting an error:
Uncaught Error: Could not find module `client/mixins/loading-slider` imported from `client/routes/application`
What am I missing?
The default in Ember from 3.14 is to not include jQuery. Therefore, we can no longer expect it to be there for all users.
Hi, thank you for this addon! I couldn't find the correct path for importing it into my application route. Tried many different but the one in the readme didn't work either. And I did install the addon and see it in node_modules.
import LoadingSliderMixin from '../mixins/loading-slider';
File: app/routes/application.js ENOENT, no such file or directory '/Users/oskar/Sites/radio4000/tmp/tree_merger-tmp_dest_dir-LJoslqM3.tmp/app/mixins/loading-slider.js' Error:
Tried the addon on a fresh ember project, getting an error:
Uncaught TypeError: Cannot read property 'width' of undefined @ loading-slider.js:37
Same error at line 105 if expanding=true
.
Am I missing something?
Hi.
As it's impossible to predict loading times, a good progress slider never reaches 100%. Instead, it would gradually slow down and never reach 100%, just like Achilles and his tortoise:
Subj reaches 100% pretty quickly, while the app is still loading, effectively defeating its purpose.
The current readme shows the following code for adding an expanding slider to your template:
{{loading-slider isLoading=loading expanding="true" color=hexColorsArray}}
Because the expanding
property is listed in classNameBindings
, the component's element is given a class matching the string value of this property: true
.
To get a class value of expanding
as expected, I had to pass expanding's value as a boolean instead of a string:
{{loading-slider isLoading=loading expanding=true color=hexColorsArray}}
Using Ember 1.10.0
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.