')
+ .replace(/(?:<\/(?:div|p|ol|ul|li|pre|code|object)>)+/ig, '
')
+ .replace(/\n<\/div>/ig, '\n')
+ .replace(/
<\/div>\n/ig, '\n')
+ .replace(/(?:
)+<\/div>/ig, '\n')
+ .replace(/([^\n])<\/div>
/ig, '$1\n')
+ .replace(/(?:<\/div>)+/ig, '
')
+ .replace(/([^\n])<\/div>([^\n])/ig, '$1\n$2')
+ .replace(/<\/div>/ig, '')
+ .replace(/([^\n])/ig, '$1\n')
+ .replace(/\n
/ig, '\n')
+ .replace(/
\n/ig, '\n\n')
+ .replace(/<(?:[^>]+)?>/g, '')
+ .replace(new RegExp(invisibleChar, 'g'), '')
+ .replace(/ /g, ' ')
+ .replace(/</g, '<')
+ .replace(/>/g, '>')
+ .replace(/"/g, '"')
+ .replace(/'/g, "'")
+ .replace(/`/g, '`')
+ .replace(/</g, '<')
+ .replace(/>/g, '>')
+ .replace(/&/g, '&');
+
+ switch (self.saveEmojisAs) {
+ case 'image':
+ str = unicodeTo(str, self.emojiTemplate);
+ break;
+ case 'shortname':
+ str = emojione.toShort(str);
+ }
+ return str;
+ }
+ function calcButtonPosition() {
+ var self = this,
+ offset = self.editor[0].offsetWidth - self.editor[0].clientWidth,
+ current = parseInt(self.button.css('marginRight'));
+ if (current !== offset) {
+ self.button.css({marginRight: offset});
+ if (self.floatingPicker) {
+ self.picker.css({right: parseInt(self.picker.css('right')) - current + offset});
+ }
+ }
+ }
+ function lazyLoading() {
+ var self = this;
+ if (!self.sprite && self.lasyEmoji[0] && self.lasyEmoji.eq(0).is(".lazy-emoji")) {
+ var pickerTop = self.picker.offset().top,
+ pickerBottom = pickerTop + self.picker.height() + 20;
+
+ self.lasyEmoji.each(function() {
+ var e = $(this), top = e.offset().top;
+
+ if (top > pickerTop && top < pickerBottom) {
+ e.attr("src", e.data("src")).removeClass("lazy-emoji");
+ }
+
+ if (top > pickerBottom) {
+ return false;
+ }
+ });
+ self.lasyEmoji = self.lasyEmoji.filter(".lazy-emoji");
+ }
+ };
+ function selector (prefix, skip_dot) {
+ return (skip_dot ? '' : '.') + css_class + (prefix ? ("-" + prefix) : "");
+ }
+ function div(prefix) {
+ var parent = $('', isObject(prefix) ? prefix : {"class" : selector(prefix, true)});
+ $.each(slice.call(arguments).slice(1), function(i, child) {
+ if ($.isFunction(child)) {
+ child = child.call(parent);
+ }
+ if (child) {
+ $(child).appendTo(parent);
+ }
+ });
+ return parent;
+ }
+ function getRecent () {
+ return localStorage.getItem("recent_emojis") || "";
+ }
+ function updateRecent(self, show) {
+ var emojis = getRecent();
+ if (!self.recent || self.recent !== emojis || show) {
+ if (emojis.length) {
+ var skinnable = self.scrollArea.is(".skinnable"),
+ scrollTop, height;
+
+ if (!skinnable) {
+ scrollTop = self.scrollArea.scrollTop();
+ if (show) {
+ self.recentCategory.show();
+ }
+ height = self.recentCategory.is(":visible") ? self.recentCategory.height() : 0;
+ }
+
+ var items = shortnameTo(emojis, self.emojiBtnTemplate, true).split('|').join('');
+ self.recentCategory.children(".emojibtn").remove();
+ $(items).insertAfter(self.recentCategory.children(".emojionearea-category-title"));
+
+
+ self.recentCategory.children(".emojibtn").on("click", function() {
+ self.trigger("emojibtn.click", $(this));
+ });
+
+ self.recentFilter.show();
+
+ if (!skinnable) {
+ self.recentCategory.show();
+
+ var height2 = self.recentCategory.height();
+
+ if (height !== height2) {
+ self.scrollArea.scrollTop(scrollTop + height2 - height);
+ }
+ }
+ } else {
+ if (self.recentFilter.hasClass("active")) {
+ self.recentFilter.removeClass("active").next().addClass("active");
+ }
+ self.recentCategory.hide();
+ self.recentFilter.hide();
+ }
+ self.recent = emojis;
+ }
+ };
+ function setRecent(self, emoji) {
+ var recent = getRecent();
+ var emojis = recent.split("|");
+
+ var index = emojis.indexOf(emoji);
+ if (index !== -1) {
+ emojis.splice(index, 1);
+ }
+ emojis.unshift(emoji);
+
+ if (emojis.length > 9) {
+ emojis.pop();
+ }
+
+ localStorage.setItem("recent_emojis", emojis.join("|"));
+
+ updateRecent(self);
+ };
+// see https://github.com/Modernizr/Modernizr/blob/master/feature-detects/storage/localstorage.js
+ function supportsLocalStorage () {
+ var test = 'test';
+ try {
+ localStorage.setItem(test, test);
+ localStorage.removeItem(test);
+ return true;
+ } catch(e) {
+ return false;
+ }
+ }
+ function init(self, source, options) {
+ //calcElapsedTime('init', function() {
+ self.options = options = getOptions(options);
+ self.sprite = options.sprite && emojioneSupportMode < 3;
+ self.inline = options.inline === null ? source.is("INPUT") : options.inline;
+ self.shortnames = options.shortnames;
+ self.saveEmojisAs = options.saveEmojisAs;
+ self.standalone = options.standalone;
+ self.emojiTemplate = '
' : 'emoji" src="{img}"/>');
+ self.emojiTemplateAlt = self.sprite ? '' : '
';
+ self.emojiBtnTemplate = '' + self.emojiTemplateAlt + '';
+ self.recentEmojis = options.recentEmojis && supportsLocalStorage();
+
+ var pickerPosition = options.pickerPosition;
+ self.floatingPicker = pickerPosition === 'top' || pickerPosition === 'bottom';
+ self.source = source;
+
+ if (source.is(":disabled") || source.is(".disabled")) {
+ self.disable();
+ }
+
+ var sourceValFunc = source.is("TEXTAREA") || source.is("INPUT") ? "val" : "text",
+ editor, button, picker, filters, filtersBtns, searchPanel, emojisList, categories, categoryBlocks, scrollArea,
+ tones = div('tones',
+ options.tones ?
+ function() {
+ this.addClass(selector('tones-' + options.tonesStyle, true));
+ for (var i = 0; i <= 5; i++) {
+ this.append($("", {
+ "class": "btn-tone btn-tone-" + i + (!i ? " active" : ""),
+ "data-skin": i,
+ role: "button"
+ }));
+ }
+ } : null
+ ),
+ app = div({
+ "class" : css_class + ((self.standalone) ? " " + css_class + "-standalone " : " ") + (source.attr("class") || ""),
+ role: "application"
+ },
+ editor = self.editor = div("editor").attr({
+ contenteditable: (self.standalone) ? false : true,
+ placeholder: options.placeholder || source.data("placeholder") || source.attr("placeholder") || "",
+ tabindex: 0
+ }),
+ button = self.button = div('button',
+ div('button-open'),
+ div('button-close')
+ ).attr('title', options.buttonTitle),
+ picker = self.picker = div('picker',
+ div('wrapper',
+ filters = div('filters'),
+ (options.search ?
+ searchPanel = div('search-panel',
+ div('search',
+ options.search ?
+ function() {
+ self.search = $("", {
+ "placeholder": options.searchPlaceholder || "",
+ "type": "text",
+ "class": "search"
+ });
+ this.append(self.search);
+ } : null
+ ),
+ tones
+ ) : null
+ ),
+ scrollArea = div('scroll-area',
+ options.tones && !options.search ? div('tones-panel',
+ tones
+ ) : null,
+ emojisList = div('emojis-list')
+ )
+ )
+ ).addClass(selector('picker-position-' + options.pickerPosition, true))
+ .addClass(selector('filters-position-' + options.filtersPosition, true))
+ .addClass(selector('search-position-' + options.searchPosition, true))
+ .addClass('hidden')
+ );
+
+ if (options.search) {
+ searchPanel.addClass(selector('with-search', true));
+ }
+
+ self.searchSel = null;
+
+ editor.data(source.data());
+
+ $.each(options.attributes, function(attr, value) {
+ editor.attr(attr, value);
+ });
+
+ var mainBlock = div('category-block').attr({"data-tone": 0}).prependTo(emojisList);
+
+ $.each(options.filters, function(filter, params) {
+ var skin = 0;
+ if (filter === 'recent' && !self.recentEmojis) {
+ return;
+ }
+ if (filter !== 'tones') {
+ $("", {
+ "class": selector("filter", true) + " " + selector("filter-" + filter, true),
+ "data-filter": filter,
+ title: params.title
+ })
+ .wrapInner(shortnameTo(params.icon, self.emojiTemplateAlt))
+ .appendTo(filters);
+ } else if (options.tones) {
+ skin = 5;
+ } else {
+ return;
+ }
+
+ do {
+ var category,
+ items = params.emoji.replace(/[\s,;]+/g, '|');
+
+ if (skin === 0) {
+ category = div('category').attr({
+ name: filter,
+ "data-tone": skin
+ }).appendTo(mainBlock);
+ } else {
+ category = div('category-block').attr({
+ name: filter,
+ "data-tone": skin
+ }).appendTo(emojisList);
+ }
+
+ if (skin > 0) {
+ category.hide();
+ items = items.split('|').join('_tone' + skin + '|') + '_tone' + skin;
+ }
+
+ if (filter === 'recent') {
+ items = getRecent();
+ }
+
+ items = shortnameTo(items,
+ self.sprite ?
+ '' :
+ '![]()
',
+ true).split('|').join('');
+
+ category.html(items);
+ $('').text(params.title).prependTo(category);
+ } while (--skin > 0);
+ });
+
+ options.filters = null;
+ if (!self.sprite) {
+ self.lasyEmoji = emojisList.find(".lazy-emoji");
+ }
+
+ filtersBtns = filters.find(selector("filter"));
+ filtersBtns.eq(0).addClass("active");
+ categoryBlocks = emojisList.find(selector("category-block"))
+ categories = emojisList.find(selector("category"))
+
+ self.recentFilter = filtersBtns.filter('[data-filter="recent"]');
+ self.recentCategory = categories.filter("[name=recent]");
+
+ self.scrollArea = scrollArea;
+
+ if (options.container) {
+ $(options.container).wrapInner(app);
+ } else {
+ app.insertAfter(source);
+ }
+
+ if (options.hideSource) {
+ source.hide();
+ }
+
+ self.setText(source[sourceValFunc]());
+ source[sourceValFunc](self.getText());
+ calcButtonPosition.apply(self);
+
+ // if in standalone mode and no value is set, initialise with a placeholder
+ if (self.standalone && !self.getText().length) {
+ var placeholder = $(source).data("emoji-placeholder") || options.emojiPlaceholder;
+ self.setText(placeholder);
+ editor.addClass("has-placeholder");
+ }
+
+ // attach() must be called before any .on() methods !!!
+ // 1) attach() stores events into possibleEvents{},
+ // 2) .on() calls bindEvent() and stores handlers into eventStorage{},
+ // 3) bindEvent() finds events in possibleEvents{} and bind founded via jQuery.on()
+ // 4) attached events via jQuery.on() calls trigger()
+ // 5) trigger() calls handlers stored into eventStorage{}
+
+ attach(self, emojisList.find(".emojibtn"), {click: "emojibtn.click"});
+ attach(self, window, {resize: "!resize"});
+ attach(self, tones.children(), {click: "tone.click"});
+ attach(self, [picker, button], {mousedown: "!mousedown"}, editor);
+ attach(self, button, {click: "button.click"});
+ attach(self, editor, {paste :"!paste"}, editor);
+ attach(self, editor, ["focus", "blur"], function() { return self.stayFocused ? false : editor; } );
+ attach(self, picker, {mousedown: "picker.mousedown", mouseup: "picker.mouseup", click: "picker.click",
+ keyup: "picker.keyup", keydown: "picker.keydown", keypress: "picker.keypress"});
+ attach(self, editor, ["mousedown", "mouseup", "click", "keyup", "keydown", "keypress"]);
+ attach(self, picker.find(".emojionearea-filter"), {click: "filter.click"});
+ attach(self, source, {change: "source.change"});
+
+ if (options.search) {
+ attach(self, self.search, {keyup: "search.keypress", focus: "search.focus", blur: "search.blur"});
+ }
+
+ var noListenScroll = false;
+ scrollArea.on('scroll', function () {
+ if (!noListenScroll) {
+ lazyLoading.call(self);
+ if (scrollArea.is(":not(.skinnable)")) {
+ var item = categories.eq(0), scrollTop = scrollArea.offset().top;
+ categories.each(function (i, e) {
+ if ($(e).offset().top - scrollTop >= 10) {
+ return false;
+ }
+ item = $(e);
+ });
+ var filter = filtersBtns.filter('[data-filter="' + item.attr("name") + '"]');
+ if (filter[0] && !filter.is(".active")) {
+ filtersBtns.removeClass("active");
+ filter.addClass("active");
+ }
+ }
+ }
+ });
+
+ self.on("@filter.click", function(filter) {
+ var isActive = filter.is(".active");
+ if (scrollArea.is(".skinnable")) {
+ if (isActive) return;
+ tones.children().eq(0).click();
+ }
+ noListenScroll = true;
+ if (!isActive) {
+ filtersBtns.filter(".active").removeClass("active");
+ filter.addClass("active");
+ }
+ var headerOffset = categories.filter('[name="' + filter.data('filter') + '"]').offset().top,
+ scroll = scrollArea.scrollTop(),
+ offsetTop = scrollArea.offset().top;
+
+ scrollArea.stop().animate({
+ scrollTop: headerOffset + scroll - offsetTop - 2
+ }, 200, 'swing', function () {
+ lazyLoading.call(self);
+ noListenScroll = false;
+ });
+ })
+
+ .on("@picker.show", function() {
+ if (self.recentEmojis) {
+ updateRecent(self);
+ }
+ lazyLoading.call(self);
+ })
+
+ .on("@tone.click", function(tone) {
+ tones.children().removeClass("active");
+ var skin = tone.addClass("active").data("skin");
+ if (skin) {
+ scrollArea.addClass("skinnable");
+ categoryBlocks.hide().filter("[data-tone=" + skin + "]").show();
+ filtersBtns.removeClass("active");//.not('[data-filter="recent"]').eq(0).addClass("active");
+ } else {
+ scrollArea.removeClass("skinnable");
+ categoryBlocks.hide().filter("[data-tone=0]").show();
+ filtersBtns.eq(0).click();
+ }
+ lazyLoading.call(self);
+ if (options.search) {
+ self.trigger('search.keypress');
+ }
+ })
+
+ .on("@button.click", function(button) {
+ if (button.is(".active")) {
+ self.hidePicker();
+ } else {
+ self.showPicker();
+ self.searchSel = null;
+ }
+ })
+
+ .on("@!paste", function(editor, event) {
+
+ var pasteText = function(text) {
+ var caretID = "caret-" + (new Date()).getTime();
+ var html = htmlFromText(text, self);
+ pasteHtmlAtCaret(html);
+ pasteHtmlAtCaret('');
+ editor.scrollTop(editorScrollTop);
+ var caret = $("#" + caretID),
+ top = caret.offset().top - editor.offset().top,
+ height = editor.height();
+ if (editorScrollTop + top >= height || editorScrollTop > top) {
+ editor.scrollTop(editorScrollTop + top - 2 * height/3);
+ }
+ caret.remove();
+ self.stayFocused = false;
+ calcButtonPosition.apply(self);
+ trigger(self, 'paste', [editor, text, html]);
+ };
+
+ if (event.originalEvent.clipboardData) {
+ var text = event.originalEvent.clipboardData.getData('text/plain');
+ pasteText(text);
+
+ if (event.preventDefault){
+ event.preventDefault();
+ } else {
+ event.stop();
+ }
+
+ event.returnValue = false;
+ event.stopPropagation();
+ return false;
+ }
+
+ self.stayFocused = true;
+ // insert invisible character for fix caret position
+ pasteHtmlAtCaret('' + invisibleChar + '');
+
+ var sel = saveSelection(editor[0]),
+ editorScrollTop = editor.scrollTop(),
+ clipboard = $("", {contenteditable: true})
+ .css({position: "fixed", left: "-999px", width: "1px", height: "1px", top: "20px", overflow: "hidden"})
+ .appendTo($("BODY"))
+ .focus();
+
+ window.setTimeout(function() {
+ editor.focus();
+ restoreSelection(editor[0], sel);
+ var text = textFromHtml(clipboard.html().replace(/\r\n|\n|\r/g, '
'), self); + clipboard.remove(); + pasteText(text); + }, 200); + }) + + .on("@emojibtn.click", function(emojibtn) { + editor.removeClass("has-placeholder"); + + if (self.searchSel !== null) { + editor.focus(); + restoreSelection(editor[0], self.searchSel); + self.searchSel = null; + } + + if (self.standalone) { + editor.html(shortnameTo(emojibtn.data("name"), self.emojiTemplate)); + self.trigger("blur"); + } else { + saveSelection(editor[0]); + pasteHtmlAtCaret(shortnameTo(emojibtn.data("name"), self.emojiTemplate)); + } + + if (self.recentEmojis) { + setRecent(self, emojibtn.data("name")); + } + + // self.search.val('').trigger("change"); + self.trigger('search.keypress'); + }) + + .on("@!resize @keyup @emojibtn.click", calcButtonPosition) + + .on("@!mousedown", function(editor, event) { + if ($(event.target).hasClass('search')) { + // Allow search clicks + self.stayFocused = true; + if (self.searchSel === null) { + self.searchSel = saveSelection(editor[0]); + } + } else { + if (!app.is(".focused")) { + editor.trigger("focus"); + } + event.preventDefault(); + } + return false; + }) + + .on("@change", function() { + var html = self.editor.html().replace(/<\/?(?:div|span|p)[^>]*>/ig, ''); + // clear input: chrome adds
when contenteditable is empty + if (!html.length || /^]*>$/i.test(html)) {
+ self.editor.html(self.content = '');
+ }
+ source[sourceValFunc](self.getText());
+ })
+
+ .on("@source.change", function() {
+ self.setText(source[sourceValFunc]());
+ trigger('change');
+ })
+
+ .on("@focus", function() {
+ app.addClass("focused");
+ })
+
+ .on("@blur", function() {
+ app.removeClass("focused");
+
+ if (options.hidePickerOnBlur) {
+ self.hidePicker();
+ }
+
+ var content = self.editor.html();
+ if (self.content !== content) {
+ self.content = content;
+ trigger(self, 'change', [self.editor]);
+ source.trigger("blur").trigger("change");
+ } else {
+ source.trigger("blur");
+ }
+
+ if (options.search) {
+ self.search.val('');
+ self.trigger('search.keypress', true);
+ }
+ });
+
+ if (options.search) {
+
+ self.on("@search.focus", function() {
+ self.stayFocused = true;
+ self.search.addClass("focused");
+ })
+
+ .on("@search.keypress", function(hide) {
+ var filterBtns = picker.find(".emojionearea-filter");
+ var activeTone = (options.tones ? tones.find("i.active").data("skin") : 0);
+ var term = self.search.val().replace( / /g, "_" ).replace(/"/g, "\\\"");
+
+ if (term && term.length) {
+ if (self.recentFilter.hasClass("active")) {
+ self.recentFilter.removeClass("active").next().addClass("active");
+ }
+
+ self.recentCategory.hide();
+ self.recentFilter.hide();
+
+ categoryBlocks.each(function() {
+ var matchEmojis = function(category, activeTone) {
+ var $matched = category.find('.emojibtn[data-name*="' + term + '"]');
+ if ($matched.length === 0) {
+ if (category.data('tone') === activeTone) {
+ category.hide();
+ }
+ filterBtns.filter('[data-filter="' + category.attr('name') + '"]').hide();
+ } else {
+ var $notMatched = category.find('.emojibtn:not([data-name*="' + term + '"])');
+ $notMatched.hide();
+
+ $matched.show();
+
+ if (category.data('tone') === activeTone) {
+ category.show();
+ }
+
+ filterBtns.filter('[data-filter="' + category.attr('name') + '"]').show();
+ }
+ }
+
+ var $block = $(this);
+ if ($block.data('tone') === 0) {
+ categories.filter(':not([name="recent"])').each(function() {
+ matchEmojis($(this), 0);
+ })
+ } else {
+ matchEmojis($block, activeTone);
+ }
+ });
+ if (!noListenScroll) {
+ scrollArea.trigger('scroll');
+ } else {
+ lazyLoading.call(self);
+ }
+ } else {
+ updateRecent(self, true);
+ categoryBlocks.filter('[data-tone="' + tones.find("i.active").data("skin") + '"]:not([name="recent"])').show();
+ $('.emojibtn', categoryBlocks).show();
+ filterBtns.show();
+ lazyLoading.call(self);
+ }
+ })
+
+ .on("@search.blur", function() {
+ self.stayFocused = false;
+ self.search.removeClass("focused");
+ self.trigger("blur");
+ });
+ }
+ self.on("@keyup", function(_, e) {
+ var html = self.editor.html().replace(/<\/?(?:div|span|p)[^>]*>/ig, '');
+ // clear input: chrome adds
when contenteditable is empty + if (!html.length || /^]*>$/i.test(html)) {
+ self.editor.html(self.content = '');
+ }
+ source[sourceValFunc](self.getText());
+ let inputText;
+ inputText = self.getText();
+ inputText = inputText
+ .replace(/(^|[^\/\w])@(([a-z0-9_]+)@[a-z0-9.-]+[a-z0-9]+)/ig, '$1@$3')
+ .replace(/(http(s)?:\/\/.)?(www\.)?[-a-zA-Z0-9@:%._+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_+.~#?&/=]*)/g, 'xxxxxxxxxxxxxxxxxxxxxxx');
+
+ $("#count").text(inputText.length);
+ });
+ if (options.shortcuts) {
+ self.on("@keydown", function(_, e) {
+
+ if (!e.ctrlKey) {
+ if (e.which == 9) {
+ e.preventDefault();
+ button.click();
+ }
+ else if (e.which == 27) {
+ e.preventDefault();
+ if (button.is(".active")) {
+ self.hidePicker();
+ }
+ }
+ }
+ });
+ }
+
+ if (isObject(options.events) && !$.isEmptyObject(options.events)) {
+ $.each(options.events, function(event, handler) {
+ self.on(event.replace(/_/g, '.'), handler);
+ });
+ }
+
+ if (options.autocomplete) {
+ var autocomplete = function() {
+ var textcompleteOptions = {
+ maxCount: options.textcomplete.maxCount,
+ placement: options.textcomplete.placement
+ };
+
+ if (options.shortcuts) {
+ textcompleteOptions.onKeydown = function (e, commands) {
+ if (!e.ctrlKey && e.which == 13) {
+ return commands.KEY_ENTER;
+ }
+ };
+ }
+
+ var map = $.map(emojione.emojioneList, function (_, emoji) {
+ return !options.autocompleteTones ? /_tone[12345]/.test(emoji) ? null : emoji : emoji;
+ });
+ map.sort();
+ editor.textcomplete([
+ {
+ id: css_class,
+ match: /\B((:[\-+\w]*)|(@[\-+\w]*))$/,
+ search: function (term, callback) {
+
+ if (term.startsWith(":")) {
+ callback($.map(map, function (emoji) {
+ return emoji.indexOf(term) === 0 ? emoji : null;
+ }));
+ } else if (term.startsWith("@")){
+ $.ajax({
+ url: "https://"+$('#data_api').attr('data-instance')+"/api/v2/search?type=accounts&q="+term.substring(1),
+ headers: {"Authorization": $('#data_api').attr('data-token')},
+ context: document.body
+ }).done(function(value) {
+ // value = eval("(" + value + ")");
+ callback($.map(value.accounts, function (value) {
+ return value;
+ }));
+ });
+ }
+ },
+ template: function (value) {
+
+
+ if (typeof value.acct == 'undefined') {
+ return shortnameTo(value, self.emojiTemplate) + " " + value.replace(/:/g, '');
+ } else {
+ return '
@'+value.acct;
+ }
+ },
+ replace: function (value) {
+ if (typeof value.acct == 'undefined') {
+ return shortnameTo(value, self.emojiTemplate);
+ }else{
+ return "@"+value.acct;
+ }
+ },
+ cache: true,
+ index: 1
+ }
+ ], textcompleteOptions);
+
+ if (options.textcomplete.placement) {
+ // Enable correct positioning for textcomplete
+ if ($(editor.data('textComplete').option.appendTo).css("position") == "static") {
+ $(editor.data('textComplete').option.appendTo).css("position", "relative");
+ }
+ }
+ };
+
+ var initAutocomplete = function() {
+ if (self.disabled) {
+ var enable = function () {
+ self.off('enabled', enable);
+ autocomplete();
+ };
+ self.on('enabled', enable);
+ } else {
+ autocomplete();
+ }
+ }
+
+ if ($.fn.textcomplete) {
+ initAutocomplete();
+ } else {
+ $.ajax({
+ url: "https://cdn.rawgit.com/yuku-t/jquery-textcomplete/v1.3.4/dist/jquery.textcomplete.js",
+ dataType: "script",
+ cache: true,
+ success: initAutocomplete
+ });
+ }
+ }
+
+ if (self.inline) {
+ app.addClass(selector('inline', true));
+ self.on("@keydown", function(_, e) {
+ if (e.which == 13) {
+ e.preventDefault();
+ }
+ });
+ }
+
+ if (/firefox/i.test(navigator.userAgent)) {
+ // disabling resize images on Firefox
+ document.execCommand("enableObjectResizing", false, false);
+ }
+
+ self.isReady = true;
+ self.trigger("onLoad", editor);
+ self.trigger("ready", editor);
+ //}, self.id === 1); // calcElapsedTime()
+ };
+ var cdn = {
+ defaultBase: "https://cdnjs.cloudflare.com/ajax/libs/emojione/",
+ defaultBase3: "https://cdn.jsdelivr.net/",
+ base: null,
+ isLoading: false
+ };
+ function loadEmojione(options) {
+ var emojioneVersion = getEmojioneVersion()
+ options = getOptions(options);
+
+ if (!cdn.isLoading) {
+ if (!emojione || getSupportMode(detectVersion(emojione)) < 2) {
+ cdn.isLoading = true;
+ var emojioneJsCdnUrlBase;
+ if (getSupportMode(emojioneVersion) > 5) {
+ emojioneJsCdnUrlBase = cdn.defaultBase3 + "npm/emojione@" + emojioneVersion;
+ } else if (getSupportMode(emojioneVersion) > 4) {
+ emojioneJsCdnUrlBase = cdn.defaultBase3 + "emojione/" + emojioneVersion;
+ } else {
+ emojioneJsCdnUrlBase = cdn.defaultBase + "/" + emojioneVersion;
+ }
+
+ $.ajax({
+ url: emojioneJsCdnUrlBase + "/lib/js/emojione.min.js",
+ dataType: "script",
+ cache: true,
+ success: function () {
+ emojione = window.emojione;
+ emojioneVersion = detectVersion(emojione);
+ emojioneSupportMode = getSupportMode(emojioneVersion);
+ var sprite;
+ if (emojioneSupportMode > 4) {
+ cdn.base = cdn.defaultBase3 + "emojione/assets/" + emojioneVersion;
+ sprite = cdn.base + "/sprites/emojione-sprite-" + emojione.emojiSize + ".css";
+ } else {
+ cdn.base = cdn.defaultBase + emojioneVersion + "/assets";
+ sprite = cdn.base + "/sprites/emojione.sprites.css";
+ }
+ if (options.sprite) {
+ if (document.createStyleSheet) {
+ document.createStyleSheet(sprite);
+ } else {
+ $('', {rel: 'stylesheet', href: sprite}).appendTo('head');
+ }
+ }
+ while (readyCallbacks.length) {
+ readyCallbacks.shift().call();
+ }
+ cdn.isLoading = false;
+ }
+ });
+ } else {
+ emojioneVersion = detectVersion(emojione);
+ emojioneSupportMode = getSupportMode(emojioneVersion);
+ if (emojioneSupportMode > 4) {
+ cdn.base = cdn.defaultBase3 + "emojione/assets/" + emojioneVersion;
+ } else {
+ cdn.base = cdn.defaultBase + emojioneVersion + "/assets";
+ }
+ }
+ }
+
+ emojioneReady(function() {
+ var emojiSize = "";
+ if (options.useInternalCDN) {
+ if (emojioneSupportMode > 4) emojiSize = emojione.emojiSize + "/";
+
+ emojione.imagePathPNG = cdn.base + "/png/" + emojiSize;
+ emojione.imagePathSVG = cdn.base + "/svg/" + emojiSize;
+ emojione.imagePathSVGSprites = cdn.base + "/sprites/emojione.sprites.svg";
+ emojione.imageType = options.imageType;
+ }
+ if (getSupportMode(emojioneVersion) > 4) {
+ uniRegexp = emojione.regUnicode;
+ emojione.imageType = options.imageType || "png";
+ } else {
+ uniRegexp = new RegExp("]*>.*?<\/object>|]*>.*?<\/span>|<(?:object|embed|svg|img|div|span|p|a)[^>]*>|(" + emojione.unicodeRegexp + ")", "gi");
+ }
+ });
+ };
+ var EmojioneArea = function(element, options) {
+ var self = this;
+ loadEmojione(options);
+ eventStorage[self.id = ++unique] = {};
+ possibleEvents[self.id] = {};
+ emojioneReady(function() {
+ init(self, element, options);
+ });
+ };
+ function bindEvent(self, event) {
+ event = event.replace(/^@/, '');
+ var id = self.id;
+ if (possibleEvents[id][event]) {
+ $.each(possibleEvents[id][event], function(i, ev) {
+ // ev[0] = element
+ // ev[1] = event
+ // ev[2] = target
+ $.each($.isArray(ev[0]) ? ev[0] : [ev[0]], function(i, el) {
+ $(el).on(ev[1], function() {
+ var args = slice.call(arguments),
+ target = $.isFunction(ev[2]) ? ev[2].apply(self, [event].concat(args)) : ev[2];
+ if (target) {
+ trigger(self, event, [target].concat(args));
+ }
+ });
+ });
+ });
+ possibleEvents[id][event] = null;
+ }
+ }
+
+ EmojioneArea.prototype.on = function(events, handler) {
+ if (events && $.isFunction(handler)) {
+ var self = this;
+ $.each(events.toLowerCase().split(' '), function(i, event) {
+ bindEvent(self, event);
+ (eventStorage[self.id][event] || (eventStorage[self.id][event] = [])).push(handler);
+ });
+ }
+ return this;
+ };
+
+ EmojioneArea.prototype.off = function(events, handler) {
+ if (events) {
+ var id = this.id;
+ $.each(events.toLowerCase().replace(/_/g, '.').split(' '), function(i, event) {
+ if (eventStorage[id][event] && !/^@/.test(event)) {
+ if (handler) {
+ $.each(eventStorage[id][event], function(j, fn) {
+ if (fn === handler) {
+ eventStorage[id][event].splice(j, 1);
+ }
+ });
+ } else {
+ eventStorage[id][event] = [];
+ }
+ }
+ });
+ }
+ return this;
+ };
+
+ EmojioneArea.prototype.trigger = function() {
+ var args = slice.call(arguments),
+ call_args = [this].concat(args.slice(0,1));
+ call_args.push(args.slice(1));
+ return trigger.apply(this, call_args);
+ };
+
+ EmojioneArea.prototype.setFocus = function () {
+ var self = this;
+ emojioneReady(function () {
+ self.editor.focus();
+ });
+ return self;
+ };
+
+ EmojioneArea.prototype.setText = function (str) {
+ var self = this;
+ emojioneReady(function () {
+ self.editor.html(htmlFromText(str, self));
+ self.content = self.editor.html();
+ trigger(self, 'change', [self.editor]);
+ calcButtonPosition.apply(self);
+ });
+ return self;
+ }
+
+ EmojioneArea.prototype.getText = function() {
+ return textFromHtml(this.editor.html(), this);
+ }
+
+ EmojioneArea.prototype.showPicker = function () {
+ var self = this;
+ if (self._sh_timer) {
+ window.clearTimeout(self._sh_timer);
+ }
+ self.picker.removeClass("hidden");
+ self._sh_timer = window.setTimeout(function() {
+ self.button.addClass("active");
+ }, 50);
+ trigger(self, "picker.show", [self.picker]);
+ return self;
+ }
+
+ EmojioneArea.prototype.hidePicker = function () {
+ var self = this;
+ if (self._sh_timer) {
+ window.clearTimeout(self._sh_timer);
+ }
+ self.button.removeClass("active");
+ self._sh_timer = window.setTimeout(function() {
+ self.picker.addClass("hidden");
+ }, 500);
+ trigger(self, "picker.hide", [self.picker]);
+ return self;
+ }
+
+ EmojioneArea.prototype.enable = function () {
+ var self = this;
+ var next = function () {
+ self.disabled = false;
+ self.editor.prop('contenteditable', true);
+ self.button.show();
+ var editor = self[(self.standalone) ? "button" : "editor"];
+ editor.parent().removeClass('emojionearea-disable');
+ trigger(self, 'enabled', [editor]);
+ };
+ self.isReady ? next() : self.on("ready", next);
+ return self;
+ }
+
+ EmojioneArea.prototype.disable = function () {
+ var self = this;
+ self.disabled = true;
+ var next = function () {
+ self.editor.prop('contenteditable', false);
+ self.hidePicker();
+ self.button.hide();
+ var editor = self[(self.standalone) ? "button" : "editor"];
+ editor.parent().addClass('emojionearea-disable');
+ trigger(self, 'disabled', [editor]);
+ };
+ self.isReady ? next() : self.on("ready", next);
+ return self;
+ }
+
+ $.fn.emojioneArea = function(options) {
+ return this.each(function() {
+ if (!!this.emojioneArea) return this.emojioneArea;
+ $.data(this, 'emojioneArea', this.emojioneArea = new EmojioneArea($(this), options));
+ return this.emojioneArea;
+ });
+ };
+
+ $.fn.emojioneArea.defaults = getDefaultOptions();
+
+ $.fn.emojioneAreaText = function(options) {
+ options = getOptions(options);
+
+ var self = this, pseudoSelf = {
+ shortnames: (options && typeof options.shortnames !== 'undefined' ? options.shortnames : true),
+ emojiTemplate: '
'
+ };
+
+ loadEmojione(options);
+ emojioneReady(function() {
+ self.each(function() {
+ var $this = $(this);
+ if (!$this.hasClass('emojionearea-text')) {
+ $this.addClass('emojionearea-text').html(htmlFromText(($this.is('TEXTAREA') || $this.is('INPUT') ? $this.val() : $this.text()), pseudoSelf));
+ }
+ return $this;
+ });
+ });
+
+ return this;
+ };
+
+}, window ) );
diff --git a/symfony.lock b/symfony.lock
index 453784a..42155cd 100644
--- a/symfony.lock
+++ b/symfony.lock
@@ -33,7 +33,7 @@
]
},
"php": {
- "version": "7.2"
+ "version": "7.3"
},
"psr/cache": {
"version": "1.0.1"
diff --git a/templates/fediplan/schedule.html.twig b/templates/fediplan/schedule.html.twig
index b445244..7868480 100644
--- a/templates/fediplan/schedule.html.twig
+++ b/templates/fediplan/schedule.html.twig
@@ -50,7 +50,7 @@
'), self); + clipboard.remove(); + pasteText(text); + }, 200); + }) + + .on("@emojibtn.click", function(emojibtn) { + editor.removeClass("has-placeholder"); + + if (self.searchSel !== null) { + editor.focus(); + restoreSelection(editor[0], self.searchSel); + self.searchSel = null; + } + + if (self.standalone) { + editor.html(shortnameTo(emojibtn.data("name"), self.emojiTemplate)); + self.trigger("blur"); + } else { + saveSelection(editor[0]); + pasteHtmlAtCaret(shortnameTo(emojibtn.data("name"), self.emojiTemplate)); + } + + if (self.recentEmojis) { + setRecent(self, emojibtn.data("name")); + } + + // self.search.val('').trigger("change"); + self.trigger('search.keypress'); + }) + + .on("@!resize @keyup @emojibtn.click", calcButtonPosition) + + .on("@!mousedown", function(editor, event) { + if ($(event.target).hasClass('search')) { + // Allow search clicks + self.stayFocused = true; + if (self.searchSel === null) { + self.searchSel = saveSelection(editor[0]); + } + } else { + if (!app.is(".focused")) { + editor.trigger("focus"); + } + event.preventDefault(); + } + return false; + }) + + .on("@change", function() { + var html = self.editor.html().replace(/<\/?(?:div|span|p)[^>]*>/ig, ''); + // clear input: chrome adds
when contenteditable is empty + if (!html.length || /^
when contenteditable is empty + if (!html.length || /^
{{ form_label(form.content_warning) }}
- {{ form_widget(form.content_warning, {'attr': {'class': 'form-control'}}) }}
+ {{ form_widget(form.content_warning, {'attr': {'class': 'form-control', 'data-emojiable':'true'}}) }}
{% if not form.content_warning.vars.errors is empty %}
{% for errorItem in form.content_warning.vars.errors %}
@@ -66,7 +66,7 @@
{{ form_label(form.content) }}
- {{ form_widget(form.content, {'attr': {'class': 'form-control','id':'composer_content'}}) }}
+ {{ form_widget(form.content, {'attr': {'class': 'form-control','id':'composer_content','data-emojiable':'true'}}) }}
{% if not form.content.vars.errors is empty %}
{% for errorItem in form.content.vars.errors %}
@@ -214,7 +214,7 @@
-
+
{% endblock %}
{% block javascripts %}
@@ -316,7 +316,7 @@
{% } %}
{% endverbatim %}
-
+
@@ -325,6 +325,9 @@
+
+
+
+
{% endblock %}