diff --git a/statusio-selector.js b/statusio-selector.js
index 99f2bea..4acce19 100644
--- a/statusio-selector.js
+++ b/statusio-selector.js
@@ -561,7 +561,7 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
var componentsHTML = '
' +
'' +
'' +
- '';
+ '';
// regional functions
function cacentral1ButtonClickAction(zEvent) {
@@ -625,8 +625,7 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
console.log("Loading AWS dataplanes profile");
var dataplaneHTML = '';
- zNode.innerHTML = profilesHTML + '
' + dataplaneHTML + '
' + componentsHTML +
- auxHTML;
+ zNode.innerHTML = profilesHTML + '
' + dataplaneHTML + '
' + componentsHTML + auxHTML;
// array of active buttons
buttonArray = ["CE", "ca-central-1", "eu-central-1", "eu-west-2", "us-west-2", "us-east-1", "us-east-2", "ap-south-1",
@@ -832,11 +831,11 @@ function checkRegion(region) {
};
function selectComponent(component) {
selectedComponents.set(component, true);
- console.log(selectedComponents);
+ // console.log(selectedComponents);
};
function deselectComponent(component) {
selectedComponents.set(component, false);
- console.log(selectedComponents);
+ // console.log(selectedComponents);
};
function toggleRegion(region) {
if (checkRegion(region) == false) {
@@ -847,11 +846,11 @@ function toggleRegion(region) {
};
function selectRegion(region) {
selectedRegions.set(region, true);
- console.log(selectedRegions);
+ // console.log(selectedRegions);
};
function deselectRegion(region) {
selectedRegions.set(region, false);
- console.log(selectedRegions);
+ // console.log(selectedRegions);
};
function setButtonColor(buttonName) {
document.getElementById(buttonName).style.background = '#00FF00';
@@ -860,10 +859,12 @@ function clearButtonColor(buttonName) {
document.getElementById(buttonName).style.background = '';
};
function selectCheckbox(box) {
- box.setAttribute("class", "checked");
+ box.filter("A")[0].classList.add("checked");
+ box.filter("INPUT")[0].checked = true;
};
function deselectCheckbox(box) {
- box.setAttribute("class", "");
+ box.filter("A")[0].classList.remove("checked");
+ box.filter("INPUT")[0].checked = false;
};
function apply() {
for (i = 0; i < componentArray.length; i++) {
@@ -872,7 +873,7 @@ function apply() {
var region = regionArray[j];
var groupName = component + "Group";
var group = eval(groupName);
- var checkboxStr = `group.find('*').filter(\":contains(' ${region}:')\").filter("div.clearfix.prettycheckbox.labelright.blue").children().filter("A")[0]`;
+ var checkboxStr = `group.find('*').filter(\":contains(' ${region}:')\").filter("div.clearfix.prettycheckbox.labelright.blue").children()`;
var checkbox = eval(checkboxStr);
if (checkRegion(region) == true && checkComponent(component) == true) {
selectCheckbox(checkbox);