| 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
|
|
|