This commit is contained in:
Tyler 2021-06-07 15:03:53 -05:00
parent 527c8492e6
commit f0abefafc1
1 changed files with 161 additions and 46 deletions

View File

@ -29,14 +29,12 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
// initialize azure component and region variables
var componentArray = ["api", "auth", "compute", "jobs", "odbc", "webapp", "sql"];
var regionArray = ["canadacentral", "canadaeast", "centralindia", "southindia", "westindia",
"switzerlandnorth", "norwayeast", "westus2", "westus", "southcentralus",
"westeurope", "northeurope", "ukwest", "uksouth", "southafricanorth",
"uaenorth", "australiaeast", "australiacentral", "australiacentral2",
"australiasoutheast", "japaneast", "japanwest", "koreacentral",
"southeastasia", "eastasia", "brazilsouth", "eastus2", "eastus",
"centralus", "northcentralus", "francecentral", "chinanorth2", "chinaeast2",
var regionArray = ["canadacentral", "canadaeast", "centralindia", "southindia", "westindia", "switzerlandnorth", "norwayeast", "westus2",
"westus", "southcentralus", "westeurope", "northeurope", "ukwest", "uksouth", "southafricanorth", "uaenorth", "australiaeast",
"australiacentral", "australiacentral2", "australiasoutheast", "japaneast", "japanwest", "koreacentral", "southeastasia",
"eastasia", "brazilsouth", "eastus2", "eastus","centralus", "northcentralus", "francecentral", "chinanorth2", "chinaeast2",
"usgovvirginia", "usgovarizona"];
var buttonArray = [];
// create tracking maps
var selectedComponents = new Map();
@ -199,6 +197,11 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
toggleRegion("southeastasia");
toggleButtonColor("southeastasiaButton");
};
function southeastasiaCPButtonClickAction(zEvent) {
toggleRegion("southeastasia");
toggleRegion("eastasia");
toggleButtonColor("southeastasiaButton");
}
function eastasiaButtonClickAction(zEvent) {
toggleRegion("eastasia");
toggleButtonColor("eastasiaButton");
@ -211,6 +214,13 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
toggleRegion("eastus2");
toggleButtonColor("eastus2Button");
};
function eastus2CPButtonClickAction(zEvent) {
toggleRegion("eastus2");
toggleRegion("eastus");
toggleRegion("centralus");
toggleRegion("northcentralus");
toggleButtonColor("eastus2Button");
}
function eastusButtonClickAction(zEvent) {
toggleRegion("eastus");
toggleButtonColor("eastusButton");
@ -243,6 +253,62 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
toggleRegion("usgovarizona");
toggleButtonColor("usgovarizonaButton");
};
function stage1ButtonClickAction(zEvent) {
toggleRegion("canadacentral");
toggleRegion("canadaeast");
toggleRegion("centralindia");
toggleRegion("southindia");
toggleRegion("westindia");
toggleRegion("switzerlandnorth");
toggleRegion("norwayeast");
toggleButtonColor("stage1Button");
};
function stage1point5ButtonClickAction(zEvent) {
toggleRegion("westus");
toggleRegion("westus2");
toggleRegion("southcentralus");
toggleButtonColor("stage1point5Button");
};
function stage2ButtonClickAction(zEvent) {
toggleRegion("westeurope");
toggleRegion("northeurope");
toggleRegion("ukwest");
toggleRegion("uksouth");
toggleRegion("southafricanorth");
toggleRegion("uaenorth");
toggleButtonColor("stage2Button");
};
function stage3amButtonClickAction(zEvent) {
toggleRegion("australiaeast");
toggleRegion("australiacentral");
toggleRegion("australiacentral2");
toggleRegion("australiasoutheast");
toggleRegion("japaneast");
toggleRegion("japanwest");
toggleRegion("koreacentral");
toggleRegion("southeastasia");
toggleRegion("eastasia");
toggleButtonColor("stage3amButton");
};
function stage3pmButtonClickAction(zEvent) {
toggleRegion("brazilsouth");
toggleRegion("eastus2");
toggleRegion("eastus");
toggleRegion("centralus");
toggleRegion("northcentralus");
toggleRegion("francecentral");
toggleButtonColor("stage3pmButton");
};
function stagegovcloudButtonClickAction(zEvent) {
toggleRegion("usgovvirginia");
toggleRegion("usgovarizona");
toggleButtonColor("stagegovcloudButton");
};
function stagemooncakeButtonClickAction(zEvent) {
toggleRegion("chinanorth2");
toggleRegion("chinaeast2");
toggleButtonColor("stagemooncakeButton");
};
// component functions
function authButtonClickAction(zEvent) {
@ -289,30 +355,22 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
} //
function loadDataplanes() {
console.log("loading dataplanes profile")
var dataplaneHTML = '<button id="canadacentralButton" type="button">canadacentral</button><button id="canadaeastButton" type="button">canadaeast</button>' +
'<button id="centralindiaButton" type="button">centralindia</button><button id="southindiaButton" type="button">southindia</button>' +
'<button id="westindiaButton" type="button">westindia</button><button id="switzerlandnorthButton" type="button">switzerlandnorth</button>' +
'<button id="norwayeastButton" type="button">norwayeast</button></br></br>' +
'<button id="westusButton" type="button">westus</button><button id="westus2Button" type="button">westus2</button>' +
'<button id="southcentralusButton" type="button">southcentralus</button></br></br>' +
'<button id="westeuropeButton" type="button">westeurope</button><button id="northeuropeButton" type="button">northeurope</button>' +
'<button id="ukwestButton" type="button">ukwest</button><button id="uksouthButton" type="button">uksouth</button>' +
'<button id="southafricanorthButton" type="button">southafricanorth</button><button id="uaenorthButton" type="button">uaenorth</button></br></br>' +
'<button id="australiaeastButton" type="button">australiaeast</button><button id="australiacentralButton" type="button">australiacentral</button>' +
'<button id="australiacentral2Button" type="button">australiacentral2</button><button id="australiasoutheastButton" type="button">australiasoutheast</button>' +
'<button id="japaneastButton" type="button">japaneast</button></br><button id="japanwestButton" type="button">japanwest</button>' +
'<button id="koreacentralButton" type="button">koreacentral</button><button id="southeastasiaButton" type="button">southeastasia</button>' +
'<button id="eastasiaButton" type="button">eastasia</button></br></br>' +
'<button id="brazilsouthButton" type="button">brazilsouth</button><button id="eastus2Button" type="button">eastus2</button>' +
'<button id="eastusButton" type="button">eastus</button><button id="centralusButton" type="button">centralus</button>' +
'<button id="northcentralusButton" type="button">northcentralus</button><button id="francecentralButton" type="button">francecentral</button></br></br>' +
'<button id="chinanorth2Button" type="button">chinanorth2</button><button id="chinaeast2Button" type="button">chinaeast2</button>' +
'<button id="usgovvirginiaButton" type="button">usgovvirginia</button><button id="usgovarizonaButton" type="button">usgovarizona</button>';
var dataplaneHTML = '<center><button id="canadacentralButton" style="width:234px" type="button">Canada Central</button><button id="canadaeastButton" style="width:234px" type="button">Canada East</button></br><button id="centralindiaButton" style="width:156px" type="button">Central India</button><button id="southindiaButton" style="width:156px" type="button">South India</button><button id="westindiaButton" style="width:156px" type="button">West India</button></br><button id="switzerlandnorthButton" style="width:234px" type="button">Switzerland North</button><button id="norwayeastButton" style="width:234px" type="button">Norway East</button></br></br><button id="westusButton" style="width:156px" type="button">West US</button><button id="westus2Button" style="width:156px" type="button">West US 2</button><button id="southcentralusButton" style="width:156px" type="button">South Central US</button></br></br><button id="westeuropeButton" style="width:117px" type="button">West Europe</button><button id="northeuropeButton" style="width:117px" type="button">North Europe</button><button id="ukwestButton" style="width:117px" type="button">UK West</button><button id="uksouthButton" style="width:117px" type="button">UK South</button><br><button id="southafricanorthButton" style="width:234px" type="button">South Africa North</button><button id="uaenorthButton" style="width:234px" type="button">UAE North</button></br></br><button id="australiaeastButton" style="width:156px" type="button">Australia East</button><button id="australiacentralButton" style="width:156px" type="button">Australia Central</button><button id="australiacentral2Button" style="width:156px" type="button">Australia Central 2</button></br><button id="australiasoutheastButton" style="width:138px" type="button">Australia Southeast</button><button id="japaneastButton" style="width:110px" type="button">Japan East</button><button id="japanwestButton" style="width:110px" type="button">Japan West</button><button id="koreacentralButton" style="width:110px" type="button">Korea Central</button></br><button id="southeastasiaButton" style="width:234px" type="button">Southeast Asia</button><button id="eastasiaButton" style="width:234px" type="button">East Asia</button></br></br><button id="brazilsouthButton" style="width:156px" type="button">Brazil South</button><button id="eastus2Button" style="width:156px" type="button">East US 2</button><button id="eastusButton" style="width:156px" type="button">East US</button></br><button id="centralusButton" style="width:156px" type="button">Central US</button><button id="northcentralusButton" style="width:156px" type="button">North Central US</button><button id="francecentralButton" style="width:156px" type="button">France Central</button></br></br><button id="chinanorth2Button" style="width:117px" type="button">China North 2</button><button id="chinaeast2Button" style="width:117px" type="button">China East 2</button><button id="usgovvirginiaButton" style="width:117px" type="button">US Gov Virginia</button><button id="usgovarizonaButton" style="width:117px" type="button">US Gov Arizona</button></center>';
zNode.innerHTML = profilesHTML + '<hr class="solid">' + dataplaneHTML + '<hr class="solid">' + componentsHTML +
'<button id="applyButton" type="button">Apply Selection</button><button id="resetButton" type="button">Reset Form</button>';
// array of active buttons
buttonArray = ["canadacentral", "canadaeast", "centralindia", "southindia", "westindia",
"switzerlandnorth", "norwayeast", "westus2", "westus", "southcentralus",
"westeurope", "northeurope", "ukwest", "uksouth", "southafricanorth",
"uaenorth", "australiaeast", "australiacentral", "australiacentral2",
"australiasoutheast", "japaneast", "japanwest", "koreacentral",
"southeastasia", "eastasia", "brazilsouth", "eastus2", "eastus",
"centralus", "northcentralus", "francecentral", "chinanorth2", "chinaeast2",
"usgovvirginia", "usgovarizona"];
reset();
// regional listeners
document.getElementById("canadacentralButton").addEventListener("click", canadacentralButtonClickAction, false);
document.getElementById("canadaeastButton").addEventListener("click", canadaeastButtonClickAction, false);
@ -372,19 +430,27 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
};
function loadControlplanes() {
console.log("loading controlplanes");
var controlplaneHTML = '<button id="canadacentralButton" type="button">canadacentral</button><button id="centralindiaButton" type="button">centralindia</button>' +
'<button id="switzerlandnorthButton" type="button">switzerlandnorth</button><button id="norwayeastButton" type="button">norwayeast</button></br></br>' +
'<button id="westusButton" type="button">westus</button></br></br>' +
'<button id="westeuropeButton" type="button">westeurope</button><button id="ukwestButton" type="button">ukwest</button>' +
'<button id="southafricanorthButton" type="button">southafricanorth</button><button id="uaenorthButton" type="button">uaenorth</button></br></br>' +
'<button id="australiaeastButton" type="button">australiaeast</button><button id="japaneastButton" type="button">japaneast</button>' +
'<button id="koreacentralButton" type="button">koreacentral</button><button id="southeastasiaButton" type="button">southeastasia</button></br></br>' +
'<button id="brazilsouthButton" type="button">brazilsouth</button><button id="eastus2Button" type="button">eastus2</button>' +
'<button id="francecentralButton" type="button">francecentral</button></br></br>' +
'<button id="chinanorth2Button" type="button">chinanorth2</button><button id="chinaeast2Button" type="button">chinaeast2</button>' +
'<button id="usgovvirginiaButton" type="button">usgovvirginia</button><button id="usgovarizonaButton" type="button">usgovarizona</button>';
var controlplaneHTML = '<button id="canadacentralButton" type="button">Canada Central</button><button id="centralindiaButton" type="button">Central India</button>' +
'<button id="switzerlandnorthButton" type="button">Switzerland North</button><button id="norwayeastButton" type="button">Norway East</button></br></br>' +
'<button id="westusButton" type="button">West US</button></br></br>' +
'<button id="westeuropeButton" type="button">West Europe</button><button id="ukwestButton" type="button">UK West</button>' +
'<button id="southafricanorthButton" type="button">South Africa North</button><button id="uaenorthButton" type="button">UAE North</button></br></br>' +
'<button id="australiaeastButton" type="button">Australia East</button><button id="japaneastButton" type="button">Japan East</button>' +
'<button id="koreacentralButton" type="button">Korea Central</button><button id="southeastasiaButton" type="button">Southeast Asia</button></br></br>' +
'<button id="brazilsouthButton" type="button">Brazil South</button><button id="eastus2Button" type="button">East US 2</button>' +
'<button id="francecentralButton" type="button">France Central</button></br></br>' +
'<button id="chinanorth2Button" type="button">China North 2</button><button id="chinaeast2Button" type="button">China East 2</button>' +
'<button id="usgovvirginiaButton" type="button">US Gov Virginia</button><button id="usgovarizonaButton" type="button">US Gov Arizona</button>';
zNode.innerHTML = profilesHTML + '<hr class="solid">' + controlplaneHTML + '<hr class="solid">' + componentsHTML + '<button id="applyButton" type="button">Apply Selection</button><button id="resetButton" type="button">Reset Form</button>';
// array of active buttons
buttonArray = ["canadacentral", "centralindia", "switzerlandnorth", "norwayeast", "westus", "westeurope","ukwest", "southafricanorth",
"uaenorth", "australiaeast", "japaneast", "koreacentral", "southeastasia", "brazilsouth", "eastus2", "francecentral",
"chinanorth2", "chinaeast2", "usgovvirginia", "usgovarizona"];
// clear everything on profile load
reset();
// regional listeners
document.getElementById("canadacentralButton").addEventListener("click", canadacentralCPButtonClickAction, false);
document.getElementById("switzerlandnorthButton").addEventListener("click", switzerlandnorthButtonClickAction, false);
@ -397,6 +463,16 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
document.getElementById("uaenorthButton").addEventListener("click", uaenorthButtonClickAction, false);
document.getElementById("australiaeastButton").addEventListener("click", australiaeastCPButtonClickAction, false);
document.getElementById("japaneastButton").addEventListener("click", japaneastCPButtonClickAction, false);
document.getElementById("koreacentralButton").addEventListener("click", koreacentralButtonClickAction, false);
document.getElementById("southeastasiaButton").addEventListener("click", southeastasiaCPButtonClickAction, false);
document.getElementById("brazilsouthButton").addEventListener("click", brazilsouthButtonClickAction, false);
document.getElementById("eastus2Button").addEventListener("click", eastus2CPButtonClickAction, false);
document.getElementById("francecentralButton").addEventListener("click", francecentralButtonClickAction, false);
document.getElementById("chinanorth2Button").addEventListener("click", chinanorth2ButtonClickAction, false);
document.getElementById("chinaeast2Button").addEventListener("click", chinaeast2ButtonClickAction, false);
document.getElementById("usgovvirginiaButton").addEventListener("click", usgovvirginiaButtonClickAction, false);
document.getElementById("usgovarizonaButton").addEventListener("click", usgovarizonaButtonClickAction, false);
// profile listeners
document.getElementById("controlplanesButton").addEventListener("click", controlplanesButtonClickAction, false);
document.getElementById("dataplanesButton").addEventListener("click", dataplanesButtonClickAction, false);
@ -419,21 +495,47 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
};
function loadStages() {
console.log("loading stages");
var stagesHTML = '<button id="stage1Button" type="button">Stage-1</button><button id="stage1.5Button" type="button">Stage-1.5</button>' +
var stagesHTML = '<button id="stage1Button" type="button">Stage-1</button><button id="stage1point5Button" type="button">Stage-1.5</button>' +
'<button id="stage2Button" type="button">Stage-2</button><button id="stage3amButton" type="button">Stage-3AM</button>' +
'<button id="stage3pmButton" type="button">Stage-3PM</button><button id="govcloudButton" type="button">Govcloud</button>' +
'<button id="mooncakeButton" type="button">Mooncake</button>';
'<button id="stage3pmButton" type="button">Stage-3PM</button><button id="stagegovcloudButton" type="button">Govcloud</button>' +
'<button id="stagemooncakeButton" type="button">Mooncake</button>';
zNode.innerHTML = profilesHTML + '<hr class="solid">' + stagesHTML + '<hr class="solid">' + componentsHTML + '<button id="applyButton" type="button">Apply Selection</button><button id="resetButton" type="button">Reset Form</button>';
// array of active buttons
buttonArray = ["stage1", "stage1.5", "stage2", "stage3am", "stage3pm", "govcloud", "mooncake"];
reset();
// regional listeners
document.getElementById("stage1Button").addEventListener("click", stage1ButtonClickAction, false);
document.getElementById("stage1point5Button").addEventListener("click", stage1point5ButtonClickAction, false);
document.getElementById("stage2Button").addEventListener("click", stage2ButtonClickAction, false);
document.getElementById("stage3amButton").addEventListener("click", stage3amButtonClickAction, false);
document.getElementById("stage3pmButton").addEventListener("click", stage3pmButtonClickAction, false);
document.getElementById("stagegovcloudButton").addEventListener("click", stagegovcloudButtonClickAction, false);
document.getElementById("stagemooncakeButton").addEventListener("click", stagemooncakeButtonClickAction, false);
// profile listeners
document.getElementById("controlplanesButton").addEventListener("click", controlplanesButtonClickAction, false);
document.getElementById("dataplanesButton").addEventListener("click", dataplanesButtonClickAction, false);
document.getElementById("stagesButton").addEventListener("click", stagesButtonClickAction, false);
document.getElementById("shrinkButton").addEventListener("click", shrinkButtonClickAction, false);
// component listeners
document.getElementById("apiButton").addEventListener("click", apiButtonClickAction, false);
document.getElementById("authButton").addEventListener("click", authButtonClickAction, false);
document.getElementById("computeButton").addEventListener("click", computeButtonClickAction, false);
document.getElementById("jobsButton").addEventListener("click", jobsButtonClickAction, false);
document.getElementById("odbcButton").addEventListener("click", odbcButtonClickAction, false);
document.getElementById("webappButton").addEventListener("click", webappButtonClickAction, false);
document.getElementById("sqlButton").addEventListener("click", sqlButtonClickAction, false);
document.getElementById("allComponentsButton").addEventListener("click", allComponentsButtonClickAction, false);
// aux listeners
document.getElementById("resetButton").addEventListener("click", resetButtonClickAction, false);
document.getElementById("applyButton").addEventListener("click", applyButtonClickAction, false);
};
function shrink() {
var profilesHTML = '<center><button id="controlplanesButton" type="button">Controlplanes</button> ' +
'<button id="stagesButton" type="button">Stages</button> <button id="dataplanesButton" type="button">' +
'Dataplanes</button> <button id="shrinkButton" type="button">Shrink</button></center>';
zNode.innerHTML = profilesHTML + '<hr class="solid"><button id="applyButton" type="button">Apply Selection</button><button id="resetButton" type="button">Reset Form</button>';
document.getElementById("controlplanesButton").addEventListener("click", controlplanesButtonClickAction, false);
document.getElementById("dataplanesButton").addEventListener("click", dataplanesButtonClickAction, false);
@ -443,9 +545,19 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
}
if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
// render initial HTML
var profilesHTML = '<center><button id="controlplanesButton" type="button">Controlplanes</button> ' +
'<button id="stagesButton" type="button">Stages</button> <button id="dataplanesButton" type="button">' +
'Dataplanes</button> <button id="shrinkButton" type="button">Shrink</button></center>';
zNode.innerHTML = profilesHTML;
}
if (window.location.href.indexOf("60087ab5608daf0535dc8e23") > -1) {
// render initial HTML
var profilesHTML = '<center><button id="controlplanesButton" type="button">Controlplanes</button> ' +
'<button id="stagesButton" type="button">Stages</button> <button id="dataplanesButton" type="button">' +
'Dataplanes</button> <button id="shrinkButton" type="button">Shrink</button></center>';
zNode.innerHTML = profilesHTML;
}
// aux functions
@ -561,11 +673,14 @@ function reset() {
var buttonName = component + 'Button';
clearButtonColor(buttonName);
}
for (i = 0; i < regionArray.length; i++) {
var region = regionArray[i];
deselectRegion(region);
for (i = 0; i < buttonArray.length; i++) {
var region = buttonArray[i];
var buttonName = region + 'Button';
clearButtonColor(buttonName);
}
for (i = 0; i < regionArray.length; i++) {
var region = regionArray[i];
deselectRegion(region);
}
apply();
}