Enable toggling of new accessibility modes in chrome://accessibility

content/browser/resources/accessibility/accessibility.js

 // Copyright (c) 2013 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 cr.define('accessibility', function() {
   'use strict';
 
-  // Keep in sync with view_message_enums.h
-  var AccessibilityModeFlag = {
-    Platform: 1 << 0,
-    FullTree: 1 << 1
-  }
-
-  var AccessibilityMode = {
-    Off: 0,
-    Complete:
-        AccessibilityModeFlag.Platform | AccessibilityModeFlag.FullTree,
-    EditableTextOnly: AccessibilityModeFlag.Platform,
-    TreeOnly: AccessibilityModeFlag.FullTree
-  }
-
-  function isAccessibilityComplete(mode) {
-    return ((mode & AccessibilityMode.Complete) == AccessibilityMode.Complete);
-  }
-
   function requestData() {
     var xhr = new XMLHttpRequest();
     xhr.open('GET', 'targets-data.json', false);
     xhr.send(null);
     if (xhr.status === 200) {
       console.log(xhr.responseText);
       return JSON.parse(xhr.responseText);
     }
     return [];
   }
@@ skipping 15 matching lines @@
       row.appendChild(document.createTextNode(' | '));
       row.appendChild(createShowAccessibilityTreeElement(data, row, false));
     }
   }
 
   function requestAccessibilityTree(data, element) {
     chrome.send('requestAccessibilityTree',
                 [String(data.processId), String(data.routeId)]);
   }
 
-  function toggleGlobalAccessibility() {
-    chrome.send('toggleGlobalAccessibility');
-    document.location.reload(); // FIXME see TODO above
-  }
-
-  function toggleInternalTree() {
-    chrome.send('toggleInternalTree');
-    document.location.reload(); // FIXME see TODO above
-  }
-
   function initialize() {
     console.log('initialize');
     var data = requestData();
 
-    addGlobalAccessibilityModeToggle(data['global_a11y_mode']);
-
-    addInternalTreeToggle(data['global_internal_tree_mode']);
+    bindCheckbox('native', data['native']);
+    bindCheckbox('web', data['web']);
+    bindCheckbox('text', data['text']);
+    bindCheckbox('screenreader', data['screenreader']);
+    bindCheckbox('html', data['html']);
+    bindCheckbox('internal', data['internal']);
 
     $('pages').textContent = '';
 
     var list = data['list'];
     for (var i = 0; i < list.length; i++) {
       addToPagesList(list[i]);
     }
   }
 
-  function addGlobalAccessibilityModeToggle(global_a11y_mode) {
-    var full_a11y_on = isAccessibilityComplete(global_a11y_mode);
-    $('toggle_global').textContent = (full_a11y_on ? 'on' : 'off');
-    $('toggle_global').setAttribute('aria-pressed',
-                                    (full_a11y_on ? 'true' : 'false'));
-    $('toggle_global').addEventListener('click',
-                                        toggleGlobalAccessibility);
-  }
-
-  function addInternalTreeToggle(global_internal_tree_mode) {
-    var on = global_internal_tree_mode;
-    $('toggle_internal').textContent = (on ? 'on' : 'off');
-    $('toggle_internal').setAttribute('aria-pressed',
-                                      (on ? 'true' : 'false'));
-    $('toggle_internal').addEventListener('click',
-                                          toggleInternalTree);
+  function bindCheckbox(name, value) {
+    if (value == 'on')
+      $(name).checked = true;
+    if (value == 'disabled') {
+      $(name).disabled = true;
+      $(name).labels[0].classList.add('disabled');
+    }
+    $(name).addEventListener('change', function() {
+      chrome.send('setGlobalFlag', [name, $(name).checked]);
+      document.location.reload(); // FIXME see TODO above
+    });
   }
 
   function addToPagesList(data) {
     // TODO: iterate through data and pages rows instead
     var id = data['processId'] + '.' + data['routeId'];
     var row = document.createElement('div');
     row.className = 'row';
     row.id = id;
     formatRow(row, data);
 
     row.processId = data.processId;
     row.routeId = data.routeId;
 
     var list = $('pages');
     list.appendChild(row);
   }
 
   function formatRow(row, data) {
     if (!('url' in data)) {
       if ('error' in data) {
         row.appendChild(createErrorMessageElement(data, row));
         return;
       }
     }
     var properties = ['favicon_url', 'name', 'url'];
     for (var j = 0; j < properties.length; j++)
       row.appendChild(formatValue(data, properties[j]));
 
     row.appendChild(createToggleAccessibilityElement(data));
-    if (isAccessibilityComplete(data['a11y_mode'])) {
+    if (data['a11y_mode']) {
       row.appendChild(document.createTextNode(' | '));
       if ('tree' in data) {
         row.appendChild(createShowAccessibilityTreeElement(data, row, true));
         row.appendChild(document.createTextNode(' | '));
         row.appendChild(createHideAccessibilityTreeElement(row.id));
         row.appendChild(createAccessibilityTreeElement(data));
       }
       else {
         row.appendChild(createShowAccessibilityTreeElement(data, row, false));
         if ('error' in data)
@@ skipping 19 matching lines @@
 
     var span = document.createElement('span');
     span.textContent = ' ' + text + ' ';
     span.className = property;
     return span;
   }
 
   function createToggleAccessibilityElement(data) {
     var link = document.createElement('a', 'action-link');
     link.setAttribute('role', 'button');
-    var full_a11y_on = isAccessibilityComplete(data['a11y_mode']);
+    var full_a11y_on = data['a11y_mode'];
     link.textContent = 'accessibility ' + (full_a11y_on ? 'on' : 'off');
     link.setAttribute('aria-pressed', (full_a11y_on ? 'true' : 'false'));
     link.addEventListener('click',
                           toggleAccessibility.bind(this, data, link));
     return link;
   }
 
   function createShowAccessibilityTreeElement(data, row, opt_refresh) {
     var link = document.createElement('a', 'action-link');
     link.setAttribute('role', 'button');
@@ skipping 58 matching lines @@
     return treeElement;
   }
 
   return {
     initialize: initialize,
     showTree: showTree
   };
 });
 
 document.addEventListener('DOMContentLoaded', accessibility.initialize);