https://redalyc.org/redalyc/acerca-de/js/custom.js

1
2
3// Despliega sidebar
4function openSlideMenu(){
5        document.getElementById('menu').style.width = '30%';
6        document.getElementById('content').style.marginLeft = '30%';
7      }
8
9//Cierra sidebar
10function closeSlideMenu(){
11        document.getElementById('menu').style.width = '0';
12        document.getElementById('content').style.marginLeft = '0';
13      }
14	  
15	  
16//Movimiento de tabs
17/* angular.module('MyApp', ['ngMaterial'])
18            .controller('AppCtrl', function ($scope, $mdSidenav) {
19                $scope.ButtonText = "Test Button";
20
21                $scope.buttonClick = function() {
22                    alert("First Angular Material App");
23                };
24            });
25
26angular.module('MyApp' ); */
27
28
29
30//Colores de tabs
31angular.module('MyApp', ['ngMaterial'])
32.config(function($mdThemingProvider) {
33
34  $mdThemingProvider.definePalette('amazingPaletteName', {
35    '50': 'ffebee',
36    '100': 'ffffff',
37    '200': 'ef9a9a',
38    '300': 'e57373',
39    '400': 'ef5350',
40    '500': '6a747d',
41    '600': 'e53935',
42    '700': 'd32f2f',
43    '800': 'c62828',
44    '900': 'b71c1c',
45    'A100': 'f5f5f5',
46    'A200': 'f5f5f5',
47    'A400': 'ff1744',
48    'A700': 'f5f5f5',
49	
50    'contrastDefaultColor': 'light',
51
52    'contrastDarkColors': ['50', '100',
53     '200', '300', '400', 'A100'],
54    'contrastLightColors': undefined
55  });
56
57  $mdThemingProvider.theme('default')
58    .primaryPalette('amazingPaletteName')
59	.backgroundPalette('amazingPaletteName')
60});