From 9adf186a4f7c824ce77db17b79488d366f625dd3 Mon Sep 17 00:00:00 2001
From: Tyler <o0beaner@gmail.com>
Date: Tue, 19 Oct 2021 12:34:41 -0500
Subject: [PATCH] add missing regions; refactor for legibility

---
 code-payload.js           | 657 ++++++++++++++++++++++++++++++++-----
 statusio-selector.user.js | 659 +++++++++++++++++++++++++++++++++-----
 2 files changed, 1171 insertions(+), 145 deletions(-)

diff --git a/code-payload.js b/code-payload.js
index 1b33fca..ac4408e 100644
--- a/code-payload.js
+++ b/code-payload.js
@@ -14,16 +14,31 @@ var zNode = document.createElement('div');
 zNode.setAttribute('id', 'myContainer');
 document.body.appendChild(zNode);
 
-var auxHTML = '<center><button id="applyButton" type="button">Apply Selection</button><button id="resetButton" type="button">Reset Form</button><center>';
+// max region button width 468px
+
+var auxHTML = '<center>' +
+    '<button id="applyButton" type="button">Apply Selection</button>' +
+    '<button id="resetButton" type="button">Reset Form</button>' +
+    '<center>';
 
 var debugFlag = false;
 var currentMode = "";
+
 //azure status page controls
 if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -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>   <button id="debugButton" type="button">Debug</button></center>';
+    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>' +
+        '   ' +
+        '<button id="debugButton" type="button">Debug</button>' +
+        '</center>';
+
     zNode.innerHTML = profilesHTML;
     if (debugFlag == true) {
         toggleButtonColor(debugButton);
@@ -36,12 +51,54 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
     document.getElementById("debugButton").addEventListener("click", debugButtonClickAction, false);
 
     // initialize azure component and region variables
-    var componentArray = ["api", "auth", "compute", "jobs", "odbc", "webapp", "sql"];
-    var regionArray = ["canadacentral", "canadaeast", "centralindia", "southindia", "westindia", "switzerlandnorth", "norwayeast", "germanywestcentral", "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 componentArray = [
+        "api",
+        "auth",
+        "compute",
+        "jobs",
+        "odbc",
+        "sql",
+        "webapp"
+    ];
+
+    var regionArray = [
+        "australiacentral",
+        "australiacentral2",
+        "australiaeast",
+        "australiasoutheast",
+        "brazilsouth",
+        "canadacentral",
+        "canadaeast",
+        "centralindia",
+        "centralus",
+        "chinaeast2",
+        "chinanorth2",
+        "eastasia",
+        "eastus",
+        "eastus2",
+        "francecentral",
+        "germanywestcentral",
+        "japaneast",
+        "japanwest",
+        "koreacentral",
+        "northcentralus",
+        "northeurope",
+        "norwayeast",
+        "southafricanorth",
+        "southcentralus",
+        "southeastasia",
+        "southindia",
+        "switzerlandnorth",
+        "uaenorth",
+        "uksouth",
+        "ukwest",
+        "usgovarizona",
+        "usgovvirginia",
+        "westeurope",
+        "westus",
+        "westus2",
+        "westindia"
+    ];
     var buttonArray = [];
 
     // create tracking maps
@@ -64,10 +121,17 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
     var sqlGroup = $("div.form-group").filter(":contains('Databricks SQL')");
 
     // write component HTML template
-    var componentsHTML = '<center><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="odbcButton" type="button">ODBC/JDBC</button><button id="webappButton" type="button">Webapp</button>' +
-        '<button id="sqlButton" type="button">SQL</button></center></br></br>';
+    var componentsHTML = '<center>' +
+        '<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="odbcButton" type="button">ODBC/JDBC</button>' +
+        '<button id="webappButton" type="button">Webapp</button>' +
+        '<button id="sqlButton" type="button">SQL</button>' +
+        '</center></br></br>';
 
     // regional functions
     function canadaeastButtonClickAction(zEvent) {
@@ -357,7 +421,57 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
     function loadDataplanes() {
         currentMode = "dataplane";
         console.log("Loading Azure dataplanes profile");
-        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><button id="germanywestcentralButton" style="width:468px" type="button">Germany West Central</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>';
+        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>' +
+            '<button id="germanywestcentralButton" style="width:468px" type="button">Germany West Central</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 +
             auxHTML;
         if (debugFlag == true) {
@@ -365,15 +479,47 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
         };
 
         // array of active buttons
-        buttonArray = ["canadacentral", "canadaeast", "centralindia", "southindia", "westindia",
-                           "switzerlandnorth", "norwayeast", "germanywestcentral", "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"];
+        buttonArray = [
+            "australiacentral",
+            "australiacentral2",
+            "australiaeast",
+            "australiasoutheast",
+            "brazilsouth",
+            "canadacentral",
+            "canadaeast",
+            "centralindia",
+            "centralus",
+            "chinaeast2",
+            "chinanorth2",
+            "eastasia",
+            "eastus",
+            "eastus2",
+            "francecentral",
+            "germanywestcentral",
+            "japaneast",
+            "japanwest",
+            "koreacentral",
+            "northcentralus",
+            "northeurope",
+            "norwayeast",
+            "southafricanorth",
+            "southcentralus",
+            "southeastasia",
+            "southindia",
+            "switzerlandnorth",
+            "uaenorth",
+            "uksouth",
+            "ukwest",
+            "usgovarizona",
+            "usgovvirginia",
+            "westindia",
+            "westeurope",
+            "westus",
+            "westus2"
+        ];
+
         reset();
+
         // regional listeners
         document.getElementById("canadacentralButton").addEventListener("click", canadacentralButtonClickAction, false);
         document.getElementById("canadaeastButton").addEventListener("click", canadaeastButtonClickAction, false);
@@ -436,16 +582,67 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
     function loadControlplanes() {
         currentMode = "controlplane";
         console.log("Loading Azure controlplanes profile");
-        var controlplaneHTML = '<center><button id="canadacentralButton" style="width:234px" type="button">Canada Central</button><button id="centralindiaButton" style="width:234px" type="button">Central 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><button id="germanywestcentralButton" style="width:468px" type="button">Germany West Central</button></br></br><button id="westusButton" style="width:468px" type="button">West US</button></br></br><button id="westeuropeButton" style="width:234px" type="button">West Europe</button><button id="ukwestButton" style="width:234px" type="button">UK West</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:117px" type="button">Australia East</button><button id="japaneastButton" style="width:117px" type="button">Japan East</button><button id="koreacentralButton" style="width:117px" type="button">Korea Central</button><button id="southeastasiaButton" style="width:117px" type="button">Southeast 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="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>';
+        var controlplaneHTML = '<center>' +
+            '<button id="canadacentralButton" style="width:234px" type="button">Canada Central</button>' +
+            '<button id="centralindiaButton" style="width:234px" type="button">Central 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>' +
+            '<button id="germanywestcentralButton" style="width:468px" type="button">Germany West Central</button>' +
+            '</br></br>' +
+            '<button id="westusButton" style="width:468px" type="button">West US</button>' +
+            '</br></br>' +
+            '<button id="westeuropeButton" style="width:234px" type="button">West Europe</button>' +
+            '<button id="ukwestButton" style="width:234px" type="button">UK West</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:117px" type="button">Australia East</button>' +
+            '<button id="japaneastButton" style="width:117px" type="button">Japan East</button>' +
+            '<button id="koreacentralButton" style="width:117px" type="button">Korea Central</button>' +
+            '<button id="southeastasiaButton" style="width:117px" type="button">Southeast 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="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">' + controlplaneHTML + '<hr class="solid">' + componentsHTML + auxHTML;
         if (debugFlag == true) {
             toggleButtonColor("debugButton");
         };
 
         // array of active buttons
-        buttonArray = ["canadacentral", "centralindia", "switzerlandnorth", "norwayeast", "germanywestcentral", "westus", "westeurope","ukwest", "southafricanorth",
-                       "uaenorth", "australiaeast", "japaneast", "koreacentral", "southeastasia", "brazilsouth", "eastus2", "francecentral",
-                       "chinanorth2", "chinaeast2", "usgovvirginia", "usgovarizona"];
+        buttonArray = [
+            "australiaeast",
+            "brazilsouth",
+            "canadacentral",
+            "centralindia",
+            "chinaeast2",
+            "chinanorth2",
+            "eastus2",
+            "francecentral",
+            "germanywestcentral",
+            "japaneast",
+            "koreacentral",
+            "norwayeast",
+            "southafricanorth",
+            "southeastasia",
+            "switzerlandnorth",
+            "uaenorth",
+            "ukwest",
+            "usgovarizona",
+            "usgovvirginia",
+            "westeurope",
+            "westus"
+        ];
 
         // clear everything on profile load
         reset();
@@ -497,7 +694,16 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
     function loadStages() {
         currentMode = "stage";
         console.log("Loading Azure stages profile");
-        var stagesHTML = '<center><button id="stage1Button" style="width:94px" type="button">Stage-1</button><button id="stage1point5Button" style="width:94px" type="button">Stage-1.5</button><button id="stage2Button" style="width:92px" type="button">Stage-2</button><button id="stage3amButton" style="width:94px" type="button">Stage-3AM</button><button id="stage3pmButton" style="width:94px" type="button">Stage-3PM</button></br><button id="stagegovcloudButton" style="width:234px" type="button">Govcloud</button><button id="stagemooncakeButton" style="width:234px" type="button">Mooncake</button></center>';
+        var stagesHTML = '<center>' +
+            '<button id="stage1Button" style="width:94px" type="button">Stage-1</button>' +
+            '<button id="stage1point5Button" style="width:94px" type="button">Stage-1.5</button>' +
+            '<button id="stage2Button" style="width:92px" type="button">Stage-2</button>' +
+            '<button id="stage3amButton" style="width:94px" type="button">Stage-3AM</button>' +
+            '<button id="stage3pmButton" style="width:94px" type="button">Stage-3PM</button>' +
+            '</br>' +
+            '<button id="stagegovcloudButton" style="width:234px" type="button">Govcloud</button>' +
+            '<button id="stagemooncakeButton" style="width:234px" type="button">Mooncake</button>' +
+            '</center>';
 
         zNode.innerHTML = profilesHTML + '<hr class="solid">' + stagesHTML + '<hr class="solid">' + componentsHTML + auxHTML;
         if (debugFlag == true) {
@@ -505,7 +711,16 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
         };
 
         // array of active buttons
-        buttonArray = ["stage1", "stage1point5", "stage2", "stage3am", "stage3pm", "stagegovcloud", "stagemooncake"];
+        buttonArray = [
+            "stage1",
+            "stage1point5",
+            "stage2",
+            "stage3am",
+            "stage3pm",
+            "stagegovcloud",
+            "stagemooncake"
+        ];
+
         reset();
 
         // regional listeners
@@ -556,9 +771,18 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
 // aws status page controls
 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>   <button id="debugButton" type="button">Debug</button></center>';
+    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>' +
+        '   ' +
+        '<button id="debugButton" type="button">Debug</button>' +
+        '</center>';
+
     zNode.innerHTML = profilesHTML;
     if (debugFlag == true) {
         toggleButtonColor("debugButton");
@@ -569,10 +793,30 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
     document.getElementById("shrinkButton").addEventListener("click", shrinkButtonClickAction, false);
     document.getElementById("debugButton").addEventListener("click", debugButtonClickAction, false);
 
-    // initialize azure component and region variables
-    var componentArray = ["api", "auth", "compute", "jobs", "odbc", "webapp", "sql"];
-    var regionArray = ["us-west-1", "us-west-2", "us-east-1", "us-east-2", "sa-east-1", "eu-west-1", "eu-west-2", "eu-central-1",
-                       "ap-south-1", "ap-southeast-1", "ap-southeast-2", "ap-northeast-1", "ap-northeast-2", "ca-central-1"];
+    // initialize aws component and region variables
+    var componentArray = [
+        "api",
+        "auth",
+        "compute",
+        "jobs",
+        "odbc",
+        "sql",
+        "webapp"
+    ];
+    var regionArray = [
+        "ap-northeast-1",
+        "ap-south-1",
+        "ap-southeast-1",
+        "ap-southeast-2",
+        "ca-central-1",
+        "eu-central-1",
+        "eu-west-1",
+        "eu-west-2",
+        "us-east-1",
+        "us-east-2",
+        "us-west-1",
+        "us-west-2"
+    ];
     var buttonArray = [];
     var ceFlag = false;
 
@@ -597,10 +841,17 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
     var ceGroup = $("div.form-group").filter(":contains('Community Edition')");
 
     // write component HTML template
-    var componentsHTML = '<center><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="odbcButton" type="button">ODBC/JDBC</button><button id="webappButton" type="button">Webapp</button>' +
-        '<button id="sqlButton" type="button">SQL</button></center></br>';
+    var componentsHTML = '<center>' +
+        '<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="odbcButton" type="button">ODBC/JDBC</button>' +
+        '<button id="webappButton" type="button">Webapp</button>' +
+        '<button id="sqlButton" type="button">SQL</button>' +
+        '</center></br>';
 
     // regional functions
     function cacentral1ButtonClickAction(zEvent) {
@@ -641,6 +892,10 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
         toggleRegion("ap-south-1");
         toggleButtonColor("apsouth1Button");
     };
+    function apsoutheast1ButtonClickAction(zEvent) {
+        toggleRegion("ap-southeast-1");
+        toggleButtonColor("apsoutheast1Button");
+    };
     function apsoutheast2ButtonClickAction(zEvent) {
         toggleRegion("ap-southeast-2");
         toggleButtonColor("apsoutheast2Button");
@@ -669,6 +924,7 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
         toggleRegion("us-west-1");
         toggleRegion("us-east-1");
         toggleRegion("us-east-2");
+        toggleRegion("ap-southeast-1");
         toggleButtonColor("stage2Button");
     };
     function stage3amButtonClickAction(zEvent) {
@@ -716,7 +972,26 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
     function loadDataplanes() {
         currentMode = "dataplane";
         console.log("Loading AWS dataplanes profile");
-        var dataplaneHTML = '<center><button id="ceButton" style="width:117px" type="button">CE</button><button id="cacentral1Button" style="width:117px" type="button">ca-central-1</button><button id="eucentral1Button" style="width:117px" type="button">eu-central-1</button><button id="euwest2Button" style="width:117px" type="button">eu-west-2</button></br></br><button id="uswest2Button" style="width:234px" type="button">us-west-2</button><button id="uswest1Button" style="width:234px" type="button">us-west-1</button></br><button id="useast1Button" style="width:234px" type="button">us-east-1</button><button id="useast2Button" style="width:234px" type="button">us-east-2</button></br></br><button id="apsouth1Button" style="width:156px" type="button">ap-south-1</button><button id="apsoutheast2Button" style="width:156px" type="button">ap-southeast-2</button><button id="apnortheast1Button" style="width:156px" type="button">ap-northeast-1</button></br></br><button id="euwest1Button" style="width:468px" type="button">eu-west-1</button></center>';
+        var dataplaneHTML = '<center>' +
+            '<button id="ceButton" style="width:117px" type="button">CE</button>' +
+            '<button id="cacentral1Button" style="width:117px" type="button">ca-central-1</button>' +
+            '<button id="eucentral1Button" style="width:117px" type="button">eu-central-1</button>' +
+            '<button id="euwest2Button" style="width:117px" type="button">eu-west-2</button>' +
+            '</br></br>' +
+            '<button id="uswest2Button" style="width:234px" type="button">us-west-2</button>' +
+            '<button id="uswest1Button" style="width:234px" type="button">us-west-1</button>' +
+            '</br>' +
+            '<button id="useast1Button" style="width:234px" type="button">us-east-1</button>' +
+            '<button id="useast2Button" style="width:234px" type="button">us-east-2</button>' +
+            '</br>' +
+            '<button id="apsoutheast1Button" style="width:468px" type="button">ap-southeast-1</button>' +
+            '</br></br>' +
+            '<button id="apsouth1Button" style="width:156px" type="button">ap-south-1</button>' +
+            '<button id="apsoutheast2Button" style="width:156px" type="button">ap-southeast-2</button>' +
+            '<button id="apnortheast1Button" style="width:156px" type="button">ap-northeast-1</button>' +
+            '</br></br>' +
+            '<button id="euwest1Button" style="width:468px" type="button">eu-west-1</button>' +
+            '</center>';
 
         zNode.innerHTML = profilesHTML + '<hr class="solid">' + dataplaneHTML + '<hr class="solid">' + componentsHTML + auxHTML;
         if (debugFlag == true) {
@@ -724,8 +999,21 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
         };
 
         // array of active buttons
-        buttonArray = ["ce", "cacentral1", "eucentral1", "euwest2", "uswest2", "uswest1", "useast1", "useast2", "apsouth1",
-                      "apsoutheast2", "apnortheast1", "euwest1"];
+        buttonArray = [
+            "apnortheast1",
+            "apsouth1",
+            "apsoutheast1",
+            "apsoutheast2",
+            "ce",
+            "cacentral1",
+            "eucentral1",
+            "euwest1",
+            "euwest2",
+            "useast1",
+            "useast2",
+            "uswest2",
+            "uswest1"
+        ];
 
         // clear everything on profile load
         reset();
@@ -739,6 +1027,7 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
         document.getElementById("useast1Button").addEventListener("click", useast1ButtonClickAction, false);
         document.getElementById("useast2Button").addEventListener("click", useast2ButtonClickAction, false);
         document.getElementById("apsouth1Button").addEventListener("click", apsouth1ButtonClickAction, false);
+        document.getElementById("apsoutheast1Button").addEventListener("click", apsoutheast1ButtonClickAction, false);
         document.getElementById("apsoutheast2Button").addEventListener("click", apsoutheast2ButtonClickAction, false);
         document.getElementById("apnortheast1Button").addEventListener("click", apnortheast1ButtonClickAction, false);
         document.getElementById("euwest1Button").addEventListener("click", euwest1ButtonClickAction, false);
@@ -768,15 +1057,42 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
     function loadControlplanes() {
         currentMode = "controlplane";
         console.log("Loading AWS controlplanes profile");
-        var controlplaneHTML = '<center><button id="ceButton" style="width:117px" type="button">CE</button><button id="cacentral1Button" style="width:117px" type="button">ca-central-1</button><button id="eucentral1Button" style="width:117px" type="button">eu-central-1</button><button id="euwest2Button" style="width:117px" type="button">eu-west-2</button></br></br><button id="uswest2Button" style="width:234px" type="button">us-west-2</button><button id="useast2Button" style="width:234px" type="button">us-east-2</button></br></br><button id="apsouth1Button" style="width:156px" type="button">ap-south-1</button><button id="apsoutheast2Button" style="width:156px" type="button">ap-southeast-2</button><button id="apnortheast1Button" style="width:156px" type="button">ap-northeast-1</button></br></br><button id="euwest1Button" style="width:468px" type="button">eu-west-1</button></center>';
+        var controlplaneHTML = '<center>' +
+            '<button id="ceButton" style="width:117px" type="button">CE</button>' +
+            '<button id="cacentral1Button" style="width:117px" type="button">ca-central-1</button>' +
+            '<button id="eucentral1Button" style="width:117px" type="button">eu-central-1</button>' +
+            '<button id="euwest2Button" style="width:117px" type="button">eu-west-2</button>' +
+            '</br></br>' +
+            '<button id="uswest2Button" style="width:156px" type="button">us-west-2</button>' +
+            '<button id="useast2Button" style="width:156px" type="button">us-east-2</button>' +
+            '<button id="apsoutheast1Button" style="width:156px" type="button">ap-southeast-1</button>' +
+            '</br></br>' +
+            '<button id="apsouth1Button" style="width:156px" type="button">ap-south-1</button>' +
+            '<button id="apsoutheast2Button" style="width:156px" type="button">ap-southeast-2</button>' +
+            '<button id="apnortheast1Button" style="width:156px" type="button">ap-northeast-1</button>' +
+            '</br></br>' +
+            '<button id="euwest1Button" style="width:468px" type="button">eu-west-1</button>' +
+            '</center>';
+
         zNode.innerHTML = profilesHTML + '<hr class="solid">' + controlplaneHTML + '<hr class="solid">' + componentsHTML + auxHTML;
         if (debugFlag == true) {
             toggleButtonColor("debugButton");
         };
 
         // array of active buttons
-        buttonArray = ["ce", "cacentral1", "eucentral1", "euwest2", "uswest2", "useast2", "apsouth1",
-                      "apsoutheast2", "apnortheast1", "euwest1"];
+        buttonArray = [
+            "apnortheast1",
+            "apsouth1",
+            "apsoutheast1",
+            "apsoutheast2",
+            "cacentral1",
+            "ce",
+            "eucentral1",
+            "euwest1",
+            "euwest2",
+            "useast2",
+            "uswest2",
+        ];
 
         // clear everything on profile load
         reset();
@@ -789,6 +1105,7 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
         document.getElementById("uswest2Button").addEventListener("click", uswest2CPButtonClickAction, false);
         document.getElementById("useast2Button").addEventListener("click", useast2ButtonClickAction, false);
         document.getElementById("apsouth1Button").addEventListener("click", apsouth1ButtonClickAction, false);
+        document.getElementById("apsoutheast1Button").addEventListener("click", apsoutheast1ButtonClickAction, false);
         document.getElementById("apsoutheast2Button").addEventListener("click", apsoutheast2ButtonClickAction, false);
         document.getElementById("apnortheast1Button").addEventListener("click", apnortheast1ButtonClickAction, false);
         document.getElementById("euwest1Button").addEventListener("click", euwest1ButtonClickAction, false);
@@ -818,7 +1135,12 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
     function loadStages() {
         currentMode = "stage";
         console.log("Loading AWS stages profile");
-        var stagesHTML = '<center><button id="stage1Button" style="width:117px" type="button">Stage-1</button><button id="stage2Button" style="width:117px" type="button">Stage-2</button><button id="stage3amButton" style="width:117px" type="button">Stage-3 AM</button><button id="stage3pmButton" style="width:117px" type="button">Stage-3 PM</button></center>';
+        var stagesHTML = '<center>' +
+            '<button id="stage1Button" style="width:117px" type="button">Stage-1</button>' +
+            '<button id="stage2Button" style="width:117px" type="button">Stage-2</button>' +
+            '<button id="stage3amButton" style="width:117px" type="button">Stage-3 AM</button>' +
+            '<button id="stage3pmButton" style="width:117px" type="button">Stage-3 PM</button>' +
+            '</center>';
 
         zNode.innerHTML = profilesHTML + '<hr class="solid">' + stagesHTML + '<hr class="solid">' + componentsHTML + auxHTML;
         if (debugFlag == true) {
@@ -826,7 +1148,12 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
         }
 
         // array of active buttons
-        buttonArray = ["stage1", "stage2", "stage3am", "stage3pm"];
+        buttonArray = [
+            "stage1",
+            "stage2",
+            "stage3am",
+            "stage3pm"
+        ];
 
         // clear everything on profile load
         reset();
@@ -875,9 +1202,15 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
 // gcp status page controls
 if (window.location.href.indexOf("60087ab5608daf0535dc8e23") > -1) {
     // render initial HTML
-    var profilesHTML = '<center><button id="controlplanesButton" type="button">Controlplanes</button>   ' +
+    var profilesHTML = '<center>' +
+        '<button id="controlplanesButton" type="button">Controlplanes</button>' +
+        '   ' +
         '<button id="stagesButton" type="button">Stages</button>' +
-        '   <button id="shrinkButton" type="button">Shrink</button>   <button id="debugButton" type="button">Debug</button></center>';
+        '   ' +
+        '<button id="shrinkButton" type="button">Shrink</button>' +
+        '   ' +
+        '<button id="debugButton" type="button">Debug</button>' +
+        '</center>';
     zNode.innerHTML = profilesHTML;
     if (debugFlag == true) {
         toggleButtonColor("debugButton");
@@ -888,9 +1221,26 @@ if (window.location.href.indexOf("60087ab5608daf0535dc8e23") > -1) {
     document.getElementById("shrinkButton").addEventListener("click", shrinkButtonClickAction, false);
     document.getElementById("debugButton").addEventListener("click", debugButtonClickAction, false);
 
-    // initialize azure component and region variables
-    var componentArray = ["api", "auth", "compute", "jobs", "odbc", "webapp"];
-    var regionArray = ["us-west1", "us-central1", "europe-west2", "us-west4"];
+    // initialize gcp component and region variables
+    var componentArray =[
+        "api",
+        "auth",
+        "compute",
+        "jobs",
+        "odbc",
+        "sql",
+        "webapp"
+    ];
+    var regionArray = [
+        "australia-southeast1",
+        "europe-west1",
+        "europe-west2",
+        "us-central1",
+        "us-east1",
+        "us-east4",
+        "us-west1",
+        "us-west4"
+    ];
     var buttonArray = [];
 
     var selectedComponents = new Map();
@@ -909,37 +1259,80 @@ if (window.location.href.indexOf("60087ab5608daf0535dc8e23") > -1) {
     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 sqlGroup = $("div.form-group").filter(":contains('Databricks SQL')");
 
     // write component HTML template
-    var componentsHTML = '<center><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="odbcButton" type="button">ODBC/JDBC</button><button id="webappButton" type="button">Webapp</button>' +
+    var componentsHTML = '<center>' +
+        '<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="odbcButton" type="button">ODBC/JDBC</button>' +
+        '<button id="webappButton" type="button">Webapp</button>' +
+        '<button id="sqlButton" type="button">SQL</button>' +
         '</center></br></br>';
 
     // regional functions
-    function uswest1ButtonClickAction(zEvent) {
-        toggleRegion("us-west1");
-        toggleButtonColor("uswest1Button");
+    // function asiasoutheast1ButtonClickAction(zEvent) {
+    //     toggleRegion("asia-southeast1");
+    //     toggleButtonColor("asiasoutheast1Button");
+    // };
+    function australiasoutheast1ButtonClickAction(zEvent) {
+        toggleRegion("australia-southeast1");
+        toggleButtonColor("australiasoutheast1Button");
+    };
+    function europewest1ButtonClickAction(zEvent) {
+        toggleRegion("europe-west1");
+        toggleButtonColor("europewest1Button");
+    };
+    function europewest2ButtonClickAction(zEvent) {
+        toggleRegion("europe-west2");
+        toggleButtonColor("europewest2Button");
     };
     function uscentral1ButtonClickAction(zEvent) {
         toggleRegion("us-central1");
         toggleButtonColor("uscentral1Button");
     };
-    function europewest2ButtonClickAction(zEvent) {
-        toggleRegion("europe-west2");
-        toggleButtonColor("europewest2Button");
+    function useast1ButtonClickAction(zEvent) {
+        toggleRegion("us-east1");
+        toggleButtonColor("useast1Button");
+    };
+    function useast4ButtonClickAction(zEvent) {
+        toggleRegion("us-east4");
+        toggleButtonColor("useast4Button");
+    };
+    function uswest1ButtonClickAction(zEvent) {
+        toggleRegion("us-west1");
+        toggleButtonColor("uswest1Button");
     };
     function uswest4ButtonClickAction(zEvent) {
         toggleRegion("us-west4");
         toggleButtonColor("uswest4Button");
     };
     function stage1ButtonClickAction(zEvent) {
-        toggleRegion("us-west1");
-        toggleRegion("us-central1");
-        toggleRegion("europe-west2");
-        toggleRegion("us-west4");
+        toggleRegion("australia-southeast1");
+        toggleRegion("europe-west1");
         toggleButtonColor("stage1Button");
     };
+    function stage2ButtonClickAction(zEvent) {
+        toggleRegion("europe-west2");
+        toggleRegion("us-central1");
+        toggleRegion("us-east1");
+        toggleRegion("us-east4");
+        toggleRegion("us-west1");
+        toggleButtonColor("stage2Button");
+    };
+    // function stage3amButtonClickAction(zEvent) {
+    //     toggleRegion("asia-southeast1");
+    //     toggleButtonColor("stage3amButton");
+    // };
+    function stage3pmButtonClickAction(zEvent) {
+        toggleRegion("us-west4");
+        toggleButtonColor("stage3pmButton");
+    };
+
     // component functions
     function authButtonClickAction(zEvent) {
         toggleComponent("auth");
@@ -965,26 +1358,59 @@ if (window.location.href.indexOf("60087ab5608daf0535dc8e23") > -1) {
         toggleComponent("webapp");
         toggleButtonColor("webappButton");
     };
+    function sqlButtonClickAction(zEvent) {
+        toggleComponent("sql");
+        toggleButtonColor("sqlButton");
+    };
 
     function loadControlplanes() {
         currentMode = "controlplane";
         console.log("Loading GCP controlplanes profile");
-        var controlplaneHTML = '<center><button id="uswest1Button" style="width:117px" type="button">US-West1</button><button id="uscentral1Button" style="width:117px" type="button">US-Central1</button><button id="europewest2Button" style="width:117px" type="button">EU-West2</button><button id="uswest4Button" style="width:117px" type="button">US-West4</button></br></center>';
+        var controlplaneHTML = '<center>' +
+            '<button id="australiasoutheast1Button" style="width:234px" type="button">Australia-Southeast1</button>' +
+            '<button id="europewest1Button" style="width:234px" type="button">Europe-West1</button>' +
+            '</br></br>' +
+            '<button id="europewest2Button" style="width:234px" type="button">EU-West2</button>' +
+            '<button id="uscentral1Button" style="width:234px" type="button">US-Central1</button>' +
+            '</br>' +
+            '<button id="useast1Button" style="width:156px" type="button">US-East1</button>' +
+            '<button id="useast4Button" style="width:156px" type="button">US-East4</button>' +
+            '<button id="uswest1Button" style="width:156px" type="button">US-West1</button>' +
+            '</br></br>' +
+            '<button id="uswest4Button" style="width:468px" type="button">US-West4</button>' +
+            '</br></center>'
+        ;
         zNode.innerHTML = profilesHTML + '<hr class="solid">' + controlplaneHTML + '<hr class="solid">' + componentsHTML + auxHTML;
         if (debugFlag == true) {
             toggleButtonColor("debugButton");
         };
 
         // array of active buttons
-        buttonArray = ["uswest1", "uscentral1", "europewest2", "uswest4"];
+        buttonArray = [
+            "australiasoutheast1",
+            "europewest1",
+            "europewest2",
+            "uscentral1",
+            "useast1",
+            "useast4",
+            "uswest1",
+            "uswest4"
+        ];
+        if (debugFlag == true) {
+            console.log("buttonArray: " + buttonArray);
+        }
 
         // clear everything on profile load
         reset();
 
         // regional listeners
-        document.getElementById("uswest1Button").addEventListener("click", uswest1ButtonClickAction, false);
-        document.getElementById("uscentral1Button").addEventListener("click", uscentral1ButtonClickAction, false);
+        document.getElementById("australiasoutheast1Button").addEventListener("click", australiasoutheast1ButtonClickAction, false);
+        document.getElementById("europewest1Button").addEventListener("click", europewest1ButtonClickAction, false);
         document.getElementById("europewest2Button").addEventListener("click", europewest2ButtonClickAction, false);
+        document.getElementById("uscentral1Button").addEventListener("click", uscentral1ButtonClickAction, false);
+        document.getElementById("useast1Button").addEventListener("click", useast1ButtonClickAction, false);
+        document.getElementById("useast4Button").addEventListener("click", useast4ButtonClickAction, false);
+        document.getElementById("uswest1Button").addEventListener("click", uswest1ButtonClickAction, false);
         document.getElementById("uswest4Button").addEventListener("click", uswest4ButtonClickAction, false);
 
         // profile listeners
@@ -1000,6 +1426,7 @@ if (window.location.href.indexOf("60087ab5608daf0535dc8e23") > -1) {
         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
@@ -1009,7 +1436,11 @@ if (window.location.href.indexOf("60087ab5608daf0535dc8e23") > -1) {
     function loadStages() {
         currentMode = "stage";
         console.log("Loading GCP stages profile");
-        var stagesHTML = '<center><button id="stage1Button" style="width:468px" type="button">Stage-1</button></center>';
+        var stagesHTML = '<center>' +
+            '<button id="stage1Button" style="width:156px" type="button">Stage-1</button>' +
+            '<button id="stage2Button" style="width:156px" type="button">Stage-2</button>' +
+            '<button id="stage3pmButton" style="width:156px" type="button">Stage-3PM</button>' +
+            '</center>';
 
         zNode.innerHTML = profilesHTML + '<hr class="solid">' + stagesHTML + '<hr class="solid">' + componentsHTML + auxHTML;
         if (debugFlag == true) {
@@ -1017,13 +1448,19 @@ if (window.location.href.indexOf("60087ab5608daf0535dc8e23") > -1) {
         }
 
         // array of active buttons
-        buttonArray = ["stage1"];
+        buttonArray = [
+            "stage1",
+            "stage2",
+            "stage3pm"
+        ];
 
         // clear everything on profile load
         reset();
 
         // regional listeners
         document.getElementById("stage1Button").addEventListener("click", stage1ButtonClickAction, false);
+        document.getElementById("stage2Button").addEventListener("click", stage2ButtonClickAction, false);
+        document.getElementById("stage3pmButton").addEventListener("click", stage3pmButtonClickAction, false);
 
         // profile listeners
         document.getElementById("controlplanesButton").addEventListener("click", controlplanesButtonClickAction, false);
@@ -1037,6 +1474,7 @@ if (window.location.href.indexOf("60087ab5608daf0535dc8e23") > -1) {
         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
@@ -1176,18 +1614,41 @@ function deselectCheckbox(box) {
     box.filter("INPUT")[0].checked = false;
 };
 function apply() {
+    if (debugFlag == true) {
+        console.log("Running apply()");
+    }
     for (i = 0; i < componentArray.length; i++) {
         var component = componentArray[i];
+        if (debugFlag == true) {
+            console.log("component: " + component);
+        }
         for (j = 0; j < regionArray.length; j++) {
             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()`;
             var checkbox = eval(checkboxStr);
+            if (debugFlag == true) {
+                console.log("region: " + region);
+                console.log("groupName: " + groupName);
+                console.log("checkboxStr: " + checkboxStr);
+            }
             if (checkRegion(region) == true && checkComponent(component) == true) {
+                if (debugFlag == true) {
+                    console.log("selecting checkbox")
+                }
                 selectCheckbox(checkbox);
+                if (debugFlag == true) {
+                    console.log("checkbox selected")
+                }
             } else {
+                if (debugFlag == true) {
+                    console.log("deselecting checkbox")
+                }
                 deselectCheckbox(checkbox);
+                if (debugFlag == true) {
+                    console.log("checkbox deselected")
+                }
             }
         }
     }
@@ -1202,28 +1663,80 @@ function apply() {
     }
 };
 function reset() {
+    if (debugFlag == true) {
+        console.log("Running reset()");
+    }
+
+    if (debugFlag == true) {
+        console.log("Clearing components");
+        console.log("componentArray: " + componentArray);
+        console.log("buttonArray: " + buttonArray);
+    };
     for (i = 0; i < componentArray.length; i++) {
         var component = componentArray[i];
+        if(debugFlag == true) {
+            console.log("Deselecting " + component);
+        }
         deselectComponent(component);
         var buttonName = component + 'Button';
+        if(debugFlag == true) {
+            console.log("Clearing button " + buttonName);
+        }
         clearButtonColor(buttonName);
     };
+
+    if (debugFlag == true) {
+        console.log("Clearing regions");
+        console.log("regionArray: " + regionArray);
+        console.log("buttonArray: " + buttonArray);
+    };
     for (i = 0; i < buttonArray.length; i++) {
         var region = buttonArray[i];
         var buttonName = region + 'Button';
+        if(debugFlag == true) {
+            console.log("region: " + region);
+            console.log("buttonName: " + buttonName);
+        }
+        if(debugFlag == true) {
+            console.log("clearButtonColor:" + buttonName);
+        }
         clearButtonColor(buttonName);
+        if(debugFlag == true) {
+            console.log("clearButtonColor complete");
+        }
     };
     for (i = 0; i < regionArray.length; i++) {
         var  region = regionArray[i];
+        if(debugFlag == true) {
+            console.log("deselectRegion " + region);
+        }
         deselectRegion(region);
+        if(debugFlag == true) {
+            console.log("deselectRegion complete");
+        }
     };
+    if (debugFlag == true) {
+        console.log("Checking for CE");
+    }
     if (typeof ceFlag != 'undefined') {
+        if (debugFlag == true) {
+            console.log("CE found; deselectCe");
+        }
         deselectCe();
+        if (debugFlag == true) {
+            console.log("Clearing ceButton if visible");
+        }
         if (currentMode != 'stage') {
             clearButtonColor("ceButton");
         };
     }
+    if (debugFlag == true) {
+        console.log("CE check complete");
+    }
     apply();
+    if(debugFlag == true) {
+        console.log("reset() complete");
+    }
 };
 function checkDebug() {
     var status = debugFlag;
diff --git a/statusio-selector.user.js b/statusio-selector.user.js
index f0ef3a0..7ccfe13 100644
--- a/statusio-selector.user.js
+++ b/statusio-selector.user.js
@@ -4,7 +4,7 @@
 // @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
-// @version     0.0.3
+// @version     0.0.4
 // @downloadUrl https://gitea.frijole.lol/o0beaner/js-statusio-selector/raw/branch/main/statusio-selector.user.js
 // @updateURL   https://gitea.frijole.lol/o0beaner/js-statusio-selector/raw/branch/main/statusio-selector.user.js
 // @include     /^https?://app\.status\.io/dashboard/.*/?(maintenance|incident)/create$/
@@ -50,16 +50,31 @@ var zNode = document.createElement('div');
 zNode.setAttribute('id', 'myContainer');
 document.body.appendChild(zNode);
 
-var auxHTML = '<center><button id="applyButton" type="button">Apply Selection</button><button id="resetButton" type="button">Reset Form</button><center>';
+// max region button width 468px
+
+var auxHTML = '<center>' +
+    '<button id="applyButton" type="button">Apply Selection</button>' +
+    '<button id="resetButton" type="button">Reset Form</button>' +
+    '<center>';
 
 var debugFlag = false;
 var currentMode = "";
+
 //azure status page controls
 if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -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>   <button id="debugButton" type="button">Debug</button></center>';
+    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>' +
+        '   ' +
+        '<button id="debugButton" type="button">Debug</button>' +
+        '</center>';
+
     zNode.innerHTML = profilesHTML;
     if (debugFlag == true) {
         toggleButtonColor(debugButton);
@@ -72,12 +87,54 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
     document.getElementById("debugButton").addEventListener("click", debugButtonClickAction, false);
 
     // initialize azure component and region variables
-    var componentArray = ["api", "auth", "compute", "jobs", "odbc", "webapp", "sql"];
-    var regionArray = ["canadacentral", "canadaeast", "centralindia", "southindia", "westindia", "switzerlandnorth", "norwayeast", "germanywestcentral", "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 componentArray = [
+        "api",
+        "auth",
+        "compute",
+        "jobs",
+        "odbc",
+        "sql",
+        "webapp"
+    ];
+
+    var regionArray = [
+        "australiacentral",
+        "australiacentral2",
+        "australiaeast",
+        "australiasoutheast",
+        "brazilsouth",
+        "canadacentral",
+        "canadaeast",
+        "centralindia",
+        "centralus",
+        "chinaeast2",
+        "chinanorth2",
+        "eastasia",
+        "eastus",
+        "eastus2",
+        "francecentral",
+        "germanywestcentral",
+        "japaneast",
+        "japanwest",
+        "koreacentral",
+        "northcentralus",
+        "northeurope",
+        "norwayeast",
+        "southafricanorth",
+        "southcentralus",
+        "southeastasia",
+        "southindia",
+        "switzerlandnorth",
+        "uaenorth",
+        "uksouth",
+        "ukwest",
+        "usgovarizona",
+        "usgovvirginia",
+        "westeurope",
+        "westus",
+        "westus2",
+        "westindia"
+    ];
     var buttonArray = [];
 
     // create tracking maps
@@ -100,10 +157,17 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
     var sqlGroup = $("div.form-group").filter(":contains('Databricks SQL')");
 
     // write component HTML template
-    var componentsHTML = '<center><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="odbcButton" type="button">ODBC/JDBC</button><button id="webappButton" type="button">Webapp</button>' +
-        '<button id="sqlButton" type="button">SQL</button></center></br></br>';
+    var componentsHTML = '<center>' +
+        '<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="odbcButton" type="button">ODBC/JDBC</button>' +
+        '<button id="webappButton" type="button">Webapp</button>' +
+        '<button id="sqlButton" type="button">SQL</button>' +
+        '</center></br></br>';
 
     // regional functions
     function canadaeastButtonClickAction(zEvent) {
@@ -393,7 +457,57 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
     function loadDataplanes() {
         currentMode = "dataplane";
         console.log("Loading Azure dataplanes profile");
-        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><button id="germanywestcentralButton" style="width:468px" type="button">Germany West Central</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>';
+        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>' +
+            '<button id="germanywestcentralButton" style="width:468px" type="button">Germany West Central</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 +
             auxHTML;
         if (debugFlag == true) {
@@ -401,15 +515,47 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
         };
 
         // array of active buttons
-        buttonArray = ["canadacentral", "canadaeast", "centralindia", "southindia", "westindia",
-                           "switzerlandnorth", "norwayeast", "germanywestcentral", "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"];
+        buttonArray = [
+            "australiacentral",
+            "australiacentral2",
+            "australiaeast",
+            "australiasoutheast",
+            "brazilsouth",
+            "canadacentral",
+            "canadaeast",
+            "centralindia",
+            "centralus",
+            "chinaeast2",
+            "chinanorth2",
+            "eastasia",
+            "eastus",
+            "eastus2",
+            "francecentral",
+            "germanywestcentral",
+            "japaneast",
+            "japanwest",
+            "koreacentral",
+            "northcentralus",
+            "northeurope",
+            "norwayeast",
+            "southafricanorth",
+            "southcentralus",
+            "southeastasia",
+            "southindia",
+            "switzerlandnorth",
+            "uaenorth",
+            "uksouth",
+            "ukwest",
+            "usgovarizona",
+            "usgovvirginia",
+            "westindia",
+            "westeurope",
+            "westus",
+            "westus2"
+        ];
+
         reset();
+
         // regional listeners
         document.getElementById("canadacentralButton").addEventListener("click", canadacentralButtonClickAction, false);
         document.getElementById("canadaeastButton").addEventListener("click", canadaeastButtonClickAction, false);
@@ -472,16 +618,67 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
     function loadControlplanes() {
         currentMode = "controlplane";
         console.log("Loading Azure controlplanes profile");
-        var controlplaneHTML = '<center><button id="canadacentralButton" style="width:234px" type="button">Canada Central</button><button id="centralindiaButton" style="width:234px" type="button">Central 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><button id="germanywestcentralButton" style="width:468px" type="button">Germany West Central</button></br></br><button id="westusButton" style="width:468px" type="button">West US</button></br></br><button id="westeuropeButton" style="width:234px" type="button">West Europe</button><button id="ukwestButton" style="width:234px" type="button">UK West</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:117px" type="button">Australia East</button><button id="japaneastButton" style="width:117px" type="button">Japan East</button><button id="koreacentralButton" style="width:117px" type="button">Korea Central</button><button id="southeastasiaButton" style="width:117px" type="button">Southeast 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="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>';
+        var controlplaneHTML = '<center>' +
+            '<button id="canadacentralButton" style="width:234px" type="button">Canada Central</button>' +
+            '<button id="centralindiaButton" style="width:234px" type="button">Central 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>' +
+            '<button id="germanywestcentralButton" style="width:468px" type="button">Germany West Central</button>' +
+            '</br></br>' +
+            '<button id="westusButton" style="width:468px" type="button">West US</button>' +
+            '</br></br>' +
+            '<button id="westeuropeButton" style="width:234px" type="button">West Europe</button>' +
+            '<button id="ukwestButton" style="width:234px" type="button">UK West</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:117px" type="button">Australia East</button>' +
+            '<button id="japaneastButton" style="width:117px" type="button">Japan East</button>' +
+            '<button id="koreacentralButton" style="width:117px" type="button">Korea Central</button>' +
+            '<button id="southeastasiaButton" style="width:117px" type="button">Southeast 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="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">' + controlplaneHTML + '<hr class="solid">' + componentsHTML + auxHTML;
         if (debugFlag == true) {
             toggleButtonColor("debugButton");
         };
 
         // array of active buttons
-        buttonArray = ["canadacentral", "centralindia", "switzerlandnorth", "norwayeast", "germanywestcentral", "westus", "westeurope","ukwest", "southafricanorth",
-                       "uaenorth", "australiaeast", "japaneast", "koreacentral", "southeastasia", "brazilsouth", "eastus2", "francecentral",
-                       "chinanorth2", "chinaeast2", "usgovvirginia", "usgovarizona"];
+        buttonArray = [
+            "australiaeast",
+            "brazilsouth",
+            "canadacentral",
+            "centralindia",
+            "chinaeast2",
+            "chinanorth2",
+            "eastus2",
+            "francecentral",
+            "germanywestcentral",
+            "japaneast",
+            "koreacentral",
+            "norwayeast",
+            "southafricanorth",
+            "southeastasia",
+            "switzerlandnorth",
+            "uaenorth",
+            "ukwest",
+            "usgovarizona",
+            "usgovvirginia",
+            "westeurope",
+            "westus"
+        ];
 
         // clear everything on profile load
         reset();
@@ -533,7 +730,16 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
     function loadStages() {
         currentMode = "stage";
         console.log("Loading Azure stages profile");
-        var stagesHTML = '<center><button id="stage1Button" style="width:94px" type="button">Stage-1</button><button id="stage1point5Button" style="width:94px" type="button">Stage-1.5</button><button id="stage2Button" style="width:92px" type="button">Stage-2</button><button id="stage3amButton" style="width:94px" type="button">Stage-3AM</button><button id="stage3pmButton" style="width:94px" type="button">Stage-3PM</button></br><button id="stagegovcloudButton" style="width:234px" type="button">Govcloud</button><button id="stagemooncakeButton" style="width:234px" type="button">Mooncake</button></center>';
+        var stagesHTML = '<center>' +
+            '<button id="stage1Button" style="width:94px" type="button">Stage-1</button>' +
+            '<button id="stage1point5Button" style="width:94px" type="button">Stage-1.5</button>' +
+            '<button id="stage2Button" style="width:92px" type="button">Stage-2</button>' +
+            '<button id="stage3amButton" style="width:94px" type="button">Stage-3AM</button>' +
+            '<button id="stage3pmButton" style="width:94px" type="button">Stage-3PM</button>' +
+            '</br>' +
+            '<button id="stagegovcloudButton" style="width:234px" type="button">Govcloud</button>' +
+            '<button id="stagemooncakeButton" style="width:234px" type="button">Mooncake</button>' +
+            '</center>';
 
         zNode.innerHTML = profilesHTML + '<hr class="solid">' + stagesHTML + '<hr class="solid">' + componentsHTML + auxHTML;
         if (debugFlag == true) {
@@ -541,7 +747,16 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
         };
 
         // array of active buttons
-        buttonArray = ["stage1", "stage1point5", "stage2", "stage3am", "stage3pm", "stagegovcloud", "stagemooncake"];
+        buttonArray = [
+            "stage1",
+            "stage1point5",
+            "stage2",
+            "stage3am",
+            "stage3pm",
+            "stagegovcloud",
+            "stagemooncake"
+        ];
+
         reset();
 
         // regional listeners
@@ -592,9 +807,18 @@ if (window.location.href.indexOf("5d49ec10226b9e13cb6a422e") > -1) {
 // aws status page controls
 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>   <button id="debugButton" type="button">Debug</button></center>';
+    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>' +
+        '   ' +
+        '<button id="debugButton" type="button">Debug</button>' +
+        '</center>';
+
     zNode.innerHTML = profilesHTML;
     if (debugFlag == true) {
         toggleButtonColor("debugButton");
@@ -605,10 +829,30 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
     document.getElementById("shrinkButton").addEventListener("click", shrinkButtonClickAction, false);
     document.getElementById("debugButton").addEventListener("click", debugButtonClickAction, false);
 
-    // initialize azure component and region variables
-    var componentArray = ["api", "auth", "compute", "jobs", "odbc", "webapp", "sql"];
-    var regionArray = ["us-west-1", "us-west-2", "us-east-1", "us-east-2", "sa-east-1", "eu-west-1", "eu-west-2", "eu-central-1",
-                       "ap-south-1", "ap-southeast-1", "ap-southeast-2", "ap-northeast-1", "ap-northeast-2", "ca-central-1"];
+    // initialize aws component and region variables
+    var componentArray = [
+        "api",
+        "auth",
+        "compute",
+        "jobs",
+        "odbc",
+        "sql",
+        "webapp"
+    ];
+    var regionArray = [
+        "ap-northeast-1",
+        "ap-south-1",
+        "ap-southeast-1",
+        "ap-southeast-2",
+        "ca-central-1",
+        "eu-central-1",
+        "eu-west-1",
+        "eu-west-2",
+        "us-east-1",
+        "us-east-2",
+        "us-west-1",
+        "us-west-2"
+    ];
     var buttonArray = [];
     var ceFlag = false;
 
@@ -633,10 +877,17 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
     var ceGroup = $("div.form-group").filter(":contains('Community Edition')");
 
     // write component HTML template
-    var componentsHTML = '<center><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="odbcButton" type="button">ODBC/JDBC</button><button id="webappButton" type="button">Webapp</button>' +
-        '<button id="sqlButton" type="button">SQL</button></center></br>';
+    var componentsHTML = '<center>' +
+        '<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="odbcButton" type="button">ODBC/JDBC</button>' +
+        '<button id="webappButton" type="button">Webapp</button>' +
+        '<button id="sqlButton" type="button">SQL</button>' +
+        '</center></br>';
 
     // regional functions
     function cacentral1ButtonClickAction(zEvent) {
@@ -677,6 +928,10 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
         toggleRegion("ap-south-1");
         toggleButtonColor("apsouth1Button");
     };
+    function apsoutheast1ButtonClickAction(zEvent) {
+        toggleRegion("ap-southeast-1");
+        toggleButtonColor("apsoutheast1Button");
+    };
     function apsoutheast2ButtonClickAction(zEvent) {
         toggleRegion("ap-southeast-2");
         toggleButtonColor("apsoutheast2Button");
@@ -705,6 +960,7 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
         toggleRegion("us-west-1");
         toggleRegion("us-east-1");
         toggleRegion("us-east-2");
+        toggleRegion("ap-southeast-1");
         toggleButtonColor("stage2Button");
     };
     function stage3amButtonClickAction(zEvent) {
@@ -752,7 +1008,26 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
     function loadDataplanes() {
         currentMode = "dataplane";
         console.log("Loading AWS dataplanes profile");
-        var dataplaneHTML = '<center><button id="ceButton" style="width:117px" type="button">CE</button><button id="cacentral1Button" style="width:117px" type="button">ca-central-1</button><button id="eucentral1Button" style="width:117px" type="button">eu-central-1</button><button id="euwest2Button" style="width:117px" type="button">eu-west-2</button></br></br><button id="uswest2Button" style="width:234px" type="button">us-west-2</button><button id="uswest1Button" style="width:234px" type="button">us-west-1</button></br><button id="useast1Button" style="width:234px" type="button">us-east-1</button><button id="useast2Button" style="width:234px" type="button">us-east-2</button></br></br><button id="apsouth1Button" style="width:156px" type="button">ap-south-1</button><button id="apsoutheast2Button" style="width:156px" type="button">ap-southeast-2</button><button id="apnortheast1Button" style="width:156px" type="button">ap-northeast-1</button></br></br><button id="euwest1Button" style="width:468px" type="button">eu-west-1</button></center>';
+        var dataplaneHTML = '<center>' +
+            '<button id="ceButton" style="width:117px" type="button">CE</button>' +
+            '<button id="cacentral1Button" style="width:117px" type="button">ca-central-1</button>' +
+            '<button id="eucentral1Button" style="width:117px" type="button">eu-central-1</button>' +
+            '<button id="euwest2Button" style="width:117px" type="button">eu-west-2</button>' +
+            '</br></br>' +
+            '<button id="uswest2Button" style="width:234px" type="button">us-west-2</button>' +
+            '<button id="uswest1Button" style="width:234px" type="button">us-west-1</button>' +
+            '</br>' +
+            '<button id="useast1Button" style="width:234px" type="button">us-east-1</button>' +
+            '<button id="useast2Button" style="width:234px" type="button">us-east-2</button>' +
+            '</br>' +
+            '<button id="apsoutheast1Button" style="width:468px" type="button">ap-southeast-1</button>' +
+            '</br></br>' +
+            '<button id="apsouth1Button" style="width:156px" type="button">ap-south-1</button>' +
+            '<button id="apsoutheast2Button" style="width:156px" type="button">ap-southeast-2</button>' +
+            '<button id="apnortheast1Button" style="width:156px" type="button">ap-northeast-1</button>' +
+            '</br></br>' +
+            '<button id="euwest1Button" style="width:468px" type="button">eu-west-1</button>' +
+            '</center>';
 
         zNode.innerHTML = profilesHTML + '<hr class="solid">' + dataplaneHTML + '<hr class="solid">' + componentsHTML + auxHTML;
         if (debugFlag == true) {
@@ -760,8 +1035,21 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
         };
 
         // array of active buttons
-        buttonArray = ["ce", "cacentral1", "eucentral1", "euwest2", "uswest2", "uswest1", "useast1", "useast2", "apsouth1",
-                      "apsoutheast2", "apnortheast1", "euwest1"];
+        buttonArray = [
+            "apnortheast1",
+            "apsouth1",
+            "apsoutheast1",
+            "apsoutheast2",
+            "ce",
+            "cacentral1",
+            "eucentral1",
+            "euwest1",
+            "euwest2",
+            "useast1",
+            "useast2",
+            "uswest2",
+            "uswest1"
+        ];
 
         // clear everything on profile load
         reset();
@@ -775,6 +1063,7 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
         document.getElementById("useast1Button").addEventListener("click", useast1ButtonClickAction, false);
         document.getElementById("useast2Button").addEventListener("click", useast2ButtonClickAction, false);
         document.getElementById("apsouth1Button").addEventListener("click", apsouth1ButtonClickAction, false);
+        document.getElementById("apsoutheast1Button").addEventListener("click", apsoutheast1ButtonClickAction, false);
         document.getElementById("apsoutheast2Button").addEventListener("click", apsoutheast2ButtonClickAction, false);
         document.getElementById("apnortheast1Button").addEventListener("click", apnortheast1ButtonClickAction, false);
         document.getElementById("euwest1Button").addEventListener("click", euwest1ButtonClickAction, false);
@@ -804,15 +1093,42 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
     function loadControlplanes() {
         currentMode = "controlplane";
         console.log("Loading AWS controlplanes profile");
-        var controlplaneHTML = '<center><button id="ceButton" style="width:117px" type="button">CE</button><button id="cacentral1Button" style="width:117px" type="button">ca-central-1</button><button id="eucentral1Button" style="width:117px" type="button">eu-central-1</button><button id="euwest2Button" style="width:117px" type="button">eu-west-2</button></br></br><button id="uswest2Button" style="width:234px" type="button">us-west-2</button><button id="useast2Button" style="width:234px" type="button">us-east-2</button></br></br><button id="apsouth1Button" style="width:156px" type="button">ap-south-1</button><button id="apsoutheast2Button" style="width:156px" type="button">ap-southeast-2</button><button id="apnortheast1Button" style="width:156px" type="button">ap-northeast-1</button></br></br><button id="euwest1Button" style="width:468px" type="button">eu-west-1</button></center>';
+        var controlplaneHTML = '<center>' +
+            '<button id="ceButton" style="width:117px" type="button">CE</button>' +
+            '<button id="cacentral1Button" style="width:117px" type="button">ca-central-1</button>' +
+            '<button id="eucentral1Button" style="width:117px" type="button">eu-central-1</button>' +
+            '<button id="euwest2Button" style="width:117px" type="button">eu-west-2</button>' +
+            '</br></br>' +
+            '<button id="uswest2Button" style="width:156px" type="button">us-west-2</button>' +
+            '<button id="useast2Button" style="width:156px" type="button">us-east-2</button>' +
+            '<button id="apsoutheast1Button" style="width:156px" type="button">ap-southeast-1</button>' +
+            '</br></br>' +
+            '<button id="apsouth1Button" style="width:156px" type="button">ap-south-1</button>' +
+            '<button id="apsoutheast2Button" style="width:156px" type="button">ap-southeast-2</button>' +
+            '<button id="apnortheast1Button" style="width:156px" type="button">ap-northeast-1</button>' +
+            '</br></br>' +
+            '<button id="euwest1Button" style="width:468px" type="button">eu-west-1</button>' +
+            '</center>';
+
         zNode.innerHTML = profilesHTML + '<hr class="solid">' + controlplaneHTML + '<hr class="solid">' + componentsHTML + auxHTML;
         if (debugFlag == true) {
             toggleButtonColor("debugButton");
         };
 
         // array of active buttons
-        buttonArray = ["ce", "cacentral1", "eucentral1", "euwest2", "uswest2", "useast2", "apsouth1",
-                      "apsoutheast2", "apnortheast1", "euwest1"];
+        buttonArray = [
+            "apnortheast1",
+            "apsouth1",
+            "apsoutheast1",
+            "apsoutheast2",
+            "cacentral1",
+            "ce",
+            "eucentral1",
+            "euwest1",
+            "euwest2",
+            "useast2",
+            "uswest2",
+        ];
 
         // clear everything on profile load
         reset();
@@ -825,6 +1141,7 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
         document.getElementById("uswest2Button").addEventListener("click", uswest2CPButtonClickAction, false);
         document.getElementById("useast2Button").addEventListener("click", useast2ButtonClickAction, false);
         document.getElementById("apsouth1Button").addEventListener("click", apsouth1ButtonClickAction, false);
+        document.getElementById("apsoutheast1Button").addEventListener("click", apsoutheast1ButtonClickAction, false);
         document.getElementById("apsoutheast2Button").addEventListener("click", apsoutheast2ButtonClickAction, false);
         document.getElementById("apnortheast1Button").addEventListener("click", apnortheast1ButtonClickAction, false);
         document.getElementById("euwest1Button").addEventListener("click", euwest1ButtonClickAction, false);
@@ -854,7 +1171,12 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
     function loadStages() {
         currentMode = "stage";
         console.log("Loading AWS stages profile");
-        var stagesHTML = '<center><button id="stage1Button" style="width:117px" type="button">Stage-1</button><button id="stage2Button" style="width:117px" type="button">Stage-2</button><button id="stage3amButton" style="width:117px" type="button">Stage-3 AM</button><button id="stage3pmButton" style="width:117px" type="button">Stage-3 PM</button></center>';
+        var stagesHTML = '<center>' +
+            '<button id="stage1Button" style="width:117px" type="button">Stage-1</button>' +
+            '<button id="stage2Button" style="width:117px" type="button">Stage-2</button>' +
+            '<button id="stage3amButton" style="width:117px" type="button">Stage-3 AM</button>' +
+            '<button id="stage3pmButton" style="width:117px" type="button">Stage-3 PM</button>' +
+            '</center>';
 
         zNode.innerHTML = profilesHTML + '<hr class="solid">' + stagesHTML + '<hr class="solid">' + componentsHTML + auxHTML;
         if (debugFlag == true) {
@@ -862,7 +1184,12 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
         }
 
         // array of active buttons
-        buttonArray = ["stage1", "stage2", "stage3am", "stage3pm"];
+        buttonArray = [
+            "stage1",
+            "stage2",
+            "stage3am",
+            "stage3pm"
+        ];
 
         // clear everything on profile load
         reset();
@@ -911,9 +1238,15 @@ if (window.location.href.indexOf("5cf02dde58a00904bda41926") > -1) {
 // gcp status page controls
 if (window.location.href.indexOf("60087ab5608daf0535dc8e23") > -1) {
     // render initial HTML
-    var profilesHTML = '<center><button id="controlplanesButton" type="button">Controlplanes</button>   ' +
+    var profilesHTML = '<center>' +
+        '<button id="controlplanesButton" type="button">Controlplanes</button>' +
+        '   ' +
         '<button id="stagesButton" type="button">Stages</button>' +
-        '   <button id="shrinkButton" type="button">Shrink</button>   <button id="debugButton" type="button">Debug</button></center>';
+        '   ' +
+        '<button id="shrinkButton" type="button">Shrink</button>' +
+        '   ' +
+        '<button id="debugButton" type="button">Debug</button>' +
+        '</center>';
     zNode.innerHTML = profilesHTML;
     if (debugFlag == true) {
         toggleButtonColor("debugButton");
@@ -924,9 +1257,26 @@ if (window.location.href.indexOf("60087ab5608daf0535dc8e23") > -1) {
     document.getElementById("shrinkButton").addEventListener("click", shrinkButtonClickAction, false);
     document.getElementById("debugButton").addEventListener("click", debugButtonClickAction, false);
 
-    // initialize azure component and region variables
-    var componentArray = ["api", "auth", "compute", "jobs", "odbc", "webapp"];
-    var regionArray = ["us-west1", "us-central1", "europe-west2", "us-west4"];
+    // initialize gcp component and region variables
+    var componentArray =[
+        "api",
+        "auth",
+        "compute",
+        "jobs",
+        "odbc",
+        "sql",
+        "webapp"
+    ];
+    var regionArray = [
+        "australia-southeast1",
+        "europe-west1",
+        "europe-west2",
+        "us-central1",
+        "us-east1",
+        "us-east4",
+        "us-west1",
+        "us-west4"
+    ];
     var buttonArray = [];
 
     var selectedComponents = new Map();
@@ -945,37 +1295,80 @@ if (window.location.href.indexOf("60087ab5608daf0535dc8e23") > -1) {
     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 sqlGroup = $("div.form-group").filter(":contains('Databricks SQL')");
 
     // write component HTML template
-    var componentsHTML = '<center><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="odbcButton" type="button">ODBC/JDBC</button><button id="webappButton" type="button">Webapp</button>' +
+    var componentsHTML = '<center>' +
+        '<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="odbcButton" type="button">ODBC/JDBC</button>' +
+        '<button id="webappButton" type="button">Webapp</button>' +
+        '<button id="sqlButton" type="button">SQL</button>' +
         '</center></br></br>';
 
     // regional functions
-    function uswest1ButtonClickAction(zEvent) {
-        toggleRegion("us-west1");
-        toggleButtonColor("uswest1Button");
+    // function asiasoutheast1ButtonClickAction(zEvent) {
+    //     toggleRegion("asia-southeast1");
+    //     toggleButtonColor("asiasoutheast1Button");
+    // };
+    function australiasoutheast1ButtonClickAction(zEvent) {
+        toggleRegion("australia-southeast1");
+        toggleButtonColor("australiasoutheast1Button");
+    };
+    function europewest1ButtonClickAction(zEvent) {
+        toggleRegion("europe-west1");
+        toggleButtonColor("europewest1Button");
+    };
+    function europewest2ButtonClickAction(zEvent) {
+        toggleRegion("europe-west2");
+        toggleButtonColor("europewest2Button");
     };
     function uscentral1ButtonClickAction(zEvent) {
         toggleRegion("us-central1");
         toggleButtonColor("uscentral1Button");
     };
-    function europewest2ButtonClickAction(zEvent) {
-        toggleRegion("europe-west2");
-        toggleButtonColor("europewest2Button");
+    function useast1ButtonClickAction(zEvent) {
+        toggleRegion("us-east1");
+        toggleButtonColor("useast1Button");
+    };
+    function useast4ButtonClickAction(zEvent) {
+        toggleRegion("us-east4");
+        toggleButtonColor("useast4Button");
+    };
+    function uswest1ButtonClickAction(zEvent) {
+        toggleRegion("us-west1");
+        toggleButtonColor("uswest1Button");
     };
     function uswest4ButtonClickAction(zEvent) {
         toggleRegion("us-west4");
         toggleButtonColor("uswest4Button");
     };
     function stage1ButtonClickAction(zEvent) {
-        toggleRegion("us-west1");
-        toggleRegion("us-central1");
-        toggleRegion("europe-west2");
-        toggleRegion("us-west4");
+        toggleRegion("australia-southeast1");
+        toggleRegion("europe-west1");
         toggleButtonColor("stage1Button");
     };
+    function stage2ButtonClickAction(zEvent) {
+        toggleRegion("europe-west2");
+        toggleRegion("us-central1");
+        toggleRegion("us-east1");
+        toggleRegion("us-east4");
+        toggleRegion("us-west1");
+        toggleButtonColor("stage2Button");
+    };
+    // function stage3amButtonClickAction(zEvent) {
+    //     toggleRegion("asia-southeast1");
+    //     toggleButtonColor("stage3amButton");
+    // };
+    function stage3pmButtonClickAction(zEvent) {
+        toggleRegion("us-west4");
+        toggleButtonColor("stage3pmButton");
+    };
+
     // component functions
     function authButtonClickAction(zEvent) {
         toggleComponent("auth");
@@ -1001,26 +1394,59 @@ if (window.location.href.indexOf("60087ab5608daf0535dc8e23") > -1) {
         toggleComponent("webapp");
         toggleButtonColor("webappButton");
     };
+    function sqlButtonClickAction(zEvent) {
+        toggleComponent("sql");
+        toggleButtonColor("sqlButton");
+    };
 
     function loadControlplanes() {
         currentMode = "controlplane";
         console.log("Loading GCP controlplanes profile");
-        var controlplaneHTML = '<center><button id="uswest1Button" style="width:117px" type="button">US-West1</button><button id="uscentral1Button" style="width:117px" type="button">US-Central1</button><button id="europewest2Button" style="width:117px" type="button">EU-West2</button><button id="uswest4Button" style="width:117px" type="button">US-West4</button></br></center>';
+        var controlplaneHTML = '<center>' +
+            '<button id="australiasoutheast1Button" style="width:234px" type="button">Australia-Southeast1</button>' +
+            '<button id="europewest1Button" style="width:234px" type="button">Europe-West1</button>' +
+            '</br></br>' +
+            '<button id="europewest2Button" style="width:234px" type="button">EU-West2</button>' +
+            '<button id="uscentral1Button" style="width:234px" type="button">US-Central1</button>' +
+            '</br>' +
+            '<button id="useast1Button" style="width:156px" type="button">US-East1</button>' +
+            '<button id="useast4Button" style="width:156px" type="button">US-East4</button>' +
+            '<button id="uswest1Button" style="width:156px" type="button">US-West1</button>' +
+            '</br></br>' +
+            '<button id="uswest4Button" style="width:468px" type="button">US-West4</button>' +
+            '</br></center>'
+        ;
         zNode.innerHTML = profilesHTML + '<hr class="solid">' + controlplaneHTML + '<hr class="solid">' + componentsHTML + auxHTML;
         if (debugFlag == true) {
             toggleButtonColor("debugButton");
         };
 
         // array of active buttons
-        buttonArray = ["uswest1", "uscentral1", "europewest2", "uswest4"];
+        buttonArray = [
+            "australiasoutheast1",
+            "europewest1",
+            "europewest2",
+            "uscentral1",
+            "useast1",
+            "useast4",
+            "uswest1",
+            "uswest4"
+        ];
+        if (debugFlag == true) {
+            console.log("buttonArray: " + buttonArray);
+        }
 
         // clear everything on profile load
         reset();
 
         // regional listeners
-        document.getElementById("uswest1Button").addEventListener("click", uswest1ButtonClickAction, false);
-        document.getElementById("uscentral1Button").addEventListener("click", uscentral1ButtonClickAction, false);
+        document.getElementById("australiasoutheast1Button").addEventListener("click", australiasoutheast1ButtonClickAction, false);
+        document.getElementById("europewest1Button").addEventListener("click", europewest1ButtonClickAction, false);
         document.getElementById("europewest2Button").addEventListener("click", europewest2ButtonClickAction, false);
+        document.getElementById("uscentral1Button").addEventListener("click", uscentral1ButtonClickAction, false);
+        document.getElementById("useast1Button").addEventListener("click", useast1ButtonClickAction, false);
+        document.getElementById("useast4Button").addEventListener("click", useast4ButtonClickAction, false);
+        document.getElementById("uswest1Button").addEventListener("click", uswest1ButtonClickAction, false);
         document.getElementById("uswest4Button").addEventListener("click", uswest4ButtonClickAction, false);
 
         // profile listeners
@@ -1036,6 +1462,7 @@ if (window.location.href.indexOf("60087ab5608daf0535dc8e23") > -1) {
         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
@@ -1045,7 +1472,11 @@ if (window.location.href.indexOf("60087ab5608daf0535dc8e23") > -1) {
     function loadStages() {
         currentMode = "stage";
         console.log("Loading GCP stages profile");
-        var stagesHTML = '<center><button id="stage1Button" style="width:468px" type="button">Stage-1</button></center>';
+        var stagesHTML = '<center>' +
+            '<button id="stage1Button" style="width:156px" type="button">Stage-1</button>' +
+            '<button id="stage2Button" style="width:156px" type="button">Stage-2</button>' +
+            '<button id="stage3pmButton" style="width:156px" type="button">Stage-3PM</button>' +
+            '</center>';
 
         zNode.innerHTML = profilesHTML + '<hr class="solid">' + stagesHTML + '<hr class="solid">' + componentsHTML + auxHTML;
         if (debugFlag == true) {
@@ -1053,13 +1484,19 @@ if (window.location.href.indexOf("60087ab5608daf0535dc8e23") > -1) {
         }
 
         // array of active buttons
-        buttonArray = ["stage1"];
+        buttonArray = [
+            "stage1",
+            "stage2",
+            "stage3pm"
+        ];
 
         // clear everything on profile load
         reset();
 
         // regional listeners
         document.getElementById("stage1Button").addEventListener("click", stage1ButtonClickAction, false);
+        document.getElementById("stage2Button").addEventListener("click", stage2ButtonClickAction, false);
+        document.getElementById("stage3pmButton").addEventListener("click", stage3pmButtonClickAction, false);
 
         // profile listeners
         document.getElementById("controlplanesButton").addEventListener("click", controlplanesButtonClickAction, false);
@@ -1073,6 +1510,7 @@ if (window.location.href.indexOf("60087ab5608daf0535dc8e23") > -1) {
         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
@@ -1212,18 +1650,41 @@ function deselectCheckbox(box) {
     box.filter("INPUT")[0].checked = false;
 };
 function apply() {
+    if (debugFlag == true) {
+        console.log("Running apply()");
+    }
     for (i = 0; i < componentArray.length; i++) {
         var component = componentArray[i];
+        if (debugFlag == true) {
+            console.log("component: " + component);
+        }
         for (j = 0; j < regionArray.length; j++) {
             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()`;
             var checkbox = eval(checkboxStr);
+            if (debugFlag == true) {
+                console.log("region: " + region);
+                console.log("groupName: " + groupName);
+                console.log("checkboxStr: " + checkboxStr);
+            }
             if (checkRegion(region) == true && checkComponent(component) == true) {
+                if (debugFlag == true) {
+                    console.log("selecting checkbox")
+                }
                 selectCheckbox(checkbox);
+                if (debugFlag == true) {
+                    console.log("checkbox selected")
+                }
             } else {
+                if (debugFlag == true) {
+                    console.log("deselecting checkbox")
+                }
                 deselectCheckbox(checkbox);
+                if (debugFlag == true) {
+                    console.log("checkbox deselected")
+                }
             }
         }
     }
@@ -1238,28 +1699,80 @@ function apply() {
     }
 };
 function reset() {
+    if (debugFlag == true) {
+        console.log("Running reset()");
+    }
+
+    if (debugFlag == true) {
+        console.log("Clearing components");
+        console.log("componentArray: " + componentArray);
+        console.log("buttonArray: " + buttonArray);
+    };
     for (i = 0; i < componentArray.length; i++) {
         var component = componentArray[i];
+        if(debugFlag == true) {
+            console.log("Deselecting " + component);
+        }
         deselectComponent(component);
         var buttonName = component + 'Button';
+        if(debugFlag == true) {
+            console.log("Clearing button " + buttonName);
+        }
         clearButtonColor(buttonName);
     };
+
+    if (debugFlag == true) {
+        console.log("Clearing regions");
+        console.log("regionArray: " + regionArray);
+        console.log("buttonArray: " + buttonArray);
+    };
     for (i = 0; i < buttonArray.length; i++) {
         var region = buttonArray[i];
         var buttonName = region + 'Button';
+        if(debugFlag == true) {
+            console.log("region: " + region);
+            console.log("buttonName: " + buttonName);
+        }
+        if(debugFlag == true) {
+            console.log("clearButtonColor:" + buttonName);
+        }
         clearButtonColor(buttonName);
+        if(debugFlag == true) {
+            console.log("clearButtonColor complete");
+        }
     };
     for (i = 0; i < regionArray.length; i++) {
         var  region = regionArray[i];
+        if(debugFlag == true) {
+            console.log("deselectRegion " + region);
+        }
         deselectRegion(region);
+        if(debugFlag == true) {
+            console.log("deselectRegion complete");
+        }
     };
+    if (debugFlag == true) {
+        console.log("Checking for CE");
+    }
     if (typeof ceFlag != 'undefined') {
+        if (debugFlag == true) {
+            console.log("CE found; deselectCe");
+        }
         deselectCe();
+        if (debugFlag == true) {
+            console.log("Clearing ceButton if visible");
+        }
         if (currentMode != 'stage') {
             clearButtonColor("ceButton");
         };
     }
+    if (debugFlag == true) {
+        console.log("CE check complete");
+    }
     apply();
+    if(debugFlag == true) {
+        console.log("reset() complete");
+    }
 };
 function checkDebug() {
     var status = debugFlag;