Torn Flights

Changes the scenery during flights

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

// ==UserScript==
// @name         Torn Flights
// @namespace    https://www.torn.com/profiles.php?XID=2029670
// @version      3.1
// @description  Changes the scenery during flights
// @author       Mike Pence
// @match        https://www.torn.com/index.php
// @match        http://www.torn.com/index.php
// @requires     https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js
// @grant        GM_getValue
// @grant        GM_setValue
// ==/UserScript==

//Beware of bad coding lol

$(document).ready(function(){
    //If on flight page
    if($(".clouds").length > 0 && $(".fade-left").length > 0 && $(".fade-right").length > 0 && $(".destination-title").length > 0 && $(".delimiter-999").length > 0){
        //Data
        var hidden = GM_getValue("hidden");
        if(hidden === null || hidden === "" || hidden === "undefined"){
            hidden = "false";
            GM_setValue("hidden", hidden);
        }
        var backgroundImage = GM_getValue("backgroundImage");
        if(backgroundImage === null || backgroundImage === "" || backgroundImage === "undefined"){
            backgroundImage = "space1";
            GM_setValue("backgroundImage", backgroundImage);
        }
        var planeImage = GM_getValue("planeImage");
        if(planeImage === null || planeImage === "" || planeImage === "undefined"){
            planeImage = "default";
            GM_setValue("planeImage", planeImage);
        }
        var planeDefaultImage = $("#plane").children().first().attr("src");
        GM_setValue("planeDefaultImage", planeDefaultImage);
        var color = GM_getValue("color");
        if(color === null || color === "" || color === "undefined"){
            color = "black";
            GM_setValue("color", color);
        }
        //Start UI
        //Div
        var div = $("<div id='MikePenceDiv'></div>");
        div.css("background-color", "white");
        // div.css("border", "2.5px solid black");
        div.css("position", "absolute");
        div.css("right", "0px");
        //Text
        var textP = $("<p id='MikePenceText'>Torn Flights - By <a href='https://www.torn.com/profiles.php?XID=2029670#/'>MikePence [2029670]</a></p>");
        textP.css("margin", "5px");
        //Hide
        var hideForm = $("<form></form>");
        var hideButton = $("<button id='MikePenceHideButton' type='button'></button>");
        //Background image
        var backgroundImageForm = $("<form id='MikePenceBackgroundImageForm'></form>");
        var backgroundImageText = $("<span>Background image:</span>");
        backgroundImageText.css("margin", "5px");
        var backgroundImageField = $("<input id='MikePenceBackgroundImageField' type='text' name='backgroundImage' value='" + backgroundImage + "'>");
        backgroundImageField.css("border", "1px solid grey");
        backgroundImageField.css("border-radius", "2.5px");
        backgroundImageField.css("margin", "5px");
        backgroundImageField.css("width", "200px");
        var backgroundImageDropdown = $("<select id='MikePenceBackgroundImageDropdown'></select>");
        backgroundImageDropdown.css("margin", "5px");
        var backgroundImageDropdownOption1 = $("<option value='custom' disabled>Custom</option>");
        var backgroundImageDropdownOption2 = $("<option value='space1'>Space 1</option>");
        var backgroundImageDropdownOption3 = $("<option value='space2'>Space 2</option>");
        var backgroundImageDropdownOption4 = $("<option value='city1'>City 1</option>");
        var backgroundImageDropdownOption5 = $("<option value='city2'>City 2</option>");
        var backgroundImageDropdownOption6 = $("<option value='sky'>Sky</option>");
        //Plane image
        var planeImageForm = $("<form id='MikePencePlaneImageForm'></form>");
        var planeImageText = $("<span>Plane image:</span>");
        planeImageText.css("margin", "5px");
        var planeImageField = $("<input id='MikePencePlaneImageField' type='text' name='planeImage' value='" + planeImage + "'>");
        planeImageField.css("border", "1px solid grey");
        planeImageField.css("border-radius", "2.5px");
        planeImageField.css("margin", "5px");
        planeImageField.css("width", "200px");
        var planeImageDropdown = $("<select id='MikePencePlaneImageDropdown'></select>");
        planeImageDropdown.css("margin", "5px");
        var planeImageDropdownOption1 = $("<option value='custom' disabled>Custom</option>");
        var planeImageDropdownOption2 = $("<option value='default'>Default</option>");
        var planeImageDropdownOption3 = $("<option value='superman'>Superman</option>");
        var planeImageDropdownOption4 = $("<option value='pence'>Pence</option>");
        //Color
        var colorForm = $("<form id='MikePenceColorForm'></form>");
        var colorText = $("<span>Text color:&nbsp;</span>");
        colorText.css("margin", "5px");
        var colorRadioBlack = $("<input id='MikePenceColorRadioBlack' type='radio' name='color' value='black'>");
        colorRadioBlack.css("margin", "5px");
        var colorTextBlack = $("<span>&nbsp;Black&nbsp;&nbsp;&nbsp;</span>");
        colorTextBlack.css("margin", "5px");
        var colorRadioWhite = $("<input id='MikePenceColorRadioWhite' type='radio' name='color' value='white'>");
        colorRadioWhite.css("margin", "5px");
        var colorTextWhite = $("<span>&nbsp;White&nbsp;&nbsp;&nbsp;</span>");
        colorTextWhite.css("margin", "5px");
        if(color == "white"){
            colorRadioWhite.attr("checked", "checked");
        }
        else if(color == "black"){
            colorRadioBlack.attr("checked", "checked");
        }
        //Add
        div.append(textP);
        hideForm.append(hideButton);
        div.append(hideForm);
        backgroundImageForm.append(backgroundImageText);
        backgroundImageForm.append(backgroundImageField);
        backgroundImageForm.append(backgroundImageDropdown);
        backgroundImageDropdown.append(backgroundImageDropdownOption1);
        backgroundImageDropdown.append(backgroundImageDropdownOption2);
        backgroundImageDropdown.append(backgroundImageDropdownOption3);
        backgroundImageDropdown.append(backgroundImageDropdownOption4);
        backgroundImageDropdown.append(backgroundImageDropdownOption5);
        backgroundImageDropdown.append(backgroundImageDropdownOption6);
        div.append(backgroundImageForm);
        planeImageForm.append(planeImageText);
        planeImageForm.append(planeImageField);
        planeImageForm.append(planeImageDropdown);
        planeImageDropdown.append(planeImageDropdownOption1);
        planeImageDropdown.append(planeImageDropdownOption2);
        planeImageDropdown.append(planeImageDropdownOption3);
        planeImageDropdown.append(planeImageDropdownOption4);
        div.append(planeImageForm);
        colorForm.append(colorText);
        colorForm.append(colorRadioBlack);
        colorForm.append(colorTextBlack);
        colorForm.append(colorRadioWhite);
        colorForm.append(colorTextWhite);
        div.append(colorForm);
        $(".stage").prepend(div);
        //End UI
        //Hide
        changeHideButton(GM_getValue("hidden"));
        //Background image
        var body = $("body");
        changeBackgroundImage(backgroundImage);
        body.css("background-size", "cover");
        body.css("-webkit-background-size", "cover");
        body.css("-moz-background-size", "cover");
        body.css("-o-background-size", "cover");
        body.css("background-repeat", "no-repeat");
        body.css("background-origin", "center");
        body.css("background-clip", "center");
        body.css("background-attachment", "fixed");
        //Plane image
        changePlaneImage(planeImage);
        //Color
        if(color === "black"){
            colorBlack();
        }
        else if(color === "white"){
            colorWhite();
        }
        //Background image dropdown
        if(backgroundImage === "space1"){
            backgroundImageDropdownOption2.prop("selected", true);
        }
        else if(backgroundImage === "space2"){
            backgroundImageDropdownOption3.prop("selected", true);
        }
        else if(backgroundImage === "city1"){
            backgroundImageDropdownOption4.prop("selected", true);
        }
        else if(backgroundImage === "city2"){
            backgroundImageDropdownOption5.prop("selected", true);
        }
        else if(backgroundImage === "sky"){
            backgroundImageDropdownOption6.prop("selected", true);
        }
        else{
            backgroundImageDropdownOption1.prop("selected", true);
        }
        //Plane image dropdown
        if(planeImage === "default"){
            planeImageDropdownOption2.prop("selected", true);
        }
        else if(planeImage === "superman"){
            planeImageDropdownOption3.prop("selected", true);
        }
        else if(planeImage === "pence"){
            planeImageDropdownOption4.prop("selected", true);
        }
        else{
            planeImageDropdownOption1.prop("selected", true);
        }
        //Other
        // $(".header-wrapper-bottom").remove();
        $(".page-head-delimiter").remove();
        $(".clouds").remove();
        $(".fade-left").remove();
        $(".fade-right").remove();
        $(".delimiter-999").remove();
    }
});
//Functions
//Click hide button
$("#MikePenceHideButton").click(function(){
    var hidden = GM_getValue("hidden");
    if(hidden){
        changeHideButton(false);
    }
    else{
        changeHideButton(true);
    }
});
//Change hide button
function changeHideButton(hidden){
    if(hidden){
        $("#MikePenceText").hide();
        $("#MikePenceHideButton").html("Show");
        $("#MikePenceBackgroundImageForm").hide();
        $("#MikePencePlaneImageForm").hide();
        $("#MikePenceColorForm").hide();
        GM_setValue("hidden", true);
    }
    else{
        $("#MikePenceText").show();
        $("#MikePenceHideButton").html("Hide");
        $("#MikePenceBackgroundImageForm").show();
        $("#MikePencePlaneImageForm").show();
        $("#MikePenceColorForm").show();
        GM_setValue("hidden", false);
    }
}
//Change background image field
$("#MikePenceBackgroundImageField").on("change paste keyup", function(){
    var backgroundImage = $(this).val();
    changeBackgroundImage(backgroundImage);
    if(backgroundImage === "space1"){
        $("#MikePenceBackgroundImageDropdown").children("option[value='space1']").first().prop("selected", true);
    }
    else if(backgroundImage === "space2"){
        $("#MikePenceBackgroundImageDropdown").children("option[value='space2']").first().prop("selected", true);
    }
    else if(backgroundImage === "city1"){
        $("#MikePenceBackgroundImageDropdown").children("option[value='city1']").first().prop("selected", true);
    }
    else if(backgroundImage === "city2"){
        $("#MikePenceBackgroundImageDropdown").children("option[value='city2']").first().prop("selected", true);
    }
    else if(backgroundImage === "sky"){
        $("#MikePenceBackgroundImageDropdown").children("option[value='sky']").first().prop("selected", true);
    }
    else{
        $("#MikePenceBackgroundImageDropdown").children("option[value='custom']").first().prop("selected", true);
    }
});
//Click background image button
$("#MikePenceBackgroundImageDropdown").change(function(){
    var selected = $(this).val();
    var backgroundImage = GM_getValue("backgroundImage");
    if(selected === "custom"){
        changeBackgroundImage(backgroundImage);
    }
    else{
        changeBackgroundImage(selected);
    }
});
//Change plane image field
$("#MikePencePlaneImageField").on("change paste keyup", function(){
    var planeImage = $(this).val();
    changePlaneImage(planeImage);
    if(planeImage === "default"){
        $("#MikePencePlaneImageDropdown").children("option[value='default']").first().prop("selected", true);
    }
    else if(planeImage === "superman"){
        $("#MikePencePlaneImageDropdown").children("option[value='superman']").first().prop("selected", true);
    }
    else if(planeImage === "pence"){
        $("#MikePencePlaneImageDropdown").children("option[value='pence']").first().prop("selected", true);
    }
    else{
        $("#MikePencePlaneImageDropdown").children("option[value='custom']").first().prop("selected", true);
    }
});
//Click plane image button
$("#MikePencePlaneImageDropdown").change(function(){
    var selected = $(this).val();
    var planeImage = GM_getValue("planeImage");
    if(selected === "custom"){
        changePlaneImage(planeImage);
    }
    else{
        changePlaneImage(selected);
    }
});
//Change color
$("input[type=radio][name=color]").change(function(){
    if($(this).val() == "white"){
        colorWhite();
        GM_setValue("color", "white");
    }
    else{
        colorBlack();
        GM_setValue("color", "black");
    }
});
//Change background image
function changeBackgroundImage(backgroundImage){
    if(backgroundImage === "space1"){
        $("body").css("background-image", "url(http://wallpapershome.com/images/wallpapers/galaxy-3840x2160-space-stars-8910.jpg)");
    }
    else if(backgroundImage === "space2"){
        $("body").css("background-image", "url(https://wallpaperscraft.com/image/planet_light_spots_space_86643_1920x1080.jpg)");
    }
    else if(backgroundImage === "city1"){
        $("body").css("background-image", "url(https://i.imgur.com/WdAURtK.jpg)");
    }
    else if(backgroundImage === "city2"){
        $("body").css("background-image", "url(https://newevolutiondesigns.com/images/freebies/city-wallpaper-18.jpg)");
    }
    else if(backgroundImage === "sky"){
        $("body").css("background-image", "url(https://images6.alphacoders.com/353/thumb-1920-353272.jpg)");
    }
    else{
        $("body").css("background-image", "url(" + backgroundImage + ")");
    }
    GM_setValue("backgroundImage", backgroundImage);
    $("#MikePenceBackgroundImageField").val(backgroundImage);
}
//Change plane image
function changePlaneImage(planeImage){
    if(planeImage === "default"){
        $("#plane").children().first().attr("src", GM_getValue("planeDefaultImage"));
        $("#plane").children().first().attr("height", 300);
    }
    else if(planeImage === "superman"){
        $("#plane").children().first().attr("src", "https://media.giphy.com/media/2eh0ovwcQQK2I/giphy.gif");
        $("#plane").children().first().attr("height", 200);
    }
    else if(planeImage === "pence"){
        $("#plane").children().first().attr("src", "https://www.shitpostbot.com/img/sourceimages/mike-pence-head-png-5868809e5cdff.png");
        $("#plane").children().first().attr("height", 200);
    }
    else{
        $("#plane").children().first().attr("src", planeImage);
    }
    GM_setValue("planeImage", planeImage);
    $("#MikePencePlaneImageField").val(planeImage);
}
//Change color to black
function colorBlack(){
    $("#skip-to-content").css("color", "black");
    $(".content-title").find("h4").css("color", "black");
    $(".server-time").css("color", "black");
    $(".server-date").css("color", "black");
    $(".connect-title").css("color", "black");
    $(".server-title").css("color", "black");
    $(".events").css("color", "black");
    $(".laptop").css("color", "black");
    $(".recruit-citizens").css("color", "black");
    $(".logout").css("color", "black");
    $(".destination-title").css("color", "black");
}
//Change color to white
function colorWhite(){
    $("#skip-to-content").css("color", "white");
    $(".content-title").find("h4").css("color", "white");
    $(".server-time").css("color", "white");
    $(".server-date").css("color", "white");
    $(".connect-title").css("color", "white");
    $(".server-title").css("color", "white");
    $(".events").css("color", "white");
    $(".laptop").css("color", "white");
    $(".recruit-citizens").css("color", "white");
    $(".logout").css("color", "white");
    $(".destination-title").css("color", "white");
}