Demo: [http://datadoodler.github.io/ts-06-angular-slider]
Source: [https://github.com/datadoodler/ts-06-angular-slider]
A blog about visualizing, analyzing, and managing data
Demo: http://datadoodler.github.io/ts-05-progressbar-bound-to-promise-array
Source: https://github.com/datadoodler/ts-05-progressbar-bound-to-promise-array/
The application is periodically caching images (asynchronously). Whenever images are being pulled over the wire we want to show the progressbar (angular bootstrap directive) and the percentage complete of the images. Progressbar doesn’t need to show the percent downloaded of a single image, but the percentage of the list of images that have completed (or failed) download.
The workings of this directive are illustrated in the following 3 scenarios. In each scenario, after the user initially presses ‘save’, the directive makes a call to the address validation service, injects appropriate html (if needed), waits for a user response, and updates the address fields accordingly.
I developed this dynamic grid that let’s the user merge and unmerge cells in order to give them the ability to arrange the page elements any way they want.
(I wish I had known about gridster before I coded this.)
This is an angular module that can be referenced in an angular application while it is being developed. It reduces friction between management and technical resources in smaller development projects.