// ==UserScript==
// @name         Quick Screen Access
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  add screen buttons to top row
// @author       Wu
// @match        https://apex.prosperousuniverse.com/
// @grant        none
// @require      http://code.jquery.com/jquery-3.4.1.min.js
// ==/UserScript==

(function() {
    'use strict';

var $ = window.jQuery;


var getUrlParameter = function getUrlParameter(sParam) {
    var sPageURL = window.location.href;
    var sURLVariables = sPageURL.split('#');
    var sParameterName;
    var i;

    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');

        if (sParameterName[0] == sParam) {
            return sParameterName[1];
        }
    }

    return '';
};


    var screens = {
        'base': 'ca09a36c-2a5f-4f9e-b848-8fedc6125254',
        'charts': '074d33f5-1685-426e-b023-fa757e73c66d',
        'CXL' : '58e69ad6-2a45-43f3-89f9-1e862df00c61',
        'PROD' : 'b60a102d-d026-4efd-a815-3c420b258edc',
        'finances' : '92a18bc4-d4d5-439b-a41c-d4f18a87b9bc'
    };

    var normalClass = 'HeadItem__indicatorPrimary___JFDbIy3 HeadItem__indicator___1WWD82Y';
    var highlightClass = 'HeadItem__indicatorPrimaryActive___1uY9Awj ' + normalClass;

    var currentScreen = getUrlParameter('screen');

setTimeout(function()
{

    for(var key in screens)
    {
        var hilight = normalClass;
        if(screens[key] == currentScreen)
        {
            hilight = highlightClass;
        }

        $("div.ScreenControls__container___3lhGA7D").append('<div class="HeadItem__container___1oUZSb6 fonts__font-regular___w47oqm8 type__type-regular___1Ad5n0D HeadItem__link___C4sFmpE"> \
            <a class="HeadItem__label___3WJ9Z8c" href="#screen='+screens[key]+'">'+key+'</a> \
                <div class="'+hilight+'"></div> \
            </div>');
    }
}, 3000);


setInterval(function()
{
    var currentScreen = getUrlParameter('screen');

    for(var key in screens)
    {
        var els = document.querySelectorAll("a[href='#screen="+screens[key]+"']");
        if(els[1] === undefined)
        {
            continue;
        }

        var el = els[1];

        var hilight = normalClass;
        if(screens[key] == currentScreen)
        {
            hilight = highlightClass;
        }
        el.parentNode.children[1].className = hilight;
    }
}, 1000);
})();