A new directive to edit the color of a square div.
$scope.myColor = "ff00ff";
..
<div ade-color ade-id="1234" ng-model="myColor"></div>
A div with this directive on it would be given a background color specified by the model value (a string hex value). Clicking the div will open a popup editor that would provide a color wheel where you could select a new color value which would be saved to the model like our other directives.
These are good references and may be adaptable to our use.
https://github.com/buberdds/angular-bootstrap-colorpicker
http://kaihenzler.github.io/angular-minicolors/
It would be best if we could avoid any external dependencies, especially bootstrap.
A new directive to edit the color of a square div.
A div with this directive on it would be given a background color specified by the model value (a string hex value). Clicking the div will open a popup editor that would provide a color wheel where you could select a new color value which would be saved to the model like our other directives.
These are good references and may be adaptable to our use.
https://github.com/buberdds/angular-bootstrap-colorpicker
http://kaihenzler.github.io/angular-minicolors/
It would be best if we could avoid any external dependencies, especially bootstrap.