Commit 5fb246689031b6e0362747f9718709f59c59bc98

Authored by Leonardo Merlin
1 parent c89da349

Add contrast handler (with )

src/app/index.run.js
... ... @@ -8,10 +8,23 @@
8 8 .run(runBlock);
9 9  
10 10 /** @ngInject */
11   - function handleAccessibility($rootScope, $timeout, $log) {
12   -
  11 + function handleAccessibility($rootScope, $timeout, $cookies, $log) {
13 12 $log.debug('handleAccessibility');
14 13  
  14 + var contrast = $cookies.get('dialoga_contraste');
  15 + adjustContrast(contrast);
  16 +
  17 + function adjustContrast(state){
  18 + var bodyEl = angular.element(document).find('body');
  19 + angular.element(bodyEl).toggleClass('contraste', !!state);
  20 + }
  21 +
  22 + $rootScope.toggleContrast = function () {
  23 + contrast = !contrast;
  24 + $cookies.put('dialoga_contraste', contrast);
  25 + adjustContrast(contrast);
  26 + };
  27 +
15 28 $rootScope.focusMainContent = function ($event) {
16 29  
17 30 // prevent skip link from redirecting
... ... @@ -31,8 +44,7 @@
31 44  
32 45 /** @ngInject */
33 46 function runBlock($log) {
34   -
35   - $log.debug('runBlock end');
  47 + $log.debug('runBlock');
36 48 }
37 49  
38 50 })();
... ...
src/app/partials/header/header.controller.js
... ... @@ -6,22 +6,11 @@
6 6 .controller('HeaderController', HeaderController);
7 7  
8 8 /** @ngInject */
9   - function HeaderController($timeout, $log) {
10   - $log.debug('HeaderController');
11   -
  9 + function HeaderController($log) {
12 10 var vm = this;
13 11  
14   - vm.$timeout = $timeout;
15 12 vm.$log = $log;
16   -
17   - vm.contrast = false;
  13 + vm.$log.debug('HeaderController');
18 14 }
19 15  
20   - HeaderController.prototype.toggleContrast = function () {
21   - var vm = this;
22   -
23   - vm.contrast = !vm.contrast;
24   - vm.$log.debug('contrast', vm.contrast);
25   - };
26   -
27 16 })();
... ...
src/app/partials/header/header.html
... ... @@ -2,7 +2,7 @@
2 2  
3 3 <div class="row">
4 4 <div class="accessibility-wrapper">
5   - <button type="button" id="display-contrast" class="btn btn-link" ng-click="header.toggleContrast()">
  5 + <button type="button" id="display-contrast" class="btn btn-link" ng-click="toggleContrast()">
6 6 <span class="glyphicon glyphicon-adjust" aria-hidden="true"></span> Alto Contraste
7 7 </button>
8 8 </div>
... ...