// ==UserScript==
// @name        Status.io Selector 2
// @namespace   https://status.io
// @description Effort to simplify configuration of incidents/maintenance windows
// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
// @require     http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js
// @require     https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant       GM_addStyle
// @grant       GM_setClipboard
// @version     0.0.1
// ==/UserScript==


//console.log($("div.clearfix.prettycheckbox.labelright.blue").filter(":contains('West US 2')")
//
//

function getAllMethods(obj = this) {
    return Object.keys(obj)
                 .filter((key) => typeof obj[key] === 'function')
                 .map((key) => obj[key]);
}


var apiGroup = $("div.form-group").filter(":contains('API Service')")
var authGroup = $("div.form-group").filter(":contains('Authentication')")
var computeGroup = $("div.form-group").filter(":contains('Compute Service')")
var jobsGroup = $("div.form-group").filter(":contains('Jobs Service')")
var odbcGroup = $("div.form-group").filter(":contains('ODBC/JDBC Service')")
var webappGroup = $("div.form-group").filter(":contains('User Interface')")


var testObj = webappGroup.find('*').filter(":contains('West US 2')").filter("div.clearfix.prettycheckbox.labelright.blue").children().filter("input#containersCheckbox")
console.log(Object.keys(testObj))
console.log(testObj)


            var zNode = document.createElement ('div');
           zNode.innerHTML = '<button id="allComponentsButton" type="button">AllComponents</button><button id="apiButton" type="button">API</button><button id="authButton">Auth</button>'
                + '<button id="computeButton" type="button">Compute</button><button id="jobsButton" type="button">Jobs</button><button id="ojdbcButton" type="button">ODBC/JDBC</button>'
                + '<button id="webappButton" type="button">Webapp</button></br></br><button id="canadaCentralButton" type="button">canadacentral</button><button id = jarvisButton>Jarvis'
                + '</button><button id=ascButton>ASC</button><button id = kustoButton>Kusto</button> <button id = oneClickButton>1 - Click</button>'
            ;
            zNode.setAttribute ('id', 'myContainer');
            document.body.appendChild (zNode);

            //--- Activate the newly added button.
            document.getElementById ("canadaCentralButton").addEventListener (
                "click", canadaCentralButtonClickAction, false
            );
            document.getElementById ("jarvisButton").addEventListener (
                "click", jarvisButtonClickAction, false
            );
            document.getElementById ("ascButton").addEventListener (
                "click", ascButtonClickAction, false
            );
            document.getElementById ("kustoButton").addEventListener (
                "click", kustoButtonClickAction, false
            );
            document.getElementById ("oneClickButton").addEventListener (
                "click", oneClickButtonClickAction, false
            );

            function canadaCentralButtonClickAction (zEvent) {
                testObj.prop("checked", true);
            }
            function jarvisButtonClickAction (zEvent) {
                window.open(jarvisURL, "_blank");
            }
            function ascButtonClickAction (zEvent) {
                window.open(ascURL, "_blank");
            }
            function kustoButtonClickAction (zEvent) {
                GM_setClipboard(template, "kusto queries");
                alert(`Kusto queries for ${cluster} have been copied to clipboard!`);
            }
            function oneClickButtonClickAction (zEvent) {
                appLensButtonClickAction(zEvent);
                jarvisButtonClickAction(zEvent);
                ascButtonClickAction(zEvent);
                kustoButtonClickAction(zEvent);
            }

            //--- Style our newly added elements using CSS.
            GM_addStyle ( multilineStr ( function () {/*!
     #myContainer {
         position:               fixed;
         bottom:                    0;
         right:                   0;
         font-size:              14px;
         background:             orange;
         border:                 3px outset black;
         margin:                 3px;
         opacity:                0.7;
         z-index:                222;
         padding:                5px 5px;
     }
     #myButton {
         cursor:                 pointer;
     }
     #myContainer p {
         color:                  red;
         background:             white;
     }
 */} ) );

            function multilineStr (dummyFunc) {
                var str = dummyFunc.toString ();
                str = str.replace (/^[^\/]+\/\*!?/, '') // Strip function () { /*!
                    .replace (/\s*\*\/\s*\}\s*$/, '') // Strip */ }
                    .replace (/\/\/.+$/gm, '') // Double-slash comments wreck CSS. Strip them.
                ;
                return str;
            }