Your IP : 216.73.216.95

Current Path : /var/www/alh/admin/view/journal2/js/directives/
Upload File :
Current File : /var/www/alh/admin/view/journal2/js/directives/color-picker.js

define(['./module'], function (module) {

    module.directive('colorPicker', function () {
        return {
            restrict: 'A',
            require: 'ngModel',
            link: function ($scope, $element, $attrs, $ngModel) {
                $($element).spectrum({
                    preferredFormat: "rgb",
                    allowEmpty: true,
                    showAlpha: true,
                    showInput: true,
                    showButtons: false,
                    showPalette: true,
                    palette: [
                        [
                            'black',
                            'white',
                            '#FAFAFA',
                            '#f4f4f4',
                            '#eeeeee',
                            '#e4e4e4',
                            '#cccccc',
                            '#a9b8c0',
                            '#999999',
                            '#777777',
                            '#786b5d',
                            '#505050',
                            '#444349',
                            '#383838',
                            '#2A2B2E',
                            '#37291e',
                            '#ea2349',
                            '#dd0017',
                            '#eb5858',
                            '#f16272',
                            '#428bca',
                            '#69b9cf',
                            '#5F6874',
                            '#333745',
                            '#339965',
                            '#3F5765',
                            '#34495e',
                            '#45738f',
                            '#bdc3c7',
                            '#a8a8a8',
                            '#b09e66',
                            '#b79dba',
                            '#e9e8d3',
                            '#bfc3b6',
                            '#f6f1ec',
                            '#eef1ea',
                            '#9b59b6',
                            '#857997',
                            '#70bea4',
                            '#f1c40f',
                            '#2bb0e3',
                            '#588F27',
                            '#1fbba6',
                            '#5a6981',
                            '#a41733',
                            '#1c7d5a',
                            '#4cb356',
                            '#a6ddec',
                            '#369ca8'
                        ]
                    ]
                });
                $scope.$watch(function () {
                    return $ngModel.$modelValue;
                }, function (val) {
                    $($element).spectrum('set', val);
                });
            }
        };
    });

});