299 lines
8.5 KiB
JavaScript
299 lines
8.5 KiB
JavaScript
if(Debug.debug)
|
|
console.log("[popup.js] loading popup script!");
|
|
|
|
document.getElementById("uw-version").textContent = browser.runtime.getManifest().version;
|
|
|
|
var Menu = {};
|
|
Menu.noVideo = document.getElementById("no-videos-display");
|
|
Menu.general = document.getElementById("extension-mode");
|
|
Menu.arSettings = document.getElementById("aspect-ratio-settings");
|
|
Menu.cssHacks = document.getElementById("css-hacks-settings");
|
|
Menu.about = document.getElementById("panel-about");
|
|
|
|
var MenuTab = {};
|
|
MenuTab.general = document.getElementById("_menu_general");
|
|
MenuTab.arSettings = document.getElementById("_menu_aspectratio");
|
|
MenuTab.cssHacks = document.getElementById("_menu_hacks");
|
|
MenuTab.about = document.getElementById("_menu_about");
|
|
|
|
var ArPanel = {}
|
|
ArPanel.alignment = {};
|
|
ArPanel.alignment.left = document.getElementById("_align_left");
|
|
ArPanel.alignment.center = document.getElementById("_align_center");
|
|
ArPanel.alignment.right = document.getElementById("_align_right");
|
|
ArPanel.autoar = {};
|
|
ArPanel.autoar.enable = document.getElementById("_autoar_enable");
|
|
ArPanel.autoar.disable = document.getElementById("_autoar_disable");
|
|
ArPanel.autoar.enable_tmp = document.getElementById("_autoar_enable_tmp");
|
|
ArPanel.autoar.disable_tmp = document.getElementById("_autoar_disable_tmp");
|
|
|
|
|
|
var selectedMenu = "arSettings";
|
|
var hasVideos = false;
|
|
|
|
var _config;
|
|
|
|
function check4videos(){
|
|
var command = {};
|
|
command.cmd = "has-videos";
|
|
command.sender = "popup";
|
|
command.receiver = "uwbg";
|
|
|
|
browser.runtime.sendMessage(command)
|
|
.then(response => {
|
|
if(Debug.debug)
|
|
console.log("[popup.js::check4videos] received response:",response);
|
|
|
|
if(response.response.hasVideos){
|
|
hasVideos = true;
|
|
openMenu(selectedMenu);
|
|
}
|
|
})
|
|
.catch(error => {
|
|
if(Debug.debug)
|
|
console.log("%c[popup.js::check4videos] sending message failed with error", "color: #f00", error, "%c retrying in 1s ...", "color: #f00");
|
|
|
|
setTimeout(check4videos, 1000);
|
|
});
|
|
}
|
|
|
|
function check4conf(){
|
|
var command = {};
|
|
command.cmd = "get-config";
|
|
command.sender = "popup";
|
|
command.receiver = "uwbg";
|
|
|
|
browser.runtime.sendMessage(command)
|
|
.then(response => {
|
|
if(Debug.debug)
|
|
console.log("[popup.js::check4conf] received response:",response);
|
|
|
|
loadConfig(response.response);
|
|
})
|
|
.catch(error => {
|
|
if(Debug.debug)
|
|
console.log("%c[popup.js::check4conf] sending message failed with error", "color: #f00", error, "%c retrying in 1s ...", "color: #f00");
|
|
|
|
setTimeout(check4conf, 1000);
|
|
});
|
|
}
|
|
|
|
function loadConfig(config){
|
|
if(Debug.debug)
|
|
console.log("[popup.js::loadConfig] loading config. conf object:",config);
|
|
|
|
_config = config;
|
|
|
|
// process video alignment:
|
|
if(config.videoAlignment){
|
|
for(var button in ArPanel.alignment)
|
|
ArPanel.alignment[button].classList.remove("selected");
|
|
|
|
ArPanel.alignment[config.videoAlignment].classList.add("selected");
|
|
}
|
|
|
|
// process aspect ratio settings
|
|
showArctlButtons();
|
|
}
|
|
|
|
|
|
function openMenu(menu){
|
|
if(Debug.debug){
|
|
console.log("[popup.js::openMenu] trying to open menu", menu, "| element: ", Menu[menu]);
|
|
}
|
|
|
|
for(var m in Menu){
|
|
Menu[m].classList.add("hidden");
|
|
}
|
|
for(var m in MenuTab){
|
|
if(MenuTab[m])
|
|
MenuTab[m].classList.remove("selected");
|
|
}
|
|
|
|
if(menu == "arSettings" || menu == "cssHacks" ){
|
|
if(!hasVideos)
|
|
Menu.noVideo.classList.remove("hidden");
|
|
else{
|
|
Menu[menu].classList.remove("hidden");
|
|
if(Debug.debug){
|
|
console.log("[popup.js::openMenu] unhid", menu, "| element: ", Menu[menu]);
|
|
}
|
|
}
|
|
}
|
|
else{
|
|
Menu[menu].classList.remove("hidden");
|
|
if(Debug.debug){
|
|
console.log("[popup.js::openMenu] unhid", menu, "| element: ", Menu[menu]);
|
|
}
|
|
}
|
|
|
|
if(menu != "noVideo"){
|
|
selectedMenu = menu;
|
|
MenuTab[menu].classList.add("selected");
|
|
}
|
|
}
|
|
|
|
function _arctl_onclick(command){
|
|
if(! _config)
|
|
return;
|
|
|
|
if(command.cmd == "stop-autoar")
|
|
_config.arConf.enabled_current = false;
|
|
else if(command.cmd == "force-ar")
|
|
_config.arConf.enabled_current = true;
|
|
else if(command.cmd == "disable-autoar")
|
|
_config.arConf.enabled_global = false;
|
|
else if(command.cmd == "enable-autoar")
|
|
_config.arConf.enabled_global = true;
|
|
|
|
showArctlButtons();
|
|
}
|
|
|
|
function showArctlButtons(){
|
|
if(! _config)
|
|
return;
|
|
|
|
if(_config.arConf){
|
|
if(! _config.arConf.enabled_global){
|
|
ArPanel.autoar.disable.classList.add("hidden");
|
|
ArPanel.autoar.enable.classList.remove("hidden");
|
|
|
|
ArPanel.autoar.enable_tmp.textContent = "Temporarily enable";
|
|
ArPanel.autoar.disable_tmp.textContent = "Temporarily disable";
|
|
}
|
|
else{
|
|
ArPanel.autoar.disable.classList.remove("hidden");
|
|
ArPanel.autoar.enable.classList.add("hidden");
|
|
|
|
ArPanel.autoar.enable_tmp.textContent = "Re-enable";
|
|
ArPanel.autoar.disable_tmp.textContent = "Temporarily disable";
|
|
}
|
|
if(! _config.arConf.enabled_current){
|
|
ArPanel.autoar.disable_tmp.classList.add("hidden");
|
|
ArPanel.autoar.enable_tmp.classList.remove("hidden");
|
|
}
|
|
else{
|
|
ArPanel.autoar.disable_tmp.classList.remove("hidden");
|
|
ArPanel.autoar.enable_tmp.classList.add("hidden");
|
|
}
|
|
}
|
|
}
|
|
|
|
document.addEventListener("click", (e) => {
|
|
|
|
// console.log("we clicked. e?",e);
|
|
|
|
function getcmd(e){
|
|
// console.log("extracting command from e", e);
|
|
|
|
var command = {};
|
|
command.sender = "popup";
|
|
command.receiver = "uwbg";
|
|
|
|
if(e.target.classList.contains("disabled"))
|
|
return;
|
|
|
|
if(e.target.classList.contains("menu-item")){
|
|
if(e.target.classList.contains("_menu_general")){
|
|
openMenu("general");
|
|
}
|
|
else if(e.target.classList.contains("_menu_aspectratio")){
|
|
openMenu("arSettings");
|
|
}
|
|
else if(e.target.classList.contains("_menu_hacks")){
|
|
openMenu("cssHacks");
|
|
}
|
|
else if(e.target.classList.contains("_menu_about")){
|
|
openMenu("about");
|
|
}
|
|
|
|
// don't send commands
|
|
return;
|
|
}
|
|
|
|
if(e.target.classList.contains("_changeAr")){
|
|
if(e.target.classList.contains("_ar_auto")){
|
|
command.cmd = "force-ar";
|
|
command.newAr = "auto";
|
|
return command;
|
|
}
|
|
if(e.target.classList.contains("_ar_reset")){
|
|
command.cmd = "force-ar";
|
|
command.newAr = "reset";
|
|
return command;
|
|
}
|
|
if(e.target.classList.contains("_ar_219")){
|
|
command.cmd = "force-ar";
|
|
command.newAr = 2.39;
|
|
return command;
|
|
}
|
|
if(e.target.classList.contains("_ar_189")){
|
|
command.cmd = "force-ar";
|
|
command.newAr = 2.0;
|
|
return command;
|
|
}
|
|
if(e.target.classList.contains("_ar_169")){
|
|
command.cmd = "force-ar";
|
|
command.newAr = 1.78;
|
|
return command;
|
|
}
|
|
if(e.target.classList.contains("_ar_1610")){
|
|
command.cmd = "force-ar";
|
|
command.newAr = 1.6;
|
|
return command;
|
|
}
|
|
}
|
|
|
|
if(e.target.classList.contains("_autoar")){
|
|
var command = {};
|
|
if(e.target.classList.contains("_autoar_temp-disable")){
|
|
command = {cmd: "stop-autoar", sender: "popup", receiver: "uwbg"};
|
|
}
|
|
else if(e.target.classList.contains("_autoar_disable")){
|
|
command = {cmd: "disable-autoar", sender: "popup", receiver: "uwbg"};
|
|
}
|
|
else if(e.target.classList.contains("_autoar_enable")){
|
|
command = {cmd: "enable-autoar", sender: "popup", receiver: "uwbg"};
|
|
}
|
|
else{
|
|
command = {cmd: "force-ar", newAr: "auto", sender: "popup", receiver: "uwbg"};
|
|
}
|
|
_arctl_onclick(command);
|
|
return command;
|
|
}
|
|
|
|
if(e.target.classList.contains("_align")){
|
|
|
|
command.global = true;
|
|
|
|
if(e.target.classList.contains("_align_left")){
|
|
command.cmd = "force-video-float",
|
|
command.newFloat = "left"
|
|
|
|
console.log(".................\n\n\n..........\n\n >>command<< \n\n\n\n ",command,"\n\n\n.........\n\n\n................................");
|
|
|
|
return command;
|
|
}
|
|
if(e.target.classList.contains("_align_center")){
|
|
command.cmd = "force-video-float"
|
|
command.newFloat = "center"
|
|
return command;
|
|
}
|
|
if(e.target.classList.contains("_align_right")){
|
|
command.cmd = "force-video-float";
|
|
command.newFloat = "right";
|
|
return command;
|
|
}
|
|
}
|
|
}
|
|
|
|
var command = getcmd(e);
|
|
if(command)
|
|
browser.runtime.sendMessage(command);
|
|
});
|
|
|
|
|
|
|
|
check4videos();
|
|
check4conf();
|