diff --git a/css/main.css b/css/main.css index 5513633..8cfcea0 100644 --- a/css/main.css +++ b/css/main.css @@ -71,7 +71,7 @@ right:0; border:1px solid #000; border-radius: 5px 0 0 0; - overflow:auto; + overflow:hidden; visibility:hidden; transition: all 1s; -webkit-transition: all 1s; @@ -84,18 +84,34 @@ #emote-menu-header { width:100%; - height:36px; - background:#212222; - border-bottom:1px solid #000; + height:30px; + background-color: #36393E; } -#emote-menu-header span { - width:100%; +.emote-menu-tab { + float:left; + width:130px; text-align:center; - display:block; - line-height:36px; - font-weight:bold; + padding:7px; color:#ADADAD; + background-color:#424549; + cursor: pointer; +} + +.emote-menu-tab:hover { + background-color:#45484C; +} + +#emote-menu-inner { + height:412px; +} + +#emote-menu-inner-fav { + height:412px; +} + +.emote-menu-tab-selected, .emote-menu-tab-selected:hover { + background-color:#36393E; } #emote-container { @@ -168,8 +184,20 @@ color:#ADADAD; } -#tc-settings-button { - background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABOWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarZGxSsNQFIa/G0XFoVYI4uBwJ1FQbNXBjElbiiBYq0OSrUlDldIk3NyqfQhHtw4u7j6Bk6PgoPgEvoHi1MEhSHASwW/6zs/hcOAHo2LXnYZRhkGsVbvpSNfz5ewTM0wBQCfMUrvVOgCIkzjiJwI+XxEAz5t23WnwN+bDVGlgAmx3oywEUQH6FzrVIMaAGfRTDeIOMNVJuwbiASj1cn8BSkHub0BJuZ4P4gMwe67ngzEHmEHuK4Cpo0sNUEvSkTrrnWpZtSxL2t0kiOTxKNPRIJP7cZioNFEdHXWB/D8AFvPFdtORa1XL2lvnn3E9X+b2foQAxNJjkRWEQ3X+3YWx8/tc3Bgvw+EtTE+KbPcKbjZg4brIVqtQ3oL78RfCs0/+HAmzJwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAnUklEQVR4AQBCJ73YAf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADi4uIAAAAAAAAAAAAAAAAAAAAAMAAAAIgAAAA3AAAAAAAAAP8AAAAAAAAAAAAAAAMAAAD1AAAAjwAAAJAAAAD7AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4eHgAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAhAAAAEcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAewAAANwAAACvAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAXAAAAEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwAAABkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4uLiCAAAABYAAADlHh4e/QAAAAAAAAAAAAAAAAAAAAAAAAD9AAAA/gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/AAAAPkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAgAAAOoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADi4uIhAAAAigAAAKMAAACH4uLiFAAAAAAAAAAAAAAAAAAAAAAAAADsAAAA9QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/gAAAPQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEQAAACYAAAA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AAAAAAAAAAAAAOMAAACpAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAqQAAAFoAAAAdAAAAAAAAAAAAAAAAAAAAAAAAAFoAAAAtAAAA/wAAAAYAAAD5AAAAtwAAAI0AAAAABAAAAAAAAAAAAAAAlQAAADwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL8eHh7PAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAzwAAAL8AAABeAAAAAAAAAAAAAAAAAAAAAAAAABQAAABBAAAAAAAAAAAAAAAAAAAAPAAAAI0AAAAAAgAAAAAAAAAAAAAANwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/AAAAAAAAAAAAgAAAAAAAAAAAAAA9gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA+gAAAAAAAAAAAgAAAAAAAAAAAAAA/gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAN4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAN4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAA+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAgAAAAAAAAAAAAAAhgAAAO0AAAD9AAAA+wAAAPcAAAD/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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwAAAAuAAAAC0AAAAEAAAA/gAAAAAAAAAAAAAAAAAAAAAAAAAKAAAAyQAAAL8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA//87zloWglmdugAAAABJRU5ErkJggg=='); +#rmenu { + width: auto; + background: #505050; + position:absolute; + z-index: 999999; + display: none; + box-shadow: 0 0 2px #000; + padding:2px; +} + +#rmenu ul a{ + text-decoration: none; + color:#FFF; + padding:3px; } #tc-settings-panel-body { diff --git a/js/main.js b/js/main.js index cc6c98e..ebc2feb 100644 --- a/js/main.js +++ b/js/main.js @@ -473,14 +473,17 @@ EmoteModule.prototype.injectEmote = function(node) { if (emotesTwitch.emotes.hasOwnProperty(word)) { var len = Math.round(word.length / 4); - parentInnerHTML = parentInnerHTML.replace(word, '' + word.substr(0, len) + ' ); + parentInnerHTML = parentInnerHTML.replace(word, '' + word.substr(0, len) + '); return; } if (typeof emotesFfz !== 'undefined' && settingsCookie["bda-es-1"]) { if (emotesFfz.hasOwnProperty(word)) { var len = Math.round(word.length / 4); - parentInnerHTML = parentInnerHTML.replace(word, '' + word.substr(0, len) + '); + var name = word.substr(0, len) + "\uFDD9" + word.substr(len, len) + "\uFDD9" + word.substr(len * 2, len) + "\uFDD9" + word.substr(len * 3); + var url = ffzEmoteUrlStart + emotesFfz[word] + ffzEmoteUrlEnd; + + parentInnerHTML = parentInnerHTML.replace(word, '
' + name + '
'); return; } } @@ -488,7 +491,9 @@ EmoteModule.prototype.injectEmote = function(node) { if (typeof emotesBTTV !== 'undefined' && settingsCookie["bda-es-2"]) { if (emotesBTTV.hasOwnProperty(word)) { var len = Math.round(word.length / 4); - parentInnerHTML = parentInnerHTML.replace(word, '' + word.substr(0, len) + '); + var name = word.substr(0, len) + "\uFDD9" + word.substr(len, len) + "\uFDD9" + word.substr(len * 2, len) + "\uFDD9" + word.substr(len * 3); + var url = emotesBTTV[word]; + parentInnerHTML = parentInnerHTML.replace(word, '
' + name + '
'); return; } } @@ -496,14 +501,18 @@ EmoteModule.prototype.injectEmote = function(node) { if(typeof emotesBTTV2 !== 'undefined' && settingsCookie["bda-es-2"]) { if(emotesBTTV2.hasOwnProperty(word)) { var len = Math.round(word.length / 4); - parentInnerHTML = parentInnerHTML.replace(word, '' + word.substr(0, len) + '); + var name = word.substr(0, len) + "\uFDD9" + word.substr(len, len) + "\uFDD9" + word.substr(len * 2, len) + "\uFDD9" + word.substr(len * 3); + var url = bttvEmoteUrlStart + emotesBTTV2[word] + bttvEmoteUrlEnd; + parentInnerHTML = parentInnerHTML.replace(word, '
' + name + '
'); return; } } if (subEmotesTwitch.hasOwnProperty(word)) { var len = Math.round(word.length / 4); - parentInnerHTML = parentInnerHTML.replace(word, '' + word.substr(0, len) + '); + var name = word.substr(0, len) + "\uFDD9" + word.substr(len, len) + "\uFDD9" + word.substr(len * 2, len) + "\uFDD9" + word.substr(len * 3); + var url = twitchEmoteUrlStart + subEmotesTwitch[word] + twitchEmoteUrlEnd; + parentInnerHTML = parentInnerHTML.replace(word, '
' + name + '
'); return; } }); @@ -772,10 +781,16 @@ QuickEmoteMenu.prototype.init = function(reload) { emoteIcon.off(); emoteIcon.on("click", function() { - var emote = $(this).attr("id"); + var emote = $(this).attr("title"); var ta = $(".channel-textarea-inner textarea"); ta.val(ta.val().slice(-1) == " " ? ta.val() + emote : ta.val() + " " + emote); }); + + var fe = localStorage["bdfavemotes"]; + if(fe != undefined) { + favoriteEmotes = JSON.parse(atob(fe)); + this.updateFavorites(); + } }; QuickEmoteMenu.prototype.obsCallback = function() { @@ -814,14 +829,33 @@ QuickEmoteMenu.prototype.obsCallback = function() { } }; +var favoriteEmotes = {}; + QuickEmoteMenu.prototype.initEmoteList = function() { emoteMenu = $("
", { id: "emote-menu" }); - var emoteMenuHeader = $("
", { id: "emote-menu-header" }).append($("", { text: "Global Emotes" })); + var emoteMenuHeader = $("
", { id: "emote-menu-header" }); var emoteMenuBody = $("
", { id: "emote-menu-inner" }); + var emoteMenuBodyFav = $("
", { id: "emote-menu-inner-fav", css: { "display": "none" }}) + + var globalTab = $("
", {class: "emote-menu-tab emote-menu-tab-selected", text: "Global", click: function() { $("#emote-menu-inner-fav").hide(); $("#emote-menu-inner").show(); }}); + var favoriteTab = $("
", {class: "emote-menu-tab", text: "Favorite", click: function() { $("#emote-menu-inner").hide(); $("#emote-menu-inner-fav").show(); }}); + + emoteMenuHeader.append(globalTab); + emoteMenuHeader.append(favoriteTab); + emoteMenu.append(emoteMenuHeader); - emoteMenu.append(emoteMenuBody); + + var swrapper = $("
", { class: "scroller-wrap" }); + var scroller = $("
", { class: "scroller"}); + + + swrapper.append(scroller); + scroller.append(emoteMenuBody); + scroller.append(emoteMenuBodyFav); + + emoteMenu.append(swrapper); for(var emote in emotesTwitch.emotes) { if(emotesTwitch.emotes.hasOwnProperty(emote)) { @@ -829,6 +863,58 @@ QuickEmoteMenu.prototype.initEmoteList = function() { emoteMenuBody.append($("
" , { class: "emote-container" }).append($("", { class: "emote-icon", id: emote, alt: "", src: "https://static-cdn.jtvnw.net/emoticons/v1/"+id+"/1.0", title: emote }))); } } + + +}; + +QuickEmoteMenu.prototype.favorite = function(name, url) { + + if(!$("#rmenu").length) { + $("body").append(''); + $(document).on("click", function() { + $("#rmenu").hide(); + }); + } + + if(!favoriteEmotes.hasOwnProperty(name)) { + favoriteEmotes[name] = url; + } + + this.updateFavorites(); +}; + +QuickEmoteMenu.prototype.updateFavorites = function() { + console.log("UPDATE FAVORITES : " + favoriteEmotes); + var self = this; + var emoteMenuBody = $("#emote-menu-inner-fav"); + emoteMenuBody.empty(); + for(var emote in favoriteEmotes) { + var url = favoriteEmotes[emote]; + + var econtainer = $("
", { class: "emote-container" }); + var icon = $("", { class: "emote-icon", alt: "", src: url, title: emote }).appendTo(econtainer); + emoteMenuBody.append(econtainer); + + icon.off("click").on("click", function(e) { + var emote = $(this).attr("title"); + var ta = $(".channel-textarea-inner textarea"); + ta.val(ta.val().slice(-1) == " " ? ta.val() + emote : ta.val() + " " + emote); + }); + icon.off("contextmenu").on("contextmenu", function(e) { + var title = $(this).attr("title"); + var menu = $("#rmenu"); + menu.find("a").off("click").on("click",function() { + delete favoriteEmotes[title]; + self.updateFavorites(); + }); + menu.hide(); + menu.css({top: e.pageY, left: e.pageX}); + menu.show(); + return false; + }); + } + + window.localStorage["bdfavemotes"] = btoa(JSON.stringify(favoriteEmotes)); }; /* BetterDiscordApp Settings Panel JavaScript