Index: third_party/google_input_tools/src/chrome/os/inputview/elements/content/emojikey.js |
diff --git a/third_party/google_input_tools/src/chrome/os/inputview/elements/content/emojikey.js b/third_party/google_input_tools/src/chrome/os/inputview/elements/content/emojikey.js |
new file mode 100644 |
index 0000000000000000000000000000000000000000..60f32c8824066e852e9e3f1e1b750423ee9768dc |
--- /dev/null |
+++ b/third_party/google_input_tools/src/chrome/os/inputview/elements/content/emojikey.js |
@@ -0,0 +1,117 @@ |
+// 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.elements.content.EmojiKey'); |
+goog.require('goog.dom'); |
+goog.require('goog.dom.TagName'); |
+goog.require('goog.dom.classlist'); |
+goog.require('i18n.input.chrome.inputview.Css'); |
+goog.require('i18n.input.chrome.inputview.elements.content.FunctionalKey'); |
+goog.require('i18n.input.chrome.message.Name'); |
+goog.require('i18n.input.chrome.message.Type'); |
+ |
+goog.scope(function() { |
+ |
+var Type = i18n.input.chrome.message.Type; |
+var Name = i18n.input.chrome.message.Name; |
+ |
+ |
+ |
+/** |
+ * The emoji key |
+ * |
+ * @param {string} id The id. |
+ * @param {!i18n.input.chrome.inputview.elements.ElementType} type The element |
+ * type. |
+ * @param {string} text The text. |
+ * @param {string} iconCssClass The css class for the icon. |
+ * @param {boolean} isEmoticon Wether it is an emoticon. |
+ * @param {goog.events.EventTarget=} opt_eventTarget The event target. |
+ * @constructor |
+ * @extends {i18n.input.chrome.inputview.elements.content.FunctionalKey} |
+ */ |
+i18n.input.chrome.inputview.elements.content.EmojiKey = function(id, type, |
+ text, iconCssClass, isEmoticon, opt_eventTarget) { |
+ i18n.input.chrome.inputview.elements.content.EmojiKey.base( |
+ this, 'constructor', id, type, text, '', opt_eventTarget); |
+ |
+ /** |
+ * Wether it is an emoticon. |
+ * |
+ * @private {boolean} |
+ */ |
+ this.isEmoticon_ = isEmoticon; |
+ |
+ this.pointerConfig.stopEventPropagation = false; |
+ |
+ this.pointerConfig.dblClick = true; |
+ this.pointerConfig.longPressWithPointerUp = true; |
+ this.pointerConfig.longPressDelay = 200; |
+ |
+}; |
+goog.inherits(i18n.input.chrome.inputview.elements.content.EmojiKey, |
+ i18n.input.chrome.inputview.elements.content.FunctionalKey); |
+var EmojiKey = i18n.input.chrome.inputview.elements.content.EmojiKey; |
+ |
+ |
+/** @override */ |
+EmojiKey.prototype.createDom = function() { |
+ goog.base(this, 'createDom'); |
+ var dom = this.getDomHelper(); |
+ var elem = this.getElement(); |
+ if (!this.textElem) { |
+ this.textElem = dom.createDom(goog.dom.TagName.DIV, |
+ i18n.input.chrome.inputview.Css.SPECIAL_KEY_NAME, this.text); |
+ dom.appendChild(this.tableCell, this.textElem); |
+ } |
+ // Special size for emojitcon. |
+ if (this.isEmoticon_) { |
+ this.textElem.style.fontSize = '20px'; |
+ } |
+ goog.dom.classlist.remove(elem, i18n.input.chrome.inputview.Css.SOFT_KEY); |
+ goog.dom.classlist.remove(this.bgElem, |
+ i18n.input.chrome.inputview.Css.SPECIAL_KEY_BG); |
+ goog.dom.classlist.add(this.bgElem, |
+ i18n.input.chrome.inputview.Css.EMOJI_KEY); |
+}; |
+ |
+ |
+/** @override */ |
+EmojiKey.prototype.setHighlighted = function(highlight) { |
+ if (highlight) { |
+ goog.dom.classlist.add(this.bgElem, |
+ i18n.input.chrome.inputview.Css.EMOJI_KEY_HIGHLIGHT); |
+ } else { |
+ goog.dom.classlist.remove(this.bgElem, |
+ i18n.input.chrome.inputview.Css.EMOJI_KEY_HIGHLIGHT); |
+ } |
+}; |
+ |
+ |
+/** @override */ |
+EmojiKey.prototype.update = function() { |
+ goog.base(this, 'update'); |
+ goog.dom.setTextContent(this.textElem, this.text); |
+}; |
+ |
+ |
+/** |
+ * Update the emoji's text |
+ * |
+ * @param {string} text The new text. |
+ */ |
+EmojiKey.prototype.updateText = function(text) { |
+ this.text = text; |
+ goog.dom.setTextContent(this.textElem, text); |
+}; |
+}); // goog.scope |