2015-01-09 21:58:11 +01:00
/* -*- Mode: javascript; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
/* Angular JavaScript for common UI services */
// TODO: Normalize the namespace and prefixes
/ * *
* The common SOGo UI , app module
*
* @ type { angular . Module }
* /
2015-01-27 04:01:24 +01:00
( function ( ) {
2015-01-09 21:58:11 +01:00
'use strict' ;
2015-02-05 21:53:20 +01:00
angular . module ( 'SOGo.UI' , [ 'ngMaterial' ] )
2015-01-17 05:22:59 +01:00
2015-01-27 04:01:24 +01:00
. config ( function ( $mdThemingProvider ) {
2015-01-27 21:50:19 +01:00
2015-01-27 05:33:47 +01:00
$mdThemingProvider . definePalette ( 'sogo-green' , {
2015-01-27 04:01:24 +01:00
'50' : 'eaf5e9' ,
'100' : 'cbe5c8' ,
'200' : 'aad6a5' ,
'300' : '88c781' ,
'400' : '66b86a' ,
'500' : '56b04c' ,
'600' : '4da143' ,
'700' : '388e3c' ,
'800' : '367d2e' ,
2015-01-27 05:33:47 +01:00
'900' : '225e1b' ,
2015-02-05 21:53:20 +01:00
'A100' : 'b9f6ca' ,
'A200' : '69f0ae' ,
'A400' : '00e676' ,
'A700' : '00c853' ,
2015-01-27 04:01:24 +01:00
'contrastDefaultColor' : 'dark' ,
2015-01-27 05:33:47 +01:00
'contrastLightColors' : '500 600 700 800 900'
2015-01-27 04:01:24 +01:00
} ) ;
$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' ]
} ) ;
2015-01-27 05:33:47 +01:00
$mdThemingProvider . definePalette ( 'paper' , {
'50' : 'fcf7f8' ,
'100' : 'f7f1dc' ,
'200' : 'ede5ca' ,
'300' : 'e6d8ba' ,
'400' : 'e2d2a3' ,
'500' : 'd6c48d' ,
'600' : 'baa870' ,
'700' : '857545' ,
'800' : '524517' ,
'900' : '433809' ,
2015-02-05 21:53:20 +01:00
'1000' : '000000' ,
'A100' : 'ffffff' ,
'A200' : 'eeeeee' ,
'A400' : 'bdbdbd' ,
'A700' : '616161' ,
2015-01-27 05:33:47 +01:00
'contrastDefaultColor' : 'dark' ,
'contrastLightColors' : '500 600 700 800 900'
} ) ;
2015-01-27 04:01:24 +01:00
// Default theme definition
2015-01-27 06:58:54 +01:00
// .primaryColor will soon be deprecated in favor of primaryPalette (already on dev builds https://groups.google.com/forum/m/#!topic/ngmaterial/-sXR8CYBMPg)
2015-01-27 04:01:24 +01:00
$mdThemingProvider . theme ( 'default' )
. primaryColor ( 'vintage-blue' , {
'default' : '300' ,
'hue-1' : '100' ,
'hue-2' : '400' ,
2015-02-20 04:05:53 +01:00
'hue-3' : 'A700'
2015-01-27 04:01:24 +01:00
} )
. accentColor ( 'sogo-green' )
2015-01-27 05:33:47 +01:00
. backgroundColor ( 'paper' , {
'default' : '600' ,
'hue-1' : '200' ,
'hue-2' : '50' ,
'hue-3' : '100'
} ) ;
2015-01-27 04:01:24 +01:00
} )
. 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 ( 'RightCtrl' , function ( $scope , $timeout , $mdSidenav , $log ) {
$scope . close = function ( ) {
$mdSidenav ( 'right' ) . close ( )
. then ( function ( ) {
$log . debug ( "close RIGHT is done" ) ;
} ) ;
} ;
2015-02-05 21:53:20 +01:00
} ) ;
2015-01-09 21:58:11 +01:00
} ) ( ) ;