☰

Echo Beta Offline Mode

Moves the "you are offline" message to the top of the screen and allows user interaction with the page, but disables "submit" buttons (so users don't lose their work)

// ==UserScript==
// @name         Echo Beta Offline Mode
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Moves the "you are offline" message to the top of the screen and allows user interaction with the page, but disables "submit" buttons (so users don't lose their work)
// @author       Jacqueb
// @match        https://hillcresths.echo-ntn.org/*
// @grant        none
// ==/UserScript==

(function() {
    function startit1() {
        if(navigator.onLine == false) {setTimeout(function() {startit(); lol1()},500);}
        if(navigator.onLine == true) {if(document.getElementsByClassName("mat-dialog-container ng-trigger ng-trigger-slideDialog ng-star-inserted")[0] != undefined) {document.getElementsByClassName("mat-dialog-container ng-trigger ng-trigger-slideDialog ng-star-inserted")[0].style.transition = "opacity 1s ease out"; document.getElementsByClassName("mat-dialog-container ng-trigger ng-trigger-slideDialog ng-star-inserted")[0].style.opacity = "0"; document.getElementsByClassName("mat-dialog-container ng-trigger ng-trigger-slideDialog ng-star-inserted")[0].style.display = "none"}}
        for(var i = 0; i < 10; i++) {if(navigator.onLine == true) {if(document.getElementsByClassName("xli-submit")[i] != undefined) {document.getElementsByClassName("xli-submit")[i].removeAttribute("disabled")}}}
        for(var j = 0; j < 10; j++) {if(navigator.onLine == true) {if(document.getElementsByClassName("xli-submit")[j] != undefined) {document.getElementsByClassName("xli-cancel")[j].removeAttribute("disabled")}}}
                        }
    function startit() {
        if(document.getElementsByClassName("cdk-overlay-backdrop cdk-overlay-dark-backdrop cdk-overlay-backdrop-showing")[0] != undefined) {document.getElementsByClassName("cdk-overlay-backdrop cdk-overlay-dark-backdrop cdk-overlay-backdrop-showing")[0].style.display="none";}
        if(document.getElementsByClassName("app-backdrop")[0] != undefined) {document.getElementsByClassName("app-backdrop")[0].style.display="none";}
        if(document.getElementsByClassName("mat-dialog-container ng-trigger ng-trigger-slideDialog ng-star-inserted")[0] != undefined) {document.getElementsByClassName("mat-dialog-container ng-trigger ng-trigger-slideDialog ng-star-inserted")[0].style.background="white";}
        if(document.getElementsByClassName("mat-dialog-container ng-trigger ng-trigger-slideDialog ng-star-inserted")[0] != undefined) {document.getElementsByClassName("mat-dialog-container ng-trigger ng-trigger-slideDialog ng-star-inserted")[0].style.height="60px";}
        if(document.getElementsByClassName("mat-dialog-container ng-trigger ng-trigger-slideDialog ng-star-inserted")[0] != undefined) {document.getElementsByClassName("mat-dialog-container ng-trigger ng-trigger-slideDialog ng-star-inserted")[0].style.border="solid 1px white";}
        if(document.getElementsByClassName("xli-modal-body")[0] != undefined) {document.getElementsByClassName("xli-modal-body")[0].style.marginTop="-8px";}
        if(document.getElementsByClassName("mat-dialog-container ng-trigger ng-trigger-slideDialog ng-star-inserted")[0] != undefined) {document.getElementsByClassName("mat-dialog-container ng-trigger ng-trigger-slideDialog ng-star-inserted")[0].style.borderRadius="10px";}
        if(document.getElementsByClassName("mat-dialog-container ng-trigger ng-trigger-slideDialog ng-star-inserted")[0] != undefined) {document.getElementsByClassName("mat-dialog-container ng-trigger ng-trigger-slideDialog ng-star-inserted")[0].style.boxShadow="none";}
        if(document.getElementsByClassName("xli-flex-enabled app-theme ng-scope xli-ada-color")[0] != undefined) {document.getElementsByClassName("xli-flex-enabled app-theme ng-scope xli-ada-color")[0].id="elColor";}
        if(document.getElementById('elColor') != undefined) {var myColor = document.getElementById('elColor').className.split(' ')[4];}
        if(document.getElementsByClassName("cdk-global-overlay-wrapper")[0] != undefined) {document.getElementsByClassName("cdk-global-overlay-wrapper")[0].style="justify-content: center";}
        if(document.getElementsByClassName("mat-dialog-container ng-trigger ng-trigger-slideDialog ng-star-inserted")[0] != undefined) {document.getElementsByClassName("mat-dialog-container ng-trigger ng-trigger-slideDialog ng-star-inserted")[0].getElementsByClassName("ng-star-inserted")[1].innerText="Offline! Submit button will be disabled until a stable internet connection is found."}
        if(navigator.onLine == false) {if(document.getElementsByClassName("xli-submit")[0] != undefined) {document.getElementsByClassName("xli-submit")[0].disabled = true;}}
        if(navigator.onLine == false) {if(document.getElementsByClassName("xli-submit")[0] != undefined) {document.getElementsByClassName("xli-cancel")[0].disabled = true;}}
        if(navigator.onLine == false) {if(document.getElementsByClassName("mat-dialog-container ng-trigger ng-trigger-slideDialog ng-star-inserted")[0] != undefined) {document.getElementsByClassName("mat-dialog-container ng-trigger ng-trigger-slideDialog ng-star-inserted")[0].style.display = "block"}}
        if(document.getElementsByClassName("cdk-overlay-pane")[0] != undefined) {document.getElementsByClassName("cdk-overlay-pane")[0].style.height="60px";}
    }
    function lol() {
        setTimeout(function() {startit1(); lol1()},1500);
    }
    function lol1() {
        setTimeout(function() {startit1(); lol()},1500);
    }
    setTimeout(lol(), 3000);

})();