Add saturation option for round color picker

Author: ruhley

examples/01-simple.html

@@ -36,6 +36,11 @@ <h1>AngularJS Color Picker</h1>
                     <select ng-model="options.hue" class="form-control" ng-options="option.value as option.label for option in boolOptions"></select>
                 </div>
 
+                <div class="row">
+                    <label class="control-label">Saturation (saturation) - whether or not to display the saturation control</label>
+                    <select ng-model="options.saturation" class="form-control" ng-options="option.value as option.label for option in boolOptions"></select>
+                </div>
+
                 <div class="row">
                     <label class="control-label">Alpha (alpha) - whether or not to display the alpha control</label>
                     <select ng-model="options.alpha" class="form-control" ng-options="option.value as option.label for option in boolOptions"></select>
@@ -162,7 +167,7 @@ <h1>AngularJS Color Picker</h1>
                 <div class="row">
                     <h2>HTML Options</h2>
                     <label class="control-label">Color</label>
-                    <color-picker class='col-sm-1' ng-model="color2" options="{'format':'hex', 'placeholder': color, 'round': false}"></color-picker>
+                    <color-picker class='col-sm-1' ng-model="color2" options="{'format':'hex', 'placeholder': 'Hello', 'round': false}"></color-picker>
                 </div>
 
                 <div class="row">

examples/app.js

@@ -1,13 +1,13 @@
 angular
     .module('app', ['color.picker'])
     .config(function($provide) {
-        // $provide.decorator('ColorPickerOptions', function($delegate) {
-        //     var options = angular.copy($delegate);
-        //     options.round = true;
-        //     options.alpha = false;
-        //     options.format = 'hex';
-        //     return options;
-        // });
+        $provide.decorator('ColorPickerOptions', function($delegate) {
+            var options = angular.copy($delegate);
+            // options.round = true;
+            // options.saturation = true;
+            options.format = 'hsl';
+            return options;
+        });
     })
     .controller('AppCtrl', function($scope) {
         $scope.formatOptions = [{label: 'HSL', value: 'hsl'}, {label: 'HSV', value: 'hsv'}, {label: 'RGB', value: 'rgb'}, {label: 'HEX', value: 'hex'}, {label: 'HEX8', value: 'hex8'}];