o0beaner
/
js-statusio-selector
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

cooking with gas

This commit is contained in:
Tyler Bean 2022-01-26 14:35:52 -06:00
parent 31f2baa568
commit eef9de7134
1 changed files with 95 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

145
code-payload.js
View File

@ -106,10 +106,10 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
var selectedComponents = new Map(); var selectedComponents = new Map();
var selectedRegions = new Map(); var selectedRegions = new Map();
for (i = 0; i < componentArray.length; i++) { for (i = 0; i < componentArray.length; i++) {
selectedComponents.set(componentArray[i], false); selectedComponents.set(componentArray[i], 0);
}; };
for (i = 0; i < regionArray.length; i++) { for (i = 0; i < regionArray.length; i++) {
selectedRegions.set(regionArray[i], false); selectedRegions.set(regionArray[i], 0);
}; };
// init component div groups // init component div groups
@ -867,77 +867,84 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
// regional functions // regional functions
function cacentral1ButtonClickAction(zEvent) { function cacentral1ButtonClickAction(zEvent) {
toggleRegion("ca-central-1"); var buttonName = "cacentral1Button";
toggleButtonColor("cacentral1Button"); var buttonRegions = ["ca-central-1"];
toggleRegionArray(buttonName, buttonRegions);
}; };
function eucentral1ButtonClickAction(zEvent) { function eucentral1ButtonClickAction(zEvent) {
toggleRegion("eu-central-1"); var buttonName = "eucentral1Button";
toggleButtonColor("eucentral1Button"); var buttonRegions = ["eu-central-1"];
toggleRegionArray(buttonName, buttonRegions);
}; };
function euwest2ButtonClickAction(zEvent) { function euwest2ButtonClickAction(zEvent) {
toggleRegion("eu-west-2"); var buttonName = "euwest2Button";
toggleButtonColor("euwest2Button"); var buttonRegions = ["eu-west-2"];
toggleRegionArray(buttonName, buttonRegions);
}; };
function uswest1ButtonClickAction(zEvent) { function uswest1ButtonClickAction(zEvent) {
toggleRegion("us-west-1"); var buttonName = "uswest1Button";
toggleButtonColor("uswest1Button"); var buttonRegions = ["us-west-1"];
toggleRegionArray(buttonName, buttonRegions);
}; };
function uswest2ButtonClickAction(zEvent) { function uswest2ButtonClickAction(zEvent) {
toggleRegion("us-west-2"); var buttonName = "uswest2Button";
toggleButtonColor("uswest2Button"); var buttonRegions = ["us-west-2"];
toggleRegionArray(buttonName, buttonRegions);
}; };
function uswest2CPButtonClickAction(zEvent) { function uswest2CPButtonClickAction(zEvent) {
toggleRegion("us-west-2"); var buttonName = "uswest2Button";
toggleRegion("us-west-1"); var buttonRegions = ["us-west-2", "us-west-1", "us-east-1"];
toggleRegion("us-east-1"); toggleRegionArray(buttonRegions);
toggleButtonColor("uswest2Button");
}; };
function useast1ButtonClickAction(zEvent) { function useast1ButtonClickAction(zEvent) {
toggleRegion("us-east-1"); var buttonName = "useast1Button";
toggleButtonColor("useast1Button"); var buttonRegions = ["us-east-1"];
toggleRegionArray(buttonName, buttonRegions);
}; };
function useast2ButtonClickAction(zEvent) { function useast2ButtonClickAction(zEvent) {
toggleRegion("us-east-2"); var buttonName = "useast2Button";
toggleButtonColor("useast2Button"); var buttonRegions = ["us-east-2"];
toggleRegionArray(buttonName, buttonRegions);
}; };
function apsouth1ButtonClickAction(zEvent) { function apsouth1ButtonClickAction(zEvent) {
toggleRegion("ap-south-1"); var buttonName = "apsouth1Button";
toggleButtonColor("apsouth1Button"); var buttonRegions = ["ap-south-1"];
toggleRegionArray(buttonName, buttonRegions);
}; };
function apsoutheast1ButtonClickAction(zEvent) { function apsoutheast1ButtonClickAction(zEvent) {
toggleRegion("ap-southeast-1"); var buttonName = "apsoutheast1Button";
toggleButtonColor("apsoutheast1Button"); var buttonRegions = ["ap-southeast-1"];
toggleRegionArray(buttonName, buttonRegions);
}; };
function apsoutheast2ButtonClickAction(zEvent) { function apsoutheast2ButtonClickAction(zEvent) {
toggleRegion("ap-southeast-2"); var buttonName = "apsoutheast2Button";
toggleButtonColor("apsoutheast2Button"); var buttonRegions = ["ap-southeast-2"];
toggleRegionArray(buttonName, buttonRegions);
}; };
function apnortheast1ButtonClickAction(zEvent) { function apnortheast1ButtonClickAction(zEvent) {
toggleRegion("ap-northeast-1"); var buttonName = "apnortheast1Button";
toggleButtonColor("apnortheast1Button"); var buttonRegions = ["ap-northeast-1"];
toggleRegionArray(buttonName, buttonRegions);
}; };
function euwest1ButtonClickAction(zEvent) { function euwest1ButtonClickAction(zEvent) {
toggleRegion("eu-west-1"); var buttonName = "euwest1";
toggleButtonColor("euwest1Button"); var buttonRegions = ["eu-west-1"];
toggleRegionArray(buttonName, buttonRegions);
}; };
function ceButtonClickAction(zEvent) { function ceButtonClickAction(zEvent) {
toggleButtonColor("ceButton"); toggleButtonColor("ceButton");
toggleCe(); toggleCe();
}; };
function stage1ButtonClickAction(zEvent) { function stage1ButtonClickAction(zEvent) {
toggleRegion("ca-central-1"); var buttonName = "stage1Button";
toggleRegion("eu-central-1"); var buttonRegions = ["ca-central-1", "eu-central-1", "eu-west-2"];
toggleRegion("eu-west-2"); toggleRegionArray(buttonName, buttonRegions);
toggleCe(); toggleCe();
toggleButtonColor("stage1Button");
}; };
function stage2ButtonClickAction(zEvent) { function stage2ButtonClickAction(zEvent) {
toggleRegion("us-west-2"); var buttonName = "stage2Button";
toggleRegion("us-west-1"); var buttonRegions = ["us-west-2", "us-west-1", "us-east-1", "us-east-2", "ap-southeast-1"];
toggleRegion("us-east-1"); toggleRegionArray(buttonName, buttonRegions);
toggleRegion("us-east-2");
toggleRegion("ap-southeast-1");
toggleButtonColor("stage2Button");
}; };
function stage3amButtonClickAction(zEvent) { function stage3amButtonClickAction(zEvent) {
toggleRegion("ap-south-1"); toggleRegion("ap-south-1");
@ -1105,6 +1112,7 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
"euwest2", "euwest2",
"useast2", "useast2",
"uswest2", "uswest2",
"useast1"
]; ];
// clear everything on profile load // clear everything on profile load
@ -1543,7 +1551,7 @@ function allComponentsButtonClickAction(zEvent) {$
var enabledCount = 0 var enabledCount = 0
for (i = 0; i < componentArray.length; i++) { for (i = 0; i < componentArray.length; i++) {
var component = componentArray[i]; var component = componentArray[i];
if (checkComponent(component) == true) { if (checkComponent(component) > 0) {
enabledCount++; enabledCount++;
} }
} }
@ -1567,7 +1575,7 @@ function resetButtonClickAction(zEvent) {
reset(); reset();
}; };
function toggleComponent(component) { function toggleComponent(component) {
if (checkComponent(component) == false) { if (checkComponent(component) < 1) {
selectComponent(component); selectComponent(component);
} else { } else {
deselectComponent(component); deselectComponent(component);
@ -1590,32 +1598,65 @@ function checkRegion(region) {
return status; return status;
}; };
function selectComponent(component) { function selectComponent(component) {
selectedComponents.set(component, true); var value = checkComponent(component)
value++
selectedComponents.set(component, value);
if (debugFlag == true) { if (debugFlag == true) {
console.log(selectedComponents); console.log(selectedComponents);
} }
}; };
function deselectComponent(component) { function deselectComponent(component) {
selectedComponents.set(component, false); var value = checkComponent(component)
value--
selectedComponents.set(component, value);
if (debugFlag == true) {
console.log(selectedComponents);
};
};
function resetComponent(component) {
selectedComponents.set(component, 0);
if (debugFlag == true) { if (debugFlag == true) {
console.log(selectedComponents); console.log(selectedComponents);
}; };
}; };
function toggleRegion(region) { function toggleRegion(region) {
if (checkRegion(region) == false) { if (checkRegion(region) < 1) {
selectRegion(region); selectRegion(region);
} else { } else {
deselectRegion(region); deselectRegion(region);
} }
}; };
function toggleRegionArray(buttonName, regionArray) {
if (checkButtonColor(buttonName) != 'rgb(0, 255, 0)') {
setButtonColor(buttonName);
for (i=0; i < regionArray.length; i++) {
selectRegion(regionArray[i])
}
} else {
clearButtonColor(buttonName);
for (i=0; i < regionArray.length; i++) {
deselectRegion(regionArray[i])
}
}
};
function selectRegion(region) { function selectRegion(region) {
selectedRegions.set(region, true); var value = checkRegion(region)
value++
selectedRegions.set(region, value);
if (debugFlag == true) { if (debugFlag == true) {
console.log(selectedRegions); console.log(selectedRegions);
}; };
}; };
function deselectRegion(region) { function deselectRegion(region) {
selectedRegions.set(region, false); var value = checkRegion(region)
value--
selectedRegions.set(region, value);
if (debugFlag == true) {
console.log(selectedRegions);
};
};
function resetRegion(region) {
selectedRegions.set(region, 0);
if (debugFlag == true) { if (debugFlag == true) {
console.log(selectedRegions); console.log(selectedRegions);
}; };
@ -1626,6 +1667,10 @@ function setButtonColor(buttonName) {
function clearButtonColor(buttonName) { function clearButtonColor(buttonName) {
document.getElementById(buttonName).style.background = ''; document.getElementById(buttonName).style.background = '';
}; };
function checkButtonColor(buttonName) {
var color = document.getElementById(buttonName).style.background;
return color;
};
function selectCheckbox(box) { function selectCheckbox(box) {
box.filter("A")[0].classList.add("checked"); box.filter("A")[0].classList.add("checked");
box.filter("INPUT")[0].checked = true; box.filter("INPUT")[0].checked = true;
@ -1654,7 +1699,7 @@ function apply() {
console.log("groupName: " + groupName); console.log("groupName: " + groupName);
console.log("checkboxStr: " + checkboxStr); console.log("checkboxStr: " + checkboxStr);
} }
if (checkRegion(region) == true && checkComponent(component) == true) { if (checkRegion(region) > 0 && checkComponent(component) > 0) {
if (debugFlag == true) { if (debugFlag == true) {
console.log("selecting checkbox") console.log("selecting checkbox")
} }
@ -1698,7 +1743,7 @@ function reset() {
if(debugFlag == true) { if(debugFlag == true) {
console.log("Deselecting " + component); console.log("Deselecting " + component);
} }
deselectComponent(component); resetComponent(component);
var buttonName = component + 'Button'; var buttonName = component + 'Button';
if(debugFlag == true) { if(debugFlag == true) {
console.log("Clearing button " + buttonName); console.log("Clearing button " + buttonName);
@ -1731,7 +1776,7 @@ function reset() {
if(debugFlag == true) { if(debugFlag == true) {
console.log("deselectRegion " + region); console.log("deselectRegion " + region);
} }
deselectRegion(region); resetRegion(region);
if(debugFlag == true) { if(debugFlag == true) {
console.log("deselectRegion complete"); console.log("deselectRegion complete");
} }