From 43bf840b943f17d68472ceeef01b4a040f3ed9a2 Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Mon, 6 Dec 2021 23:11:30 -0500
Subject: [PATCH] "Add All Zones" button

This adds a "Add All Zones" button to the multiple zones selector used for RenderWithZones.
This addresses the Issue # 775
---
 .../html/js/entityProperties.js               | 24 ++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/scripts/system/create/entityProperties/html/js/entityProperties.js b/scripts/system/create/entityProperties/html/js/entityProperties.js
index 5a20ae6f20..bb38e10a82 100644
--- a/scripts/system/create/entityProperties/html/js/entityProperties.js
+++ b/scripts/system/create/entityProperties/html/js/entityProperties.js
@@ -3722,6 +3722,25 @@ function addZoneToZonesSelection(propertyId, id) {
     document.getElementById("zones-select-selector-list-panel-" + propertyId).style.display = "none";
 }
 
+function addAllZonesToZonesSelection (propertyId) {
+    let hiddenField = document.getElementById(propertyId);
+    if (JSON.stringify(hiddenField.value) === '"undefined"') {
+        hiddenField.value = "[]";
+    }
+    let selectedZones = JSON.parse(hiddenField.value);
+    let i;
+    for (i = 0; i < zonesList.length; i++) {
+        if (!selectedZones.includes(zonesList[i].id)) {
+            selectedZones.push(zonesList[i].id);
+        }
+    }
+    hiddenField.value = JSON.stringify(selectedZones);
+    displaySelectedZones(propertyId, true);
+    let propertyName = propertyId.replace("property-", "");
+    updateProperty(propertyName, selectedZones, false);
+    document.getElementById("zones-select-selector-list-panel-" + propertyId).style.display = "none";    
+}
+
 function removeZoneFromZonesSelection(propertyId, zoneId) {
     let hiddenField = document.getElementById(propertyId);
     if (JSON.stringify(hiddenField.value) === '"undefined"') {
@@ -3813,7 +3832,10 @@ function setZonesSelectionData(element, isEditable) {
     zoneSelector += "<input type='button' value = 'Add a Zone' id='zones-select-add-" + element.id + "' onClick='document.getElementById(";
     zoneSelector += '"' + "zones-select-selector-list-panel-" + element.id + '"' + ").style.display = " + '"' + "block" + '"' + ";'>";
     zoneSelector += "<div class = 'zoneSelectorListPanel' id='zones-select-selector-list-panel-" + element.id + "'>";
-    zoneSelector += "<div class='zoneSelectListHeader'>Select the Zone to add: </div>";
+    zoneSelector += "<div class='zoneSelectListHeader'>Select the Zone to add:";
+    zoneSelector += "<input type='button' id='zones-select-add-all-" + element.id + "' class='blue forceAlignRight' value = 'Add All Zones'";
+    zoneSelector += "onClick='addAllZonesToZonesSelection(" + '"' + element.id + '"' + ");'>";
+    zoneSelector += "</div>";
     zoneSelector += "<div class='zoneSelectList' id = 'zones-select-selector-list-" + element.id + "'>";
     let i, name;
     for (i = 0; i < zonesList.length; i++) {