745 lines
26 KiB
JavaScript
745 lines
26 KiB
JavaScript
#location res
|
|
#include lib/libopts.js
|
|
#include lib/uiutils.js
|
|
#include conf/sitesconf.js
|
|
|
|
|
|
var browser_autodetect = true;
|
|
var usebrowser = "chrome";
|
|
var debugmsg = true;
|
|
|
|
if(browser_autodetect){
|
|
if(typeof browser === "undefined"){
|
|
if(chrome){
|
|
browser = chrome;
|
|
usebrowser = "chrome";
|
|
}
|
|
}
|
|
else
|
|
usebrowser = "firefox";
|
|
}
|
|
else{
|
|
if(usebrowser == "chrome")
|
|
browser = chrome;
|
|
}
|
|
|
|
var UW_SITES = {};
|
|
|
|
function showAbout(){
|
|
clearPage();
|
|
|
|
document.getElementById("about").classList.remove("hide");
|
|
document.getElementById("tab_about").classList.add("tab-selected");
|
|
}
|
|
function showShortcuts(){
|
|
clearPage();
|
|
|
|
document.getElementById("uw_shortcuts").classList.remove("hide");
|
|
document.getElementById("tab_shortcuts").classList.add("tab-selected");
|
|
}
|
|
function showGeneralSettings(){
|
|
clearPage();
|
|
|
|
document.getElementById("general_settings").classList.remove("hide");
|
|
document.getElementById("tab_general_settings").classList.add("tab-selected");
|
|
}
|
|
|
|
function showSites(){
|
|
clearPage();
|
|
document.getElementById("uw_sites").classList.remove("hide");
|
|
document.getElementById("tab_sites").classList.add("tab-selected");
|
|
}
|
|
|
|
function clearPage(){
|
|
// Hide you sections
|
|
document.getElementById("uw_shortcuts").classList.add("hide");
|
|
document.getElementById("about").classList.add("hide");
|
|
document.getElementById("general_settings").classList.add("hide");
|
|
document.getElementById("uw_sites").classList.add("hide");
|
|
|
|
// Hide you tabs
|
|
document.getElementById("tab_shortcuts").classList.remove("tab-selected");
|
|
document.getElementById("tab_about").classList.remove("tab-selected");
|
|
document.getElementById("tab_general_settings").classList.remove("tab-selected");
|
|
document.getElementById("tab_sites").classList.remove("tab-selected");
|
|
|
|
}
|
|
|
|
function saveopts(){
|
|
|
|
var actions = ["fitw", "fith", "reset", "zoom", "unzoom", "ar219", "ar169", "ar1610", "ar43", "autoar"];
|
|
var new_keybinds = {};
|
|
|
|
// Preberemo naš obrazec in iz njega naredimo nov objekt z bližnjicami.
|
|
// Let's read our form and make a new object with keybinds.
|
|
|
|
for(var i = 0; i < actions.length; i++){
|
|
var action = actions[i];
|
|
var targetAR = "";
|
|
|
|
if(action == "ar219"){
|
|
action = "char";
|
|
targetAR = (21/9);
|
|
}
|
|
if(action == "ar169"){
|
|
action = "char";
|
|
targetAR = (16/9);
|
|
}
|
|
if(action == "ar1610"){
|
|
action = "char";
|
|
targetAR = (16/10);
|
|
}
|
|
if(action == "ar43"){
|
|
action = "char";
|
|
targetAR = (4/3);
|
|
}
|
|
|
|
if(targetAR != ""){
|
|
var keybind = {
|
|
action: action,
|
|
targetAR: targetAR,
|
|
key: document.querySelector("#" + actions[i] + "_letter").value.toLowerCase().replace(/[^a-z0-9]/,""),
|
|
modifiers: []
|
|
}
|
|
}
|
|
else{
|
|
var keybind = {
|
|
action: action,
|
|
key: document.querySelector("#" + actions[i] + "_letter").value.toLowerCase().replace(/[^a-z0-9]/,""),
|
|
modifiers: []
|
|
}
|
|
}
|
|
|
|
if(document.querySelector("#" + actions[i] + "_ctrl").checked)
|
|
keybind.modifiers.push("ctrl");
|
|
if(document.querySelector("#" + actions[i] + "_alt").checked)
|
|
keybind.modifiers.push("alt");
|
|
if(document.querySelector("#" + actions[i] + "_shift").checked)
|
|
keybind.modifiers.push("shift");
|
|
|
|
new_keybinds[i] = keybind;
|
|
}
|
|
|
|
// Preveriti moramo, da nismo dvema možnostima dodali isto bližnjico.
|
|
// We need to check if all keybinds are unique.
|
|
|
|
var fail = false;
|
|
|
|
for(var i = 0; i < actions.length; i++)
|
|
document.querySelector("#" + actions[i] + "_letter").classList.remove("dup_keybinds");
|
|
|
|
for(var i = 0; i < actions.length; i++){
|
|
if(new_keybinds[i].key == "")
|
|
continue;
|
|
|
|
for(var j = i + 1; j < actions.length; j++){
|
|
if(new_keybinds[i].key == new_keybinds[j].key){
|
|
if(compareModifiers(new_keybinds[i].modifiers, new_keybinds[j].modifiers)){
|
|
fail = true;
|
|
document.querySelector("#" + actions[i] + "_letter").classList.add("dup_keybinds");
|
|
document.querySelector("#" + actions[j] + "_letter").classList.add("dup_keybinds");
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
if (!fail){
|
|
browser.storage.local.set({ultrawidify_keybinds:new_keybinds});
|
|
}
|
|
|
|
}
|
|
|
|
function saveAutoar(){
|
|
setopt({ultrawidify_autoar: document.querySelector("#enable_autoar").checked});
|
|
}
|
|
|
|
function saveUI(){
|
|
var show_ui = document.querySelector("#enable_ui");
|
|
var ui_compact = document.querySelector("#enable_ui_compact");
|
|
var optionLine = document.getElementById("compact_ui_suboption");
|
|
|
|
if(show_ui.checked){
|
|
ui_compact.disabled = false;
|
|
optionLine.classList.remove("hide");
|
|
setopt({ultrawidify_ui: ui_compact.checked ? "compact" : "all" });
|
|
}
|
|
else{
|
|
ui_compact.disabled = true;
|
|
optionLine.classList.add("hide");
|
|
setopt({ultrawidify_ui: "none"});
|
|
}
|
|
}
|
|
|
|
|
|
function compareModifiers(a,b){
|
|
//NOTE: to je precej slab in neprenoslijv način primerjanja dveh tabel, ampak za naš primer deluje dovolj
|
|
// dobro, saj 'ctrl' vedno pride pred 'alt' in 'alt' vedno pride pred 'shift' (če se sploh pojavijo).
|
|
//NOTE: this is bad and totally unfoolproof practice. In our example comparing arrays the way we do works
|
|
// because values ALWAYS appear in the same order: 'ctrl' always appears before 'alt' (or it doesn't
|
|
// appear at all). 'alt' always appears before 'shift' (or it doesn't appear at all).
|
|
if(a.length != b.length)
|
|
return false;
|
|
|
|
var match = true;
|
|
for(var i = 0; i < a.length; i++)
|
|
match &= a[i] == b[i]
|
|
|
|
return match;
|
|
}
|
|
|
|
function printerr(err){
|
|
console.log(err);
|
|
}
|
|
|
|
function gotopts(opts){
|
|
if(!opts.ultrawidify_keybinds){
|
|
console.log("ultrawidify keybinds are undefined. the fuck?",opts);
|
|
return;
|
|
}
|
|
var KEYBINDS = Object.keys(opts.ultrawidify_keybinds).map(function (key) { return opts.ultrawidify_keybinds[key];});
|
|
// google chrome is really the untermensch browse // google chrome is really the untermensch browserr
|
|
var actions = ["fitw", "fith", "reset", "zoom", "unzoom", "ar219", "ar169", "ar1610", "ar43", "autoar"];
|
|
for(var i = 0; i < actions.length; i++){
|
|
document.querySelector("#" + actions[i] + "_letter").classList.remove("dup_keybinds");
|
|
document.querySelector("#" + actions[i] + "_letter").value = KEYBINDS[i].key;
|
|
for(var j = 0; j < KEYBINDS[i].modifiers.length; j++){
|
|
if(KEYBINDS[i].modifiers[j] == "ctrl")
|
|
document.querySelector("#" + actions[i] + "_ctrl").checked = true;
|
|
if(KEYBINDS[i].modifiers[j] == "alt")
|
|
document.querySelector("#" + actions[i] + "_alt").checked = true;
|
|
if(KEYBINDS[i].modifiers[j] == "shift")
|
|
document.querySelector("#" + actions[i] + "_shift").checked = true;
|
|
}
|
|
}
|
|
}
|
|
|
|
function gotar(opts){
|
|
|
|
}
|
|
|
|
function gotui(opts){
|
|
var show_ui = document.querySelector("#enable_ui");
|
|
var ui_compact = document.querySelector("#enable_ui_compact");
|
|
var optionLine = document.getElementById("compact_ui_suboption");
|
|
|
|
if(opts.ultrawidify_ui == "all"){
|
|
show_ui.checked = true;
|
|
ui_compact.checked = false;
|
|
optionLine.classList.remove("hide");
|
|
}
|
|
else if(opts.ultrawidify_ui == "compact"){
|
|
show_ui.checked = true;
|
|
ui_compact.checked = true;
|
|
optionLine.classList.remove("hide");
|
|
}
|
|
else if(opts.ultrawidify_ui == "none"){
|
|
show_ui.checked = false;
|
|
ui_compact.checked = false;
|
|
optionLine.classList.add("hide");
|
|
}
|
|
}
|
|
|
|
function gotsites(opts){
|
|
|
|
var list = document.getElementById("uw_sites_list");
|
|
|
|
if(list)
|
|
list.remove();
|
|
|
|
var anchor = document.getElementById("uw_sites_body");
|
|
|
|
// at the top of the list, there is this option to reset site config
|
|
resetLink = document.createElement("a");
|
|
resetLink.onclick = function(){ delopt("ultrawidify_siterules"); setopt({"ultrawidify_siterules":UW_SITES}); };
|
|
resetLink.textContent = "Reset site options to default";
|
|
anchor.appendChild(resetLink);
|
|
|
|
|
|
list = document.createElement("div");
|
|
list.id = "uw_sites_list";
|
|
list.className = "uw_sites";
|
|
|
|
anchor.appendChild(list);
|
|
|
|
uw_sites = opts.ultrawidify_siterules;
|
|
UW_SITES = uw_sites;
|
|
if(debugmsg)
|
|
console.log("uw settings::gotopts | site opts:",opts);
|
|
|
|
for (type in {"official":1,"non-official":1,"custom":1, "add new site":1} ) { // unparalleled laziness!
|
|
if(debugmsg){
|
|
console.log("uw settings::gotopts | adding sites of type" , type);
|
|
}
|
|
var head = document.createElement("div");
|
|
head.className = "sites_header";
|
|
head.textContent = type.charAt(0).toUpperCase() + type.slice(1);
|
|
|
|
var category_desc = document.createElement("div");
|
|
if(type == "official"){
|
|
category_desc.innerHTML = "These sites are officially supported by the extension developer. These sites should always work. <small>(Pro tip: if you don't want extension to run on some of the following sites, uncheck the checkbox for that site)</small>";
|
|
}
|
|
else if(type == "non-official"){
|
|
category_desc.textContent = "Sites in this category have been contribued by third parties. These sites will probably work, but the developer couldn't test whether they work or not.";
|
|
}
|
|
else if(type == "custom"){
|
|
category_desc.textContent = "In this section, you can define rules for sites that aren't supported either officially or non-officially. See [todo: link] contributing for details. If you define a custom site, please consider sharing configuration on github (see contributing for details).";
|
|
}
|
|
else if(type == "add new site"){
|
|
category_desc.textContent = "Add a custom site by filling the form below.";
|
|
}
|
|
|
|
list.append(head);
|
|
list.append(category_desc);
|
|
|
|
var category_counter = 0;
|
|
|
|
for (site in uw_sites) {
|
|
if(debugmsg)
|
|
console.log("we're at site %s of type %s. We're %s this site.",site, uw_sites[site].type, uw_sites[site].type == type ? "processing" : "ignoring");
|
|
|
|
if(uw_sites[site].type == type){
|
|
var entry = document.createElement("div");
|
|
var header = document.createElement("div");
|
|
|
|
header.id = site + "_display";
|
|
header.className = "uw_options_line site_details";
|
|
|
|
|
|
var siteTitle = document.createElement("div");
|
|
siteTitle.className = "site_name";
|
|
{
|
|
var sitecb = mkcb(site, uw_sites[site].enabled, "siteEnabled", true);
|
|
var editTitle = mkebox(site, site, "title");
|
|
editTitle.className = "site_title_ebox";
|
|
siteTitle.append(sitecb);
|
|
siteTitle.append(editTitle);
|
|
|
|
var editBtn = document.createElement("div");
|
|
editBtn.textContent = "« edit »";
|
|
editBtn.className = "inline_button";
|
|
editBtn.id = site + "_edit_button";
|
|
editBtn.addEventListener("click", function(){ var site = this.id; site = site.replace("_edit_button", ""); enableEditing(site)});
|
|
|
|
var saveBtn = document.createElement("div");
|
|
saveBtn.textContent = "« save »";
|
|
saveBtn.className = "inline_button hide";
|
|
saveBtn.id = site + "_save_button";
|
|
saveBtn.addEventListener("click", function(){ var site = this.id; site = site.replace("_save_button", ""); saveEdited(site)});
|
|
|
|
var cancelBtn = document.createElement("div");
|
|
cancelBtn.textContent = "« cancel »";
|
|
cancelBtn.className = "inline_button hide";
|
|
cancelBtn.id = site + "_cancel_button";
|
|
cancelBtn.addEventListener("click", function(){ var site = this.id; site = site.replace("_cancel_button", ""); cancelEditing(site)});
|
|
|
|
siteTitle.append(editBtn);
|
|
siteTitle.append(saveBtn);
|
|
siteTitle.append(cancelBtn);
|
|
}
|
|
header.appendChild(siteTitle);
|
|
entry.appendChild(header);
|
|
|
|
var body = document.createElement("div");
|
|
var jsonForm = document.createElement("textarea");
|
|
jsonForm.cols = 64;
|
|
jsonForm.rows = 32;
|
|
|
|
jsonForm.value = JSON.stringify(uw_sites[site], null, 2);
|
|
|
|
body.appendChild(jsonForm);
|
|
// body.classNamež
|
|
entry.appendChild(body);
|
|
list.append(entry);
|
|
|
|
|
|
category_counter++;
|
|
}
|
|
}
|
|
|
|
|
|
// for (site in uw_sites){
|
|
// if(debugmsg)
|
|
// console.log("we're at site %s of type %s. We're %s this site.",site, uw_sites[site].type, uw_sites[site].type == type ? "processing" : "ignoring");
|
|
//
|
|
// if(uw_sites[site].type == type){
|
|
//
|
|
// var entry = document.createElement("div");
|
|
// var displayedInfo = document.createElement("div");
|
|
// displayedInfo.id = site + "_display";
|
|
// displayedInfo.className = "uw_options_line site_details";
|
|
//
|
|
// var siteTitle = document.createElement("div");
|
|
// siteTitle.className = "site_name";
|
|
//
|
|
// {
|
|
// var sitecb = mkcb(site, uw_sites[site].enabled, "siteEnabled", true);
|
|
// var editTitle = mkebox(site, site, "title");
|
|
// editTitle.className = "site_title_ebox";
|
|
// siteTitle.append(sitecb);
|
|
// siteTitle.append(editTitle);
|
|
//
|
|
// var editBtn = document.createElement("div");
|
|
// editBtn.textContent = "« edit »";
|
|
// editBtn.className = "inline_button";
|
|
// editBtn.id = site + "_edit_button";
|
|
// editBtn.addEventListener("click", function(){ var site = this.id; site = site.replace("_edit_button", ""); enableEditing(site)});
|
|
//
|
|
// var saveBtn = document.createElement("div");
|
|
// saveBtn.textContent = "« save »";
|
|
// saveBtn.className = "inline_button hide";
|
|
// saveBtn.id = site + "_save_button";
|
|
// saveBtn.addEventListener("click", function(){ var site = this.id; site = site.replace("_save_button", ""); saveEdited(site)});
|
|
//
|
|
// var cancelBtn = document.createElement("div");
|
|
// cancelBtn.textContent = "« cancel »";
|
|
// cancelBtn.className = "inline_button hide";
|
|
// cancelBtn.id = site + "_cancel_button";
|
|
// cancelBtn.addEventListener("click", function(){ var site = this.id; site = site.replace("_cancel_button", ""); cancelEditing(site)});
|
|
//
|
|
// siteTitle.append(editBtn);
|
|
// siteTitle.append(saveBtn);
|
|
// siteTitle.append(cancelBtn);
|
|
// }
|
|
//
|
|
// var siteDetails = document.createElement("div");
|
|
// siteDetails.id = site + "_conf_details";
|
|
// siteDetails.classList = "hide";
|
|
//
|
|
// var urlRules = document.createElement("div");
|
|
// {
|
|
// var urlRulesLabel = document.createElement("span");
|
|
// urlRulesLabel.textContent = "URL rule: ";
|
|
//
|
|
// urlRulesEbox = mkebox(site, uw_sites[site].urlRules[0], "url_rules");
|
|
//
|
|
// urlRules.append(urlRulesLabel);
|
|
// urlRules.append(urlRulesEbox);
|
|
// }
|
|
//
|
|
// var playerElement = document.createElement("div");
|
|
//
|
|
// {
|
|
// var playerName = document.createElement("div");
|
|
//
|
|
// var playerNameLabel = document.createElement("span");
|
|
//
|
|
// playerNameLabel.textContent = "id of the player container:";
|
|
// var playerNameEbox = mkebox(site, uw_sites[site].player.name, "player_name");
|
|
//
|
|
// playerName.append(playerNameLabel);
|
|
// playerName.append(playerNameEbox);
|
|
//
|
|
// var playerClass = document.createElement("div");
|
|
// var pcb = document.createElement("input");
|
|
// pcb.className = site + "_ebox";
|
|
// pcb.type = "checkbox";
|
|
// pcb.name = site + "_pccb_name";
|
|
// pcb.id = site + "_pccb_id";
|
|
// pcb.checked = uw_sites[site].player.isClass;
|
|
// pcb.disabled = true;
|
|
//
|
|
// var pcblabel = document.createElement("span");
|
|
// pcblabel.textContent = " Name of the player container is a class";
|
|
//
|
|
// playerClass.append(pcb);
|
|
// playerClass.append(pcblabel);
|
|
// playerElement.append(playerName);
|
|
// playerElement.append(playerClass);
|
|
// }
|
|
//
|
|
// var iframe_playerName = document.createElement("div");
|
|
// var ipn_label = document.createElement("span");
|
|
// ipn_label.textContent = "id of the player container when in an iframe:";
|
|
// ipn_ebox = mkebox(site, uw_sites[site].iframe ? uw_sites[site].iframe.name : "", "iframe_name");
|
|
// iframe_playerName.append(ipn_label);
|
|
// iframe_playerName.append(ipn_ebox);
|
|
//
|
|
// var iframe_playerClass = document.createElement("div");
|
|
// var ipc_label = document.createElement("span");
|
|
// ipc_label.textContent = " Name of the player container is a class";
|
|
// var ipc_cb = mkcb(site, uw_sites[site].iframe ? uw_sites[site].iframe.isClass : false, "iframe_class");
|
|
// iframe_playerClass.append(ipc_cb);
|
|
// iframe_playerClass.append(ipc_label);
|
|
//
|
|
//
|
|
// var sampleButton = document.createElement("div");
|
|
// var sbc = document.createElement("div");
|
|
// var sbi = document.createElement("div");
|
|
// var sbo = document.createElement("div");
|
|
// var sbc_label = document.createElement("span");
|
|
// var sbi_label = document.createElement("span");
|
|
// var sbo_label = document.createElement("span");
|
|
// sbc_label.textContent = "Sample button class:";
|
|
// sbi_label.textContent = "Sample button index:";
|
|
// sbo_label.textContent = "Use height for UI scaling";
|
|
// var sampleButtonClass = mkebox(site, uw_sites[site].sampleButton.class, "sample_button_class");
|
|
// var sampleButtonIndex = mkebox(site, uw_sites[site].sampleButton.index, "sample_button_index");
|
|
// var buttonSizeBase = mkcb(site, uw_sites[site].sampleButton.buttonSizeBase == "y", "sample_button_size_base");
|
|
//
|
|
// sbc.append(sbc_label);
|
|
// sbc.append(sampleButtonClass);
|
|
// sampleButton.append(sbc);
|
|
//
|
|
// sbi.append(sbi_label);
|
|
// sbi.append(sampleButtonIndex);
|
|
// sampleButton.append(sbi);
|
|
//
|
|
// sbo.append(buttonSizeBase);
|
|
// sbo.append(sbo_label);
|
|
// sampleButton.append(sbo);
|
|
//
|
|
// var imdbar = document.createElement("div");
|
|
// var imdbar_cb = mkcb(site, uw_sites[site].autoar_imdb, "imdbar");
|
|
// var imdbar_label = document.createElement("span");
|
|
// imdbar_label.textContent = " This site supports automatic aspect ratio detection";
|
|
// imdbar.append(imdbar_cb);
|
|
// imdbar.append(imdbar_label);
|
|
//
|
|
// var imdbar_title = document.createElement("div");
|
|
// var it_label = document.createElement("span");
|
|
// it_label.textContent = "id of the element containing video title:";
|
|
// it_ebox = mkebox(site, uw_sites[site].iframe ? uw_sites[site].iframe.name : "", "imdbar_title");
|
|
// imdbar_title.append(it_label);
|
|
// imdbar_title.append(it_ebox);
|
|
//
|
|
// var imdbar_class = document.createElement("div");
|
|
// var ic_label = document.createElement("span");
|
|
// ic_label.textContent = " Name of the title container is a class";
|
|
// var ic_cb = mkcb(site, uw_sites[site].iframe ? uw_sites[site].iframe.isClass : false, "imdbar_class");
|
|
// imdbar_class.append(ic_cb);
|
|
// imdbar_class.append(ic_label);
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
// var optionspad = document.createElement("div");
|
|
// optionspad.textContent = "-------------";
|
|
//
|
|
//
|
|
// siteDetails.append(urlRules);
|
|
// siteDetails.append(playerElement);
|
|
// siteDetails.append(optionspad);
|
|
// siteDetails.append(iframe_playerName);
|
|
// siteDetails.append(iframe_playerClass);
|
|
// siteDetails.append(optionspad);
|
|
//
|
|
// siteDetails.append(sampleButton);
|
|
//
|
|
// siteDetails.append(imdbar);
|
|
// siteDetails.append(imdbar_title);
|
|
// siteDetails.append(imdbar_class);
|
|
// // siteDetails.append(optionspad);
|
|
//
|
|
//
|
|
// displayedInfo.append(siteTitle);
|
|
// displayedInfo.append(siteDetails);
|
|
//
|
|
// entry.append(displayedInfo);
|
|
//
|
|
// list.append(entry);
|
|
//
|
|
// category_counter++;
|
|
//
|
|
// if(site == "dummy" && type == "add new site"){
|
|
// if(debugmsg)
|
|
// console.log("uw settings::gotsites | we are adding dummy site");
|
|
// enableEditing("dummy");
|
|
// document.getElementById("dummy_title_ebox").disabled = false;
|
|
// }
|
|
// }
|
|
// }
|
|
if(! category_counter){
|
|
var noEntriesMsg = document.createElement("div");
|
|
noEntriesMsg.textContent = "There's no entries in this category yet";
|
|
noEntriesMsg.classList = "red";
|
|
list.append(noEntriesMsg);
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
function mkebox(site, value, id){
|
|
var ebox = document.createElement("input");
|
|
ebox.className = "site_details details_ebox " + site + "_ebox",
|
|
ebox.id = site + "_" + id + "_ebox";
|
|
ebox.type = "text";
|
|
ebox.value = value;
|
|
ebox.disabled = true;
|
|
|
|
return ebox;
|
|
}
|
|
|
|
function mkcb(site, checked, id, forceEnable){
|
|
var cb = document.createElement("input");
|
|
cb.type = "checkbox";
|
|
cb.name = site + "_cb_name";
|
|
cb.id = site + "_" + id + "_cb";
|
|
cb.checked = checked;
|
|
|
|
if(!forceEnable){
|
|
cb.disabled = true;
|
|
cb.className = site + "_ebox";
|
|
}
|
|
return cb;
|
|
}
|
|
|
|
function enableEditing(site){
|
|
showSiteDetails(site);
|
|
if(debugmsg)
|
|
console.log("uw settings :: enableEditing | enabling editing for",site);
|
|
|
|
var formElements = document.getElementsByClassName(site + "_ebox");
|
|
|
|
if(!formElements)
|
|
return;
|
|
|
|
if(debugmsg)
|
|
console.log("form elements: ", formElements);
|
|
|
|
for(var i = 0; i < formElements.length; i++){
|
|
formElements[i].disabled = false;
|
|
}
|
|
|
|
var editButton = document.getElementById(site + "_edit_button");
|
|
if( editButton )
|
|
editButton.classList.add("hide");
|
|
else
|
|
return;
|
|
|
|
try{
|
|
document.getElementById(site + "_save_button").classList.remove("hide");
|
|
document.getElementById(site + "_cancel_button").classList.remove("hide");
|
|
} catch (e){};
|
|
}
|
|
|
|
function disableEditing(site){
|
|
var formElements = document.getElementsByClassName(site + "_ebox");
|
|
|
|
if(!formElements)
|
|
return;
|
|
|
|
for(var i = 0; i < formElements.length; i++){
|
|
formElements[i].disabled = true;
|
|
}
|
|
|
|
var editButton = document.getElementById(site + "_edit_button");
|
|
if( editButton )
|
|
editButton.classList.remove("hide");
|
|
else
|
|
return;
|
|
|
|
try{
|
|
document.getElementById(site + "_save_button").classList.add("hide");
|
|
document.getElementById(site + "_cancel_button").classList.add("hide");
|
|
} catch (e){};
|
|
}
|
|
|
|
function cancelEditing(site){
|
|
if(site != "dummy"){
|
|
disableEditing(site);
|
|
hideSiteDetails(site);
|
|
}
|
|
setSiteOpts(site, UW_SITES[site]);
|
|
}
|
|
|
|
function saveEdited(site){
|
|
|
|
console.log("uw settings::saveEdited | this is our site:",site,"is this 'dummy'?", site == "dummy");
|
|
|
|
if(site == "dummy"){
|
|
var newsite = getSiteOpts(site);
|
|
newsite.type = "custom";
|
|
newsite.enabled = true;
|
|
UW_SITES[document.getElementById("dummy_title_ebox").value] = newsite;
|
|
}
|
|
else{
|
|
UW_SITES[site] = getSiteOpts(site);
|
|
// disableEditing(site);
|
|
// hideSiteDetails(site);
|
|
}
|
|
setopt({ultrawidify_siterules: UW_SITES});
|
|
|
|
if(site == "dummy")
|
|
gotsites({ultrawidify_siterules: UW_SITES});
|
|
|
|
}
|
|
|
|
function showSiteDetails(site){
|
|
try{
|
|
document.getElementById(site + "_conf_details").classList.remove("hide");
|
|
}catch(me_outside_how_about_that){}
|
|
}
|
|
|
|
function hideSiteDetails(site){
|
|
try{
|
|
document.getElementById(site + "_conf_details").classList.add("hide");
|
|
}catch(me_outside_how_about_that){}
|
|
}
|
|
|
|
|
|
function getSiteOpts(site){
|
|
var newOptions = {};
|
|
|
|
newOptions.urlRules = [ document.getElementById(site + "_url_rules_ebox").value ];
|
|
newOptions.player = {};
|
|
newOptions.player.name = document.getElementById(site + "_player_name_ebox").value;
|
|
newOptions.player.isClass = document.getElementById(site + "_pccb_id").checked;
|
|
newOptions.iframe = {};
|
|
newOptions.iframe.name = document.getElementById(site + "_iframe_name_ebox").value;
|
|
newOptions.iframe.isClass = document.getElementById(site + "_iframe_class_cb").checked;
|
|
newOptions.autoar_imdb = {};
|
|
newOptions.autoar_imdb.enabled = document.getElementById(site + "_imdbar_cb").value;
|
|
newOptions.autoar_imdb.title = document.getElementById(site + "_imdbar_title_ebox").value;
|
|
newOptions.autoar_imdb.isClass = document.getElementById(site + "_imdbar_class_cb").checked;
|
|
|
|
return newOptions;
|
|
}
|
|
|
|
function setSiteOpts(site, opts){
|
|
document.getElementById(site + "_url_rules_ebox").value = opts.urlRules[0];
|
|
document.getElementById(site + "_player_name_ebox").value = opts.player.name;
|
|
document.getElementById(site + "_pccb_id").checked = opts.player.isClass;
|
|
if(opts.iframe){
|
|
document.getElementById(site + "_iframe_name_ebox").value = opts.iframe.name;
|
|
document.getElementById(site + "_iframe_class_cb").checked = opts.iframe.isClass;
|
|
}
|
|
if(opts.autoar_imdb){
|
|
document.getElementById(site + "_imdbar_cb").checked = opts.autoar_imdb.enabled;
|
|
if(opts.autoar_imdb.enabled){
|
|
document.getElementById(site + "_imdbar_title_ebox").value = opts.autoar_imdb.title;
|
|
document.getElementById(site + "_imdbar_class_cb").value = opts.autoar_imdb.isClass
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
function loadopts(){
|
|
|
|
getopt("ultrawidify_keybinds", gotopts);
|
|
// getopt("ultrawidify_autoar", gotar)
|
|
getopt("ultrawidify_ui", gotui);
|
|
getopt("ultrawidify_siterules", gotsites);
|
|
|
|
// We build ui for 'site options' here
|
|
// buildSites();
|
|
|
|
}
|
|
|
|
|
|
// page init
|
|
document.addEventListener("DOMContentLoaded", loadopts);
|
|
|
|
document.querySelector("#tab_shortcuts").addEventListener("click", showShortcuts);
|
|
document.querySelector("#tab_about").addEventListener("click", showAbout);
|
|
document.querySelector("#tab_general_settings").addEventListener("click",showGeneralSettings);
|
|
document.querySelector("#tab_sites").addEventListener("click", showSites);
|
|
|
|
document.querySelector("#kb_save").addEventListener("click", saveopts);
|
|
document.querySelector("#kb_cancel").addEventListener("click",loadopts);
|
|
|
|
document.querySelector("#enable_autoar").addEventListener("click",saveAutoar);
|
|
document.querySelector("#enable_ui").addEventListener("click", saveUI);
|
|
document.querySelector("#enable_ui_compact").addEventListener("click", saveUI);
|
|
getopt("ultrawidify_autoar",function(obj){document.querySelector("#enable_autoar").checked = obj.ultrawidify_autoar});
|