futres / futres-data-interface

FuTRES Data Visualization
0 stars 1 forks source link

Download button spinner #13

Closed jdeck88 closed 3 years ago

jdeck88 commented 3 years ago

Request from Rob Guralnick: "One nice thing is to get some notification of what is happening (somehow). I am not sure if we can change the state of the button to "pending" when you hit it, until the download process completes."

So, we already have a variable attached to the download process that controls showing an informational message. What we need next is to 1) disable the download button and 2) show some kind of spinning widget to show that the download is thinking more visually:

Some references

Bootstrap 4 solution (though we would need to upgrade to Bootstrap 4, which when i tried it, our site didn't like it and broke everything): see: https://getbootstrap.com/docs/4.4/components/spinners/#buttons

This site looks promissing for us given our environment (seems based on bootstrap 3 and angularjs > 1.6): https://angular-ui.github.io/bootstrap/

Pure CSS solution: http://jsfiddle.net/AndrewDryga/GY6LC/

jdeck88 commented 3 years ago

fixed by @albarqmaria