File: public/js/tinymce/src/plugins/emoticons/src/main/js/ui/PanelHtml.js

/**
 * PanelHtml.js
 *
 * Released under LGPL License.
 * Copyright (c) 1999-2017 Ephox Corp. All rights reserved
 *
 * License: http://www.tinymce.com/license
 * Contributing: http://www.tinymce.com/contributing
 */

define(
  'tinymce.plugins.emoticons.ui.PanelHtml',
  [
    'tinymce.core.util.Tools'
  ],
  function (Tools) {
    var emoticons = [
      ["cool", "cry", "embarassed", "foot-in-mouth"],
      ["frown", "innocent", "kiss", "laughing"],
      ["money-mouth", "sealed", "smile", "surprised"],
      ["tongue-out", "undecided", "wink", "yell"]
    ];

    var getHtml = function (pluginUrl) {
      var emoticonsHtml;

      emoticonsHtml = '<table role="list" class="mce-grid">';

      Tools.each(emoticons, function (row) {
        emoticonsHtml += '<tr>';

        Tools.each(row, function (icon) {
          var emoticonUrl = pluginUrl + '/img/smiley-' + icon + '.gif';

          emoticonsHtml += '<td><a href="#" data-mce-url="' + emoticonUrl + '" data-mce-alt="' + icon + '" tabindex="-1" ' +
            'role="option" aria-label="' + icon + '"><img src="' +
            emoticonUrl + '" style="width: 18px; height: 18px" role="presentation" /></a></td>';
        });

        emoticonsHtml += '</tr>';
      });

      emoticonsHtml += '</table>';

      return emoticonsHtml;
    };

    return {
      getHtml: getHtml
    };
  }
);