Switch tabs from VR shell.

chrome/browser/resources/vr_shell/vr_shell_ui.js

 // Copyright 2016 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.
 
 var vrShellUi = (function() {
   'use strict';
 
   let ui = new scene.Scene();
   let uiManager;
 
@@ skipping 672 matching lines @@
   // TODO(crbug/641487): currently, tabs cannot be scrolled because the
   // scrolling event is not send to UI elements.
   class TabContainer {
     constructor(contentQuadId) {
       /** @const */ var DOM_TAB_TEMPLATE_SELECTOR = '#tab-template';
       /** @const */ var DOM_TAB_CONTAINER_SELECTOR = '#tab-container';
       /** @const */ var DOM_TAB_CLIP_SELECTOR = '#tab-clip';
       /** @const */ var TAB_CONTAINER_Y_OFFSET = 0.4;
       /** @const */ var TAB_CONTAINER_Z_OFFSET = -1;
 
-      this.tabs = {};
       this.domTabs = {};
       this.contentQuadId = contentQuadId;
       this.domTabTemplate = document.querySelector(DOM_TAB_TEMPLATE_SELECTOR);
       this.domTabContainer = document.querySelector(DOM_TAB_CONTAINER_SELECTOR);
       this.domTabClip = document.querySelector(DOM_TAB_CLIP_SELECTOR);
 
       // Add tab container to native scene.
       this.tabContainerElement = new DomUiElement(DOM_TAB_CONTAINER_SELECTOR);
       let positionUpdate = new api.UiElementUpdate();
       positionUpdate.setTranslation(
@@ skipping 11 matching lines @@
 
     getQualifiedTabId(tab) {
       return (tab.incognito ? 'i' : 'n') + tab.id;
     }
 
     makeDomTab(tab) {
       // Make a copy of the template tab and add this copy to the tab container
       // view.
       let domTab = this.domTabTemplate.cloneNode(true);
       domTab.removeAttribute('id');
+      domTab.addEventListener('click', function() {
+        api.doAction(api.Action.SHOW_TAB, {'id': domTab.tab.id});
+      });
       this.domTabClip.appendChild(domTab);
       this.domTabs[this.getQualifiedTabId(tab)] = domTab;
+      domTab.tab = tab;
       return domTab;
     }
 
     resizeClipElement() {
       // Resize clip element so that scrolling works.
       this.domTabClip.style.width =
-          (Object.keys(this.tabs).length * this.domTabWidth) + 'px';
+          (Object.keys(this.domTabs).length * this.domTabWidth) + 'px';
     }
 
     setTabs(tabs) {
       // Remove all current tabs.
       while (this.domTabClip.firstChild) {
         this.domTabClip.removeChild(this.domTabClip.firstChild);
       }
-      this.tabs = {};
 
       // Add new tabs.
       for (let i = 0; i < tabs.length; i++) {
         this.addTab(tabs[i]);
       }
     }
 
     hasTab(tab) {
-      return this.getQualifiedTabId(tab) in this.tabs;
+      return this.getQualifiedTabId(tab) in this.domTabs;
     }
 
     addTab(tab) {
-      this.tabs[this.getQualifiedTabId(tab)] = tab;
       this.makeDomTab(tab);
       this.updateTab(tab);
       this.resizeClipElement();
     }
 
     updateTab(tab) {
       let domTab = this.domTabs[this.getQualifiedTabId(tab)];
       domTab.textContent = tab.title;
       domTab.classList.remove('tab-incognito');
       if (tab.incognito) {
         domTab.classList.add('tab-incognito');
       }
     }
 
     removeTab(tab) {
       let qualifiedTabId = this.getQualifiedTabId(tab);
       let domTab = this.domTabs[qualifiedTabId];
       delete this.domTabs[qualifiedTabId];
       this.domTabClip.removeChild(domTab);
-      delete this.tabs[qualifiedTabId];
       this.resizeClipElement();
     }
 
     setEnabled(enabled) {
       let visibilityUpdate = new api.UiElementUpdate();
       visibilityUpdate.setVisible(enabled);
       ui.updateElement(this.tabContainerElement.uiElementId, visibilityUpdate);
     }
   };
 
@@ skipping 117 matching lines @@
     ui.flush();
   }
 
   return {
     initialize: initialize,
     command: command,
   };
 })();
 
 window.addEventListener('load', vrShellUi.initialize);