Color Picker

[offsky]

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.