694 lines
23 KiB
JavaScript
694 lines
23 KiB
JavaScript
/* BetterDiscordApp Core JavaScript
|
|
* Version: 1.5
|
|
* Author: Jiiks | http://jiiks.net
|
|
* Date: 27/08/2015 - 16:36
|
|
* Last Update: 24/010/2015 - 17:27
|
|
* https://github.com/Jiiks/BetterDiscordApp
|
|
*/
|
|
|
|
/*
|
|
* =Changelog=
|
|
* -v1.5
|
|
* --Synchronized loading
|
|
* --jsv 1.3
|
|
* --Voice mode
|
|
*/
|
|
|
|
var settingsPanel, emoteModule, utils, quickEmoteMenu, opublicServers, voiceMode;
|
|
var jsVersion = 1.3;
|
|
var supportedVersion = "0.1.5";
|
|
|
|
var mainObserver;
|
|
|
|
var twitchEmoteUrlStart = "https://static-cdn.jtvnw.net/emoticons/v1/";
|
|
var twitchEmoteUrlEnd = "/1.0";
|
|
var ffzEmoteUrlStart = "https://cdn.frankerfacez.com/emoticon/";
|
|
var ffzEmoteUrlEnd = "/1";
|
|
var bttvEmoteUrlStart = "";
|
|
var bttvEmoteUrlEnd = "";
|
|
|
|
var mainCore;
|
|
|
|
var settings = {
|
|
"Save logs locally": { "id": "bda-gs-0", "info": "Saves chat logs locally", "implemented":false },
|
|
"Public Servers": { "id": "bda-gs-1", "info": "BETA : Display public servers button", "implemented":true},
|
|
"Minimal Mode": { "id": "bda-gs-2", "info": "Hide elements and reduce the size of elements.", "implemented":true},
|
|
"Voice Mode": { "id": "bda-gs-4", "info": "Only show voice chat", "implemented":true},
|
|
"Hide Channels": { "id": "bda-gs-3", "info": "Hide channels in minimal mode", "implemented":true},
|
|
"Quick Emote Menu": { "id": "bda-es-0", "info": "Show quick emote menu for adding emotes", "implemented":true },
|
|
"FrankerFaceZ Emotes": { "id": "bda-es-1", "info": "Show FrankerFaceZ Emotes", "implemented":true },
|
|
"BetterTTV Emotes": { "id": "bda-es-2", "info": "Show BetterTTV Emotes", "implemented":false },
|
|
"Emote Autocomplete": { "id": "bda-es-3", "info": "Autocomplete emote commands", "implemented":false },
|
|
"Emote Auto Capitalization": { "id": "bda-es-4", "info": "Autocapitalize emote commands", "implemented":true },
|
|
"Override Default Emotes": { "id": "bda-es-5", "info": "Override default emotes", "implemented":false }
|
|
};
|
|
|
|
var defaultCookie = {
|
|
"version":jsVersion,
|
|
"bda-gs-0":false,
|
|
"bda-gs-1":true,
|
|
"bda-gs-2":false,
|
|
"bda-gs-3":false,
|
|
"bda-gs-4":false,
|
|
"bda-es-0":true,
|
|
"bda-es-1":false,
|
|
"bda-es-2":false,
|
|
"bda-es-3":false,
|
|
"bda-es-4":false,
|
|
"bda-es-5":true
|
|
};
|
|
|
|
var settingsCookie = {};
|
|
|
|
function Core() {}
|
|
|
|
Core.prototype.init = function() {
|
|
|
|
if(version < supportedVersion) {
|
|
alert("BetterDiscord v" + version + "(your version)" + " is not supported by the latest js("+jsVersion+"). Please download the latest version from GitHub.");
|
|
return;
|
|
}
|
|
|
|
|
|
utils = new Utils();
|
|
emoteModule = new EmoteModule();
|
|
quickEmoteMenu = new QuickEmoteMenu();
|
|
voiceMode = new VoiceMode();
|
|
|
|
emoteModule.init();
|
|
emoteModule.autoCapitalize();
|
|
|
|
this.initSettings();
|
|
this.initObserver();
|
|
|
|
//Incase were too fast
|
|
function gwDefer() {
|
|
if($(".guilds-wrapper").size() > 0) {
|
|
|
|
|
|
var guilds = $(".guilds li:first-child");
|
|
|
|
guilds.after($("<li></li>", { id: "bd-pub-li", css: { "height": "20px", "display": settingsCookie["bda-gs-1"] == true ? "" : "none" } }).append($("<div/>", { class: "guild-inner", css: { "height": "20px" } }).append($("<a/>").append($("<div/>", { css: { "line-height": "20px" }, text: "public", id: "bd-pub-button" })))));
|
|
guilds.after($("<li/>", {id:"tc-settings-li"}).append($("<div/>", { class: "guild-inner" }).append($("<a/>").append($("<div/>", { class: "avatar-small", id: "tc-settings-button" })))));
|
|
|
|
settingsPanel = new SettingsPanel();
|
|
settingsPanel.init();
|
|
|
|
opublicServers = new PublicServers();
|
|
opublicServers.init();
|
|
|
|
quickEmoteMenu.init(false);
|
|
|
|
$("#tc-settings-button").on("click", function() { settingsPanel.show(); });
|
|
$("#bd-pub-button").on("click", function() { opublicServers.show(); });
|
|
|
|
} else {
|
|
setTimeout(gwDefer(), 100);
|
|
}
|
|
}
|
|
|
|
gwDefer();
|
|
};
|
|
|
|
Core.prototype.initSettings = function() {
|
|
if($.cookie("better-discord") == undefined) {
|
|
settingsCookie = defaultCookie;
|
|
this.saveSettings();
|
|
} else {
|
|
this.loadSettings();
|
|
|
|
for(var setting in defaultCookie) {
|
|
if(settingsCookie[setting] == undefined) {
|
|
settingsCookie[setting] = defaultCookie[setting];
|
|
this.saveSettings();
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
Core.prototype.saveSettings = function() {
|
|
$.cookie("better-discord", JSON.stringify(settingsCookie), { expires: 365, path: '/' });
|
|
};
|
|
|
|
Core.prototype.loadSettings = function() {
|
|
settingsCookie = JSON.parse($.cookie("better-discord"));
|
|
};
|
|
|
|
Core.prototype.initObserver = function() {
|
|
|
|
mainObserver = new MutationObserver(function(mutations) {
|
|
mutations.forEach(function(mutation) {
|
|
if(mutation.target.getAttribute('class') != null) {
|
|
if(mutation.target.getAttribute('class').indexOf("titlebar") != -1) {
|
|
quickEmoteMenu.obsCallback();
|
|
}
|
|
}
|
|
emoteModule.obsCallback(mutation);
|
|
|
|
});
|
|
});
|
|
|
|
//noinspection JSCheckFunctionSignatures
|
|
mainObserver.observe(document, { childList: true, subtree: true });
|
|
};
|
|
|
|
/* BetterDiscordApp EmoteModule JavaScript
|
|
* Version: 1.5
|
|
* Author: Jiiks | http://jiiks.net
|
|
* Date: 26/08/2015 - 15:29
|
|
* Last Update: 14/10/2015 - 09:48
|
|
* https://github.com/Jiiks/BetterDiscordApp
|
|
* Note: Due to conflicts autocapitalize only supports global emotes
|
|
*/
|
|
|
|
/*
|
|
* =Changelog=
|
|
* -v1.5
|
|
* --Twitchemotes.com api
|
|
*/
|
|
|
|
var emotesFfz = {};
|
|
var emotesBTTV = {};
|
|
var emotesTwitch = { "emotes": { "emote": { "image_id": 0 } } }; //for ide
|
|
var subEmotesTwitch = {};
|
|
|
|
var twitchAc = {"4head":"4Head","anele":"ANELE","argieb8":"ArgieB8","arsonnosexy":"ArsonNoSexy","asianglow":"AsianGlow","atgl":"AtGL","athenapms":"AthenaPMS","ativy":"AtIvy","atww":"AtWW","babyrage":"BabyRage","batchest":"BatChest","bcwarrior":"BCWarrior","biblethump":"BibleThump","bigbrother":"BigBrother","bionicbunion":"BionicBunion","blargnaut":"BlargNaut","bloodtrail":"BloodTrail","bort":"BORT","brainslug":"BrainSlug","brokeback":"BrokeBack","buddhabar":"BuddhaBar","coolcat":"CoolCat","corgiderp":"CorgiDerp","cougarhunt":"CougarHunt","daesuppy":"DAESuppy","dansgame":"DansGame","dathass":"DatHass","datsheffy":"DatSheffy","dbstyle":"DBstyle","deexcite":"deExcite","deilluminati":"deIlluminati","dendiface":"DendiFace","dogface":"DogFace","doomguy":"DOOMGuy","eagleeye":"EagleEye","elegiggle":"EleGiggle","evilfetus":"EvilFetus","failfish":"FailFish","fpsmarksman":"FPSMarksman","frankerz":"FrankerZ","freakinstinkin":"FreakinStinkin","fungineer":"FUNgineer","funrun":"FunRun","fuzzyotteroo":"FuzzyOtterOO","gasjoker":"GasJoker","gingerpower":"GingerPower","grammarking":"GrammarKing","hassanchop":"HassanChop","heyguys":"HeyGuys","hotpokket":"HotPokket","humblelife":"HumbleLife","itsboshytime":"ItsBoshyTime","jebaited":"Jebaited","jkanstyle":"JKanStyle","joncarnage":"JonCarnage","kapow":"KAPOW","kappa":"Kappa","kappapride":"KappaPride","keepo":"Keepo","kevinturtle":"KevinTurtle","kippa":"Kippa","kreygasm":"Kreygasm","kzskull":"KZskull","mau5":"Mau5","mcat":"mcaT","mechasupes":"MechaSupes","mrdestructoid":"MrDestructoid","mvgame":"MVGame","nightbat":"NightBat","ninjatroll":"NinjaTroll","nonospot":"NoNoSpot","notatk":"NotATK","notlikethis":"NotLikeThis","omgscoots":"OMGScoots","onehand":"OneHand","opieop":"OpieOP","optimizeprime":"OptimizePrime","osbeaver":"OSbeaver","osbury":"OSbury","osdeo":"OSdeo","osfrog":"OSfrog","oskomodo":"OSkomodo","osrob":"OSrob","ossloth":"OSsloth","panicbasket":"panicBasket","panicvis":"PanicVis","pazpazowitz":"PazPazowitz","peopleschamp":"PeoplesChamp","permasmug":"PermaSmug","picomause":"PicoMause","pipehype":"PipeHype","pjharley":"PJHarley","pjsalt":"PJSalt","pmstwin":"PMSTwin","pogchamp":"PogChamp","poooound":"Poooound","praiseit":"PraiseIt","prchase":"PRChase","punchtrees":"PunchTrees","puppeyface":"PuppeyFace","raccattack":"RaccAttack","ralpherz":"RalpherZ","redcoat":"RedCoat","residentsleeper":"ResidentSleeper","ritzmitz":"RitzMitz","rulefive":"RuleFive","shadylulu":"ShadyLulu","shazam":"Shazam","shazamicon":"shazamicon","shazbotstix":"ShazBotstix","shibez":"ShibeZ","smorc":"SMOrc","smskull":"SMSkull","sobayed":"SoBayed","soonerlater":"SoonerLater","srihead":"SriHead","ssssss":"SSSsss","stonelightning":"StoneLightning","strawbeary":"StrawBeary","supervinlin":"SuperVinlin","swiftrage":"SwiftRage","tbbaconbiscuit":"tbBaconBiscuit","tbchickenbiscuit":"tbChickenBiscuit","tbquesarito":"tbQuesarito","tbsausagebiscuit":"tbSausageBiscuit","tbspicy":"tbSpicy","tbsriracha":"tbSriracha","tf2john":"TF2John","theking":"TheKing","theringer":"TheRinger","thetarfu":"TheTarFu","thething":"TheThing","thunbeast":"ThunBeast","tinyface":"TinyFace","toospicy":"TooSpicy","trihard":"TriHard","ttours":"TTours","uleetbackup":"UleetBackup","unclenox":"UncleNox","unsane":"UnSane","vaultboy":"VaultBoy","volcania":"Volcania","wholewheat":"WholeWheat","winwaker":"WinWaker","wtruck":"WTRuck","wutface":"WutFace","youwhy":"YouWHY"};
|
|
|
|
function EmoteModule() {}
|
|
|
|
EmoteModule.prototype.init = function() {};
|
|
|
|
EmoteModule.prototype.obsCallback = function(mutation) {
|
|
var self = this;
|
|
for(var i = 0 ; i < mutation.addedNodes.length ; ++i) {
|
|
var next = mutation.addedNodes.item(i);
|
|
if(next) {
|
|
var nodes = self.getNodes(next);
|
|
for(var node in nodes) {
|
|
if(nodes.hasOwnProperty(node)) {
|
|
self.injectEmote(nodes[node]);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
EmoteModule.prototype.getNodes = function(node) {
|
|
var next;
|
|
var nodes = [];
|
|
|
|
var treeWalker = document.createTreeWalker(node, NodeFilter.SHOW_TEXT, null, false);
|
|
|
|
while(next = treeWalker.nextNode()) {
|
|
nodes.push(next);
|
|
}
|
|
|
|
return nodes;
|
|
};
|
|
|
|
|
|
EmoteModule.prototype.injectEmote = function(node) {
|
|
|
|
if(typeof emotesTwitch === 'undefined') return;
|
|
|
|
if(!node.parentElement) return;
|
|
|
|
var parent = node.parentElement;
|
|
if(parent.tagName != "SPAN") return;
|
|
|
|
var parentInnerHTML = parent.innerHTML;
|
|
var words = parentInnerHTML.split(" ");
|
|
|
|
if(!words) return;
|
|
|
|
words.some(function(word) {
|
|
|
|
var replaced = false;
|
|
|
|
if(emotesTwitch.emotes.hasOwnProperty(word)) {
|
|
replaced = true;
|
|
parentInnerHTML = parentInnerHTML.replace(word, "<img src=" + twitchEmoteUrlStart + emotesTwitch.emotes[word].image_id + twitchEmoteUrlEnd + " ><\/img>");
|
|
}
|
|
|
|
if(typeof emotesFfz !== 'undefined' && settingsCookie["bda-es-1"] && !replaced) {
|
|
if(emotesFfz.hasOwnProperty(word)) {
|
|
replaced = true;
|
|
parentInnerHTML = parentInnerHTML.replace(word, "<img src=" + ffzEmoteUrlStart + emotesFfz[word] + ffzEmoteUrlEnd + " ><\/img>");
|
|
}
|
|
}
|
|
|
|
if(typeof emotesBTTV !== 'undefined' && settingsCookie["bda-es-2"] && !replaced) {
|
|
if(emotesBTTV.hasOwnProperty(word)) {
|
|
replaced = true;
|
|
parentInnerHTML = parentInnerHTML.replace(word, "<img src=" + bttvEmoteUrlStart + emotesBTTV[word] + bttvEmoteUrlEnd + " ><\/img>");
|
|
}
|
|
}
|
|
|
|
if(!replaced) {
|
|
if (subEmotesTwitch.hasOwnProperty(word)) {
|
|
parentInnerHTML = parentInnerHTML.replace(word, "<img src=" + twitchEmoteUrlStart + subEmotesTwitch[word] + twitchEmoteUrlEnd + " ><\/img>");
|
|
}
|
|
}
|
|
});
|
|
|
|
var oldHeight = parent.parentElement.offsetHeight;
|
|
parent.innerHTML = parentInnerHTML;
|
|
var newHeight = parent.parentElement.offsetHeight;
|
|
|
|
//Scrollfix
|
|
var scrollPane = $($(".scroller.messages")[0]);
|
|
scrollPane.scrollTop(scrollPane.scrollTop() + (newHeight - oldHeight));
|
|
};
|
|
|
|
EmoteModule.prototype.autoCapitalize = function() {
|
|
var self = this;
|
|
var textArea = $(".channel-textarea-inner textarea");
|
|
|
|
$('body').delegate(textArea, 'keyup change paste', function() {
|
|
if(!settingsCookie["bda-es-4"]) return;
|
|
|
|
var text = textArea.val();
|
|
|
|
if(text == undefined) return;
|
|
|
|
var lastWord = text.split(" ").pop();
|
|
if(lastWord.length > 3) {
|
|
var ret = self.capitalize(lastWord.toLowerCase());
|
|
if(ret != null) {
|
|
textArea.val(text.replace(lastWord, ret));
|
|
}
|
|
}
|
|
});
|
|
};
|
|
|
|
EmoteModule.prototype.capitalize = function(value) {
|
|
if(twitchAc.hasOwnProperty(value)) {
|
|
return twitchAc[value];
|
|
}
|
|
return null;
|
|
};
|
|
|
|
|
|
/* BetterDiscordApp PublicSevers JavaScripts
|
|
* Version: 1.0
|
|
* Author: Jiiks | http://jiiks.net
|
|
* Date: 27/08/2015 - 14:16
|
|
* https://github.com/Jiiks/BetterDiscordApp
|
|
*/
|
|
|
|
var publicServers = { "servers": { "server": { "code": 0, "icon": null, "title": "title", "language": "EN", "description": "description" } } }; //for ide
|
|
|
|
function PublicServers() {
|
|
|
|
}
|
|
|
|
PublicServers.prototype.getPanel = function() {
|
|
return this.container;
|
|
};
|
|
|
|
PublicServers.prototype.init = function() {
|
|
|
|
this.container = $("<div/>", {
|
|
id: "bd-ps-container"
|
|
});
|
|
|
|
var header = $("<div/>", {
|
|
id: "bd-ps-header"
|
|
});
|
|
|
|
$("<h2/>", {
|
|
text: "Public Servers"
|
|
}).appendTo(header);
|
|
|
|
$("<span/>", {
|
|
id: "bd-ps-close",
|
|
text: "X"
|
|
}).appendTo(header);
|
|
|
|
header.appendTo(this.getPanel());
|
|
|
|
var psbody = $("<div/>", {
|
|
id: "bd-ps-body"
|
|
});
|
|
|
|
psbody.appendTo(this.getPanel());
|
|
|
|
var table = $("<table/>", {
|
|
border:"0"
|
|
});
|
|
|
|
var thead = $("<thead/>");
|
|
|
|
thead.appendTo(table);
|
|
|
|
var headers = $("<tr/>", {
|
|
|
|
}).append($("<th/>", {
|
|
text: "Name"
|
|
})).append($("<th/>", {
|
|
text: "Code"
|
|
})).append($("<th/>", {
|
|
text: "Language"
|
|
})).append($("<th/>", {
|
|
text: "Description"
|
|
}));
|
|
|
|
headers.appendTo(thead);
|
|
|
|
var tbody = $("<tbody/>", {
|
|
id: "bd-ps-tbody"
|
|
});
|
|
|
|
tbody.appendTo(table);
|
|
|
|
table.appendTo(psbody);
|
|
|
|
$("body").append(this.getPanel());
|
|
|
|
|
|
var servers = publicServers.servers;
|
|
|
|
for(var server in servers) {
|
|
if(servers.hasOwnProperty(server)) {
|
|
var s = servers[server];
|
|
var code = s.code;
|
|
var title = s.title;
|
|
var language = s.language;
|
|
var description = s.description;
|
|
|
|
this.addServer(server, code, title, language, description);
|
|
}
|
|
}
|
|
};
|
|
|
|
PublicServers.prototype.addServer = function(name, code, title, language, description) {
|
|
|
|
var tableBody = $("#bd-ps-tbody");
|
|
|
|
|
|
var desc = $("<td/>").append($("<div/>", {
|
|
class: "bd-ps-description",
|
|
text: description
|
|
}));
|
|
|
|
var tr = $("<tr/>");
|
|
|
|
tr.append($("<td/>", {
|
|
text: title
|
|
}));
|
|
|
|
tr.append($("<td/>", {
|
|
css: {
|
|
"-webkit-user-select":"initial",
|
|
"user-select":"initial"
|
|
},
|
|
text: code
|
|
}));
|
|
|
|
tr.append($("<td/>", {
|
|
text: language
|
|
}));
|
|
|
|
tr.append(desc);
|
|
|
|
tableBody.append(tr);
|
|
};
|
|
|
|
PublicServers.prototype.show = function() {
|
|
this.getPanel().toggle();
|
|
};
|
|
|
|
|
|
/* BetterDiscordApp QuickEmoteMenu JavaScript
|
|
* Version: 1.3
|
|
* Author: Jiiks | http://jiiks.net
|
|
* Date: 26/08/2015 - 11:49
|
|
* Last Update: 29/08/2015 - 11:46
|
|
* https://github.com/Jiiks/BetterDiscordApp
|
|
*/
|
|
|
|
var emoteBtn, emoteMenu;
|
|
|
|
function QuickEmoteMenu() {
|
|
|
|
}
|
|
|
|
QuickEmoteMenu.prototype.init = function() {
|
|
|
|
var emoteBtn;
|
|
|
|
if(!emoteMenu) {
|
|
this.initEmoteList();
|
|
}
|
|
|
|
var menuOpen;
|
|
|
|
|
|
emoteBtn = $("<div/>", { id:"twitchcord-button-container", style:"display:none" }).append($("<button/>", { id: "twitchcord-button", onclick: "return false;" }));
|
|
|
|
$(".content.flex-spacer.flex-horizontal .flex-spacer.flex-vertical form").append(emoteBtn);
|
|
|
|
emoteMenu.detach();
|
|
emoteBtn.append(emoteMenu);
|
|
|
|
$("#twitchcord-button").on("click", function() {
|
|
menuOpen = !menuOpen;
|
|
if(menuOpen) {
|
|
emoteMenu.addClass("emotemenu-open");
|
|
$(this).addClass("twitchcord-button-open");
|
|
} else {
|
|
emoteMenu.removeClass();
|
|
$(this).removeClass();
|
|
}
|
|
});
|
|
|
|
if(settingsCookie["bda-es-0"]) {
|
|
emoteBtn.show();
|
|
}
|
|
|
|
var emoteIcon = $(".emote-icon");
|
|
|
|
emoteIcon.off();
|
|
emoteIcon.on("click", function() {
|
|
var emote = $(this).attr("id");
|
|
var ta = $(".channel-textarea-inner textarea");
|
|
ta.val(ta.val().slice(-1) == " " ? ta.val() + emote : ta.val() + " " + emote);
|
|
});
|
|
};
|
|
|
|
QuickEmoteMenu.prototype.obsCallback = function() {
|
|
if(!emoteBtn) return;
|
|
if(!$(".content.flex-spacer.flex-horizontal .flex-spacer.flex-vertical form")) return;
|
|
|
|
var tcbtn = $("#twitchcord-button-container");
|
|
|
|
if(tcbtn.parent().prop("tagName") == undefined) {
|
|
quickEmoteMenu = new QuickEmoteMenu();
|
|
quickEmoteMenu.init(true);
|
|
}
|
|
};
|
|
|
|
QuickEmoteMenu.prototype.initEmoteList = function() {
|
|
|
|
emoteMenu = $("<div/>", { id: "emote-menu" });
|
|
|
|
var emoteMenuHeader = $("<div/>", { id: "emote-menu-header" }).append($("<span/>", { text: "Global Emotes" }));
|
|
var emoteMenuBody = $("<div/>", { id: "emote-menu-inner" });
|
|
emoteMenu.append(emoteMenuHeader);
|
|
emoteMenu.append(emoteMenuBody);
|
|
|
|
for(var emote in emotesTwitch.emotes) {
|
|
if(emotesTwitch.emotes.hasOwnProperty(emote)) {
|
|
var id = emotesTwitch.emotes[emote].image_id;
|
|
emoteMenuBody.append($("<div/>" , { class: "emote-container" }).append($("<img/>", { class: "emote-icon", id: emote, alt: "", src: "https://static-cdn.jtvnw.net/emoticons/v1/"+id+"/1.0", title: emote })));
|
|
}
|
|
}
|
|
};
|
|
|
|
/* BetterDiscordApp Settings Panel JavaScript
|
|
* Version: 1.3
|
|
* Author: Jiiks | http://jiiks.net
|
|
* Date: 26/08/2015 - 11:54
|
|
* Last Update: 30/08/2015 - 12:16
|
|
* https://github.com/Jiiks/BetterDiscordApp
|
|
*/
|
|
|
|
var links = { "Jiiks.net": "http://jiiks.net", "Twitter": "http://twitter.com/jiiksi", "Github": "https://github.com/jiiks" };
|
|
|
|
function SettingsPanel() {
|
|
|
|
}
|
|
|
|
SettingsPanel.prototype.getPanel = function() {
|
|
return this.tcSettingsPanel;
|
|
};
|
|
|
|
SettingsPanel.prototype.init = function() {
|
|
|
|
var self = this;
|
|
var body = $("body");
|
|
this.tcSettingsPanel = $("<div/>", { id: "tc-settings-panel", style: "display:none" });
|
|
this.getPanel().append($("<div/>", { id: "tc-settings-panel-header" }).append($("<h2/>", { text: "BetterDiscord - Settings" })).append($("<span/>", { id: "tc-settings-close", text: "X", style:"cursor:pointer;" })));
|
|
|
|
var settingsList = $("<ul/>");
|
|
this.getPanel().append($("<div/>", { id: "tc-settings-panel-body" }).append(settingsList));
|
|
|
|
$.each(settings, function(key, value) {
|
|
var son = "tc-switch-on";
|
|
var sof = "tc-switch-off";
|
|
|
|
if(settingsCookie[value.id]) {
|
|
son = "tc-switch-on active";
|
|
}else {
|
|
sof = "tc-switch-off active";
|
|
}
|
|
|
|
settingsList.append($("<li/>").append($("<h2/>", { text: key})).append($("<span/>", { html: " - <span>" + value.info + "</span>" + (value.implemented == false ? '<span style="color:red"> Coming Soon</span>' : "") })).append($("<div/>", { class: value.implemented ? "tc-switch" : "tc-switch disabled", id: value.id }).append($("<span/>", { class: sof, text: "OFF" })).append($("<span/>", { class: son, text: "ON" }))));
|
|
});
|
|
|
|
var settingsFooter = $("<div/>", { id: "tc-settings-panel-footer" });
|
|
settingsFooter.append($("<span/>", { id: "tc-about", text: "BDA v" + version + "(js "+jsVersion+") by Jiiks | Settings are automatically saved." } ));
|
|
var tcLinks = $("<span/>", { id: "tc-links" });
|
|
$.each(links, function(key, value) {
|
|
tcLinks.append($("<a/>", { href: value, text: key, target: "_blank" }));
|
|
tcLinks.append($("<span/>", { text: " | " }));
|
|
});
|
|
settingsFooter.append(tcLinks);
|
|
this.getPanel().append(settingsFooter);
|
|
|
|
|
|
body.append(this.getPanel());
|
|
$("#tc-settings-close").on("click", function() { self.show(); });
|
|
$(".tc-switch").on("click", function() { self.handler($(this)) });
|
|
|
|
if(settingsCookie["bda-es-0"]) {
|
|
$("#twitchcord-button-container").show();
|
|
} else {
|
|
$("#twitchcord-button-container").hide();
|
|
}
|
|
|
|
if(settingsCookie["bda-gs-2"]) {
|
|
body.addClass("bd-minimal");
|
|
} else {
|
|
body.removeClass("bd-minimal");
|
|
}
|
|
if(settingsCookie["bda-gs-3"]) {
|
|
body.addClass("bd-minimal-chan");
|
|
} else {
|
|
body.removeClass("bd-minimal-chan");
|
|
}
|
|
|
|
if(settingsCookie["bda-gs-4"]) {
|
|
voiceMode.enable();
|
|
}
|
|
};
|
|
|
|
|
|
SettingsPanel.prototype.show = function() {
|
|
this.getPanel().toggle();
|
|
var settingsLi = $("#tc-settings-li");
|
|
|
|
settingsLi.removeClass();
|
|
if(this.getPanel().is(":visible")) {
|
|
settingsLi.addClass("active");
|
|
}
|
|
};
|
|
|
|
|
|
SettingsPanel.prototype.handler = function(e){
|
|
var sid = e.attr("id");
|
|
var enabled = settingsCookie[sid];
|
|
enabled = !enabled;
|
|
settingsCookie[sid] = enabled;
|
|
|
|
var swoff = $("#" + sid + " .tc-switch-off");
|
|
var swon = $("#" + sid + " .tc-switch-on");
|
|
swoff.removeClass("active");
|
|
swon.removeClass("active");
|
|
|
|
if(enabled) {
|
|
swon.addClass("active");
|
|
} else {
|
|
swoff.addClass("active");
|
|
}
|
|
|
|
|
|
if(settingsCookie["bda-es-0"]) {
|
|
$("#twitchcord-button-container").show();
|
|
} else {
|
|
$("#twitchcord-button-container").hide();
|
|
}
|
|
|
|
if(settingsCookie["bda-gs-2"]) {
|
|
$("body").addClass("bd-minimal");
|
|
} else {
|
|
$("body").removeClass("bd-minimal");
|
|
}
|
|
if(settingsCookie["bda-gs-3"]) {
|
|
$("body").addClass("bd-minimal-chan");
|
|
} else {
|
|
$("body").removeClass("bd-minimal-chan");
|
|
}
|
|
if(settingsCookie["bda-gs-1"]) {
|
|
$("#bd-pub-li").show();
|
|
} else {
|
|
$("#bd-pub-li").hide();
|
|
}
|
|
if(settingsCookie["bda-gs-4"]){
|
|
voiceMode.enable();
|
|
} else {
|
|
voiceMode.disable();
|
|
}
|
|
|
|
mainCore.saveSettings();
|
|
};
|
|
|
|
/* BetterDiscordApp VoiceMode JavaScript
|
|
* Version: 1.0
|
|
* Author: Jiiks | http://jiiks.net
|
|
* Date: 25/10/2015 - 19:10
|
|
* https://github.com/Jiiks/BetterDiscordApp
|
|
*/
|
|
|
|
function VoiceMode() {
|
|
|
|
}
|
|
|
|
VoiceMode.prototype.enable = function() {
|
|
|
|
$($(".scroller.guild-channels ul")[0]).css("display", "none");
|
|
$($(".scroller.guild-channels header")[0]).css("display", "none");
|
|
$($(".flex-vertical.flex-spacer")[0]).css("overflow", "hidden");
|
|
$($(".chat.flex-vertical.flex-spacer")[0]).css("visibility", "hidden").css("min-width", "0px");
|
|
$($(".flex-vertical.channels-wrap")[0]).css("width", "100%");
|
|
$($(".guild-header .btn.btn-hamburger")[0]).css("visibility", "hidden");
|
|
|
|
};
|
|
|
|
VoiceMode.prototype.disable = function() {
|
|
$($(".scroller.guild-channels ul")[0]).css("display", "");
|
|
$($(".scroller.guild-channels header")[0]).css("display", "");
|
|
$($(".flex-vertical.flex-spacer")[0]).css("overflow", "");
|
|
$($(".chat.flex-vertical.flex-spacer")[0]).css("visibility", "").css("min-width", "");
|
|
$($(".flex-vertical.channels-wrap")[0]).css("width", "");
|
|
$($(".guild-header .btn.btn-hamburger")[0]).css("visibility", "");
|
|
};
|
|
|
|
/* BetterDiscordApp Utilities JavaScript
|
|
* Version: 1.0
|
|
* Author: Jiiks | http://jiiks.net
|
|
* Date: 26/08/2015 - 15:54
|
|
* https://github.com/Jiiks/BetterDiscordApp
|
|
*/
|
|
|
|
function Utils() {
|
|
|
|
}
|
|
|
|
Utils.prototype.getTextArea = function() {
|
|
return $(".channel-textarea-inner textarea");
|
|
};
|
|
|
|
Utils.prototype.jqDefer = function(fnc) {
|
|
if(window.jQuery) { fnc(); } else { setTimeout(function() { this.jqDefer(fnc) }, 100) }
|
|
}; |