Aligns text to braille in chromevox.

chrome/browser/resources/chromeos/chromevox/cvox2/background/panel.js

 // Copyright 2015 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.
 
 /**
  * @fileoverview The ChromeVox panel and menus.
  */
 
 goog.provide('Panel');
 
@@ skipping 26 matching lines @@
   /** @type {Element} @private */
   this.brailleContainer_ = $('braille-container');
 
   /** @type {Element} @private */
   this.searchContainer_ = $('search-container');
 
   /** @type {Element} @private */
   this.searchInput_ = $('search');
 
   /** @type {Element} @private */
-  this.brailleTextElement_ = $('braille-text');
-
-  /** @type {Element} @private */
-  this.brailleCellsElement_ = $('braille-cells');
+  this.brailleTableElement_ = $('braille-table');
 
   /**
    * The array of top-level menus.
    * @type {!Array<PanelMenu>}
    * @private
    */
   this.menus_ = [];
 
   /**
    * The currently active menu, if any.
@@ skipping 119 matching lines @@
                                        escapeForHtml(command.data) +
                                        '</span>';
       break;
     case PanelCommandType.ADD_ANNOTATION_SPEECH:
       if (this.speechElement_.innerHTML != '') {
         this.speechElement_.innerHTML += '&nbsp;&nbsp;';
       }
       this.speechElement_.innerHTML += escapeForHtml(command.data);
       break;
     case PanelCommandType.UPDATE_BRAILLE:
-      this.brailleTextElement_.textContent = command.data.text;
-      this.brailleCellsElement_.textContent = command.data.braille;
+      var groups = command.data.groups;
+      this.brailleTableElement_.deleteRow(0);
+      this.brailleTableElement_.deleteRow(0);
+      var row1 = this.brailleTableElement_.insertRow(-1);
+      var row2 = this.brailleTableElement_.insertRow(-1);
+
+      for (var i = 0; i < groups.length; i++) {
+        var topCell = row1.insertCell(-1);
+        var bottomCell = row2.insertCell(-1);
+        topCell.innerHTML = groups[i][0];
+        bottomCell.innerHTML = groups[i][1];
+      }
+
       break;
     case PanelCommandType.ENABLE_MENUS:
       Panel.onEnableMenus();
       break;
     case PanelCommandType.DISABLE_MENUS:
       Panel.onDisableMenus();
       break;
     case PanelCommandType.OPEN_MENUS:
       Panel.onOpenMenus(undefined, command.data);
       break;
@@ skipping 446 matching lines @@
 }, false);
 
 window.addEventListener('hashchange', function() {
   if (location.hash == '#fullscreen' || location.hash == '#focus') {
     this.originalStickyState_ = cvox.ChromeVox.isStickyPrefOn;
     cvox.ChromeVox.isStickyPrefOn = false;
   } else {
     cvox.ChromeVox.isStickyPrefOn = this.originalStickyState_;
   }
 }, false);