amorfo77/sogo
1
0
Fork 0
mirror of https://github.com/inverse-inc/sogo.git synced 2026-05-05 03:25:27 +00:00
Code Issues Projects Releases Wiki Activity

(js) stage-1 tuning of sgColorPicker directive

Browse Source
This commit is contained in:
Francis Lachapelle
2016-07-11 10:31:42 -04:00
parent 9d2647d857
commit 49dfbb0d9a
3 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
UI/WebServerResources/js/Common/sgColorPicker.directive.js
+10 -4
View File
@@ -31,9 +31,9 @@
' <md-content class="md-padding">',
' <md-grid-list class="sg-color-picker" md-cols="7" md-row-height="1:1" md-gutter="0.5em">',
' <md-grid-tile ng-repeat="color in ::sgColors track by $index"',
' ng-style="{ \'background-color\': color }"',
' ng-class="{ selected: color == sgColor }"',
' ng-click="setColor(color)"><md-icon ng-style="{ color: color }">check_box</md-icon></md-grid-tile>',
' ng-style="::{ \'background-color\': color }"',
' ng-class="::{ selected: color == sgColor }"',
' ng-click="setColor($event, color)"><md-icon ng-style="::{ color: color }">check_box</md-icon></md-grid-tile>',
' </md-grid-list>',
' </md-content>',
' </md-menu-content>',
@@ -61,7 +61,13 @@
var ngModelController = $element.controller('ngModel');
$scope.sgColors = sgColors.selection;
$scope.setColor = function(color) {
$scope.setColor = function(event, color) {
if (event) {
_.forEach(event.currentTarget.parentElement.children, function(tile) {
tile.classList.remove('selected');
});
event.currentTarget.classList.add('selected');
}
// Update scope value and ng-model
$scope.sgColor = color;
$scope.sgIconColor = contrast(color);