mirror of
https://github.com/FrankerFaceZ/FrankerFaceZ.git
synced 2025-08-05 22:00:54 +00:00
I really need to remember to commit more frequently.
This commit is contained in:
SirStendec
parent
800553c602
commit
d55af32b4e
45 changed files with 4777 additions and 2913 deletions
|
|
@ -56,7 +56,7 @@ FFZ.settings_info.global_emotes_in_menu = {
|
|||
|
||||
FFZ.settings_info.emoji_in_menu = {
|
||||
type: "boolean",
|
||||
value: false,
|
||||
value: true,
|
||||
|
||||
category: "Chat Input",
|
||||
|
||||
|
|
@ -66,11 +66,18 @@ FFZ.settings_info.emoji_in_menu = {
|
|||
|
||||
|
||||
FFZ.settings_info.emote_menu_collapsed = {
|
||||
storage_key: "ffz_setting_my_emoticons_collapsed_sections",
|
||||
value: [],
|
||||
visible: false
|
||||
}
|
||||
|
||||
|
||||
FFZ.settings_info.favorite_emotes = {
|
||||
value: {},
|
||||
visible: false
|
||||
}
|
||||
|
||||
|
||||
FFZ.prototype.setup_my_emotes = function() {
|
||||
this._twitch_badges = {};
|
||||
this._twitch_badges["--global--"] = "//cdn.frankerfacez.com/script/twitch_logo.png";
|
||||
|
|
@ -100,47 +107,208 @@ FFZ.menu_pages.myemotes = {
|
|||
return ffz_sets.length || (sk && sk.length) || this.settings.emoji_in_menu;
|
||||
},
|
||||
|
||||
render: function(view, container) {
|
||||
var tmi = view.get('controller.currentRoom.tmiSession'),
|
||||
twitch_sets = (tmi && tmi.getEmotes() || {'emoticon_sets': {}})['emoticon_sets'];
|
||||
default_page: function() {
|
||||
for(var key in this.settings.favorite_emotes)
|
||||
if ( this.settings.favorite_emotes[key] && this.settings.favorite_emotes[key].length )
|
||||
return 'favorites';
|
||||
|
||||
// We don't have to do async stuff anymore cause we pre-load data~!
|
||||
return FFZ.menu_pages.myemotes.draw_menu.bind(this)(view, container, twitch_sets);
|
||||
return 'all';
|
||||
},
|
||||
|
||||
pages: {
|
||||
favorites: {
|
||||
name: "Favorites",
|
||||
sort_order: 1,
|
||||
|
||||
render: function(view, container) {
|
||||
FFZ.menu_pages.myemotes.render_lists.call(this, view, container, true);
|
||||
|
||||
var el = document.createElement("div");
|
||||
el.className = "emoticon-grid ffz-no-emotes center";
|
||||
el.innerHTML = "You have no favorite emoticons.<br><img src=\"//cdn.frankerfacez.com/emoticon/26608/2\"><br>To make an emote a favorite, find it on the <nobr>All Emoticons</nobr> tab and <nobr>Ctrl-Click</nobr> it.";
|
||||
container.appendChild(el);
|
||||
}
|
||||
},
|
||||
|
||||
all: {
|
||||
name: "All Emoticons",
|
||||
sort_order: 2,
|
||||
|
||||
render: function(view, container) {
|
||||
FFZ.menu_pages.myemotes.render_lists.call(this, view, container, false);
|
||||
}
|
||||
},
|
||||
|
||||
emoji: {
|
||||
name: "Emoji",
|
||||
sort_order: 3,
|
||||
visible: function() { return this.settings.emoji_in_menu },
|
||||
|
||||
render: function(view, container) {
|
||||
var sets = [];
|
||||
|
||||
for(var cat in constants.EMOJI_CATEGORIES) {
|
||||
var menu = FFZ.menu_pages.myemotes.draw_emoji.call(this, view, cat, false);
|
||||
if ( menu )
|
||||
sets.push([cat, menu]);
|
||||
}
|
||||
|
||||
sets.sort(function(a,b) {
|
||||
var an = a[0], bn = b[0];
|
||||
if ( an < bn ) return -1;
|
||||
if ( an > bn ) return 1;
|
||||
return 0;
|
||||
});
|
||||
|
||||
for(var i=0; i < sets.length; i++)
|
||||
container.appendChild(sets[i][1]);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
render_lists: function(view, container, favorites_only) {
|
||||
var tmi = view.get('controller.currentRoom.tmiSession'),
|
||||
twitch_sets = (tmi && tmi.getEmotes() || {'emoticon_sets': {}})['emoticon_sets'],
|
||||
|
||||
user = this.get_user(),
|
||||
ffz_sets = this.getEmotes(user && user.login, null),
|
||||
sets = [];
|
||||
|
||||
// Start with Twitch Sets
|
||||
for(var set_id in twitch_sets) {
|
||||
if ( ! twitch_sets.hasOwnProperty(set_id) || ( ! this.settings.global_emotes_in_menu && set_id === '0' ) )
|
||||
continue;
|
||||
|
||||
var favorites_list = this.settings.favorite_emotes["twitch-" + set_id];
|
||||
if ( favorites_only && (! favorites_list || ! favorites_list.length) )
|
||||
continue;
|
||||
|
||||
var set = twitch_sets[set_id];
|
||||
if ( ! set.length )
|
||||
continue;
|
||||
|
||||
var menu = FFZ.menu_pages.myemotes.draw_twitch_set.call(this, view, set_id, set, favorites_only);
|
||||
if ( menu )
|
||||
sets.push([this._twitch_set_to_channel[set_id], menu]);
|
||||
}
|
||||
|
||||
// Emoji~!
|
||||
if ( favorites_only && this.settings.emoji_in_menu ) {
|
||||
var favorites_list = this.settings.favorite_emotes["emoji"];
|
||||
if ( favorites_list && favorites_list.length ) {
|
||||
var menu = FFZ.menu_pages.myemotes.draw_emoji.call(this, view, null, favorites_only);
|
||||
if ( menu )
|
||||
sets.push(["emoji", menu]);
|
||||
}
|
||||
}
|
||||
|
||||
// Now, FFZ!
|
||||
for(var i=0; i < ffz_sets.length; i++) {
|
||||
var set_id = ffz_sets[i],
|
||||
set = this.emote_sets[set_id],
|
||||
|
||||
menu_id = set.hasOwnProperty('source_ext') ? 'ffz-ext-' + set.source_ext + '-' + set.source_id : 'ffz-' + set.id,
|
||||
favorites_list = this.settings.favorite_emotes[menu_id];
|
||||
|
||||
if ( favorites_only && (! favorites_list || ! favorites_list.length) )
|
||||
continue;
|
||||
|
||||
if ( ! set || ! set.count || ( ! this.settings.global_emotes_in_menu && this.default_sets.indexOf(set_id) !== -1 ) )
|
||||
continue;
|
||||
|
||||
var menu = FFZ.menu_pages.myemotes.draw_ffz_set.call(this, view, set, favorites_only);
|
||||
if ( menu )
|
||||
sets.push([set.title.toLowerCase(), menu]);
|
||||
}
|
||||
|
||||
|
||||
if ( ! sets.length )
|
||||
return false;
|
||||
|
||||
|
||||
// Finally, sort and add them all.
|
||||
sets.sort(function(a,b) {
|
||||
var an = a[0], bn = b[0];
|
||||
if ( an === "turbo" || an === "--turbo-faces--" )
|
||||
an = "zza|" + an;
|
||||
else if ( an === "global" || (an && an.substr(0,16) === "global emoticons") || an === "--global--" )
|
||||
an = "zzy|" + an;
|
||||
else if ( an.substr(0,5) === "emoji" )
|
||||
an = "zzz|" + an;
|
||||
|
||||
if ( bn === "turbo" || bn === "--turbo-faces--" )
|
||||
bn = "zza|" + bn;
|
||||
else if ( bn === "global" || (bn && bn.substr(0,16) === "global emoticons") || bn === "--global--" )
|
||||
bn = "zzy|" + bn;
|
||||
else if ( bn.substr(0,5) === "emoji" )
|
||||
bn = "zzz|" + bn;
|
||||
|
||||
if ( an < bn ) return -1;
|
||||
if ( an > bn ) return 1;
|
||||
return 0;
|
||||
});
|
||||
|
||||
if ( favorites_only ) {
|
||||
var grid = document.createElement('div');
|
||||
grid.className = 'emoticon-grid favorites-grid';
|
||||
for(var i=0; i < sets.length; i++)
|
||||
grid.appendChild(sets[i][1]);
|
||||
|
||||
container.appendChild(grid);
|
||||
|
||||
} else
|
||||
for(var i=0; i < sets.length; i++)
|
||||
container.appendChild(sets[i][1]);
|
||||
|
||||
return true;
|
||||
},
|
||||
|
||||
toggle_section: function(heading) {
|
||||
toggle_section: function(heading, container) {
|
||||
var menu = heading.parentElement,
|
||||
set_id = menu.getAttribute('data-set'),
|
||||
collapsed_list = this.settings.emote_menu_collapsed,
|
||||
is_collapsed = collapsed_list.indexOf(set_id) !== -1;
|
||||
is_collapsed = collapsed_list.indexOf(set_id) === -1;
|
||||
|
||||
if ( is_collapsed )
|
||||
if ( ! is_collapsed )
|
||||
collapsed_list.removeObject(set_id);
|
||||
else
|
||||
collapsed_list.push(set_id);
|
||||
|
||||
this.settings.set('emote_menu_collapsed', collapsed_list);
|
||||
this.settings.set('emote_menu_collapsed', collapsed_list, true);
|
||||
menu.classList.toggle('collapsed', !is_collapsed);
|
||||
|
||||
if ( is_collapsed )
|
||||
menu.appendChild(container);
|
||||
else
|
||||
menu.removeChild(container);
|
||||
},
|
||||
|
||||
draw_emoji: function(view) {
|
||||
draw_emoji: function(view, cat, favorites_only) {
|
||||
var heading = document.createElement('div'),
|
||||
menu = document.createElement('div'),
|
||||
menu_id = 'emoji' + (cat ? '-' + cat : ''),
|
||||
emotes = favorites_only ? document.createDocumentFragment() : document.createElement('div'),
|
||||
collapsed = ! favorites_only && this.settings.emote_menu_collapsed.indexOf(menu_id) === -1,
|
||||
f = this,
|
||||
settings = this.settings.parse_emoji || 1;
|
||||
settings = this.settings.parse_emoji || 1,
|
||||
|
||||
favorites = this.settings.favorite_emotes["emoji"] || [],
|
||||
c = 0;
|
||||
|
||||
heading.className = 'heading';
|
||||
heading.innerHTML = '<span class="right">Unicode</span>Emoji';
|
||||
heading.style.backgroundImage = 'url("' + constants.SERVER + 'emoji/' + (settings === 2 ? 'noto-' : 'tw-') + '1f4af.svg")';
|
||||
heading.style.backgroundSize = "18px";
|
||||
menu.className = 'emoticon-grid';
|
||||
menu.setAttribute('data-set', menu_id);
|
||||
|
||||
menu.className = 'emoticon-grid collapsable';
|
||||
menu.appendChild(heading);
|
||||
if ( ! favorites_only ) {
|
||||
heading.className = 'heading';
|
||||
heading.innerHTML = '<span class="right">Unicode</span>' + (cat ? utils.sanitize(constants.EMOJI_CATEGORIES[cat]) : 'Emoji');
|
||||
heading.style.backgroundImage = 'url("' + constants.SERVER + 'emoji/' + (settings === 3 ? 'one/' : (settings === 2 ? 'noto-' : 'tw/')) + (constants.EMOJI_LOGOS[cat] || '1f4af') + '.svg")';
|
||||
heading.style.backgroundSize = "18px";
|
||||
|
||||
menu.setAttribute('data-set', 'emoji');
|
||||
menu.classList.toggle('collapsed', this.settings.emote_menu_collapsed.indexOf('emoji') !== -1);
|
||||
heading.addEventListener('click', function() { FFZ.menu_pages.myemotes.toggle_section.bind(f)(this); });
|
||||
menu.classList.add('collapsable');
|
||||
menu.appendChild(heading);
|
||||
menu.classList.toggle('collapsed', collapsed);
|
||||
heading.addEventListener('click', function() { FFZ.menu_pages.myemotes.toggle_section.bind(f)(this, emotes); });
|
||||
}
|
||||
|
||||
var set = [];
|
||||
|
||||
|
|
@ -162,66 +330,92 @@ FFZ.menu_pages.myemotes = {
|
|||
var emoji = set[i],
|
||||
em = document.createElement('span');
|
||||
|
||||
if ( (settings === 1 && ! emoji.tw) || (settings === 2 && ! emoji.noto) )
|
||||
if ( (cat && cat !== emoji.cat) || (settings === 1 && ! emoji.tw) || (settings === 2 && ! emoji.noto) || (settings === 3 && ! emoji.one) )
|
||||
continue;
|
||||
|
||||
var src = settings === 2 ? emoji.noto_src : emoji.tw_src,
|
||||
var is_favorite = favorites.indexOf(emoji.raw) !== -1,
|
||||
src = settings === 3 ? emoji.one_src : (settings === 2 ? emoji.noto_src : emoji.tw_src),
|
||||
image = this.settings.emote_image_hover ? '<img class="emoticon ffz-image-hover" src="' + src + '">' : '';
|
||||
|
||||
em.className = 'emoticon emoji html-tooltip';
|
||||
em.title = image + 'Emoji: ' + emoji.raw + '<br>Name: ' + emoji.name + (emoji.short_name ? '<br>Short Name: :' + emoji.short_name + ':' : '');
|
||||
em.addEventListener('click', this._add_emote.bind(this, view, emoji.raw));
|
||||
if ( favorites_only && ! is_favorite )
|
||||
continue;
|
||||
|
||||
em.className = 'emoticon emoji ffz-tooltip ffz-can-favorite';
|
||||
em.classList.toggle('ffz-favorite', is_favorite);
|
||||
em.classList.toggle('ffz-is-favorite', favorites_only);
|
||||
|
||||
em.setAttribute('data-ffz-emoji', emoji.code);
|
||||
em.alt = emoji.raw;
|
||||
|
||||
em.addEventListener('click', this._add_emote.bind(this, view, emoji.raw, "emoji", emoji.raw));
|
||||
|
||||
em.style.backgroundImage = 'url("' + src + '")';
|
||||
em.style.backgroundSize = "18px";
|
||||
|
||||
menu.appendChild(em);
|
||||
c++;
|
||||
emotes.appendChild(em);
|
||||
}
|
||||
|
||||
if ( ! c )
|
||||
return;
|
||||
|
||||
if ( favorites_only )
|
||||
return emotes;
|
||||
|
||||
if ( ! collapsed )
|
||||
menu.appendChild(emotes);
|
||||
|
||||
return menu;
|
||||
},
|
||||
|
||||
draw_twitch_set: function(view, set_id, set) {
|
||||
draw_twitch_set: function(view, set_id, set, favorites_only) {
|
||||
var heading = document.createElement('div'),
|
||||
menu = document.createElement('div'),
|
||||
emotes = favorites_only ? document.createDocumentFragment() : document.createElement('div'),
|
||||
collapsed = ! favorites_only && this.settings.emote_menu_collapsed.indexOf('twitch-' + set_id) === -1,
|
||||
f = this,
|
||||
|
||||
channel_id = this._twitch_set_to_channel[set_id], title;
|
||||
|
||||
if ( channel_id === "twitch_unknown" )
|
||||
title = "Unknown Channel";
|
||||
else if ( channel_id === "--global--" )
|
||||
title = "Global Emoticons";
|
||||
else if ( channel_id === "turbo" || channel_id === "--turbo-faces--" )
|
||||
title = "Twitch Turbo";
|
||||
else
|
||||
title = FFZ.get_capitalization(channel_id, function(name) {
|
||||
heading.innerHTML = '<span class="right">Twitch</span>' + utils.sanitize(name);
|
||||
});
|
||||
|
||||
heading.className = 'heading';
|
||||
heading.innerHTML = '<span class="right">Twitch</span>' + utils.sanitize(title);
|
||||
|
||||
if ( this._twitch_badges[channel_id] )
|
||||
heading.style.backgroundImage = 'url("' + this._twitch_badges[channel_id] + '")';
|
||||
else {
|
||||
var f = this;
|
||||
Twitch.api.get("chat/" + channel_id + "/badges", null, {version: 3})
|
||||
.done(function(data) {
|
||||
if ( data.subscriber && data.subscriber.image ) {
|
||||
f._twitch_badges[channel_id] = data.subscriber.image;
|
||||
localStorage.ffzTwitchBadges = JSON.stringify(f._twitch_badges);
|
||||
heading.style.backgroundImage = 'url("' + data.subscriber.image + '")';
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
menu.className = 'emoticon-grid collapsable';
|
||||
menu.appendChild(heading);
|
||||
channel_id = this._twitch_set_to_channel[set_id], title,
|
||||
favorites = this.settings.favorite_emotes["twitch-" + set_id] || [],
|
||||
c = 0;
|
||||
|
||||
menu.className = 'emoticon-grid';
|
||||
menu.setAttribute('data-set', 'twitch-' + set_id);
|
||||
menu.classList.toggle('collapsed', this.settings.emote_menu_collapsed.indexOf('twitch-' + set_id) !== -1);
|
||||
heading.addEventListener('click', function() { FFZ.menu_pages.myemotes.toggle_section.bind(f)(this); });
|
||||
|
||||
if ( ! favorites_only ) {
|
||||
if ( channel_id === "twitch_unknown" )
|
||||
title = "Unknown Channel";
|
||||
else if ( channel_id === "--global--" )
|
||||
title = "Global Emoticons";
|
||||
else if ( channel_id === "turbo" || channel_id === "--turbo-faces--" )
|
||||
title = "Twitch Turbo";
|
||||
else
|
||||
title = FFZ.get_capitalization(channel_id, function(name) {
|
||||
heading.innerHTML = '<span class="right">Twitch</span>' + utils.sanitize(name);
|
||||
});
|
||||
|
||||
heading.className = 'heading';
|
||||
heading.innerHTML = '<span class="right">Twitch</span>' + utils.sanitize(title);
|
||||
|
||||
if ( this._twitch_badges[channel_id] )
|
||||
heading.style.backgroundImage = 'url("' + this._twitch_badges[channel_id] + '")';
|
||||
else {
|
||||
var f = this;
|
||||
utils.api.get("chat/" + channel_id + "/badges", null, {version: 3})
|
||||
.done(function(data) {
|
||||
if ( data.subscriber && data.subscriber.image ) {
|
||||
f._twitch_badges[channel_id] = data.subscriber.image;
|
||||
localStorage.ffzTwitchBadges = JSON.stringify(f._twitch_badges);
|
||||
heading.style.backgroundImage = 'url("' + data.subscriber.image + '")';
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
menu.classList.add('collapsable');
|
||||
menu.appendChild(heading);
|
||||
menu.classList.toggle('collapsed', collapsed);
|
||||
heading.addEventListener('click', function() { FFZ.menu_pages.myemotes.toggle_section.bind(f)(this, emotes); });
|
||||
}
|
||||
|
||||
set.sort(function(a,b) {
|
||||
var an = a.code.toLowerCase(),
|
||||
|
|
@ -237,11 +431,21 @@ FFZ.menu_pages.myemotes = {
|
|||
for(var i=0; i < set.length; i++) {
|
||||
var emote = set[i],
|
||||
code = constants.KNOWN_CODES[emote.code] || emote.code,
|
||||
is_favorite = favorites.indexOf(emote.id) !== -1;
|
||||
|
||||
em = document.createElement('span'),
|
||||
img_set = 'image-set(url("' + constants.TWITCH_BASE + emote.id + '/1.0") 1x, url("' + constants.TWITCH_BASE + emote.id + '/2.0") 2x, url("' + constants.TWITCH_BASE + emote.id + '/3.0") 4x)';
|
||||
if ( favorites_only && ! is_favorite )
|
||||
continue;
|
||||
|
||||
em.className = 'emoticon html-tooltip';
|
||||
var em = document.createElement('span'),
|
||||
img_set = 'image-set(url("' + constants.TWITCH_BASE + emote.id + '/1.0") 1x, url("' + constants.TWITCH_BASE + emote.id + '/2.0") 2x)';
|
||||
|
||||
em.className = 'emoticon ffz-tooltip ffz-can-favorite';
|
||||
em.setAttribute('data-emote', emote.id);
|
||||
em.alt = code;
|
||||
|
||||
em.classList.toggle('ffz-favorite', is_favorite);
|
||||
em.classList.toggle('ffz-is-favorite', favorites_only);
|
||||
em.classList.toggle('ffz-tooltip-no-credit', ! favorites_only);
|
||||
|
||||
if ( this.settings.replace_bad_emotes && constants.EMOTE_REPLACEMENTS[emote.id] ) {
|
||||
em.style.backgroundImage = 'url("' + constants.EMOTE_REPLACEMENT_BASE + constants.EMOTE_REPLACEMENTS[emote.id] + '")';
|
||||
|
|
@ -250,45 +454,63 @@ FFZ.menu_pages.myemotes = {
|
|||
em.style.backgroundImage = '-webkit-' + img_set;
|
||||
em.style.backgroundImage = '-moz-' + img_set;
|
||||
em.style.backgroundImage = '-ms-' + img_set;
|
||||
em.style.backgroudnImage = img_set;
|
||||
em.style.backgroundImage = img_set;
|
||||
}
|
||||
|
||||
em.title = (this.settings.emote_image_hover ? '<img class="emoticon ffz-image-hover" src="' + constants.TWITCH_BASE + emote.id + '/3.0?_=preview">' : '') + code;
|
||||
em.addEventListener("click", function(id, c, e) {
|
||||
e.preventDefault();
|
||||
if ( (e.shiftKey || e.shiftLeft) && f.settings.clickable_emoticons )
|
||||
window.open("https://twitchemotes.com/emote/" + id);
|
||||
else
|
||||
this._add_emote(view, c);
|
||||
this._add_emote(view, c, "twitch-" + set_id, id, e);
|
||||
}.bind(this, emote.id, code));
|
||||
menu.appendChild(em);
|
||||
|
||||
c++;
|
||||
emotes.appendChild(em);
|
||||
}
|
||||
|
||||
if ( ! c )
|
||||
return;
|
||||
|
||||
if ( favorites_only )
|
||||
return emotes;
|
||||
|
||||
if ( ! collapsed )
|
||||
menu.appendChild(emotes);
|
||||
|
||||
return menu;
|
||||
},
|
||||
|
||||
draw_ffz_set: function(view, set) {
|
||||
draw_ffz_set: function(view, set, favorites_only) {
|
||||
var heading = document.createElement('div'),
|
||||
menu = document.createElement('div'),
|
||||
emote_container = favorites_only ? document.createDocumentFragment() : document.createElement('div'),
|
||||
f = this,
|
||||
emotes = [],
|
||||
|
||||
menu_id = set.hasOwnProperty('source_ext') ? 'ffz-ext-' + set.source_ext + '-' + set.source_id : 'ffz-' + set.id,
|
||||
icon = set.icon || (set.hasOwnProperty('source_ext') && '//cdn.frankerfacez.com/emoji/tw-1f4ac.svg') || '//cdn.frankerfacez.com/script/devicon.png';
|
||||
favorites = this.settings.favorite_emotes[menu_id] || [],
|
||||
c = 0,
|
||||
icon = set.icon || (set.hasOwnProperty('source_ext') && '//cdn.frankerfacez.com/emoji/tw-1f4ac.svg') || '//cdn.frankerfacez.com/script/devicon.png',
|
||||
collapsed = ! favorites_only && this.settings.emote_menu_collapsed.indexOf(menu_id) === -1;
|
||||
|
||||
heading.className = 'heading';
|
||||
heading.innerHTML = '<span class="right">' + (utils.sanitize(set.source) || 'FrankerFaceZ') + '</span>' + set.title;
|
||||
menu.className = 'emoticon-grid';
|
||||
menu.setAttribute('data-set', menu_id);
|
||||
|
||||
heading.style.backgroundImage = 'url("' + icon + '")';
|
||||
if ( icon.indexOf('.svg') !== -1 )
|
||||
heading.style.backgroundSize = "18px";
|
||||
if ( ! favorites_only ) {
|
||||
menu.classList.add('collapsable');
|
||||
|
||||
menu.className = 'emoticon-grid collapsable';
|
||||
menu.appendChild(heading);
|
||||
heading.className = 'heading';
|
||||
heading.innerHTML = '<span class="right">' + (utils.sanitize(set.source) || 'FrankerFaceZ') + '</span>' + set.title;
|
||||
|
||||
menu.setAttribute('data-set', menu_id);
|
||||
menu.classList.toggle('collapsed', this.settings.emote_menu_collapsed.indexOf(menu_id) !== -1);
|
||||
heading.addEventListener('click', function() { FFZ.menu_pages.myemotes.toggle_section.bind(f)(this); });
|
||||
heading.style.backgroundImage = 'url("' + icon + '")';
|
||||
if ( icon.indexOf('.svg') !== -1 )
|
||||
heading.style.backgroundSize = "18px";
|
||||
|
||||
menu.appendChild(heading);
|
||||
menu.classList.toggle('collapsed', collapsed);
|
||||
heading.addEventListener('click', function() { FFZ.menu_pages.myemotes.toggle_section.bind(f)(this, emote_container); });
|
||||
}
|
||||
|
||||
for(var emote_id in set.emoticons)
|
||||
set.emoticons.hasOwnProperty(emote_id) && ! set.emoticons[emote_id].hidden && emotes.push(set.emoticons[emote_id]);
|
||||
|
|
@ -306,8 +528,12 @@ FFZ.menu_pages.myemotes = {
|
|||
|
||||
for(var i=0; i < emotes.length; i++) {
|
||||
var emote = emotes[i],
|
||||
is_favorite = favorites.indexOf(emote.id) !== -1;
|
||||
|
||||
em = document.createElement('span'),
|
||||
if ( favorites_only && ! is_favorite )
|
||||
continue;
|
||||
|
||||
var em = document.createElement('span'),
|
||||
img_set = 'image-set(url("' + emote.urls[1] + '") 1x';
|
||||
|
||||
if ( emote.urls[2] )
|
||||
|
|
@ -318,19 +544,24 @@ FFZ.menu_pages.myemotes = {
|
|||
|
||||
img_set += ')';
|
||||
|
||||
em.className = 'emoticon html-tooltip';
|
||||
em.className = 'emoticon ffz-tooltip ffz-can-favorite';
|
||||
em.classList.toggle('ffz-favorite', is_favorite);
|
||||
em.classList.toggle('ffz-is-favorite', favorites_only);
|
||||
|
||||
em.setAttribute('data-ffz-emote', emote.id);
|
||||
em.setAttribute('data-ffz-set', set.id);
|
||||
|
||||
em.style.backgroundImage = 'url("' + emote.urls[1] + '")';
|
||||
em.style.backgroundImage = '-webkit-' + img_set;
|
||||
em.style.backgroundImage = '-moz-' + img_set;
|
||||
em.style.backgroundImage = '-ms-' + img_set;
|
||||
em.style.backgroudnImage = img_set;
|
||||
em.style.backgroundImage = img_set;
|
||||
|
||||
if ( emote.height )
|
||||
em.style.height = emote.height + "px";
|
||||
em.style.height = (10+emote.height) + "px";
|
||||
if ( emote.width )
|
||||
em.style.width = emote.width + "px";
|
||||
em.style.width = (10+emote.width) + "px";
|
||||
|
||||
em.title = this._emote_tooltip(emote);
|
||||
em.addEventListener("click", function(id, code, e) {
|
||||
e.preventDefault();
|
||||
if ( (e.shiftKey || e.shiftLeft) && f.settings.clickable_emoticons ) {
|
||||
|
|
@ -345,97 +576,22 @@ FFZ.menu_pages.myemotes = {
|
|||
if ( url )
|
||||
window.open(url);
|
||||
} else
|
||||
this._add_emote(view, code);
|
||||
this._add_emote(view, code, menu_id, id, e);
|
||||
}.bind(this, emote.id, emote.name));
|
||||
menu.appendChild(em);
|
||||
|
||||
c++;
|
||||
emote_container.appendChild(em);
|
||||
}
|
||||
|
||||
if ( ! c )
|
||||
return;
|
||||
|
||||
if ( favorites_only )
|
||||
return emote_container;
|
||||
|
||||
if ( ! collapsed )
|
||||
menu.appendChild(emote_container);
|
||||
|
||||
return menu;
|
||||
},
|
||||
|
||||
draw_menu: function(view, container, twitch_sets) {
|
||||
// Make sure we're still on the My Emoticons page. Since this is
|
||||
// asynchronous, the user could've tabbed away.
|
||||
if ( container.getAttribute('data-page') !== 'myemotes' )
|
||||
return;
|
||||
|
||||
container.innerHTML = "";
|
||||
try {
|
||||
var user = this.get_user(),
|
||||
ffz_sets = this.getEmotes(user && user.login, null),
|
||||
sets = [];
|
||||
|
||||
// Start with Twitch Sets
|
||||
for(var set_id in twitch_sets) {
|
||||
if ( ! twitch_sets.hasOwnProperty(set_id) || ( ! this.settings.global_emotes_in_menu && set_id === '0' ) )
|
||||
continue;
|
||||
|
||||
var set = twitch_sets[set_id];
|
||||
if ( ! set.length )
|
||||
continue;
|
||||
|
||||
sets.push([this._twitch_set_to_channel[set_id], FFZ.menu_pages.myemotes.draw_twitch_set.bind(this)(view, set_id, set)]);
|
||||
}
|
||||
|
||||
// Emoji~!
|
||||
if ( this.settings.emoji_in_menu )
|
||||
sets.push(["emoji", FFZ.menu_pages.myemotes.draw_emoji.bind(this)(view)]);
|
||||
|
||||
// Now, FFZ!
|
||||
for(var i=0; i < ffz_sets.length; i++) {
|
||||
var set_id = ffz_sets[i],
|
||||
set = this.emote_sets[set_id];
|
||||
|
||||
if ( ! set || ! set.count || ( ! this.settings.global_emotes_in_menu && this.default_sets.indexOf(set_id) !== -1 ) )
|
||||
continue;
|
||||
|
||||
sets.push([set.title.toLowerCase(), FFZ.menu_pages.myemotes.draw_ffz_set.bind(this)(view, set)]);
|
||||
}
|
||||
|
||||
|
||||
// Finally, sort and add them all.
|
||||
sets.sort(function(a,b) {
|
||||
var an = a[0], bn = b[0];
|
||||
if ( an === "turbo" || an === "--turbo-faces--" )
|
||||
an = "zza|" + an;
|
||||
else if ( an === "global" || (an && an.substr(0,16) === "global emoticons") || an === "--global--" )
|
||||
an = "zzy|" + an;
|
||||
else if ( an === "emoji" )
|
||||
an = "zzz|" + an;
|
||||
|
||||
if ( bn === "turbo" || bn === "--turbo-faces--" )
|
||||
bn = "zza|" + bn;
|
||||
else if ( bn === "global" || (bn && bn.substr(0,16) === "global emoticons") || bn === "--global--" )
|
||||
bn = "zzy|" + bn;
|
||||
else if ( bn === "emoji" )
|
||||
bn = "zzz|" + bn;
|
||||
|
||||
if ( an < bn ) return -1;
|
||||
if ( an > bn ) return 1;
|
||||
return 0;
|
||||
});
|
||||
|
||||
for(var i=0; i < sets.length; i++)
|
||||
container.appendChild(sets[i][1]);
|
||||
|
||||
} catch(err) {
|
||||
this.error("myemotes draw_menu: " + err);
|
||||
container.innerHTML = "";
|
||||
|
||||
var menu = document.createElement('div'),
|
||||
heading = document.createElement('div'),
|
||||
p = document.createElement('p');
|
||||
|
||||
heading.className = 'heading';
|
||||
heading.innerHTML = 'Error Loading Menu';
|
||||
menu.appendChild(heading);
|
||||
|
||||
p.className = 'clearfix';
|
||||
p.textContent = err;
|
||||
menu.appendChild(p);
|
||||
|
||||
menu.className = 'chat-menu-content';
|
||||
container.appendChild(menu);
|
||||
}
|
||||
}
|
||||
};
|
||||
Loading…
Add table
Add a link
Reference in a new issue