LupusNobilis
/
sogo
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

define theme

pull/91/head
iRouge 2015-01-26 22:01:24 -05:00 committed by Francis Lachapelle
parent eea5cf8d0b
commit ee4c1c0706
1 changed files with 92 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

129
UI/WebServerResources/js/Common/ui.js
View File

@ -8,49 +8,104 @@
*
* @type {angular.Module}
*/
(function() {
(function () {
'use strict';
angular.module('SOGo.UI', ['ngMaterial' ])
angular.module('SOGo.UI', ['ngMaterial'])
.config(function($mdThemingProvider) {
$mdThemingProvider.theme('default')
.primaryColor('grey', {
'default': '800'
.config(function ($mdThemingProvider) {
// sogo-green extends the green palette, we put the extend in a var
// to use it in a custom named paelette
var sogoGreenSwatch = $mdThemingProvider.extendPalette('green', {
'50': 'eaf5e9',
'100': 'cbe5c8',
'200': 'aad6a5',
'300': '88c781',
'400': '66b86a',
'500': '56b04c',
'600': '4da143',
'700': '388e3c',
'800': '367d2e',
'900': '225e1b'
});
})
var paperSwatch = $mdThemingProvider.extendPalette('grey', {
'50': 'fcf7f8',
'100': 'f7f1dc',
'200': 'ede5ca',
'300': 'e6d8ba',
'400': 'e2d2a3',
'500': 'd6c48d',
'600': 'baa870',
'700': '857545',
'800': '524517',
'900': '433809',
'contrastDefaultColor': 'dark',
'contrastLightColors': ['500', '600', '700', '800', '900']
});
$mdThemingProvider.definePalette('sogo-green', sogoGreenSwatch);
$mdThemingProvider.definePalette('vintage-blue', {
'50': 'f0faf9',
'100': 'e1f5f3',
'200': 'ceebe8',
'300': 'bfe0dd',
'400': 'b2d6d3',
'500': 'a1ccc8',
'600': '8ebfbb',
'700': '7db3b0',
'800': '639997',
'900': '4d8080',
'A100': 'd4f7fa',
'A200': 'c3f5fa',
'A400': '53e3f0',
'A700': '00b0c0',
'contrastDefaultColor': 'light',
'contrastDarkColors': ['50', '100', '200'],
'contrastLightColors': ['300', '400', '500', '600', '700', '800', '900', 'A100', 'A200', 'A400', 'A700']
});
$mdThemingProvider.definePalette('paper', paperSwatch);
// Default theme definition
$mdThemingProvider.theme('default')
.primaryColor('vintage-blue', {
'default': '300',
'hue-1': '100',
'hue-2': '400',
'hue-3': '700'
})
.accentColor('sogo-green')
.backgroundColor('paper');
})
.controller('toggleCtrl', ['$scope', '$timeout', '$mdSidenav', '$log', function($scope, $timeout, $mdSidenav, $log) {
$scope.toggleLeft = function() {
$mdSidenav('left').toggle()
.then(function(){
$log.debug("toggle left is done");
});
};
$scope.toggleRight = function() {
$mdSidenav('right').toggle()
.then(function(){
$log.debug("toggle RIGHT is done");
});
};
}])
.controller('toggleCtrl', ['$scope', '$timeout', '$mdSidenav', '$log', function ($scope, $timeout, $mdSidenav, $log) {
$scope.toggleLeft = function () {
$mdSidenav('left').toggle()
.then(function () {
$log.debug("toggle left is done");
});
};
$scope.toggleRight = function () {
$mdSidenav('right').toggle()
.then(function () {
$log.debug("toggle RIGHT is done");
});
};
}])
.controller('LeftCtrl', function($scope, $timeout, $mdSidenav, $log) {
$scope.close = function() {
$mdSidenav('left').close()
.then(function(){
$log.debug("close LEFT is done");
});
};
})
.controller('LeftCtrl', function ($scope, $timeout, $mdSidenav, $log) {
$scope.close = function () {
$mdSidenav('left').close()
.then(function () {
$log.debug("close LEFT is done");
});
};
})
.controller('RightCtrl', function($scope, $timeout, $mdSidenav, $log) {
$scope.close = function() {
$mdSidenav('right').close()
.then(function(){
$log.debug("close RIGHT is done");
});
};
});
.controller('RightCtrl', function ($scope, $timeout, $mdSidenav, $log) {
$scope.close = function () {
$mdSidenav('right').close()
.then(function () {
$log.debug("close RIGHT is done");
});
};
});
})();