Uprev Google Input Tools.

third_party/google_input_tools/src/chrome/os/inputview/keyboardcontainer.js

 // Copyright 2014 The ChromeOS IME Authors. All Rights Reserved.
 // limitations under the License.
 // See the License for the specific language governing permissions and
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // distributed under the License is distributed on an "AS-IS" BASIS,
 // Unless required by applicable law or agreed to in writing, software
 //
 //      http://www.apache.org/licenses/LICENSE-2.0
 //
 // You may obtain a copy of the License at
 // you may not use this file except in compliance with the License.
 // Licensed under the Apache License, Version 2.0 (the "License");
 //
 goog.provide('i18n.input.chrome.inputview.KeyboardContainer');
 
 goog.require('goog.dom.TagName');
 goog.require('goog.dom.classlist');
+goog.require('goog.i18n.bidi');
 goog.require('goog.ui.Container');
 goog.require('i18n.input.chrome.inputview.Css');
 goog.require('i18n.input.chrome.inputview.elements.content.AltDataView');
 goog.require('i18n.input.chrome.inputview.elements.content.CandidateView');
 goog.require('i18n.input.chrome.inputview.elements.content.EmojiView');
 goog.require('i18n.input.chrome.inputview.elements.content.ExpandedCandidateView');
 goog.require('i18n.input.chrome.inputview.elements.content.HandwritingView');
 goog.require('i18n.input.chrome.inputview.elements.content.KeysetView');
 goog.require('i18n.input.chrome.inputview.elements.content.MenuView');
+goog.require('i18n.input.chrome.inputview.elements.content.VoiceView');
 
 
 
 goog.scope(function() {
 var Css = i18n.input.chrome.inputview.Css;
 var EmojiView = i18n.input.chrome.inputview.elements.content.EmojiView;
 var HandwritingView = i18n.input.chrome.inputview.elements.content.
     HandwritingView;
 var KeysetView = i18n.input.chrome.inputview.elements.content.KeysetView;
 var SpecNodeName = i18n.input.chrome.inputview.SpecNodeName;
 var content = i18n.input.chrome.inputview.elements.content;
 
 
 
 /**
  * The keyboard container.
  *
- * @param {i18n.input.chrome.inputview.Adapter=} opt_adapter .
+ * @param {!i18n.input.chrome.inputview.Adapter} adapter .
  * @constructor
  * @extends {goog.ui.Container}
  */
-i18n.input.chrome.inputview.KeyboardContainer = function(opt_adapter) {
+i18n.input.chrome.inputview.KeyboardContainer = function(adapter) {
   goog.base(this);
 
   /** @type {!content.CandidateView} */
-  this.candidateView = new content.CandidateView('candidateView', this);
+  this.candidateView = new content.CandidateView(
+      'candidateView', adapter, this);
 
   /** @type {!content.AltDataView} */
   this.altDataView = new content.AltDataView(this);
 
   /** @type {!content.MenuView} */
   this.menuView = new content.MenuView(this);
 
+  /** @type {!content.VoiceView} */
+  this.voiceView = new content.VoiceView(this, adapter);
+
   /** @type {!content.ExpandedCandidateView} */
   this.expandedCandidateView = new content.ExpandedCandidateView(this);
 
   /**
    * The map of the KeysetViews.
    * Key: keyboard code.
    * Value: The view object.
    *
    * @type {!Object.<string, !KeysetView>}
    */
   this.keysetViewMap = {};
 
   /**
    * The bus channel to communicate with background.
    *
-   * @private {i18n.input.chrome.inputview.Adapter}
+   * @private {!i18n.input.chrome.inputview.Adapter}
    */
-  this.adapter_ = opt_adapter || null;
+  this.adapter_ = adapter;
 };
 goog.inherits(i18n.input.chrome.inputview.KeyboardContainer,
     goog.ui.Container);
 var KeyboardContainer = i18n.input.chrome.inputview.KeyboardContainer;
 
 
 /** @type {!KeysetView} */
 KeyboardContainer.prototype.currentKeysetView;
 
 
@@ skipping 26 matching lines @@
 KeyboardContainer.prototype.createDom = function() {
   goog.base(this, 'createDom');
 
   var elem = this.getElement();
   this.wrapperDiv_ = this.getDomHelper().createDom(
       goog.dom.TagName.DIV, Css.WRAPPER);
   this.candidateView.render(this.wrapperDiv_);
   this.getDomHelper().appendChild(elem, this.wrapperDiv_);
   this.altDataView.render();
   this.menuView.render();
+  this.voiceView.render();
+  this.voiceView.setVisible(false);
   this.expandedCandidateView.render(this.wrapperDiv_);
   this.expandedCandidateView.setVisible(false);
   goog.dom.classlist.add(elem, Css.CONTAINER);
 };
 
 
 /** @override */
 KeyboardContainer.prototype.enterDocument = function() {
   goog.base(this, 'enterDocument');
 
@@ skipping 119 matching lines @@
   if (this.currentKeysetView.isTabStyle()) {
     h = height - 2 * KeyboardContainer.TAB_MARGIN_;
     wrapperMargin = KeyboardContainer.TAB_MARGIN_;
   }
   this.wrapperDiv_.style.marginTop = this.wrapperDiv_.style.marginBottom =
       wrapperMargin + 'px';
   h -= KeyboardContainer.PADDING_BOTTOM_;
   elem.style.paddingBottom = KeyboardContainer.PADDING_BOTTOM_ + 'px';
 
   var padding = Math.round((width - width * widthPercent) / 2);
-  elem.style.paddingLeft = elem.style.paddingRight = padding + 'px';
-
   var w = width - 2 * padding;
 
   // Reduce height if candidate view is enabled
   h = this.currentKeysetView.disableCandidateView ? h :
       h - candidateViewHeight;
 
   this.candidateView.setWidthInWeight(
       this.currentKeysetView.getWidthInWeight());
+  var candidateElem = this.candidateView.getElement();
+  candidateElem.style.paddingLeft = candidateElem.style.paddingRight =
+      padding + 'px';
   this.candidateView.resize(w, candidateViewHeight);
   this.currentKeysetView.resize(w, h);
+  var currentKeysetViewElem = this.currentKeysetView.getElement();
+  currentKeysetViewElem.style.paddingLeft = currentKeysetViewElem.style.
+      paddingRight = padding + 'px';
   this.expandedCandidateView.resize(w, h);
+  if (this.expandedCandidateView.isVisible()) {
+    // Closes the expanded candidate view if it's visible.
+    // This is to avoid mis-layout issue for the expanded candidate when screen
+    // is rotated.
+    this.expandedCandidateView.state = content.ExpandedCandidateView.State.NONE;
+    this.candidateView.switchToIcon(
+        content.CandidateView.IconType.EXPAND_CANDIDATES, true);
+    this.expandedCandidateView.setVisible(false);
+    this.currentKeysetView.setVisible(true);
+  }
   this.altDataView.resize(screen.width, height);
   this.menuView.resize(screen.width, height);
+  this.voiceView.resize(w + padding, height);
 };
 
 
 /** @override */
 KeyboardContainer.prototype.disposeInternal = function() {
   goog.dispose(this.candidateView);
   goog.dispose(this.altDataView);
   goog.dispose(this.menuView);
+  goog.dispose(this.voiceView);
   for (var key in this.keysetViewMap) {
     goog.dispose(this.keysetViewMap[key]);
   }
 
   goog.base(this, 'disposeInternal');
 };
 
 
 /**
  * Whether there are strokes on canvas.
@@ skipping 12 matching lines @@
 /**
  * Cleans the stokes.
  */
 KeyboardContainer.prototype.cleanStroke = function() {
   if (this.currentKeysetView) {
     this.currentKeysetView.cleanStroke();
   }
 };
 
 });  // goog.scope