From 3c4e073874679c911189eb381687454f46deac01 Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Fri, 28 Feb 2020 23:52:24 -0500
Subject: [PATCH 01/25] Properties Editor using tabs

Properties Editor using tabs instead of collapsible sections to avoid painful scrolling.
---
 .../html/entityProperties.html                |  21 +-
 .../html/js/entityProperties.js               | 261 +++++++++++-------
 .../entityProperties/html/tabs/base.png       | Bin 0 -> 671 bytes
 .../entityProperties/html/tabs/behavior.png   | Bin 0 -> 754 bytes
 .../entityProperties/html/tabs/collision.png  | Bin 0 -> 693 bytes
 .../entityProperties/html/tabs/grid.png       | Bin 0 -> 711 bytes
 .../entityProperties/html/tabs/image.png      | Bin 0 -> 707 bytes
 .../entityProperties/html/tabs/light.png      | Bin 0 -> 811 bytes
 .../entityProperties/html/tabs/material.png   | Bin 0 -> 445 bytes
 .../entityProperties/html/tabs/model.png      | Bin 0 -> 902 bytes
 .../entityProperties/html/tabs/particles.png  | Bin 0 -> 770 bytes
 .../html/tabs/particles_acceleration.png      | Bin 0 -> 914 bytes
 .../html/tabs/particles_alpha.png             | Bin 0 -> 891 bytes
 .../html/tabs/particles_color.png             | Bin 0 -> 1753 bytes
 .../html/tabs/particles_constraints.png       | Bin 0 -> 1049 bytes
 .../html/tabs/particles_emit.png              | Bin 0 -> 915 bytes
 .../html/tabs/particles_size.png              | Bin 0 -> 757 bytes
 .../html/tabs/particles_spin.png              | Bin 0 -> 772 bytes
 .../entityProperties/html/tabs/physics.png    | Bin 0 -> 719 bytes
 .../entityProperties/html/tabs/shape.png      | Bin 0 -> 815 bytes
 .../entityProperties/html/tabs/spatial.png    | Bin 0 -> 692 bytes
 .../entityProperties/html/tabs/tabs.css       |  53 ++++
 .../entityProperties/html/tabs/text.png       | Bin 0 -> 567 bytes
 .../create/entityProperties/html/tabs/web.png | Bin 0 -> 835 bytes
 .../entityProperties/html/tabs/zone.png       | Bin 0 -> 552 bytes
 .../html/tabs/zone_ambient_light.png          | Bin 0 -> 1549 bytes
 .../html/tabs/zone_avatar_priority.png        | Bin 0 -> 784 bytes
 .../entityProperties/html/tabs/zone_bloom.png | Bin 0 -> 767 bytes
 .../entityProperties/html/tabs/zone_haze.png  | Bin 0 -> 594 bytes
 .../html/tabs/zone_key_light.png              | Bin 0 -> 947 bytes
 .../html/tabs/zone_skybox.png                 | Bin 0 -> 921 bytes
 31 files changed, 241 insertions(+), 94 deletions(-)
 create mode 100644 scripts/system/create/entityProperties/html/tabs/base.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/behavior.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/collision.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/grid.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/image.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/light.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/material.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/model.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/particles.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/particles_acceleration.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/particles_alpha.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/particles_color.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/particles_constraints.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/particles_emit.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/particles_size.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/particles_spin.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/physics.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/shape.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/spatial.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/tabs.css
 create mode 100644 scripts/system/create/entityProperties/html/tabs/text.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/web.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/zone.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/zone_ambient_light.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/zone_avatar_priority.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/zone_bloom.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/zone_haze.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/zone_key_light.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/zone_skybox.png

diff --git a/scripts/system/create/entityProperties/html/entityProperties.html b/scripts/system/create/entityProperties/html/entityProperties.html
index 876e75ec35..241ddd1e75 100644
--- a/scripts/system/create/entityProperties/html/entityProperties.html
+++ b/scripts/system/create/entityProperties/html/entityProperties.html
@@ -1,4 +1,11 @@
 <!--
+//VERSION 2.0
+//	Modified by Alezia Kurdis on on 02/27/2020
+//  for "Project Athena"
+//
+//  Addition of a tab mechanism instead of collapsible sections to reduce the scrolling.
+//
+//VERSION 1.0
 //  entityProperties.html
 //
 //  Created by Ryan Huffman on 13 Nov 2014
@@ -15,6 +22,7 @@
     <link rel="stylesheet" type="text/css" href="../../../html/css/edit-style.css">
     <link rel="stylesheet" type="text/css" href="../../../html/css/colpick.css">
     <link rel="stylesheet" type="text/css" href="../../../html/css/jsoneditor.css">
+    <link rel="stylesheet" type="text/css" href="tabs/tabs.css">	
     <script type="text/javascript" src="qrc:///qtwebchannel/qwebchannel.js"></script>
     <script src="../../../html/js/jquery-2.1.4.min.js"></script>
     <script type="text/javascript" src="../../../html/js/colpick.js"></script>
@@ -45,7 +53,18 @@
                 </div>
             </div>
         </div>
-        <!-- each property is added at runtime in entityProperties -->
+		<table style="width:100%;">
+			<tr style="width:100%;">
+				<td style="width:32px; vertical-align:top; background-color:#575757; padding:0px; border:0px;">
+					<div id="tabs" class="tabsContainer"></div>
+				</td>
+				<td style="width:100%; vertical-align: top; border:0px;">
+					<div id="properties-pages" >
+						<!-- each property is added at runtime in entityProperties -->
+					</div>
+				</td>				
+			</tr>
+		</table>        
     </div>
 </body>
 
diff --git a/scripts/system/create/entityProperties/html/js/entityProperties.js b/scripts/system/create/entityProperties/html/js/entityProperties.js
index e581fbd194..95f680b49b 100644
--- a/scripts/system/create/entityProperties/html/js/entityProperties.js
+++ b/scripts/system/create/entityProperties/html/js/entityProperties.js
@@ -1,3 +1,10 @@
+//VERSION 2.0
+//	Modified by Alezia Kurdis on on 02/27/2020
+//  for "Project Athena"
+//  
+//  Addition of a tab mechanism instead of collapsible sections to reduce the scrolling.
+//
+//VERSION 1.0
 //  entityProperties.js
 //
 //  Created by Ryan Huffman on 13 Nov 2014
@@ -10,6 +17,8 @@
 /* global alert, augmentSpinButtons, clearTimeout, console, document, Element, 
    EventBridge, JSONEditor, openEventBridge, setTimeout, window, _, $ */
 
+var currentTab = "base";
+
 const DEGREES_TO_RADIANS = Math.PI / 180.0;
 
 const NO_SELECTION = ",";
@@ -40,6 +49,7 @@ const PROPERTY_MULTI_DISPLAY_MODE = Object.freeze({
 const GROUPS = [
     {
         id: "base",
+		label: "ENTITY",
         properties: [
             {
                 label: NO_SELECTION,
@@ -112,12 +122,12 @@ const GROUPS = [
                     lines: "Wireframe",
                 },
                 propertyID: "primitiveMode",
-            },
+            }
         ]
     },
     {
         id: "shape",
-        addToGroup: "base",
+		label: "SHAPE",		
         properties: [
             {
                 label: "Shape",
@@ -132,12 +142,12 @@ const GROUPS = [
                 label: "Color",
                 type: "color",
                 propertyID: "color",
-            },
+            }
         ]
     },
     {
         id: "text",
-        addToGroup: "base",
+		label: "TEXT",		
         properties: [
             {
                 label: "Text",
@@ -220,12 +230,12 @@ const GROUPS = [
                 label: "Unlit",
                 type: "bool",
                 propertyID: "unlit",
-            },
+            }
         ]
     },
     {
         id: "zone",
-        addToGroup: "base",
+		label: "ZONE",		
         properties: [
             {
                 label: "Shape Type",
@@ -255,7 +265,13 @@ const GROUPS = [
                 label: "Filter",
                 type: "string",
                 propertyID: "filterURL",
-            },
+            }
+        ]
+    },
+    {
+        id: "zone_key_light",
+		label: "ZONE KEY LIGHT",		
+        properties: [
             {
                 label: "Key Light",
                 type: "dropdown",
@@ -324,7 +340,13 @@ const GROUPS = [
                 decimals: 2,
                 propertyID: "keyLight.shadowMaxDistance",
                 showPropertyRule: { "keyLightMode": "enabled" },
-            },
+            }	
+        ]
+    },	
+    {
+        id: "zone_skybox",
+		label: "ZONE SKYBOX",		
+        properties: [
             {
                 label: "Skybox",
                 type: "dropdown",
@@ -342,7 +364,13 @@ const GROUPS = [
                 type: "string",
                 propertyID: "skybox.url",
                 showPropertyRule: { "skyboxMode": "enabled" },
-            },
+            }	
+        ]
+    },	
+    {
+        id: "zone_ambient_light",
+		label: "ZONE AMBIENT LIGHT",		
+        properties: [
             {
                 label: "Ambient Light",
                 type: "dropdown",
@@ -371,7 +399,13 @@ const GROUPS = [
                              className: "black", onClick: copySkyboxURLToAmbientURL } ],
                 propertyID: "copyURLToAmbient",
                 showPropertyRule: { "ambientLightMode": "enabled" },
-            },
+            }		
+        ]
+    },	
+    {
+        id: "zone_haze",
+		label: "ZONE HAZE",		
+        properties: [
             {
                 label: "Haze",
                 type: "dropdown",
@@ -454,7 +488,13 @@ const GROUPS = [
                 decimals: 0,
                 propertyID: "haze.hazeGlareAngle",
                 showPropertyRule: { "hazeMode": "enabled" },
-            },
+            }		
+        ]
+    },
+    {
+        id: "zone_bloom",
+		label: "ZONE BLOOM",		
+        properties: [
             {
                 label: "Bloom",
                 type: "dropdown",
@@ -490,19 +530,24 @@ const GROUPS = [
                 decimals: 3,
                 propertyID: "bloom.bloomSize",
                 showPropertyRule: { "bloomMode": "enabled" },
-            },
+            }		
+        ]
+    },	
+    {
+        id: "zone_avatar_priority",
+		label: "ZONE AVATAR PRIORITY",		
+        properties: [
             {
                 label: "Avatar Priority",
                 type: "dropdown",
                 options: { inherit: "Inherit", crowd: "Crowd", hero: "Hero" },
                 propertyID: "avatarPriority",
-            },
-
+            }		
         ]
-    },
+    },		
     {
         id: "model",
-        addToGroup: "base",
+		label: "MODEL",		
         properties: [
             {
                 label: "Model",
@@ -587,12 +632,12 @@ const GROUPS = [
                 label: "Group Culled",
                 type: "bool",
                 propertyID: "groupCulled",
-            },
+            }
         ]
     },
     {
         id: "image",
-        addToGroup: "base",
+		label: "IMAGE",		
         properties: [
             {
                 label: "Image",
@@ -630,12 +675,12 @@ const GROUPS = [
                 label: "Keep Aspect Ratio",
                 type: "bool",
                 propertyID: "keepAspectRatio",
-            },
+            }
         ]
     },
     {
         id: "web",
-        addToGroup: "base",
+		label: "WEB",		
         properties: [
             {
                 label: "Source",
@@ -675,12 +720,12 @@ const GROUPS = [
                 type: "string",
                 propertyID: "scriptURL",
                 placeholder: "URL",
-            },
+            }
         ]
     },
     {
         id: "light",
-        addToGroup: "base",
+		label: "LIGHT",		
         properties: [
             {
                 label: "Light Color",
@@ -726,12 +771,12 @@ const GROUPS = [
                 step: 0.01,
                 decimals: 2,
                 propertyID: "cutoff",
-            },
+            }
         ]
     },
     {
         id: "material",
-        addToGroup: "base",
+		label: "MATERIAL",		
         properties: [
             {
                 label: "Material URL",
@@ -800,12 +845,12 @@ const GROUPS = [
                 label: "Material Repeat",
                 type: "bool",
                 propertyID: "materialRepeat",
-            },
+            }
         ]
     },
     {
         id: "grid",
-        addToGroup: "base",
+		label: "GRID",		
         properties: [
             {
                 label: "Color",
@@ -833,12 +878,12 @@ const GROUPS = [
                 step: 0.01,
                 decimals: 2,
                 propertyID: "minorGridEvery",
-            },
+            }
         ]
     },
     {
         id: "particles",
-        addToGroup: "base",
+		label: "PARTICLES",		
         properties: [
             {
                 label: "Emit",
@@ -864,13 +909,13 @@ const GROUPS = [
                 type: "texture",
                 propertyID: "particleTextures",
                 propertyName: "textures", // actual entity property name
-            },
+            }
         ]
     },
     {
-        id: "particles_emit",
-        label: "EMIT",
-        isMinor: true,
+        id: "particles_emit",		
+        label: "PARTICLES EMIT",
+        //isMinor: true,
         properties: [
             {
                 label: "Emit Rate",
@@ -937,13 +982,13 @@ const GROUPS = [
                 label: "Trails",
                 type: "bool",
                 propertyID: "emitterShouldTrail",
-            },
+            }
         ]
     },
     {
-        id: "particles_size",
-        label: "SIZE",
-        isMinor: true,
+        id: "particles_size",	
+        label: "PARTICLES SIZE",
+        //isMinor: true,
         properties: [
             {
                 type: "triple",
@@ -972,7 +1017,7 @@ const GROUPS = [
                         decimals: 2,
                         propertyID: "radiusFinish",
                         fallbackProperty: "particleRadius",
-                    },
+                    }
                 ]
             },
             {
@@ -981,13 +1026,13 @@ const GROUPS = [
                 step: 0.01,
                 decimals: 2,
                 propertyID: "radiusSpread",
-            },
+            }
         ]
     },
     {
         id: "particles_color",
-        label: "COLOR",
-        isMinor: true,
+        label: "PARTICLES COLOR",
+        //isMinor: true,
         properties: [
             {
                 type: "triple",
@@ -1011,20 +1056,20 @@ const GROUPS = [
                         type: "color",
                         propertyID: "colorFinish",
                         fallbackProperty: "color",
-                    },
+                    }
                 ]
             },
             {
                 label: "Color Spread",
                 type: "color",
                 propertyID: "colorSpread",
-            },
+            }
         ]
     },
     {
         id: "particles_alpha",
-        label: "ALPHA",
-        isMinor: true,
+        label: "PARTICLES ALPHA",
+        //isMinor: true,
         properties: [
             {
                 type: "triple",
@@ -1053,7 +1098,7 @@ const GROUPS = [
                         decimals: 3,
                         propertyID: "alphaFinish",
                         fallbackProperty: "alpha",
-                    },
+                    }
                 ]
             },
             {
@@ -1062,13 +1107,13 @@ const GROUPS = [
                 step: 0.001,
                 decimals: 3,
                 propertyID: "alphaSpread",
-            },
+            }
         ]
     },
     {
         id: "particles_acceleration",
-        label: "ACCELERATION",
-        isMinor: true,
+        label: "PARTICLES ACCELERATION",
+        //isMinor: true,
         properties: [
             {
                 label: "Emit Acceleration",
@@ -1087,13 +1132,13 @@ const GROUPS = [
                 round: 100,
                 subLabels: [ "x", "y", "z" ],
                 propertyID: "accelerationSpread",
-            },
+            }
         ]
     },
     {
         id: "particles_spin",
-        label: "SPIN",
-        isMinor: true,
+        label: "PARTICLES SPIN",
+        //isMinor: true,
         properties: [
             {
                 type: "triple",
@@ -1128,7 +1173,7 @@ const GROUPS = [
                         unit: "deg",
                         propertyID: "spinFinish",
                         fallbackProperty: "particleSpin",
-                    },
+                    }
                 ]
             },
             {
@@ -1144,13 +1189,13 @@ const GROUPS = [
                 label: "Rotate with Entity",
                 type: "bool",
                 propertyID: "rotateWithEntity",
-            },
+            }
         ]
     },
     {
         id: "particles_constraints",
-        label: "CONSTRAINTS",
-        isMinor: true,
+        label: "PARTICLES CONSTRAINTS",
+		//isMinor: true,
         properties: [
             {
                 type: "triple",
@@ -1174,7 +1219,7 @@ const GROUPS = [
                         multiplier: DEGREES_TO_RADIANS,
                         unit: "deg",
                         propertyID: "polarFinish",
-                    },
+                    }
                 ],
             },
             {
@@ -1199,7 +1244,7 @@ const GROUPS = [
                         multiplier: DEGREES_TO_RADIANS,
                         unit: "deg",
                         propertyID: "azimuthFinish",
-                    },
+                    }
                 ]
             }
         ]
@@ -1299,7 +1344,7 @@ const GROUPS = [
                 buttons: [ { id: "selection", label: "Selection to Grid", className: "black", onClick: moveSelectionToGrid },
                            { id: "all", label: "All to Grid", className: "black", onClick: moveAllToGrid } ],
                 propertyID: "alignToGrid",
-            },
+            }
         ]
     },
     {
@@ -1404,7 +1449,7 @@ const GROUPS = [
                            { id: "edit", label: "Edit as JSON", className: "blue", onClick: newJSONEditor },
                            { id: "save", label: "Save User Data", className: "black", onClick: saveUserData } ],
                 propertyID: "userData",
-            },
+            }
         ]
     },
     {
@@ -1469,7 +1514,7 @@ const GROUPS = [
                 label: "Dynamic",
                 type: "bool",
                 propertyID: "dynamic",
-            },
+            }
         ]
     },
     {
@@ -1554,7 +1599,7 @@ const GROUPS = [
                 decimals: 4,
                 unit: "m/s<sup>2</sup>",
                 propertyID: "acceleration",
-            },
+            }
         ]
     },
 ];
@@ -1563,14 +1608,16 @@ const GROUPS_PER_TYPE = {
   None: [ 'base', 'spatial', 'behavior', 'collision', 'physics' ],
   Shape: [ 'base', 'shape', 'spatial', 'behavior', 'collision', 'physics' ],
   Text: [ 'base', 'text', 'spatial', 'behavior', 'collision', 'physics' ],
-  Zone: [ 'base', 'zone', 'spatial', 'behavior', 'physics' ],
+  Zone: [ 'base', 'zone', 'zone_key_light', 'zone_skybox', 'zone_ambient_light', 'zone_haze', 
+			'zone_bloom', 'zone_avatar_priority', 'spatial', 'behavior', 'physics' ],
   Model: [ 'base', 'model', 'spatial', 'behavior', 'collision', 'physics' ],
   Image: [ 'base', 'image', 'spatial', 'behavior', 'collision', 'physics' ],
   Web: [ 'base', 'web', 'spatial', 'behavior', 'collision', 'physics' ],
   Light: [ 'base', 'light', 'spatial', 'behavior', 'collision', 'physics' ],
   Material: [ 'base', 'material', 'spatial', 'behavior' ],
   ParticleEffect: [ 'base', 'particles', 'particles_emit', 'particles_size', 'particles_color', 'particles_alpha', 
-                    'particles_acceleration', 'particles_spin', 'particles_constraints', 'spatial', 'behavior', 'physics' ],
+                    'particles_acceleration', 'particles_spin', 'particles_constraints', 'spatial', 'behavior', 'physics' ],							
+  PolyLine: [ 'base', 'spatial', 'behavior', 'collision', 'physics' ],
   PolyLine: [ 'base', 'spatial', 'behavior', 'collision', 'physics' ],
   PolyVox: [ 'base', 'spatial', 'behavior', 'collision', 'physics' ],
   Grid: [ 'base', 'grid', 'spatial', 'behavior', 'physics' ],
@@ -1842,9 +1889,15 @@ function resetServerScriptStatus() {
 function showGroupsForType(type) {
     if (type === "Box" || type === "Sphere") {
         showGroupsForTypes(["Shape"]);
+		showOnTheSamePage("Shape");
         return;
     }
+	if (type === "None"){
+        showGroupsForTypes(["None"]);
+        return;		
+	}
     showGroupsForTypes([type]);
+	showOnTheSamePage(type);
 }
 
 function getGroupsForTypes(types) {
@@ -1858,9 +1911,15 @@ function getGroupsForTypes(types) {
 function showGroupsForTypes(types) {
     Object.entries(elGroups).forEach(([groupKey, elGroup]) => {
         if (types.map(type => GROUPS_PER_TYPE[type].includes(groupKey)).every(function (hasGroup) { return hasGroup; })) {
-            elGroup.style.display = "block";
+            elGroup.style.display = "none";
+			if(types != "None"){
+				document.getElementById("tab-" + groupKey).style.display = "block";
+			}else{
+				document.getElementById("tab-" + groupKey).style.display = "none";
+			}
         } else {
             elGroup.style.display = "none";
+			document.getElementById("tab-" + groupKey).style.display = "none";
         }
     });
 }
@@ -3678,6 +3737,7 @@ function handleEntitySelectionUpdate(selections, isPropertiesToolUpdate) {
 
         const shownGroups = getGroupsForTypes(entityTypes);
         showGroupsForTypes(entityTypes);
+		showOnTheSamePage(entityTypes);
 
         const lockedMultiValue = getMultiplePropertyValue('locked');
 
@@ -3954,32 +4014,24 @@ function handleEntitySelectionUpdate(selections, isPropertiesToolUpdate) {
 
 function loaded() {
     openEventBridge(function() {
-        let elPropertiesList = document.getElementById("properties-list");
-        
+        let elPropertiesList = document.getElementById("properties-pages");
+        let tabs = "";
+		
         GROUPS.forEach(function(group) {
             let elGroup;
-            if (group.addToGroup !== undefined) {
-                let fieldset = document.getElementById("properties-" + group.addToGroup);
-                elGroup = document.createElement('div');
-                fieldset.appendChild(elGroup);
-            } else {
-                elGroup = document.createElement('div');
-                elGroup.className = 'section ' + (group.isMinor ? "minor" : "major");
-                elGroup.setAttribute("id", "properties-" + group.id);
-                elPropertiesList.appendChild(elGroup);
-            }       
 
+			elGroup = document.createElement('div');
+			elGroup.className = 'section ' + "major";				
+			elGroup.setAttribute("id", "properties-" + group.id);
+			elPropertiesList.appendChild(elGroup);
+         
+			
             if (group.label !== undefined) {
                 let elLegend = document.createElement('div');
-                elLegend.className = "section-header";
-
-                elLegend.appendChild(createElementFromHTML(`<div class="label">${group.label}</div>`));
-
-                let elSpan = document.createElement('span');
-                elSpan.className = "collapse-icon";
-                elSpan.innerText = "M";
-                elLegend.appendChild(elSpan);
-                elGroup.appendChild(elLegend);
+				elLegend.className = "tab-section-header";
+                elLegend.appendChild(createElementFromHTML(`<div class="labelTabHeader">${group.label}</div>`));
+                elGroup.appendChild(elLegend);				
+				tabs = tabs +'<button id="tab-'+ group.id +'" onclick="showPage(' + "'" + group.id  + "'" + ');"><img src="tabs/'+ group.id +'.png"></button>';
             }
                 
             group.properties.forEach(function(propertyData) {
@@ -3991,7 +4043,7 @@ function loaded() {
                 propertyElementID = propertyElementID.replace('.', '-');
                 
                 let elContainer, elLabel;
-                
+                				
                 if (propertyData.replaceID === undefined) {
                     // Create subheader, or create new property and append it.
                     if (propertyType === "sub-header") {
@@ -4108,9 +4160,6 @@ function loaded() {
             elGroups[group.id] = elGroup;
         });
 
-        let minorSections = document.querySelectorAll(".section.minor");
-        minorSections[minorSections.length - 1].className += " last";
-
         updateVisibleSpaceModeProperties();
         
         if (window.EventBridge !== undefined) {
@@ -4252,7 +4301,7 @@ function loaded() {
         elDiv.insertBefore(elStaticMaterialData, elMaterialData);
         elDiv.insertBefore(elMaterialDataEditor, elMaterialData);
         elDiv.insertBefore(elMaterialDataEditorStatus, elMaterialData);
-        
+        /*
         // Collapsible sections
         let elCollapsible = document.getElementsByClassName("collapse-icon");
 
@@ -4268,7 +4317,8 @@ function loaded() {
             let curCollapsibleElement = elCollapsible[collapseIndex];
             curCollapsibleElement.addEventListener("click", toggleCollapsedEvent, true);
         }
-        
+        */
+		
         // Textarea scrollbars
         let elTextareas = document.getElementsByTagName("TEXTAREA");
 
@@ -4422,12 +4472,17 @@ function loaded() {
                 e.target.select();
             };
         }
-        
+		
+        document.getElementById("tabs").innerHTML = tabs;
+		
         bindAllNonJSONEditorElements(); 
 
         showGroupsForType("None");
+		showPage("base");
         resetProperties();
-        disableProperties();        
+        disableProperties();
+		
+        
     });
 
     augmentSpinButtons();
@@ -4442,3 +4497,23 @@ function loaded() {
         EventBridge.emitWebEvent(JSON.stringify({ type: 'propertiesPageReady' }));
     }, 1000);
 }
+
+function showOnTheSamePage(entityType) {
+	if(GROUPS_PER_TYPE[entityType].includes(currentTab) == false){
+		currentTab = "base";
+	}
+	showPage(currentTab);
+}
+
+function showPage(id) {
+	currentTab = id;
+    Object.entries(elGroups).forEach(([groupKey, elGroup]) => {
+        if (groupKey == id) {
+            elGroup.style.display = "block";
+			document.getElementById("tab-" + groupKey).style.backgroundColor = "#2E2E2E";
+        } else {
+            elGroup.style.display = "none";
+			document.getElementById("tab-" + groupKey).style.backgroundColor = "#404040";
+        }
+    });
+}
\ No newline at end of file
diff --git a/scripts/system/create/entityProperties/html/tabs/base.png b/scripts/system/create/entityProperties/html/tabs/base.png
new file mode 100644
index 0000000000000000000000000000000000000000..1eed920742a3aee17134a9773018882ee83ab0ff
GIT binary patch
literal 671
zcmWm4ZAcRV9Dwov-Oby%Ik{=(oNu=`nzhi`QYm$}wM-**T7fgfu>@a0Y}s^(<!y?b
z6rxr%WMB#@7>N5IR(`0(EF%ylOY1|anV>{!QfxM6?1A66r^i@wLBJF906<VwXeb8&
zQ5b;(z-nur9{?h66q=d=__1LK47$Syr&d?21Mu{=|0}x>0Mzxu@?wBC1pw0t5I6*2
zwg7Ay0NZAOGcJJmrh)3&0su6w$e_Do|6&Oq9%?a8hLc69d5%Rwg`#~w=^&pqIsDlV
zLRg$O!snrby~qj1#V6?~ich&D$@B7*9gYR*OH`{32n}j!U^S<264v$9*Jz)+!u=<n
zeeSTICg0PuEtpk9zI?NZF`)nJy{i0x&fHyf@!1`8PfOiFKQ`m+kI4W~j7v0!spw#Y
zn7hoZh}dlKB)!lxAYDfBIzu&Bnv{*il;NmJNJE(gk!hy#n1c=B(tv_i!DS9ft7^m{
z?qE%+P8K>gFx*1tCbH*rNeoEea=$Tt`I51vZX6A4q>>%Z@kK`(PEa>Hl?ba~D#YxQ
z$0FZ!*8!U_N>a?6V5Hi3FFIeA2^`>%eBrzPl^ib*P+|zFr`?!st0On9N5DS9tY@=q
zfcTs<5705ZN_u-YrNOJc70H0byLOzM<F1>G`T42Lu1z_VP=(O2#vhrc+gXPmNZPM5
zcaK^v`}ijoC#ZJo0xlR$wL1w;4r5nnn#{iNzwe+lW0|o+-pDgKg0e<=t7LC4uC3Ji
zFba^abe6XLPLBD0M5aVg;<IzdSQ){lW9s;x?#}g#f`-jf7e#~Q+GKR)sgtkE=1Hug
yf4e>d2&#tPHayYWUGPgABdB#|HD+N}*(H*C1<4JIo`t7k2v>Bz#4w>ZJO2Z88RU%s

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/behavior.png b/scripts/system/create/entityProperties/html/tabs/behavior.png
new file mode 100644
index 0000000000000000000000000000000000000000..9201fbfb721790b6c5ad3ff7451a2d28b53e165a
GIT binary patch
literal 754
zcmXBKYe-XJ7y#h+oSmH=C)3Y{rfcMvX{MNIF1wNYrc-Azvx_k^axKtx)fJ_M+1Wxp
zmV~5`n&5;kQe<j3i=d37b}?H05!65r+0CFv6h_O1_2c>X)aB)7tCSig0H|_I#w`F4
zK8IrgV4{5e3;+a_nF@{o1ghsy(AqXPm=c580MK);^7rOO0Kj`pTg(6_VgUHl0KfbI
z{3n2;NdTX%0Bf58=9iu?8pr~m?Kwunwu(`k&+pgEmQe(flRe?UppEJbwUEe2Yw>&5
zmW5~OJ8de#ubzAwNyb4`dtxYBkPAonzF=XUb7nOf0tbi6DerMy9Bb__!gm>|3eU>K
zt!`-;D`*Bibw%Mcg;?96JVrY(^2?-9V~seka}z0kNlQhfEl_+06w^Dg0PUx}@%C@N
z>e0kawz76cs_4wzl^1!E<#2<1I~fj8P3!Z<M#uoMvgkT^OSO~1^IoyiSK?C(Z}|!h
z(#u;YL~vl5A$i4&{D+Dgckc6@9&+9E;84CsOvh=;UJmmX!SrOkkqt>mZUZU7j{dM5
z4vUW|&nvqE-h*~Jr#9>G5(1OACL)^>SzCnGz?``^LJkCpKRqV)@+A#EL=8m#3wm8M
zsUra!qy4pmjf-@ycA^#w?Z~W%qd8m|mXvWaq(0jmhc42NXr1dr`mg0yCD6i~-jAWW
zhxek^e2nd-d5Bta{(eUsQ`mA_lRf^JBG7}D?y<P18dD#<XmEK~>0FO?r!bi3reqD%
z@lK2O`E2c#nvnRa0AXc!1dYf{0zdWchH+4_AT@=eg{Jyq)_lTcsidXv87bOMp+X_b
z-8)r?^d&${%6?p&xxruM@g+rQ^z|0$%VIPJj-@Ej$xt+RL4MY`I;6GB&~=QJ_Svts
zC{#fQ!UW2p)#V29|A+f|ta69y5M^6vuiL8-uXcx@)0ULD`(?TLK#8X5?Q#OIALdiY
X3R8urbTtLlZUBIs%v@tvy4Cd;>L3MH

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/collision.png b/scripts/system/create/entityProperties/html/tabs/collision.png
new file mode 100644
index 0000000000000000000000000000000000000000..c9bed393854c2317061ba781ab2baf502886420a
GIT binary patch
literal 693
zcmXAiZ%7ky0EXY2o4d5>wb|*W*srvu=}<FFlk}!DH$yWkSYc#Sb6V6?LJP~=OgxE1
zCy0sRi2g`LwJ1aoCA)!0A0o*9Sf*l0^=U@6R4`T_o-YqC&)Z&Hl&=WV1OZT(jD`{b
z5q{`E0J9Byd;r$jj7RE$V3i*Vef|E0v`Sy72izS^D+js(kaA;5A#h<Uz_$Q@)&Tx1
za4s46RtD_u1;Wodk9+n4k_3}Mf2i@jWpyn6Iz@~2bd|6OuPSi6goj09F_9Um_>&t^
z3!cGhii16IFwl}3_X)xq$}M4^I=B}FcV(bNsiH@2v`ld$VVctuu1MjQ@hJ$;v8Ax=
zC!_7LXJld~Zw{Lr!h9U*(Z2TQ9j|ur=}`r#MD|8$?XN(}Hs+qQhT@R2*_|Y*B}Z+;
zlsAq1YF#?~uh#q0M>aLWdn7icoUo3^mH+J{;p64yg)}z98KWk=`H`TeYL!fISyw>b
zj!0&0%as31Uw<rt$w!Jj<map6j2k-8q#}5R@>Y-;TAbt(<%;_FIM#7;XC4_{FRlr0
z5WZ9Aqr^p5ggQC*m=1-vT{l;vg#pTYkc@_2-NjrA7MoqZBx5QEH#0|fjz2734Xe4P
zW6zD*eJW;?Y<@c#4N^*JqE)J7F-*2NM;FJBC~JJWUMUB6r}bHLlqVz3>Tr2Nf<P1P
zj)K`cW|8xlLQCGs<e&^4vWBjv9|5Kh>ZA7sk`PFfx<r1XFyyKXtD~wV;wihC)q>#`
z%r<$Sd@8^jZGD@a;~Z+yR@!Wol*wRu$L9!Uf7{Z--0$7f)*jxmPeS+!_v|(%+%>$c
zd6G5U%9dUPWq2T~ati}(J>$t&^uy;fIdqj%SvG~HblRT2K?o0!M&S3C6ARAgnoIyN
M<rNto<dix70ugZQqyPW_

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/grid.png b/scripts/system/create/entityProperties/html/tabs/grid.png
new file mode 100644
index 0000000000000000000000000000000000000000..d9b8afb1aebad96f17e305fb984aa7370133d4d6
GIT binary patch
literal 711
zcmXZaZAcSw9KiA4J#0HSZ#xO5PLRJ(!!on!GE=P6mQF!EmzbjETv1k1nl6_K-W2jA
zGsp;$C?`Y`sLY@eEUeB~D$P=m)Ra{#%NJ=#>XwGki|@P7%Wo@}n@P(xasZ&Sj0O_`
z1nopg0bsE%bsYfws*J@o0E%5ZVbFDdN08^za?${t?G4`i4gf%>jiwxc`X~Ut8DL`@
zfL{Wz?g#i`21xD%2)ul!Y%~J^Pt7u<71%yneB0Ych**pToz4{mBr_2U6zVDghSfg@
z#Q!QDp~aW%xS!a@&Z)#V+>jQj`N7BF)b2Y9xFBh<X&Eo(Jiv^l$5vsMD72*%+u2G=
zEaPWFg<E!8Aaf9O*@Gm7O4ZARMTH(<)6|tAl6gnE7dXWLu@ZnjDa3Mi*l)gy0SeVB
zD(y*{3xbqs#4UNqBeUeAs}gr3yH_SQu;U6k{XELW-L<`+3rGCP9p9gRa!D%IIjToU
zT3U!s`CFqRrWT{P!y)?b9(*O{41wX)d{Z5_Op7u0b-bWdAq-$EhoZ}58s|5MZ`x%}
zZV5F2Mm}Zzg;_`cCP6<LW0#dyhjwbZo?BaWp^nT|+NhG<RlWa!#S@4(s~e>536~jy
z!<FJqzB5?kX<~hh<`wFeu6@nuwWG|xP02R8U|C`eV?oEuQ}m@Waj3%5VV_a7#;L@g
zlT$CSm4@2ifKw$I3HD8CFmIZyiQI~*5W}12xrg#F1x_*%u6ribC#U6!kptVA*}Com
zt6ErK*PMhiL9g-|<XZ0RFd^RVe(eoHd{KA#s6=eEC#eM$`!>XrqKx*c^}FNQ*u)#2
zFDHza6nj#Tke9X*2RN1LyUrIWbJ_y-wD&)wghx&x&)^|QCZg}6o`;@m)%5=hDlTCx
gOwQpv^bAP=lLC4CPd!J^W&;3Z9m_TJr<<Gp0d|7-X#fBK

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/image.png b/scripts/system/create/entityProperties/html/tabs/image.png
new file mode 100644
index 0000000000000000000000000000000000000000..ebd03648f6e831fbcff2dd29a028deee3921cbe3
GIT binary patch
literal 707
zcmWm4eN2pT00;2z^Kws5ovR0P64uWtLeY8IRI1<cbS{(=YqMGM&|>DbosK2XIqbPH
zBJ8}(GB1mbgg?w5n)PFiN%Q`)QO}yi$S#|mxjE~P&wrngw|ucJDJ=<rt<<Ad07xAs
zO8|Q73!?xMw|iFC0oKvOIGjB{Jj7a8nG0w?+VFQpGXS#QQ&9%&$prKu@Fx!FUjbh(
z@U0ri4+CSjoml(G4e)uTs%w@1gBFX&i-jDH!s+Zug{VBsflTb=H_Vx>HJ=0Fge7x$
zXM(a%(zcR+R#qHpsy(1J?cNKH$wz_(^s$2!+1Pg)OTVsjA=}|Bx1-<Ho1#1wb`()K
zk>lr>)Y5fzww*H*z^UaE^flKcmc+6one5CSu$YCkK{W0pPLpI(5$v*GuSzy@0#Up2
ztIz7t;pi8<)7QDpc);CC6f0fXUECl+REp9)h?J2*b#xod<uqnDCd(zWDf({H5ymk-
z;v$VB*rts`PkO5NN6xgQcJey3hvu|K@`-1&0`JBeH+27GCC-}`@4WisuYyC}8flc6
zW#AAeD)&?7>;44gC#O|ryk&f(p6pWVGP5pq3pJIkc_jlykV)8b-}|tPHl!JrTL(7f
zE5(9Vm(gzNIhn!x`j?XKgHIBJ*^r6UI%N^5lG#)}oW7jB79ul9C1+NV2NHYX85*Q9
z!RXY()(sp*KuqT%Bgq4f4XOPHLo_zVXcOA=?SH(aG1>O!95@Es$IWV5a_7@Pbkv1q
zr$yGGM<-G^>B~EXA<MV|<tK0YdW^?cr;Il`ASzjB{y{6>nD^YZVYm3AnP&yMKToN>
zcxp?_o<5><NHS^qkxAW?Dx5SsYV(D2yU1OKu*$s6MHcALF8i*eD0FUHGshcW>=09d
W*Xq6BN9Mc-fYOq3_2$Cr{r>@Br}mQo

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/light.png b/scripts/system/create/entityProperties/html/tabs/light.png
new file mode 100644
index 0000000000000000000000000000000000000000..bed097d54efa5c90948c3b60e9502ccc0b94839f
GIT binary patch
literal 811
zcmV+`1JwM9P)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00009a7bBm000XU
z000XU0RWnu7ytkO1ZP1_K>z@;j(q!3lK=n!AY({UO#lFTB>(_`g8%^e{{R4h=>PzA
zFaQARU;qF*m;eA5Z<1fdMgRZ;p-DtRRCwBA{Qv(y0|}rXh$VqI8i@ZAqX8g*SV%CO
z5r}PpSRRPkfcQHxng9ZbiGeim7m68))c_Dc=oa_^aTy-<FM;?u5dXm;pA5uN$N~TX
z!~lu|B;4>H0ww@43z{4Va{@6h7I6?Rg6ds}EDjJr=!)2Zcs5jFEt;G*5PJc!HxL^D
zF%yzp98}MCAQnW{2M|EmTmo|Wd?3z&^38yF=YLFa1c)7>Y9fGmJrE0_n+Fg;j0BQt
zJP^+T;-5gg9Ei^Y@joEe2I2@H76Ia7AnwCu06+jS;0R9;wnK8M3Kn^3Al?X76N1Ye
zfB?c}I5QBR1mdSaERM$!ph&+6#E)=AK0pBB(r5s6Ss9dX3B-y>@{&O83T1~u)dpfS
z3m|}4pkb(il+GKWVGII?q4a!cuD1u`Pe8m0h&6#&6o?N%)ffWtdT2gUg^Jw+2q2Ix
zSCLZ28zANZ;zTIl2<nn(DE}}JZ-uh+ff$rX_@VqBsM_mD=G_4ZAdsspfmj%7;}<A?
z1?4LN@i`z~3dH<CJQXTl55yCpY!xUC(_;n10#NoxfB?c32O>cH8HhKbiJt=EXF$w~
zBsLN1T4QWx0R#}fWZDANn1LjA1e#*lp?q(sn)T4&!Y~IQfbdzs4a9q(2E-s)@EFQ=
z0^)B#d=rReahU@UK=>?RfJPuFonM2x`Vf*2wgK^59GMV~0Ro7S1t2^Vi2nldc_97`
z_0a_&{tiu5c=ZDW5DSsD-alwXa~z04g%>B3&jiK)aA^hzAYv?F2jVwCY==}$f@-v*
zP>b*afB+)Kf?q%^0mPeu_y>|cBWUT0w>Sm}AYv?-4Q)wSLNgl!w8{keU@{>K00M}Z
pNQPlhv2hw&w0Pr6_vjcPzyNIGDB#oJJ_rB+002ovPDHLkV1jqEENlP(

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/material.png b/scripts/system/create/entityProperties/html/tabs/material.png
new file mode 100644
index 0000000000000000000000000000000000000000..458c6bad48768ceb48a9104384e0668aa62a7b7d
GIT binary patch
literal 445
zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4mJh`h6m-gKNuJoI14-?iy0WWg+Z8+Vb&aw
z3YK(7Uq=RpjeRx011B>uFeoH@1o<*BRH-sBG&D0X{QS?r(D0Ihq11qZ;Z*_ygVhWM
z2J!q!@kiYl7#NK`T^vIyZYBNs|KFZjm(hV?qr=Oe4sZC6_^@1Qj`=*Bqgb->hk`&m
z1B-z2754j$GnzSi*E`H=_`%Lt8suQZ-_gp*#PO^--X-b-YezrRM|-AMM;7*_F>olT
zsjN2^cv+ex!xYXe;NZh!!p6YpQq0Z3)bUJ=fkoh~E(3?ctY`)Shb2)5c#hO}1bi1i
z#=xN<rgCt;%aZ(nThEvu<+EJ*ctC=I@kmojGLyi3<pqI49sLZ3)`G4A;vI|v4muu^
zZ}kN3D;;7#m0@?B)vk%7fx)Sd*-Xh~qf@u&B1Q*>i#DQ+$aa}*XHaO!$YXS1P>go)
z;rr{niWOvhh@*$2v5>Od*Gn#H=@m<v1sn{x%@_;i1zlNB9GCCd@<5`4fkVM9$~>BZ
biH9LQM#qjZ?@tZ`0|SGntDnm{r-UW|yn%$Q

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/model.png b/scripts/system/create/entityProperties/html/tabs/model.png
new file mode 100644
index 0000000000000000000000000000000000000000..79aa6b3830a79de2addaa77f6cc1b8fa529576ae
GIT binary patch
literal 902
zcmW-ge^8Tk9LGP;^X&J}X9!N#lE<3`>CzF8pfck-oP%k~67BRt!(lR&BkowbfasYL
zJRDd4BGPHPVb<aZU0il`1W8{myu(E6z&fO{Qd6%xpUb;Ojn=I{UjM!BeXoDs?XFEF
zYK1`o0BUEceKP<oNFkE|K=k06H~`4&O1IYoDCeahAaEvSh^lQHZ2*yXoBnz61OPBq
zrJFYbG&}{s9R`?90&w>MUbg@|s03Jj5<vgj@mEG10A#{xw{7wL?2adsMb!K;5iaz{
z^>lLX$P)=FmW7%m{HjZ*#56LiZe1y2n#H&mO{sAfcQUiXaI`6deoGuXcS}Xe7>V(D
z*i{l<dj3&3($>>HazVmykG6lK!INCvO7}-y{c^qtBC=)mK=Seu`aUJpG7}<qZH_}4
zjAnqlnVDAN1OIQ;TyCHQJu|4qSJBv!@7|w6Mg`V~bZ1-oBn&sc!UIAzGp)ik+f=(p
z7HNk2gTk&hvxY{$+d384iU#KM*`%<anU>&%=!`a%kWWvN5fgn8Vg;@SEuAD|-rW>I
z%5G=e3-!h2xXka%XS<VY|HKYvCxL$ny0yV&L+baW{)eM`ND=*&_#)@i(+{cKtSzce
z{|nqUx$^@veVWQ$-g#Y&AE1HsKu<JfHqib<qQwVvf%YykvYI|e#2QhB1n)qJ1$<d?
z`Hkn8E+Te%ocWutVGx8~uG0lroAanH(0HugVhSvLI&3v{YHv15e?lA-YrD;!m4?cz
z-qBO<WG-p#b)*>%J~<i#qNUcaV?WzT3P#UyYOha%KlZOQ@^AX%zz*(#$g}icq+kmF
z+H~xiNXB@TXm28oJ-_DdeQ_D?@W(A|-rV7jF2CX0fTAnXhwRJqfs}pCir3xLFyBku
zdgd+}t40Z<VInX-I;7aTRE5{0L>jN9gj~-cM{zLRW%@MOxBlC5d$6i3eAeP!#erMY
zHg5@h`8b_@m0ffpry^QN-y<U$dVeUpoP*&z-E6p{d97)#K$B2DBQ0>}DH-n4EQsu(
zOzCeYSmrLC>9~%jR9KFB)p+to28igvx<6VczUcA&D5HdW&uq(9HG-LbMDRnD;I;1S
z30|pc-JnJgiM9_&kyXm)1xFrdf9R%On$Z)2!{c&`fw1SyegeV{&kuJB4gadIRdmJ2
aKxTm&?d?hP;?GmZ0_VC-_P*lEL;nGCU{_rL

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/particles.png b/scripts/system/create/entityProperties/html/tabs/particles.png
new file mode 100644
index 0000000000000000000000000000000000000000..6a0d47cacb7665e2553a63ceed9291712163d1fa
GIT binary patch
literal 770
zcmWlVe@u*F9KgTtbN9Yocir{0imt>X)gr?ozsvKUt1dZ|V~23gkJN0(S`$vaFNf!_
zX0gOj$3K3J`o|iUUoUHBbN+~!4cC@oMvUH)&hE2){`>s(39MXRY}BXf0l-*dx0M4x
zN>rTy03Y_`s{jzY%f7Y-z>pY~gLCJjg|<?3hyWdpzQ1Ls0Dx?<mpcIVWdTTs0EQv}
z(r19$8314001H|G#(JAJJt+b}btN{@S@+g65{X1I1VP9r+l6o|y%*2YWHnc_`GHBX
z(vfjzkOUs&SxB0-;R|$xW2N%E<MKQLO23)}THKA+kS?Q=Wf!g|RLLp$?uS)?>9Ua9
zq7DC}KA2K3*$uQSp7WGd=m9Y<C1y}o({rXtb=mkRSnL&J*!<wmoxM8tee|eQLZ6>-
zq*IVtCG{mS^UKUW*`*7-KuR?o7pvsT>Zb<hu4MLA?lrSQ_b?#Fr`j4qi=G;ktJIgu
z-iuF0(ZDP+s#D@6HQ#B>Y4LKq({QW*Si=#s7E`i*w&aSfo|K4d#0?0Qwsp}z1q++J
zmDZlMefp&mSo;~*F&BHSzlJS4+PlRbv&ORcv{B!f-uY;PpF_H{kA>R&>3A+RZqh54
zLfzXBUCRZ}<eapvRnso|9{{GEnRUU0TZgkv`bWtjH$N~WxhAyoz$yMozYk_q72x|c
z@l%Y)K-Tzw-iLu&pP468%a87FLioFDX7eJvUL1-@>evE9^jPa)Xhu%GiT3qd@O6AS
zo=7aOcl^0^Cm(JjrX$%~iYkUVq?;;dop-dQIE&tBI<yxl@O=rSz@$_L&n9m4X|#Bb
z!4+(lp6#7aUU6YcZu3`*SM5(`uSH{*M)9^4j;?4y5@ckVnq)Pt9M{sCyp0EdvmN8f
zJ6)bn)3FZ_3&^wE5feAx3Al{F*{<<}vYHfpemD*ga~kSlpp4Wny&*`D(Sw95{9?8`
k4%6PI$rFje(fB@47Kh!S{#f!+SB)S_N#SzaO{@Fhe+P05LI3~&

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/particles_acceleration.png b/scripts/system/create/entityProperties/html/tabs/particles_acceleration.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a52591bf7dd6ef5334040ade840b0b00ec33ac8
GIT binary patch
literal 914
zcmWm4e^8TU902g|`|jo4+!%XcquB!Xh+&vBnP3gf@w^0cgiHiHn|VpEo-O3U#pSG<
z+`CEKEB-itg&ughQ5l_g)yiacM995d=!xvSdAG`|n3o-$rSI9r63%t}@%is_u)(!n
zt2U_tKwImqZUlhE3sfus{N`Ji0)Rz(obC<)jeY?IeP<U2^9EPX0Yr}a=Qf=L0KCK5
zSP$@C5rA+2;J-A0Faz*T3BaE%02OBdjO{13k2?Sqs@iI<dEZa`d^(*jU|F^Z-=&k4
z#BUHg0;ya@E)cL%k>}CZl=m5QpG}tF8@oa|pu%iO_aP-O!EEG{^h=|B@i{&d5eup7
zgoquP8D2a1-P$js86WrNi%$kpMuVOKN}_K)(2Hh}b3J*M1J@oZB1SYvN3u~JZ7nV9
zd=BK-@Gl^3^tu6&!=!x}Zq5n`b#0zu`ZKbPmR1wLQJkXX9r&?Q;z^rIsvz@P@l%CY
zcd3g)B(&#SouoWAR-Ywqth&RmL;YaYp%qkQ4f<ITS%w}`5exFsawQ&FwE0ku5-6rH
z9`57XHetI)`d+YQisgb$FHQygYH28tsz8-&ayPk6-TFu&=>n;h=&7Zz0wNQatd#5+
z+?^-9q7hetycxT?DyrF@-vbG==%eK(oW=6X2giNk-r!`03h&e;LsuFpX}ICYeqy1e
z88U1X+sS@!rg$O5F*k?QVn?_)IJ)7?WuTbSv-;N33D}G8c0a1pwk|GqH3|t<Tq)RC
zQAf)rytj*;F2uXo<kf~cvSbtxDbWN&!GoUT%<79~(~Fa2SS$L#Yb_gi0c11&`+d_5
z(2o2{ZflbY23-%i$-KV&UhKhg52~TP1~k=u-j0gL20C@kIt76%g|iGgr{o=$9(N#-
zFOCb*0&$B%-hv-%B-xf1S4;Ovn*hAfT|Tj<Uv+B5WI7vma!~Nik1_N*sPM9!Yc;N?
z|Lyc-a|jqTXnCZSz6jUQ_Lx!{BNmV*nfS}(5Ml)gzWXK{uRGEF?D<*l&Ic40TDXh(
zTW9t)g?o-G`L)>2B!NNK9dCKuZ)cchPDMwIedsXp3s5!Hj2j$*=_g`ewUuwk#KN&6
zcj)pz=CZkyt+wK!N;-KuR%o_lAu@5*5Fc<d$tH5o=}7d0yd589lj}=30q8%rZKVZJ
YKr|Y-@Ykvz#sL6oYh2ZzSG5HH2foNgJOBUy

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/particles_alpha.png b/scripts/system/create/entityProperties/html/tabs/particles_alpha.png
new file mode 100644
index 0000000000000000000000000000000000000000..8df2981f1494ad6cad9cd3484d9587b2c61c9822
GIT binary patch
literal 891
zcmWmAZA=q)9KiA4-L=<eIAALXV*jQxngSL#l{kd_Tb_yutXASCxU~Z&#+hOzW5yM1
zxfV}x%wQ&!p}D>wm^~OE3%G=Ab2$tS7RlDBTQrbn&dFHj)wz|eX_vnEzWcoTp0PF7
zX_UE20MOK1tL*@glS)nlz{<N7F#u2;vmWRIP-UeeU}Q8UBpv1kGr;7a=fAxd006aF
z?F|4Y3jn+<z<LtE`xxMzQh-$_z{^2^?9L&_TrB`8)>oUGPW;>&OD2;p)T<Phy)h}%
z39WCTLp)8(k(Q?E9Vnp^3h+^-pulmO+m~|{faHkPfAzLJ^H!NJKO7}6_&iT2?tO0z
z!ewY8`<CWD-be}Ecu^rF#p}Zv+$mD5M{mf5KM9h{IK0q<SRFS5Vi~GT6BfL&GDby;
zM%2Aof2@&mGZ=icqMG}F+@{x>x|8GTMTs1}aCJE0bQ3y8X3v=$1VVC_dIco{&rJ{E
zgS1eIKdlZ)JwW(3ZFv!U@;L_~7NdmZnbGj!7$F)Br}WIYWnZ2=PDZ|Zt?##87(y+j
zS-FL1-~_+cg5zmi4}atiDZY*F$XX8_z8R+k$HW0(@O*z4h;7K_kJj*Xop}x;wQ*+C
z$kWe!LB$cp&L<m@_k76;75N8`2HJ0QAlK<=xi=<b-m6+K^2Lgn@~WOG<wsH={6`5>
zc<v|Lm!;bcn9nrsrykZ>)_(|jOlbP+%=Fs?$p!E=Nx^a(J}49TEe}Y+vUE;PURnyz
z<Z_S97j_p;Z3aTHpi6EL+YJ@Ek<kJE_yRvT->1E}>z*3q$fBJfCrg+PYFm1EYQ}o8
zIPm=!cv1Z<V~+tOOr;9nc)DTro4fcv2y1wEw$UNcTp3#;vzo4tRk4|LFO@=-AWG5S
z-kZdH*^f5IZGUvY7t7inziVO7Q@75w0O2=1@0%#GyAtW&J*dUA^tYY;(aDGGGG3E0
zI2I+;<%H-)iL{1(M`*RzvhLvHIvZ<_Ji`6#UzCJVH3!+D4W?$>AME~}cI)wED43D^
zEANbwku!KrDV%;YP>3NkT$9I7cMa{W*eZ>Df)~#gr!jbC53R_ldfk)Hje}VCd6O?K
zVb<@^HqXi^@nn1IvWt)hDfdgv?-osAlZ^dE2ks)Kv-VYBoDeE~9Jze&<0Sxq`kKb-
IYZhnU{~O0lBLDyZ

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/particles_color.png b/scripts/system/create/entityProperties/html/tabs/particles_color.png
new file mode 100644
index 0000000000000000000000000000000000000000..ac66a902cf8fdd78547a53568b0788862bbe22a7
GIT binary patch
literal 1753
zcmWlYeN@u-0>;0*h@haDTY$P`E47u57w?^E8CZJN@@>wXF7M%|lDN5&l}(%E53-1+
zrRJTI^9*N8J(~^8I%=9=_&QCjPB(kIfL`U6bKpx86!_iaAD{o8Kc4e>&T}axDVF5s
z;|2gA#m7ab0syF+;Bf!|Lvf@P06-ANWu5}S-Fp)hXlUF_U<FZ$Q2=yY5p8@@3jm<!
z#-%0#@NED9;&K3N2ms>O0Gwt5@CE`PLJk0>@G5WU9{}Kz<D;X}N}lJ~5d_(W!{Gwx
z^XM54SL7o*EU`{1y9%j4E>2HsR_ENcY9)_0?ctvT+14)`d+RA$rKg!T9S}e*V><+f
zM~`w0)wO(x&viL)tAPkmgV>+%NaQ5hUP(z9*_9gtSshE;wFrz*ot+&ly8v4txR}#|
z1P2p|6A8rgfD2GZSa#Q$QtnI7!AIOiFvv!n_B^X_0f(8@DVp26PQ<YEy$ioD|9R7I
zR<EvXyy(%NJ8#^-s;D?+gWq=+5GyP9gaACf+Jz&|@Rxa_J8)?t^T>!NtxOT&r74|B
z3tRcMeiuDT^{XVWBeD#;x(xTip8oS}IrTI<|I2TfOqNq%UGvwX#Q>cNZaIU<95Az+
zD_VBdA~C$RKV&nnZl6JgVlWGEdipzwPzBdV4Vz5QVAW!4H+BK(9t|8;b7)gHH(MM^
zN;!}IdS9Gjp+1>tR%WG`GCIDE@ZPHZ1cZjlbB?Ni`m?tE{%g+X&tK5W9On<akF%Hn
zOWs-6k6B`<jQ;x2KG;zyIX!YkH2+j-qgrTJ_=Lwg#f0AvVYfSktj<oi6}HOlWH}2D
zu;fwKZB1CrjJ@Qo)Tn=K+LzEeX=B<k(q$7|4Y0N!zORwgT=x1`nOM}cjHsKoG|_YU
zP^nO7&|lsgNIY~X7D3iY^_We2VNsO~oq{PUTNg_fpTx%3@f15Uv(8X6(w@<%J#wlO
zwvAX!!wf0MBpLh5mzh!WM1m@~Z&74ozoN}5ONo`dB&KkG-*wx;bmz`lB}X-t3-EN|
zR}LpqWegZ+NDnvbXc;yot~b#uJNwgPF^ML%nr-hnF={!UxJRoSmlBD78WEuu7g6_5
zgO|3Yfbr6wz0|IHn7h%uQ|D5L#?$Mn)RHfxsQmZbcdr~bo;u6HGXC4sNr*x(>Nsr#
zO@7YDxzNMi#|)2W^Q?DQIohXp)Z!>ye0e2(^rLarx+G!rT9^3(=?)yNI;rYMzsBO}
zEyezNmdI(jWL!l^H>=Jh&z)V@j#_4drVNN`0+aA=rDkF>70o~R!IixYHIi|6YS9!H
z!)J-mxF<)TzI~+wi_`aN1anB0df+=0T6W372-PkiVTrn1$AhzvK`y4d6$U(CJoM3&
zC4>H;{Ax+}2XdM`K(b4GgAz6svH?2;-D{M0(h-_R<FR6S$J?N`Xb9lxEh7puyV2Pd
z@`kb!2FXG(mvi}hFh$QxrRwTiRbKK-*NT{_LEfI*F}>lT7+>a2J&1g{;^6Ff#XNU!
zQ03TCNS3*ixe1J(!j3*;2}B6KM<4T%=~3Iy+Vo1Io|~=tc}y%zOw(MS9Muq4p`oWR
zk%HI-VoGZ}LOa0`xV+oEdFdi~Zup98ouF?b#a$Eb-L@RTOb|FXCWQ48ieOvm{WZn=
zHWN=8z^Nu)T%VaO4oo2o05UiD0DJ?1bIvRwl-Xk8mtqv;0d;%c=I@#c^5JHahGF82
zCbgFE$3dJlRzvJEZg8YeI6}U#trdlq4XvK~pLvDoYmS`jZ-1~{^<IpZFH_@mmW~Ry
z<{Nqt`u-iy&ZRQlr^K<I$id%plK%D>VYA~ZoMj$4Xe_ywSo;QktFQAVk8Po;LYc^3
zoo2w|L$xIs;;^l|n~W3OVQno!rK-Nb+|^{+g4(PCfTsthZ_UHqQEx36Ec=jWdtmi`
zb)9R!DzWKss_@DwF5mTYp?|*ByZY($!`ooRE6l7nOY(TF<=p@^xGH%~(k9QF6%(+F
z;G})dX02bMNEveHZ+vLInAq5mA#r)pYeHxqi5ue<gn{|RQyhi)rRX~m=d<SvtSmr4
zVaeX3N>~oFWcKel&2NW8&YKlh2Zwvu$#Pz}Q6juCVsG`Le(g%z#>?er9Cg$iwdF{4
zgCEw3A~{`(!WZ<6Yd`Yb$7ivDZWv!IeRBjEv@t-p$7WYqJ|nz1nh+GK?~MG*I<|ad
z$zNNT*MelJdytd=nS(peXnSwEDK6~C+Z^7|za7i9H5J#E5IDP^lYC^z>G$!cw(ybE
s6<y{x9$pa1jYXl0#g7nLJ^`SK;BL_050Fu7Yybd=k4cLD?ErM{|Lw#vt^fc4

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/particles_constraints.png b/scripts/system/create/entityProperties/html/tabs/particles_constraints.png
new file mode 100644
index 0000000000000000000000000000000000000000..9c783acc9b6580e5f940e993c7cf8e051f898f2b
GIT binary patch
literal 1049
zcmWlXZBP_-9DslO!rpPmdCQv|*D?JGNrqtX;1DH+T>=G>3lIpdLvS16N(zt+0?J*$
zYlR?Q3<(*7Y>=!W4o2oC8A)cX@r8-ZAxcK*8gnufuf&c(Y54Gbd%iu-@pR*El|rik
z098tIVkQ7+){#>HFkiXT1pw}4$$1q3O7C?r=<ZoJ$YM5)1+cZ$u4Hro0D3JsGYz0R
z7=W(_SY89*{{%R)1>jyGKx`L)Uuk>6<y`>8M=6PHR@JYZYi(`qE%d%Zn&Vw=bSZEL
zQBf~N$<aoNqN34Lr4-DRC?t1gl@j-91^{r;t#OfX8c>eagzA&RpUpB;=kDt1c--*=
zv#LJn1{j&?BE)9i1vg{Rkl&st+(ytBFq?)>#huaUDJ6OLSr;+K2s7p%+JXZvdTNaS
z_6^<wDPC}qbOg?YBO~r8U~1jOX2I?$#<NSIc)6M`CAkA=8XV`DG375f4|tLkh2j*_
zhskZftECtC8Tx7^$*IHI<n09>(q1Nvl78atc%F&@J)8eTcEy-pmWY>cpg;ZKyQUrV
z;<sKBS}taEr1W)fb)sOG_XFaYQ483-Zti*=?N>>P<Uvv9FziVAQ7di^bmj?F7=3|v
z0oE{R_Z83BNJ4#L5|?yS=)keYa@=V~8`&FYlu|0+r9yme>)4m1<i*Uwom9-`PM;;5
z{wNNYzG6z0(m%qCw>X~Q?G{ouDY!I-?ERFZ21Nr#w&aE+3)+XIIQ~+&x7Df-@xNH#
zAF_4eQV(;TJopMYYb?Xjgrf-MU|b~+36HUm$O5M0ZlvYEX&L7^aHtSEr;i35&#${z
zAWu8@4P*8g)*-&D)knCol#L!V{E<mdk=&8z_K>aD-tAk6U}|;ZDJE{c`scbQp53W!
zSjg;lacDlq@N-bTvNuwN_`*0Bp;|OqW+wPRL!>+Qj%5`Q={+Wlqz~)NB$sXJs|3^N
zEPJiN4)OF+emGy4@zaK$#Blj`-z4Te8*cjS4Yp#r0$p?upO{P7ry&f{?x2sMWrPi<
z=dAsscbG7h)CpKaiLi~XWJgwt2b7O^yUMh;j16iJ(B2;JO?ebduMkc%x~-U$p)Hsg
zgOPN#k@C&TvvAKd*PG7{z?DgoV>jt*&}kV*khHfc*C-VE)NInH2eeu@ufEy$$->SP
zYDIS#dO(x|E<e?j#a9K;uO=)zn4ZS(Wl{VLcD0jqe9SBm9WpsGcQe5Yp~z_cdr8=~
zp((Ziov!l<J0#3Jvwl|K?#NiWq4TfaSeMU$8FOeY_bGhq6gfn9-(t^m@rKKnFa~}b
z;ju6553M<|6H~f1U+v?UdxP(1pg0dnW5q}f9M0&Ecw2aJ9snRE$(T5pP+0drg#mdX

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/particles_emit.png b/scripts/system/create/entityProperties/html/tabs/particles_emit.png
new file mode 100644
index 0000000000000000000000000000000000000000..223baa5d5638d9fb8553625cb6bc89061bc7fd2a
GIT binary patch
literal 915
zcmW;FZ%h+s9KiA4T}%H`eM%{`1@x9#VPi1dDlvxXb4n3H=sI9lh|918N8BPpH8QR2
zIZEa+Q5l$wRFbuBFFH_bL1(it#O@TA$U-)kjgd{PH3mcM7-QB@=)zun-hGpAr`57c
zr7$P}Kvh;+TnPZWRWb<x%p83q1_1Iyr8N!!rDhcc?*7$6{61U30tC)Dm)`0H0Oq~Y
z$_jvEMgZahc%A?tvj9g50G`wVZ0!R`Z|ZsXRtbPeURKOjxBhOAB@&5)Oq)WuPhv@^
z3G5Bbevd>VV>U`8lFiJDQZV9?EPj~__HYF=N%q|vMw8KkH<y+%X*r{7g`deDJ+JY6
zDyN#6%XD}gUj!jRwrJl`W8g-b(+x#Z5}W#1mSYSpb>WfdcKV-vRZ@hRUtR69QnZ~8
zXJBV0|GD~sD`B;LPjrQ5pu|HYi}#C~i>ft+W4zgt#ZPcCCHjK9Ezj|-WB#A}N=h;%
z4l3{pQnDvL`EcJ_v|bc8F>NxTAK&E;0tPPhgPPAf)Zuu|<b3Sud`8c2W%g&M+JF-O
zeY36TL7d|6<A>77`KHOp#Uz2n@m^~&B}U$JKdo7Op(`pCmbg9rzja9vj%}DAK}n}y
zG_mOZDpF4%lwISh?<+ul$}X)ur66DrsargeX9l;EJ@ACI8qxYXMh#-5Ib&*)2<N?V
zr_VgtY3fzG<2QjJS8D2L;Y||LU!4(Y8y#F<#!JzHl$<XQcpmAqF?dhvbI~|#N=F$~
z^CmP50R~0s@JD#AEBo$qu2o@*?iJZp1nlhaABgwU0U4Tx`NPbLNNB@z3gHF`W|Vj9
zsAjS0={C`P1M{c+<!PX0Q?zyWV`=ylo=XzSJ^Dc%FXDo!wZRi72huwR9F)C~*_JFU
zPkJ74X|E;&CCDs;$fG)v=d)~)Ug~g@ST4Gb9h>i5J7(Saws-MPn$I7g3AERYQJ1Fh
zXsbf#!I@Iw18<q8y0Vsap$Ok=jVlMnRRd37{5A<F@i3%5Oqu+v$~9zTtGcx&%Q~!D
zR^)|Q^YBJ=d`J1cd?tU_bzlfiyMnbtJ9AI_Cqoq}hHs)CU47@8doB6C6`R#IP0wdG
zPF?^4bPYpaBO1fkH$0yS;)VrwVNBX6Zf}VlzuI$7YdEaareO%+svnQ~a`oMN|J4u7
izFzwauZrI`Qm789Z=L1Q+3zj@0F;?6#g})~wf_fs!dLD9

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/particles_size.png b/scripts/system/create/entityProperties/html/tabs/particles_size.png
new file mode 100644
index 0000000000000000000000000000000000000000..b51fe65cdf2d84db578d146b8e78002d4088f379
GIT binary patch
literal 757
zcmWm4e@K*f0LSsq^W1ai^LS_XRrAa<yywoVbe-Xmjnd|QPp$68{E>{dvM?@lQo*LN
zCGOJax#{+Zu*670B#t7OTeP%|34{Io$_xsQaTfiYyQEqh$raQSNzd?)*I)1VU{k}6
ztW0MnfUIz+t{K3pWugVZ{IR!m0MbXH-A4gy?lKNz<I9KeL9jjuOnw=CweutZ`9P?-
z9_U#ED4zi@4M6z^__!Q+ydS7M4dj0~(mJyp;17rEg70?Uis*)6?2>yW_N}Vt5tk`a
zEVsuk7EvahCM{s<bdyHi&Q(nu<S6|7;BA}Dc7$HAu{$(s*IF?tksnQyKC+QZ_gPY0
zF)_@k6W|!{?KMs2ki`M#T7g+rJ%jvU^5>HPA8F6=p<si=Jm6TY?RKvGlf?3s?&{=w
z7wF!M?}xL8f=1_bk+(=-R`6mQXRQb|D|*#P&4!BF*9ZJs!L=#l(PNI+%wfO(Vy)#M
z9k;N*;=e8x9%`s2t}jY?Q64s5NraYWsB^Qx0>NyFb<w>N`!AvQw}4Pz)4+mqzv*fQ
zD^&G2$k4fU76p+=+@|qquH)(RjMTA54hY0L@cAO2>Psv=m7H}YX^GJOsIva-8l~G+
zF{j%4?3?~ICq0`X%3a50kyR<vd0K$Z(23dnvWbllNbxj{Dedwn>XZ@uz1cO!wbGaJ
z;?G=awcH!}C0mW#G6|inzBKUQ-dvM&<(aQ()T}kumf`$Jx9pIA<I5q+3nPnO^1_|o
zqUsLvhkLNplx~r)uRH6_5>k!e`iri-)3J@q9Zjk4W5uTmB5selv!;wU7uu6KMIB`7
ze&SW$u2D`PZYwQ4XV(tLBk?~^xwIR>A;<QuJ;5zYE{eY|qm5R6*9$d3eI|A{(UW>J
zSreUKzntb>qg`(o9P*c(+~-;A0j~`*&)CAOMU)-Bx$#Q!EV9%3&7SZ?WdV5cX6zwd
h4b~te4e$9U5X;f>qW-HA$ITc3gts-+U98z3`yaC=1g!u7

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/particles_spin.png b/scripts/system/create/entityProperties/html/tabs/particles_spin.png
new file mode 100644
index 0000000000000000000000000000000000000000..32238ed8f33fe6a1fdbc6b654178712f1e3021f9
GIT binary patch
literal 772
zcmWlWaZFTo0LQ<-$9s>1JK%R(a2So}abV1618o9w<?o0q&h6NBF=n9?Plt|BcsYmC
zN$>7tJgAf)g|sbPuGuo}sx?P#&ipxbnQh6YwF38aBZ(O|*E|++?f&@u_xb0u&p@E@
z<(%vl*#L5U4fR0)jx-h-z}@cWlK`^18eZE6SeK_EIPp>15O;a}9w2@s{O>Cx0F)gK
zK|jz_3g|IlAqD6Ufc+J~Y%8!~3@GRv-gf0BK<M$+dzudX7FtZDQhQ}tJ|tU`d3+{P
zZ8iR`3=oKPIsKd@@|3-Txrfc=^3v+buj?vH;`tD%^@-_Bvz(o^@hqku@vd1%f0jZe
zO0URA^#hr-STd(CsIVw<EB!+<J6RaU$N%-~A*GF7ewTg!cw<?$%)i|{8LMQ7v)F@L
zIxU%Ru<$Ztbo)Ll?Ih-7riy%msRBRFY=c+xm4`4lUONH7AhWZd1Pay;>E1|nrcqq7
z(Dv*^4T$J`n33?TRrT#P$_oQKeOX_*86uV(rP+C_%h4>GwE^oCiI>rJk^2xVbM4Mo
zPZrSc*vOx~yTglh!Fz<aoYHz$80Q7e$zZ>?VWlz^E&XRs2x+eUOKg$&dRH|RDf*bv
zb!ZKJYlpqNudUHRy+7*bJtD)Ujw(4+sGggV%>I-Xn+X*EF!>h}+L_<$ha3!-!b1Yj
z)bBWcI<|$W#?|gHyK$6X6!=Z%&NH?}MF^I*N9||67_U(KCW>4)bNOf@d3Qa1)S9SS
zeZ!_h(8f;v`n0@6w8CMt$(?`SzR8u&z7R>0;j+NN%h6B2TxMK!ezrjPdwgf34xt=<
znw!=N@#5$9#DdpWely=Jg=%+iBFDyW4_s#;hdWM6^zHtM`DcRez+oa-wvG$sj$HPR
zeK5VRBYJB{J($7$>}<B*=4t_DcSKKLQ`PJ3#5-T8Oj-E))0;tA(v=ZO79BtRp?^>U
z;n7t~w_kjU<gz)@@BM`>zW+h9#9(jPGLi$qhBxc_pRB0br2&A?+gN|Dt~L5UWwj6P

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/physics.png b/scripts/system/create/entityProperties/html/tabs/physics.png
new file mode 100644
index 0000000000000000000000000000000000000000..f0fc451d37067de6e77a17d0da65f274bb85973e
GIT binary patch
literal 719
zcmWm4eN2pT902g|^VU7x<IaPwJE`ucyj6!QF(rA<J?T#B&V@?Rby&@q!%DN8o+~ep
zd6}zIw=}!(kC(Bs+5JH)doDIb!yn$pdH4gPc8qBu>yOWWpOf~ILX|Q>2>>dqg?9je
zZVDX(0Fgthe*-|Q+fs25fSEM~gU+t0LDrgzO#nS-Jrf(-008Z<IEn!d&j%1%0LCW)
zgwFu=Mu0C)fZPCpc3*3CcpU&<VC7Al8eh5oOir#L%$1cu5N0F$APe;y&|5;f9`r0g
z+cD`I=SfZ<B&14VB_`^jhxLyQ+c*DAz5+-H1eF!uz$r}QHiv5>de%nD6BgHLZitbF
z>OAWLxB#x2e$~GnGghrXnj4qTL1w01t&3W5lFio}ct*V^vXp%X@>nPiNH(8oxE$T<
z4G_hD=43ZdMzTmGh^mw{^j0a=lz%+(L0oDC8ZF3^*N^x~e2e{8q9c_?g1aI@N{76S
zTDHinYQm&4(bz`i$QVwSCFT+GGkeDqO5R?#RZGgZxEm_zEH|VWcA^t^y@O#Z`bRCJ
zkx+ilK^)+>wIrysB8u$uUkO(#Y5@7=2z|nPflE|NTJK6~cd`yhcBuI;=g|ynjZ9L|
zM5gB&yrKAEH)~hOVSDwxf_9)$fEw%8&7Ozt*Ro9Ncx$X}@F^wpXw(!>(x}S!HKxAD
z*s5FBUB!^TPf;byg$$O$^nMH0$r+jrz;Z7PaQ<4%&i0~UXd}Pm7>0|ng^xWp)4)Qp
zD+R;p4oZ=>Xj{|V3k=JJWM@X-cWOH1j4tm54&L{I|LTgint{@~$H!~41#sOj_4@JX
z!I_H#F_PX#0WQYcG>wc{>U*TYof*&ZIAFOAd>y{);*;`^+!>*WyNijpgJ1eCW#BZ5
wPpP`27WWbRSFo>53};`SleGJHwWkxqr@>EKE%OF{_yYjIT2R8@T<dK94+gXH761SM

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/shape.png b/scripts/system/create/entityProperties/html/tabs/shape.png
new file mode 100644
index 0000000000000000000000000000000000000000..5f3722caf7016fd1a6a890d7243d47a8bcf95b31
GIT binary patch
literal 815
zcmW-bZA?>F9Ebns-b-(3xpEAMyd@l8rcMe{G%+J$PhYGMgCgh{hG8u_*j8P;Norgd
zPl3r@mKa1u(hw~Mh9+jSegT$lUpz{TWs+cwA&BNiNv0-SCDXbwYwCyR+wYg>`Jr~_
zcEyly005=B%25XZxheEI0C?=LOaMT-x2o|Q0Ap4P1fhY{LTa_vSOFrZ0{`tk0|2C@
zs;&m$_y+*26W~n}fc**3UIy^Y1yIosu>7mu{WqNe!f>_2y64!8doh``h$V=E**ujC
z5}qspJ+b9n6MZ^-5i~ztM5;xIe@dD&_^mDz=!sMC)k^#~8eOXTA#S`p9HIjm+(WM#
z`7ho)z|<ra5^>miauI2-Y0SW1Qj?&d1A!cnu-SUFKpjEx&7@CoBeK=Vvshy7y6nGG
z$F2bMo=}uEM_oof{@&%;`WR_0a=-J7Tg$4+_z7xC=S^d&3SI4Ldt?drL%g2675O8U
z*nlqzZu9E)GLN!%Ax~{}ot9e|beQMgc0<p}k4X-4uOiKv%aRgb+7>DqToMdYPpZkJ
z7P5qbli=P#Udiqa<UZ2QPq{X3Ux=>Xl%O9zFUF%{WaV)^l5p&&RyrW^Iyx(I3rnoQ
zYlR5lBBV7|mDbDJdAbFuqsX@z7lHPW#=2gJ3~Zyob%%b>qD|iqd1ai`X?JKqr&{Re
z&1BBV&(W*td+SvXqOfA*QnGDRIXr#vC5>i>UM7NLShd*Cl*@R(tmTj+Y3}d(oebQz
z@_YHA;=J(fzlzQtMtp`wWpzY|NZ2pL4-7pq+%blajp_OH;71n_VXo%el2$NvPcTeO
z&_KR=SBN*X;b7fl1({1zoc(ilI@`q?B&~tYrfZ^vWAgOioT0m~FHCUvuQS<dB}<gx
zZ|$8s3U<v;2d`VN^dQ1=y$7+6%-=XY{)cV)|1G3X)GBFH=H%sx@Yluc6J<yy%-hH^
zH;O(Jwsd?J^G}gCMy0g);6H#Ir_#z|N=@%*xb(IC$AU7Qo;de4{0qpjP?1Mi+Yv+=
Xg7#qaX-1^51puIW+fK*NHdn_x!LS})

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/spatial.png b/scripts/system/create/entityProperties/html/tabs/spatial.png
new file mode 100644
index 0000000000000000000000000000000000000000..a280d0e822c9a49a90ae035cbf28d218b63b6671
GIT binary patch
literal 692
zcmWlPeN2pT0LQ=2bFba?=y$Rr#!uWRnJcx*M!%~ocOq#?G@NTwqpfa9M$;olciPNI
zwX|}>ADCM=)623$%DjxlytLS~2N_1)8Y`V;_s8d-&*$UH&DkhuqBH;mi`kS1V15v_
z62NHn`Y8Y*73Q6lfHph`ht{^>Aulm*F#_JRH8a~T0HDR@ye+^{Js_S0re^{18&G8c
zzFUEHEkI=X`MrZ#03T~H8S{^f*aEY&X&LXAD$`lG^DF$>G>4O_LruI0TXf#;1X9G=
zDJfce4&a@I+AiLIjQY5NW{Ve8EOh2~FL74O{5pD^ol$@rFx8FRV}XtnCJ=VDaH8Jy
z+X})QiJiQckOp`cliBDuyoml1E|T1o*=3Dkn)dOlyFl1fbg#ns4t71MRY;X=k#-=;
zJf}}H&@izRgbl}yLNe1|3MrWd!k=`%$PJbCse>ghCGXjeQqR8(D)-IRM2qN;Q1!AJ
zm-^wpvk#QR?$nM*Dt1oe^UocoM{b_<S#?`^$w2pn5f)e2|54>Eal3x--gq)DlWNV<
z<;II)LdgE*_Ju1y&ZFYcYFwKX%sMSU#_oo+wvJu-vOkNyRZ8V7Kr9~=yO>9=riZl5
zvsP{^qU}Oe>f?zGw7p)xk~PI}{z&SpU+xP(vjDuhXpyK%vd}*=sepQTsW(NsuZns(
zQ;|8BVPAG;`Q;evGP34TanHQO(hZ~83UH3+stDF52$i|#TwMGLl6LCpLCzmWyHwI0
z$AM%KHe>N6wyL?Hv}cli$`G6#oYz2V9jB+uY_H-Oy!6`p&9o^ap^ZC0;`*mfv<R&a
zT}p8B+sL;)O<z_P(bPDITM3q+YxwLM`g=GwvF5rGyi@nO%&mvofbB^oH*}j=HUL;M
Kb4;FeYu$gt+3hU=

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/tabs.css b/scripts/system/create/entityProperties/html/tabs/tabs.css
new file mode 100644
index 0000000000..135f53bb6b
--- /dev/null
+++ b/scripts/system/create/entityProperties/html/tabs/tabs.css
@@ -0,0 +1,53 @@
+/*
+//  tab.css.css
+//
+//  Created by Alezia Kurdis on 02/27/2020
+//  for "Project Athena"
+//
+//  Distributed under the Apache License, Version 2.0.
+//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
+*/
+
+div.tabsContainer{
+		float: left;
+		width:32px;
+		padding: 0px;
+	}
+	
+.tabsContainer button {
+		  //display: block;
+		  //color: black;
+		  padding: 4px;
+		  //width:100%;
+		  text-align: center;
+		  cursor: pointer;
+		  transition: 0.4s;
+		  font-size: 14px;
+		  background-color: #404040;
+		  border-color: #404040;
+		  border-width: 1px 0px 1px 1px;
+		  border-radius: 5px 0px 0px 5px;
+		  outline:none;
+		}
+
+
+.tabsContainer button:hover {
+		  background-color: #575757;
+		}
+
+
+.tabsContainer  button.active {
+		  background-color: #2E2E2E;
+		}	
+
+div.labelTabHeader{
+			font-size: 20px;
+			font-weight: 700;
+			height: 40px;
+			color:#ffffff;
+		}
+
+div.tab-section-header{
+			width:100%;
+			padding: 5px;
+		}		
\ No newline at end of file
diff --git a/scripts/system/create/entityProperties/html/tabs/text.png b/scripts/system/create/entityProperties/html/tabs/text.png
new file mode 100644
index 0000000000000000000000000000000000000000..405d8e4104e0613b8578dc7cc0a000857e4dcc8a
GIT binary patch
literal 567
zcmWm4ZAcSw0LSs)-R_+3+&G#{9i{)Cq}<d^=mF8Z8&kIzjw$xSkX$EOy$~x4N0|I)
zDyNy4`9dp5MZp&)Sw!ZWuudolQi;$Q6w{)5qXyx`a<LbmH($P8eqWi<U^M_RdOhw+
z0BLcF2>`w}7exUiUG`Kr0fIS>!TpEvgS#M?%fNJR%TC2T0Hn@SSq|Jd4A5J^b_}3D
zf$I+7R{$s&1X3IOYv)S==CRi;R|P*Se`B#?T@E8*TDnwEauXs!Vj=RY#DP}bczP&m
z6B`l9BD=|=<Pf^)j9J}cH<R|*qx$ioKCL}8!>KFuWG10$lFVr*XfSi2+*l~6wR9N_
z_iQLtU9WKdSZAGjl@TSo=j{2?N<3W_)a_6-uiv^x&b2F96VU>)+mZ4j@EnZR_J$uG
zJ8jaA`#WNHlRHAiey7-)pgribQyqo!x^AwSOhLIxKJk&7L)*TIG*2$8epxlxD3m#K
zubu{ZvAF&Bx4yLuX480N$Mo^QWV(USjp~KYvYe|e{}9Qp=>#X5b$1vEi(!^x^d%3*
z-6VijzgxhGM=g#>U^U*l`PjQ@5IU$<tqR(ZM_H8i^0tKyhC<oD#PZ~nUek{#VQJFU
z(@LSp`D=NmW5ce7{H`lIsg@ovoG|)Gvis(>gQg~jgt?X{hBJj9<m~WUCN}ctT85aX
zO9CgpZ>zt!&zh_irp#ufSZ|M%6zL>5mu6R3F#x~4d#k3i!36-`5}$j@6=?epQ&hkG

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/web.png b/scripts/system/create/entityProperties/html/tabs/web.png
new file mode 100644
index 0000000000000000000000000000000000000000..c1fc5736193f968574eb64a4827c14dfd181ad0c
GIT binary patch
literal 835
zcmWmBZA=?=9KiA4J@k6C^!lHr<-tz>Gh4<B*#^2Q0^@(kSWD6g3+RAENR1nt22ezB
zX~MOga$`(tUEG3Ac1#y*M%<`-F-d)xUc-W^*63o<4GR)<s9D%D){4s+UVPqt-+hlY
z?A>EB6d3@(<Z{;T1Au~cJO=>j{;CWB<n%aOdI5}<brg(+*9-Qb=oSGc-}bIGz6${O
z1?N6Dz>zHgQUD;U0Z2Ci`gQ;;cK|$f8X&(r)E=(`pg(ificJH*c>dG0YNmuDP+FQS
z02Ue11;(StOZdm!1NMb#UnZA8DINIJ8oXjw_ehxv^l44W8r^)AQNL7*QqCUvA*4|}
z4(hi1Mute3R_hv8U09H&x~kAi)T9Ho56#Ro7o9h9RR>TiL_xkszjAkwPYJ3=+du^Q
zqo-%@h{ycSSdRP~!y@BPjxIdMskeNYZD<e{nmX;DQwwq8EgW{yK(U6i)1(#Tern~3
zPJ0i%axl`LRp!mdnQf0G9L&NXP;4|!1vfqOLDRo1mWV9|Wpni8R-|!RLrFB5y;^R0
zzx8yg20J(&+age0xa(~6FY!u(N93ZDYf;SVITF^N`1_6I=3hZwB4M4HFQp2{@`=y}
zYEg1A!MW`>h?jo09#~`v{Y>8C{4t#xB4Kd5aGFt9$%LRzk=VwuWg^H&mrniDaC{~h
zFkxwbaCqd8<j9BmzQkbXawu@Pl0R|&L2})AZJOKZHKTjv?rl6|AyB&M2Zi5dc0aFl
zT;}`6D<0o^=IByR1^$AG<A($F{s$uQMiR4@Q^2AlhYZoLXt_#hxnF>$#XDagDmKl$
zyrIEcAnV3;2g=X|f2)Dk2uonRt;brld5px&^7p=PEwXvL_*nY6$kh2H{mw@D48774
z={_0!9k8@N`RHYxyHOkGqGG(ernjv4<}AHpj0{wxK)wHP=MLYi*}TQHp2xOJnE}Dn
z8`RxW#6`iX_iZ6w!^Z-|zp-K4o68z^jTvPm@QAm+t1e!H(7ATy#k}0>0gne#l@j=y
zpR^}myFWTyKAV%LuJ41B6BEjA$4)BpdZh`GkxO08z@kK(6(|lyJ67MDubVps0N~oa
KxAv2o4*&lh4>h9z

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/zone.png b/scripts/system/create/entityProperties/html/tabs/zone.png
new file mode 100644
index 0000000000000000000000000000000000000000..276ba2679991e820a961fabdcd89d804c48499ec
GIT binary patch
literal 552
zcmWm8Pe_wt0LSs)^S<xiz0P;;S&QYL!yba1S%S6&7MSmB=?2cGMPW#eDP*xo6SY5*
z@AR@dlqO+H*dl^XqBc4$nz3R~fw~Z}%aBIoNz21V(qf12?Q{6v_qH_Yb)`B0dbi8j
z2B0{fBmzhc)nxz_^t#&nfkIP0f|+M|AzX2I9KgcE;lHhu09co+%>&#y1gK*`HV3G`
zfPrdY%Lkl%3LLocxbtHpKxW-e$N5_u{!A{HJI(&-;`PCGeW)b7d)6M+RBAui<`dS2
zbR?KD(Gh-HPnDyxEUzk2F=W8bfGA-lE5A<F?7OR>oyuf=(W~ctUkxoIeVl?|U{4<}
zaLv6m4{}+7sl|>ZGO*JnZgH(_O)If+jT{j`;zFER605PmxS<1_wEx0;wRTeMOYskQ
z6<k)GXnesRn=&$0G4JvIOHLv2WduZ6RP~|ut3G0*{k%XEqgBfABhehirU%6Nr&~vr
zX4x+0p--gWld(V@o0X{&-qmrp?FlVmV}z4_jCFdOuWxHZ^+cdmw$j=+M4%?SVSc&7
z(hGrBOqX*d*73@+YvcqQgv4fk=BG3hW?Hxs3tVPvg2c*uwlm8y?i@QMQ6-#66aNu*
zPaC%eGsh!~)lJFm(n`Z;=gpqqQ)<TeE&bMO%YqA$jX)N0OK@E?<L(F#cSnm3n>?Qm
iTC`7++~!5^LKBFHM&r`#yRZF20N_5;;+$*njs6E|&akNf

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/zone_ambient_light.png b/scripts/system/create/entityProperties/html/tabs/zone_ambient_light.png
new file mode 100644
index 0000000000000000000000000000000000000000..ff01b16aaf0baa4fc791c8d79b741088f5e22a37
GIT binary patch
literal 1549
zcmV+o2J-odP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00009a7bBm000XU
z000XU0RWnu7ytkO1ZP1_K>z@;j(q!3lK=n!AY({UO#lFTB>(_`g8%^e{{R4h=>PzA
zFaQARU;qF*m;eA5Z<1fdMgRZ>gGod|RCwBA`2YX^Lm>VN#6N-94Tu?_^iMRr1u6%^
zGqA`fLglo9_!AI+1DOpFKr9Rl4AMZn28a&;@pT3W0MYpjsNgXYdj$|*K$AZXrJn<F
zF%TO8aRNX9fo%K@#0f~QqZW1o`2-+<7(u}Sb@5{cEI`-F)q<IYH5kaWXJlkl`1|J%
z<KI8OKeMuP?2=K{S-E9y*M0`<Kop4e0RjkQ0ajT<dvAq*|NgbIu(F1-u(Go<F*7p&
zEnxWe`6I*EkM9^hy?X_6<v)2%!!2$BkyWkPp;xh)0}w!1eV}1tXT;4Xu#%mVM}?Dz
zkAah$mqA8Fi$PgNjN#Ll?+h>Aeq?xd?>fWdTbCJre*enA%`f=8xU4cJ+S6(ux(@&X
z2o%X%pb<J9B+AOhCaa)nwC2z6--<%wf(#N0Y7CxsrVMVDx(tGR+zgCBHB3xQ3{zL`
zW?1?DHN%f@Ul@QvCOLQBf|VKyl8(ljidUc(m;>=LfB*tnz=-T6BS*ik?_WMEf((&S
z(Pk)3^k>jgl4kh(?;pe8zyE-SGcx@C^_$_tmv3P8K*Je0dH5MvSlL7tZ#_CuNm|Su
z=#W29a~S~whzUsi17dJQn7IX;>e+aP@(2hqsOVcVlqUy(4gdc07sKyAf8mxqdHIgv
z+mBxiT)ct|ub)0(`10W`12DoFK7Ib;bneCjcc@!IX8r>RAdm%YppXHHNGoea+_`vy
znNLWJ;osjs3@?FU{S)X~W}t6?5e`m%|A6=pkS!{}%fQCL2{h(E!;{-r7}(j_86?Go
z8Lr%U5(>3|8Hl+70tgld_rM}7tPa0_{a}z)(*=8d{`!3k=Wje@5EkHJ0D7H4O<sb5
zjg^Ign}eM}PEr_X_CKJ-e;MAsc+7C~{Beem&@hJQZ$6knEqDRMn*ag`WPvX%{53VT
z<p2Es#lXYM$H2?Q!NAPS#BlM(J%&F(%R)VDfkE{fXyAVa7NEGCgfPReAKw|ifB6K~
z`{4RHpoO6fU%&s9gc^4eh=TwEhy^)<6{STP1$eC(K7aeczywV5AlE+p`5l<DI2Z(Y
zxfniw1scf03=S@^MXYQL?_WJ*VCUpw;1?EWc>nn;I1wNNfB*tnFawB}1Mxu~E{-QU
z$}&PffBykXg5m&V83!9HIFet#{|wA*3}C~*{`kotAS%gV>>R*g>g2}&)CZ0uPIk7}
zP_y-bI29m(Ko+C}@imYIg1p>^K@waXY~Wn0Dks69A}bC~Js{10{z6>-=kH&zrQzO=
z49tGcVBh`%I_mwWub{kg4r+lC5a$2{5GWP>f?{BhFs}l+6r>oGdO#S&1|`j3zyE@1
zkl`RpKmcS3$Z$}~0v98|q$@8evL0#yC>TBg1P~K)Mtkz={gIdNK5he90&(d-aL~Z=
z0LXA;OF%TNEc*fqN_N)MvJ%3Zk&7aL0AhmX0dQmk%aVUTe*P|g{PNu^kf9(0U>Fv$
zAdA4h{PPFwa**-Bl*91$<CiZ6>hgKO)b#@?A8-H!5U8+A1Tsz_RW=OMR_$>D8ng_k
zSey%(=0S#nf&%Psu!a91!3e}}fDsQg{IjEpW}>61)><Uj%K@<iKmg$^t~(cO(SP;s
zQ#U^krz<}X7XvFWd4kl!T>lYNs=j#-QhLnW*04Ot$@B;|a{vMeWPuhm*S$lRET6c7
z>FUL^-oUgT090oR6p{qya8QNw>i4go=Y+(iH#vLwY^+HM_=&}AULckM2p|S%1szAD
zD)SXU0D&Tx2Z*hpJ^*F!*U-ws9L+_qq4KayB!?z{35Xv-U2Y3ClMf((7@*CT4?z48
zh+UwzyFmHKcpZ}KCS#F@g@P8y<xsIl009O7Tlt0oc`M=j00000NkvXXu0mjfkqoKJ

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/zone_avatar_priority.png b/scripts/system/create/entityProperties/html/tabs/zone_avatar_priority.png
new file mode 100644
index 0000000000000000000000000000000000000000..e91111fb9bde8d1a564e22b8e4bef51b00914051
GIT binary patch
literal 784
zcmV+r1MmEaP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00009a7bBm000XU
z000XU0RWnu7ytkO1ZP1_K>z@;j(q!3lK=n!AY({UO#lFTB>(_`g8%^e{{R4h=>PzA
zFaQARU;qF*m;eA5Z<1fdMgRZ;hDk(0RCwBA`2YX^Lm>VN#6N-94Tu?_^iMRr1u6%^
zGqA`fLglo9_!AI+1DOpFKr9Rl4AMZn28a&;@pT3W0MYpjsNgXYdj$|*K$AZXrJn<F
zF%TO8aRNX9fo%K@#0f~QqZW1o`2-+<V8J0vga#cTJ_*DZf!Ll1^`b!R0uVsNx`r8u
zkNigfP`n8eqZc56n1JEr2E?)q_yHpjvmx<WftZ<q9#J560SF+FEx&*`lL*(C1MxW^
zz7E7bM5qU;`2-L^EKt`W0}CKF1L8ku;y;0SF%W}%Ee^z4X!0PlE(7s?BwsTE1Q1B@
z9}xdXQaA^QwHe3*cYs(G$_APF4<LY8pkd33q^J^zU4i&Fln<iyfY=kwu){!n3`s8=
zln(=-IN}BfAW&Fs24Zgl;R#B{pOI40A0W0OBF@$U1Q4;wRE`V_z!)Han1~EpIUwdj
z^S(SW8UX?bWWfv|wkM!Y9jf*}G*Q6B@BvV~O$G=ckfwAX)+eA?14>T@;#xE@TtEqk
za{vMeWWg^e#s}1(^d=x)i6q8~M-M0;eF6v|CM+2Z9dJNh3ksUMK>QSl-$2v5Frgv_
zAb^;lu3*8VNDAuRC(yF~2N2%?VjgHX;{u?BzyT0IAPbU!crSs-0y*F|w76h^vO&NA
zkG}IjoB|L)AdT}0c+(h4-#`+(2BmfI=z9djivR)$<O3}r7Q&<OCJ;Xa;*CgRTcMU*
z$D@xIh&2HMhyhwb$I+<Dd<76dEYQfZ0^)Z-d=iLXLn{k&G#9;w%ERJC4o&_NG+00`
zw}qO?2M|CE(CY645Pt;Kp-|ghpnPP!4#{<svB<+hK?~$^sMsTb00RIpUj%E|tjGBP
O0000<MNUMnLSTYl-XC-T

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/zone_bloom.png b/scripts/system/create/entityProperties/html/tabs/zone_bloom.png
new file mode 100644
index 0000000000000000000000000000000000000000..925654df8177c1a09b011520165ccc92c5a3a3af
GIT binary patch
literal 767
zcmW;CYe-X3902hDIrnb6?xEL4Zkn~z!z^3raz#n$na-LYW>X}rAZ3}EMI~lWt9y&+
ziWMs}v@DhEL4>xRBcd{{WQ1UE2?AXuWD!{s)6^UG;rH!V<;h-Y(8g#1z>wu~<^q6u
z0;dLm-rdVX01&prwWb_EXPkiGT*Jg*H#yu60RPF#zd1DkKsLB?-2nUI0E8m|!wP`#
z6`&#sV4x5nr4GQf{d7Uc3IJS@<#goj`QQyHijqObwQ`!+W00bohE~}hsuDC$lW%s$
zr+>L4hK&3nrry9)t6r~vMIWlA2pFtTbMSIlf34RxX}^jupfzdXmm8Tf8$Sh=VG82b
zQG*=jYP}S-3lFnIFgw~&#oz|@0L~%rG#n{?u*4{}HCHn%Z|sipMHE%-oSe+x4*Fgr
zuiI`30LynCo=?ALw5Tr7O0yIvdA5Yh-vDz(Xl7X7i1E7rICqznM<dJ?wWpEsRV}Im
zw9+Ki2>GJ0)>p6muTw7W$kc2X1FSSG2Bx}y%-|a{s}r{gfIEhY$)DM_jvFXgK&@3P
zPb}rz7>;;SpG-bD<{Dz`dpDBRIQWs?;N->B%E*t!fM(5f3Vr2Y1{D6MN;)srncV9+
z>1xIcn>i$G3#ZVoU9jI8m4wQo_{U=DBfT8sSsF(kjaZCiU6V$xL0Ccwr;a^~Ur3il
zN{z^${3f_u@iRp_OfeuC=9eaO&V)IwJ<Z?mDFJj#l}bk=i6C{AD9!cyGh?4zopr|n
z$!r&6b(Y>d_Rb=oT^9>T#$C1XzF8?kk9NSTzQ+7;yq$ZxcjPy1z&s_o{!3YA?6>g>
zy+zGZebd)iHq~qMsobNHd?MzE=ksP1ohXE+*3OGv@9AeaGP~qwD9K}~!-Eb1@ZM@o
zOh2(Su)+7;Z@ee3^exJp#tsSj;qLKC_I$eF{?T*KH9XaK7whJX9b~<xl9*lMuTz65
oE%wyt>dM%>Y@Jl#=$M9BGo%-rQeJlE76JfdWoA2D(+dy(12--Zw*UYD

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/zone_haze.png b/scripts/system/create/entityProperties/html/tabs/zone_haze.png
new file mode 100644
index 0000000000000000000000000000000000000000..0cf96692f834c6830fce76295e73b676ec5f03e4
GIT binary patch
literal 594
zcmWm4T}V@500!XqoU^n4xnts-v-G?02h5>nkr?VXb*Z4{%t9|rYe5E5imapr&t~O{
zis>*^1W$?Nl|LX6WEaYWLuSk_GP*KJNRw(2v8A-w#dG)Eudk~#Xf0X*hU%({1_0(5
zwGzPQ&EhZsO=neeH=s+1VK6ox8;UEoS{pF`xOd;-2SA)v4Yk0n3_$D$B2hrx0bF^&
zZW~ZE0wi4@YF#-EFmiQ;t+D6RrEoMFEhqo9fl~KJgEv|FedhQgpRHOhn3J>0win#t
z1fh=`H3&3Euh+k)i%PE%A(v8(^@x6YGyl+SUTCHM(zvM!t}9<iVY*lfcgKMtpsAXf
zG~Hk$3L=_qON=YzRPM44@<F90K3?{8G#)!hddLV=Dx`lHRiYL9AR;XZ^N)f%G{=^q
zyMTG4kjtrw&uAV@e>rVdk?v%MRbO5zCHL%#lZjT0MvO#klHymjiC?Ck@o$NWQwXxh
zN_&mja=BecLvtD;2K`sn!}?av35B2=Q{)a8q;M4OoDn9l>JF1(YmnP&6u~z8;sP6z
z>8E3z%^>d>H8Hi%?A!avUoJ2KR$V;lI2C7RST8@OYHIh@*diiFM5@eULK;g`XR7yX
zET!#9L!VRgloak>iC=U55J&tEO0e==PmxcLel4_|8=VE~<t^XO*Qbpuwl;!qmJhGl
zXP^F>t4SZo?9+JDY%SMxC;Ubtnx(ZTMtTtMZINEQq7k|0$k4Y;=itCyk4fIHpRWX?
XMA6=zi^c`{H2_rG>ndi-+C2XOVAjQD

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/zone_key_light.png b/scripts/system/create/entityProperties/html/tabs/zone_key_light.png
new file mode 100644
index 0000000000000000000000000000000000000000..6527c65320bf61d9df5b514c6abeb961a28d40f1
GIT binary patch
literal 947
zcmWmBZA=?=9KiA4^-8ZjTKY#G3M-=rOolKj55)|(mH*N5G`De*E~!uDVJ_lAVha+G
zEzm0p$Cjak%rQ1ux3~mR#$a^|8&QyJgt#awYITbt2#a>XNMy6sh8kXc-hJPFd$>bo
zDta3Y0IG^|a}@w2Y>~?VV5wza000#B@)w!_B4f4?FnDpRkiNzqWC6x|PyF|MKL9XC
z%Bv0nv^@#n>;wpg0i1sTH0J>LYXF`d0MNYASM4nYAfKu*vzFFh>H^_#*u-qoViE6C
z35o8FO2bq{CiO-B^|_tJs~$cOgF49bDuj0_mCEn%luS^=db3Op-v*V#OSw-Rk3iM9
zzbNYJCDM_Lw1h)~fo}+@L`C_v+3vrct$AmTeSnRGoJn_Q|B9#15iuDOM>e{V*7G`y
zD+X^jFwe|h3Fje-kRqdI&NQ2=t7ynXI@9tV$@<gG&FQ027-mu}@!c*f)2<e2u3dq?
z>6)121DWWbrG+e7)B_<xGn;PVqWz5nsin+Nr1&FeoJ-k{?@9`4R46j#BaO5!JL4V|
zO93H0NtS+SKSeCxz)6v!JNB_o=;sG0p#|1U7$YT?@jg;8IRo1*WBKS3EVpIoUe%{z
z$i?5=Wqr5U+D)au@jYvb;c6}E4oyqNRUC>J?(kOSJf$Nf0x^=K$qwP#Kb78&@NblR
zser6A8S+DXK#hS<xWN0gW#+YDWx{>ezmiwR3egxTXG-l=F5tdC%undpriX`_2S=yX
z?WU$tBYFvYZQ#ff2!wZ)(`?s6_UDWEE-fBVzD=ZAM)&r$vjaOY%+UJdN$i`w0@Fr|
zFIzYK{K+^cxJnw62X|zluLy@BI^H80mm1W}g=pxL${7xYTy-+f#(nB^_xV;AW$F5q
zbR@sHN$^EDq+pyig^BO0@%$swu<umbWI82`!Fo&mXKz7sq1G})4R+XYXVOqVA(6+M
z3pqAFqxA8yM5Kk>ot`{mJjh!UgnQ0`?G>Y$=uYZtXZ6;l(H?`tJV7r0aQ#56LX6{X
zqD60T_l9dZCyH_Y75CGX1;0l<I<mJ%e3yu$xN}DeD8`A;d=eoRTT{7Mp;F?A?DJLE
zugpwWF*cb<TQ@rMhSRs^Wc|K7_2ZdsjIFr%Y>;N0R(HvGoW~b287NqM^q^kfc6vq2
z^`15Le=g0g!}?qA49-&sD;MmWpn6U-yr$=jdA9DA+w<0y+RHFvx3S)2LYe?WU3*Ss
St}T2C08mkK$b7B1#`QmdhF5<8

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/zone_skybox.png b/scripts/system/create/entityProperties/html/tabs/zone_skybox.png
new file mode 100644
index 0000000000000000000000000000000000000000..17697a817b95c802e2a3384acec627dd5d1d71da
GIT binary patch
literal 921
zcmWmBYfMvT9DwovdCzHS%PD=OP77jqS8fyB6rl=i()TDR7;zOhGIs$|650@SbOaq6
z!YLpgT(Y4s1*SkTCdCUA$1W0`z>ZUKWWZb`b5YXBWeXdYxe3v<3m<;po^MaRW!HAC
zCR76e+RTi!YydDUQ7Hjn;^5{508p1?>@5Wd)GuM6_0&?q*@P?spy$(yXS*8#fD~k8
zX90W^1t8V{EcyY&KLE<s1N@l}kkSmW^8Mp^H?{$=y391;jSqjbF8KZat;DC1&CYSH
z6w>kJ^~9@+*nq)=OSfXSO!hh#^tg&`(PFxm=lL;uRVnGfTc%XO=pyf)h!6f)f%9mi
zIp}OV>xjpz7zd)@EPk$))fwGqRvbW!91#t|08{2IP|o%nB-S||Dw)LQ5GjxGrjlH(
ze8e%MS6B~;FgT3_()Ld{^8k4rBo)a&H^?VZ5C2LjAk_-jWqa^Etq3maPay{wYbq(M
zweBb1FrIXa>05CehWXtMsUo2GO2!d=ycTeKUD3`c;{~B>dL4ckU`>v6gj>RZ!}|57
z45NeHE2S(kNh>`CZ#4P)ht4476zeeHIPiv%Lg&$%y9tQHY@*gi_nB(@D)dd)Lxyz5
z!I)oMMc0m1JYGgbnwrmAbKDnQmcH;EbKoH)_a-&$<UD>F#!uE{ui8Xm;9d1s|Kh~2
zOY|idBXL}3z0>I5fZLDE4-0CJh$E)&InS9i?&daoY(cs{Pc6?i+yEr0hrb{`GZL1u
zawRQR%6sh}RJjB;02nUryII%9Ht<Z-pPY}52DwA=JDOM>OYWVE=(>jFlO4sINgIzT
zZ#i6U8K`{eAsW(c-*5q~DR{BwJPlLI?^%3C_XEHIL>y`CGGRaKNua-L<Zz!}+2Qe-
zg3Ww#3*zwF7#k@sy<O!QP>`JJXdaL2<k?%vAw+EMC>IrL-X0PcHaaDrMm|lSW61_R
zFW~D+PZ;slH|df9sd7%(JEJxovNLsoV)cI0-KT!n?fW6ayyeRB08AIg`cQ9cB=;ZP
z!{;mwZhF=$=9V+^+$B!o?w_x-t|liAPknBq6<X<_aQ?petta!Sho=xv<7SdV-)#93
zkZSpr*G4kX;zVTPW%}#s<knAew@wOFCryq#TE}=J+;{f53g?-nk*jNre?|08S;evN
r(Z?x~_p*L8>H-xnH{5YqKLf<WtL8mBRO82H001)6ccpc2$*=w&4hT`(

literal 0
HcmV?d00001


From fd0186f997728d2b848336e08cf4a03b905a2313 Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Sat, 29 Feb 2020 13:59:38 -0500
Subject: [PATCH 02/25] Delete particles_acceleration.png

No going to be used.
---
 .../html/tabs/particles_acceleration.png          | Bin 914 -> 0 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 delete mode 100644 scripts/system/create/entityProperties/html/tabs/particles_acceleration.png

diff --git a/scripts/system/create/entityProperties/html/tabs/particles_acceleration.png b/scripts/system/create/entityProperties/html/tabs/particles_acceleration.png
deleted file mode 100644
index 5a52591bf7dd6ef5334040ade840b0b00ec33ac8..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 914
zcmWm4e^8TU902g|`|jo4+!%XcquB!Xh+&vBnP3gf@w^0cgiHiHn|VpEo-O3U#pSG<
z+`CEKEB-itg&ughQ5l_g)yiacM995d=!xvSdAG`|n3o-$rSI9r63%t}@%is_u)(!n
zt2U_tKwImqZUlhE3sfus{N`Ji0)Rz(obC<)jeY?IeP<U2^9EPX0Yr}a=Qf=L0KCK5
zSP$@C5rA+2;J-A0Faz*T3BaE%02OBdjO{13k2?Sqs@iI<dEZa`d^(*jU|F^Z-=&k4
z#BUHg0;ya@E)cL%k>}CZl=m5QpG}tF8@oa|pu%iO_aP-O!EEG{^h=|B@i{&d5eup7
zgoquP8D2a1-P$js86WrNi%$kpMuVOKN}_K)(2Hh}b3J*M1J@oZB1SYvN3u~JZ7nV9
zd=BK-@Gl^3^tu6&!=!x}Zq5n`b#0zu`ZKbPmR1wLQJkXX9r&?Q;z^rIsvz@P@l%CY
zcd3g)B(&#SouoWAR-Ywqth&RmL;YaYp%qkQ4f<ITS%w}`5exFsawQ&FwE0ku5-6rH
z9`57XHetI)`d+YQisgb$FHQygYH28tsz8-&ayPk6-TFu&=>n;h=&7Zz0wNQatd#5+
z+?^-9q7hetycxT?DyrF@-vbG==%eK(oW=6X2giNk-r!`03h&e;LsuFpX}ICYeqy1e
z88U1X+sS@!rg$O5F*k?QVn?_)IJ)7?WuTbSv-;N33D}G8c0a1pwk|GqH3|t<Tq)RC
zQAf)rytj*;F2uXo<kf~cvSbtxDbWN&!GoUT%<79~(~Fa2SS$L#Yb_gi0c11&`+d_5
z(2o2{ZflbY23-%i$-KV&UhKhg52~TP1~k=u-j0gL20C@kIt76%g|iGgr{o=$9(N#-
zFOCb*0&$B%-hv-%B-xf1S4;Ovn*hAfT|Tj<Uv+B5WI7vma!~Nik1_N*sPM9!Yc;N?
z|Lyc-a|jqTXnCZSz6jUQ_Lx!{BNmV*nfS}(5Ml)gzWXK{uRGEF?D<*l&Ic40TDXh(
zTW9t)g?o-G`L)>2B!NNK9dCKuZ)cchPDMwIedsXp3s5!Hj2j$*=_g`ewUuwk#KN&6
zcj)pz=CZkyt+wK!N;-KuR%o_lAu@5*5Fc<d$tH5o=}7d0yd589lj}=30q8%rZKVZJ
YKr|Y-@Ykvz#sL6oYh2ZzSG5HH2foNgJOBUy


From 2bd0950a01b9980fa0254d27798873f1886b5fc7 Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Sat, 29 Feb 2020 14:00:10 -0500
Subject: [PATCH 03/25] Delete particles_spin.png

Not going to be used.
---
 .../entityProperties/html/tabs/particles_spin.png | Bin 772 -> 0 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 delete mode 100644 scripts/system/create/entityProperties/html/tabs/particles_spin.png

diff --git a/scripts/system/create/entityProperties/html/tabs/particles_spin.png b/scripts/system/create/entityProperties/html/tabs/particles_spin.png
deleted file mode 100644
index 32238ed8f33fe6a1fdbc6b654178712f1e3021f9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 772
zcmWlWaZFTo0LQ<-$9s>1JK%R(a2So}abV1618o9w<?o0q&h6NBF=n9?Plt|BcsYmC
zN$>7tJgAf)g|sbPuGuo}sx?P#&ipxbnQh6YwF38aBZ(O|*E|++?f&@u_xb0u&p@E@
z<(%vl*#L5U4fR0)jx-h-z}@cWlK`^18eZE6SeK_EIPp>15O;a}9w2@s{O>Cx0F)gK
zK|jz_3g|IlAqD6Ufc+J~Y%8!~3@GRv-gf0BK<M$+dzudX7FtZDQhQ}tJ|tU`d3+{P
zZ8iR`3=oKPIsKd@@|3-Txrfc=^3v+buj?vH;`tD%^@-_Bvz(o^@hqku@vd1%f0jZe
zO0URA^#hr-STd(CsIVw<EB!+<J6RaU$N%-~A*GF7ewTg!cw<?$%)i|{8LMQ7v)F@L
zIxU%Ru<$Ztbo)Ll?Ih-7riy%msRBRFY=c+xm4`4lUONH7AhWZd1Pay;>E1|nrcqq7
z(Dv*^4T$J`n33?TRrT#P$_oQKeOX_*86uV(rP+C_%h4>GwE^oCiI>rJk^2xVbM4Mo
zPZrSc*vOx~yTglh!Fz<aoYHz$80Q7e$zZ>?VWlz^E&XRs2x+eUOKg$&dRH|RDf*bv
zb!ZKJYlpqNudUHRy+7*bJtD)Ujw(4+sGggV%>I-Xn+X*EF!>h}+L_<$ha3!-!b1Yj
z)bBWcI<|$W#?|gHyK$6X6!=Z%&NH?}MF^I*N9||67_U(KCW>4)bNOf@d3Qa1)S9SS
zeZ!_h(8f;v`n0@6w8CMt$(?`SzR8u&z7R>0;j+NN%h6B2TxMK!ezrjPdwgf34xt=<
znw!=N@#5$9#DdpWely=Jg=%+iBFDyW4_s#;hdWM6^zHtM`DcRez+oa-wvG$sj$HPR
zeK5VRBYJB{J($7$>}<B*=4t_DcSKKLQ`PJ3#5-T8Oj-E))0;tA(v=ZO79BtRp?^>U
z;n7t~w_kjU<gz)@@BM`>zW+h9#9(jPGLi$qhBxc_pRB0br2&A?+gN|Dt~L5UWwj6P


From bb422a38321fa02d9c0c991c21c1dffb6c10bf05 Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Sat, 29 Feb 2020 14:02:57 -0500
Subject: [PATCH 04/25] Icons for sections reorganization

behavior will be split: behavior,  scripts
particles_behavior will replace: particles_acceleration and particles_spin
---
 .../entityProperties/html/tabs/behavior.png    | Bin 754 -> 1053 bytes
 .../html/tabs/particles_behavior.png           | Bin 0 -> 650 bytes
 .../entityProperties/html/tabs/scripts.png     | Bin 0 -> 754 bytes
 3 files changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 scripts/system/create/entityProperties/html/tabs/particles_behavior.png
 create mode 100644 scripts/system/create/entityProperties/html/tabs/scripts.png

diff --git a/scripts/system/create/entityProperties/html/tabs/behavior.png b/scripts/system/create/entityProperties/html/tabs/behavior.png
index 9201fbfb721790b6c5ad3ff7451a2d28b53e165a..12662b8a1de2255a07eec846daf130232f8af4e5 100644
GIT binary patch
delta 951
zcmV;o14#Vx1)T_xbbkYrNkl<Zc-mt8|NlP&Edf9PvA`HlS7FF80&yx3mjSUH5Z?yk
zi9q}ph%10t9*FM%@gyLg3B)Kal@5c@00G2;$8wM%Z9x1BWIqtA0Pzf{+;1eY=|C(9
z#O>G&0SF)_9EPhyT@C_qK&%MFUO@a6ioKv>aZoj-K&*z%Ab)@W!e#*n5YGl;0cda(
zKwY>Ohz|nsekdCxmJd}U2-U-mZWurSVY9#&h;4y*ClDJ$4g3q0`--IJ4^++wh<5<7
z9aJw000<!TIADiHEC_4`;)_819EdA{_yrJi1F<&{uLt7GKs*76UjgwEAohUj-3-J(
zVFm&O5V{XQ3V&Ro><A#{ga(;45SK#@KMj?4fI3hEh%<rs9T2-AIS>p00tnp#XDA&D
z4cGZV{0QoOEg-%IO|F4J>;uGafVdcl?*nlpRId}VfdB!7Y=JBg8$j8&pc+6fS_Z@k
zK>P!UF9GpCXdbu;b#)35p9kU(P`!pwv%ml#fRHVy0e@lzAl?HFZ&3K30pf6|D@C9Y
z%L>E~p$-TJ;*&tk2Nl~5HKPV*C_n%qN3uWEMbXfRbAhH1P*@*E%H66!Tn)s>pec<H
zD)$nq_XZIA0dYD=5Fmh9umo2$)cYVq&4BnG5N88%8W2k%8F(E^uZG4?E>dv;4;g>}
zLJlHOvVRi-;zp>~KO@D>4QQJG4#aDr`QtJ)g@J%JG&k2m&A1FR6d-_*eV_r2D1B(k
z0fA{i{0WG|pt)BH>PmhfJ`Tk7Ks*(Qw?Ta(1x;xhFhc<X2-yc*(46`j8cd+1*$2b{
z&@gv^mZ~7|5r})CB`GL!uRt@O1k{n-Fhc<X2!GjvL!eR?>Y8~#tOLZmfVc>V^PoA@
z99ojH0r6yLzUhEsF{l~x&@u}Q00M{+R^b5a16`<rAXh{I@p7md38>FN2G2oCWj~<#
z<R(;|1vJ<|smT>sAAsWlAb`*#c>|K64A2yF09tDPfQns%7T3<u4A}+5txyX<U>$NK
z1Ahb%dQmYS>e@bNq=L$xZXhm%rVdbHcomv-|3D*L3R-t`L-j5|HV`0y&@DIx4W5V4
zG6m$aFVN)a1&sq6AU+CBL7G792u+Pop}G4MvVi~rgd7Lx#Wu(nS<s@F8CoYGS17lj
z#fK0ysTLy_)37=jAb@by$v>eQUP7xyF)%25A+)%NhNhP1(1t)Kvf;=8Ab=QY-E08}
ZFaSES%W(CmMw|cu002ovPDHLkV1h2cbV2|C

delta 650
zcmV;50(JeJ2=WDxbbkV9Nkl<Zc-mt8|NlP&Edf9PF)`2>00a<A6GIb-E(GE_Am#>Q
zMj-wIwVVxz{}bWJA3)py#1qgZ0Ro5xh;x9r4~RQ~_&5;90C5NqcLDKvAZ90E!CxS@
z1mb=m{sY8QpyJFR2Lc2T$bupuJ_p2yp$c{aaUc-?1L74#hJVBos82v<%>v?IK%5K2
z$p8TavfvvKYXb2qXz=`n+AdFGaGwO?c&J5QP#=8;2q2IJRzS=N4eLKp+t)zFKwt(C
zs{rwD9N`ZV&j#Y}K>QPk-GF!+5I+T(0T4hS3qC<HGWZ4c4G7$UYW#!8g0IjZ6@Z4s
zLLfd0vIro6SbvB}!aYO=5iBvB0OBlY5d8)SAQmbmcTjMq0P$^T0!fEPawb3k;j`c$
zlr9Eh85}_binrH5Y!1Zs&`1WQq#7V@0mUCc0O7OXKQx#?i9iWUB>#uTlOZ&MpFk7D
zTWAnX2PpywAbb`uLwym9M@=aZn*wnpG=k?s`7dA!0Dl6A(z56kG`zPWIp`;{0)PM_
zCX%_KDFj=Yv>Hd;zyUx2u@ER@SfJ&THoD7@g7G&rg1=!i1R#J2<pYrGDuGxW%KnF@
zh7l@$35YeY83GVM_$+|s<gG-;2OBms0Ro7WjAjN+dV*Md0^;*SGaRUhcn8D<pj-_Q
zK)5UbC4Vz(AZA5M|9;T?Fc}&@j9B9ABM{pFaVQWAfdl~p2$uzmfjAMGu0gJL2I6XH
zs+k834r~^P0dX8OP7Z(s0Rjk@1)$0&3R(?r0b(9#iD?JKr?41~9A{^s!2?cJ00G2E
k>sAFo0MWcv0T5sS<y(I=hFOK600000NkvXXt^-0~f+TbCA^-pY

diff --git a/scripts/system/create/entityProperties/html/tabs/particles_behavior.png b/scripts/system/create/entityProperties/html/tabs/particles_behavior.png
new file mode 100644
index 0000000000000000000000000000000000000000..6be9f90638d8afd7747ab9c8ce406ffa5257c0c3
GIT binary patch
literal 650
zcmWm4Ye-X3902hDx%ck6xvM)S!$(o4ty0NqYMB_>SuEW!ADN|oQf6wbhm9C&4R<$9
zuN0AKvP5VQ27?|fdVo|ooggJWC@nHVCmEVhtBCc$g&%(3eqE)-1u@ad(Et!*G8)PN
zAaRA92Y{KT-C+PwoHACO22jSYK+r$1GPnkPksiQz(f;>94*-x_V_6ZvnT-Hq8^G@f
zfVco)(*Z2j0OYy>5*ja8kL3d}U^3{-o8Ozmkx1k)X;lR7IKyhZjx}pZy@%)J1Y22Y
z4{KeIOTsF&%Ug#iWH4RRf*>5HH-*3lYFA0s;8S2ng9ihL<8g#HCy|fJz-MQrTxw!M
zD$UO?OsI}zj|>74D@Avl6k$T~<cT7XAU5aWNXiJKAX6y#i7u%EJ721S!>I!&*^rjZ
zZ_r-YvaE&Ft?E~kz+vT^wfUO1-Xv+vSs5pdc|sh!NFS||9y`N3_G2Q_2k(%N#aVM!
zFN5E*p*Yg23OJVMc+Zg+(XW-5w!3J8)IfhkrFm5KJcZdzcZ_sQ439d#>(%4wBAET%
zne)h(a;|EaHvor+o=rN#OOB_0HR+4Gs=#!-qmcF_4?_8kh2aUAoVaH_np#;m|Bnei
zq;_S0=Oup$`Bf0B7QvMflqdd)l`4=m7q4c0soQIZu6qj$N_2oY4d)E!#kPG#RvF$r
zYdleGv=sWhNKSBf=jgXInr<T3a_HpLOc{$Q3Fh?ao^QIF9z^Cwy9F2tS%_fgf;!8g
zY$9MP7&{!uTwzI$9RU;&x5-LbmctV++dbWycEreg{mXD(IC#`%vH_-^+?K3cLKG5#
X1-{9Cf4b$$SpWdjzGB1ey)~}?kd)i2

literal 0
HcmV?d00001

diff --git a/scripts/system/create/entityProperties/html/tabs/scripts.png b/scripts/system/create/entityProperties/html/tabs/scripts.png
new file mode 100644
index 0000000000000000000000000000000000000000..9201fbfb721790b6c5ad3ff7451a2d28b53e165a
GIT binary patch
literal 754
zcmXBKYe-XJ7y#h+oSmH=C)3Y{rfcMvX{MNIF1wNYrc-Azvx_k^axKtx)fJ_M+1Wxp
zmV~5`n&5;kQe<j3i=d37b}?H05!65r+0CFv6h_O1_2c>X)aB)7tCSig0H|_I#w`F4
zK8IrgV4{5e3;+a_nF@{o1ghsy(AqXPm=c580MK);^7rOO0Kj`pTg(6_VgUHl0KfbI
z{3n2;NdTX%0Bf58=9iu?8pr~m?Kwunwu(`k&+pgEmQe(flRe?UppEJbwUEe2Yw>&5
zmW5~OJ8de#ubzAwNyb4`dtxYBkPAonzF=XUb7nOf0tbi6DerMy9Bb__!gm>|3eU>K
zt!`-;D`*Bibw%Mcg;?96JVrY(^2?-9V~seka}z0kNlQhfEl_+06w^Dg0PUx}@%C@N
z>e0kawz76cs_4wzl^1!E<#2<1I~fj8P3!Z<M#uoMvgkT^OSO~1^IoyiSK?C(Z}|!h
z(#u;YL~vl5A$i4&{D+Dgckc6@9&+9E;84CsOvh=;UJmmX!SrOkkqt>mZUZU7j{dM5
z4vUW|&nvqE-h*~Jr#9>G5(1OACL)^>SzCnGz?``^LJkCpKRqV)@+A#EL=8m#3wm8M
zsUra!qy4pmjf-@ycA^#w?Z~W%qd8m|mXvWaq(0jmhc42NXr1dr`mg0yCD6i~-jAWW
zhxek^e2nd-d5Bta{(eUsQ`mA_lRf^JBG7}D?y<P18dD#<XmEK~>0FO?r!bi3reqD%
z@lK2O`E2c#nvnRa0AXc!1dYf{0zdWchH+4_AT@=eg{Jyq)_lTcsidXv87bOMp+X_b
z-8)r?^d&${%6?p&xxruM@g+rQ^z|0$%VIPJj-@Ej$xt+RL4MY`I;6GB&~=QJ_Svts
zC{#fQ!UW2p)#V29|A+f|ta69y5M^6vuiL8-uXcx@)0ULD`(?TLK#8X5?Q#OIALdiY
X3R8urbTtLlZUBIs%v@tvy4Cd;>L3MH

literal 0
HcmV?d00001


From 29e780e3f186ad3809be09dda687d121477faea1 Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Sat, 29 Feb 2020 14:07:15 -0500
Subject: [PATCH 05/25] Sections reorganization

1- Section "behavior" is now split in 2 sections: "behavior" and "scripts"

2- Particles sections: "particles_acceleration" and "particles_spin"
has been joined as a new section: "particles_behavior"

3- Particles section: "particles_alpha"  has been merged under  section: "particles_color"
---
 .../html/js/entityProperties.js               | 77 +++++++++----------
 1 file changed, 35 insertions(+), 42 deletions(-)

diff --git a/scripts/system/create/entityProperties/html/js/entityProperties.js b/scripts/system/create/entityProperties/html/js/entityProperties.js
index 95f680b49b..a18f9e37c8 100644
--- a/scripts/system/create/entityProperties/html/js/entityProperties.js
+++ b/scripts/system/create/entityProperties/html/js/entityProperties.js
@@ -1063,14 +1063,7 @@ const GROUPS = [
                 label: "Color Spread",
                 type: "color",
                 propertyID: "colorSpread",
-            }
-        ]
-    },
-    {
-        id: "particles_alpha",
-        label: "PARTICLES ALPHA",
-        //isMinor: true,
-        properties: [
+            },
             {
                 type: "triple",
                 label: "Alpha",
@@ -1107,12 +1100,12 @@ const GROUPS = [
                 step: 0.001,
                 decimals: 3,
                 propertyID: "alphaSpread",
-            }
+            }			
         ]
     },
     {
-        id: "particles_acceleration",
-        label: "PARTICLES ACCELERATION",
+        id: "particles_behavior",
+        label: "PARTICLES BEHAVIOR",
         //isMinor: true,
         properties: [
             {
@@ -1132,14 +1125,7 @@ const GROUPS = [
                 round: 100,
                 subLabels: [ "x", "y", "z" ],
                 propertyID: "accelerationSpread",
-            }
-        ]
-    },
-    {
-        id: "particles_spin",
-        label: "PARTICLES SPIN",
-        //isMinor: true,
-        properties: [
+            },
             {
                 type: "triple",
                 label: "Spin",
@@ -1414,6 +1400,19 @@ const GROUPS = [
                 type: "bool",
                 propertyID: "ignorePickIntersection",
             },
+            {
+                label: "Lifetime",
+                type: "number",
+                unit: "s",
+                propertyID: "lifetime",
+            }
+        ]
+    },
+,
+    {
+        id: "scripts",
+        label: "SCRIPTS",
+        properties: [
             {
                 label: "Script",
                 type: "string",
@@ -1436,12 +1435,6 @@ const GROUPS = [
                 propertyID: "serverScriptStatus",
                 selectionVisibility: PROPERTY_SELECTION_VISIBILITY.SINGLE_SELECTION,
             },
-            {
-                label: "Lifetime",
-                type: "number",
-                unit: "s",
-                propertyID: "lifetime",
-            },
             {
                 label: "User Data",
                 type: "textarea",
@@ -1451,7 +1444,7 @@ const GROUPS = [
                 propertyID: "userData",
             }
         ]
-    },
+    },	
     {
         id: "collision",
         label: "COLLISION",
@@ -1605,23 +1598,23 @@ const GROUPS = [
 ];
 
 const GROUPS_PER_TYPE = {
-  None: [ 'base', 'spatial', 'behavior', 'collision', 'physics' ],
-  Shape: [ 'base', 'shape', 'spatial', 'behavior', 'collision', 'physics' ],
-  Text: [ 'base', 'text', 'spatial', 'behavior', 'collision', 'physics' ],
+  None: [ 'base', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
+  Shape: [ 'base', 'shape', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
+  Text: [ 'base', 'text', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
   Zone: [ 'base', 'zone', 'zone_key_light', 'zone_skybox', 'zone_ambient_light', 'zone_haze', 
-			'zone_bloom', 'zone_avatar_priority', 'spatial', 'behavior', 'physics' ],
-  Model: [ 'base', 'model', 'spatial', 'behavior', 'collision', 'physics' ],
-  Image: [ 'base', 'image', 'spatial', 'behavior', 'collision', 'physics' ],
-  Web: [ 'base', 'web', 'spatial', 'behavior', 'collision', 'physics' ],
-  Light: [ 'base', 'light', 'spatial', 'behavior', 'collision', 'physics' ],
-  Material: [ 'base', 'material', 'spatial', 'behavior' ],
-  ParticleEffect: [ 'base', 'particles', 'particles_emit', 'particles_size', 'particles_color', 'particles_alpha', 
-                    'particles_acceleration', 'particles_spin', 'particles_constraints', 'spatial', 'behavior', 'physics' ],							
-  PolyLine: [ 'base', 'spatial', 'behavior', 'collision', 'physics' ],
-  PolyLine: [ 'base', 'spatial', 'behavior', 'collision', 'physics' ],
-  PolyVox: [ 'base', 'spatial', 'behavior', 'collision', 'physics' ],
-  Grid: [ 'base', 'grid', 'spatial', 'behavior', 'physics' ],
-  Multiple: [ 'base', 'spatial', 'behavior', 'collision', 'physics' ],
+			'zone_bloom', 'zone_avatar_priority', 'spatial', 'behavior', 'scripts', 'physics' ],
+  Model: [ 'base', 'model', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
+  Image: [ 'base', 'image', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
+  Web: [ 'base', 'web', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
+  Light: [ 'base', 'light', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
+  Material: [ 'base', 'material', 'spatial', 'behavior', 'scripts' ],
+  ParticleEffect: [ 'base', 'particles', 'particles_emit', 'particles_size', 'particles_color', 
+                    'particles_behavior', 'particles_constraints', 'spatial', 'behavior', 'scripts', 'physics' ],							
+  PolyLine: [ 'base', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
+  PolyLine: [ 'base', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
+  PolyVox: [ 'base', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
+  Grid: [ 'base', 'grid', 'spatial', 'behavior', 'scripts', 'physics' ],
+  Multiple: [ 'base', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
 };
 
 const EDITOR_TIMEOUT_DURATION = 1500;

From 0eb6f1f1833b71e9cae51520a5ae31ef1303e95e Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Sat, 29 Feb 2020 15:52:06 -0500
Subject: [PATCH 06/25] Fix page height blocking dropdown

Fix the page height that blocked the correct use of the shape dropdown.
The layout looks more stable now.
---
 .../system/create/entityProperties/html/entityProperties.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/scripts/system/create/entityProperties/html/entityProperties.html b/scripts/system/create/entityProperties/html/entityProperties.html
index 241ddd1e75..150025ef41 100644
--- a/scripts/system/create/entityProperties/html/entityProperties.html
+++ b/scripts/system/create/entityProperties/html/entityProperties.html
@@ -53,13 +53,13 @@
                 </div>
             </div>
         </div>
-		<table style="width:100%;">
+		<table style="width:100%; min-height: 352px; display: block;">
 			<tr style="width:100%;">
 				<td style="width:32px; vertical-align:top; background-color:#575757; padding:0px; border:0px;">
 					<div id="tabs" class="tabsContainer"></div>
 				</td>
 				<td style="width:100%; vertical-align: top; border:0px;">
-					<div id="properties-pages" >
+					<div id="properties-pages" style="min-height: 352px; display: block;">
 						<!-- each property is added at runtime in entityProperties -->
 					</div>
 				</td>				

From fa7143c87ece9c479704acad5e19f2e77ac51f7f Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Sun, 1 Mar 2020 22:35:48 -0500
Subject: [PATCH 07/25] Replace tabulations for spaces.

Replace tabulations for spaces in the code.
---
 .../html/entityProperties.html                | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/scripts/system/create/entityProperties/html/entityProperties.html b/scripts/system/create/entityProperties/html/entityProperties.html
index 150025ef41..3bfbb32cce 100644
--- a/scripts/system/create/entityProperties/html/entityProperties.html
+++ b/scripts/system/create/entityProperties/html/entityProperties.html
@@ -1,6 +1,6 @@
 <!--
 //VERSION 2.0
-//	Modified by Alezia Kurdis on on 02/27/2020
+//  Modified by Alezia Kurdis on on 02/27/2020
 //  for "Project Athena"
 //
 //  Addition of a tab mechanism instead of collapsible sections to reduce the scrolling.
@@ -22,7 +22,7 @@
     <link rel="stylesheet" type="text/css" href="../../../html/css/edit-style.css">
     <link rel="stylesheet" type="text/css" href="../../../html/css/colpick.css">
     <link rel="stylesheet" type="text/css" href="../../../html/css/jsoneditor.css">
-    <link rel="stylesheet" type="text/css" href="tabs/tabs.css">	
+    <link rel="stylesheet" type="text/css" href="tabs/tabs.css">    
     <script type="text/javascript" src="qrc:///qtwebchannel/qwebchannel.js"></script>
     <script src="../../../html/js/jquery-2.1.4.min.js"></script>
     <script type="text/javascript" src="../../../html/js/colpick.js"></script>
@@ -53,18 +53,18 @@
                 </div>
             </div>
         </div>
-		<table style="width:100%; min-height: 352px; display: block;">
-			<tr style="width:100%;">
-				<td style="width:32px; vertical-align:top; background-color:#575757; padding:0px; border:0px;">
-					<div id="tabs" class="tabsContainer"></div>
-				</td>
-				<td style="width:100%; vertical-align: top; border:0px;">
-					<div id="properties-pages" style="min-height: 352px; display: block;">
-						<!-- each property is added at runtime in entityProperties -->
-					</div>
-				</td>				
-			</tr>
-		</table>        
+        <table style="width:100%; min-height: 352px; display: block;">
+            <tr style="width:100%;">
+                <td style="width:32px; vertical-align:top; background-color:#575757; padding:0px; border:0px;">
+                    <div id="tabs" class="tabsContainer"></div>
+                </td>
+                <td style="width:100%; vertical-align: top; border:0px;">
+                    <div id="properties-pages" style="min-height: 352px; display: block;">
+                        <!-- each property is added at runtime in entityProperties -->
+                    </div>
+                </td>                
+            </tr>
+        </table>        
     </div>
 </body>
 

From 5c7e6e43c2c6037cbd8b6dcc4b6983e8b4091301 Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Sun, 1 Mar 2020 22:36:43 -0500
Subject: [PATCH 08/25] Replace tabulations for spaces.

Replace tabulations for spaces in the code.
---
 .../entityProperties/html/tabs/tabs.css       | 62 +++++++++----------
 1 file changed, 31 insertions(+), 31 deletions(-)

diff --git a/scripts/system/create/entityProperties/html/tabs/tabs.css b/scripts/system/create/entityProperties/html/tabs/tabs.css
index 135f53bb6b..010d6400a3 100644
--- a/scripts/system/create/entityProperties/html/tabs/tabs.css
+++ b/scripts/system/create/entityProperties/html/tabs/tabs.css
@@ -9,45 +9,45 @@
 */
 
 div.tabsContainer{
-		float: left;
-		width:32px;
-		padding: 0px;
-	}
-	
+        float: left;
+        width:32px;
+        padding: 0px;
+    }
+    
 .tabsContainer button {
-		  //display: block;
-		  //color: black;
-		  padding: 4px;
-		  //width:100%;
-		  text-align: center;
-		  cursor: pointer;
-		  transition: 0.4s;
-		  font-size: 14px;
-		  background-color: #404040;
-		  border-color: #404040;
-		  border-width: 1px 0px 1px 1px;
-		  border-radius: 5px 0px 0px 5px;
-		  outline:none;
-		}
+          //display: block;
+          //color: black;
+          padding: 4px;
+          //width:100%;
+          text-align: center;
+          cursor: pointer;
+          transition: 0.4s;
+          font-size: 14px;
+          background-color: #404040;
+          border-color: #404040;
+          border-width: 1px 0px 1px 1px;
+          border-radius: 5px 0px 0px 5px;
+          outline:none;
+        }
 
 
 .tabsContainer button:hover {
-		  background-color: #575757;
-		}
+          background-color: #575757;
+        }
 
 
 .tabsContainer  button.active {
-		  background-color: #2E2E2E;
-		}	
+          background-color: #2E2E2E;
+        }    
 
 div.labelTabHeader{
-			font-size: 20px;
-			font-weight: 700;
-			height: 40px;
-			color:#ffffff;
-		}
+            font-size: 20px;
+            font-weight: 700;
+            height: 40px;
+            color:#ffffff;
+        }
 
 div.tab-section-header{
-			width:100%;
-			padding: 5px;
-		}		
\ No newline at end of file
+            width:100%;
+            padding: 5px;
+        }        
\ No newline at end of file

From f3096ae74d41bcf96571741ca6399f490782e58c Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Sun, 1 Mar 2020 22:37:44 -0500
Subject: [PATCH 09/25] Replace tabulations for spaces.

Replace tabulations for spaces in the code.
---
 .../html/js/entityProperties.js               | 140 +++++++++---------
 1 file changed, 70 insertions(+), 70 deletions(-)

diff --git a/scripts/system/create/entityProperties/html/js/entityProperties.js b/scripts/system/create/entityProperties/html/js/entityProperties.js
index a18f9e37c8..70efc9058d 100644
--- a/scripts/system/create/entityProperties/html/js/entityProperties.js
+++ b/scripts/system/create/entityProperties/html/js/entityProperties.js
@@ -1,5 +1,5 @@
 //VERSION 2.0
-//	Modified by Alezia Kurdis on on 02/27/2020
+//    Modified by Alezia Kurdis on on 02/27/2020
 //  for "Project Athena"
 //  
 //  Addition of a tab mechanism instead of collapsible sections to reduce the scrolling.
@@ -49,7 +49,7 @@ const PROPERTY_MULTI_DISPLAY_MODE = Object.freeze({
 const GROUPS = [
     {
         id: "base",
-		label: "ENTITY",
+        label: "ENTITY",
         properties: [
             {
                 label: NO_SELECTION,
@@ -127,7 +127,7 @@ const GROUPS = [
     },
     {
         id: "shape",
-		label: "SHAPE",		
+        label: "SHAPE",        
         properties: [
             {
                 label: "Shape",
@@ -147,7 +147,7 @@ const GROUPS = [
     },
     {
         id: "text",
-		label: "TEXT",		
+        label: "TEXT",        
         properties: [
             {
                 label: "Text",
@@ -235,7 +235,7 @@ const GROUPS = [
     },
     {
         id: "zone",
-		label: "ZONE",		
+        label: "ZONE",        
         properties: [
             {
                 label: "Shape Type",
@@ -270,7 +270,7 @@ const GROUPS = [
     },
     {
         id: "zone_key_light",
-		label: "ZONE KEY LIGHT",		
+        label: "ZONE KEY LIGHT",        
         properties: [
             {
                 label: "Key Light",
@@ -340,12 +340,12 @@ const GROUPS = [
                 decimals: 2,
                 propertyID: "keyLight.shadowMaxDistance",
                 showPropertyRule: { "keyLightMode": "enabled" },
-            }	
+            }    
         ]
-    },	
+    },    
     {
         id: "zone_skybox",
-		label: "ZONE SKYBOX",		
+        label: "ZONE SKYBOX",        
         properties: [
             {
                 label: "Skybox",
@@ -364,12 +364,12 @@ const GROUPS = [
                 type: "string",
                 propertyID: "skybox.url",
                 showPropertyRule: { "skyboxMode": "enabled" },
-            }	
+            }    
         ]
-    },	
+    },    
     {
         id: "zone_ambient_light",
-		label: "ZONE AMBIENT LIGHT",		
+        label: "ZONE AMBIENT LIGHT",        
         properties: [
             {
                 label: "Ambient Light",
@@ -399,12 +399,12 @@ const GROUPS = [
                              className: "black", onClick: copySkyboxURLToAmbientURL } ],
                 propertyID: "copyURLToAmbient",
                 showPropertyRule: { "ambientLightMode": "enabled" },
-            }		
+            }        
         ]
-    },	
+    },    
     {
         id: "zone_haze",
-		label: "ZONE HAZE",		
+        label: "ZONE HAZE",        
         properties: [
             {
                 label: "Haze",
@@ -488,12 +488,12 @@ const GROUPS = [
                 decimals: 0,
                 propertyID: "haze.hazeGlareAngle",
                 showPropertyRule: { "hazeMode": "enabled" },
-            }		
+            }        
         ]
     },
     {
         id: "zone_bloom",
-		label: "ZONE BLOOM",		
+        label: "ZONE BLOOM",        
         properties: [
             {
                 label: "Bloom",
@@ -530,24 +530,24 @@ const GROUPS = [
                 decimals: 3,
                 propertyID: "bloom.bloomSize",
                 showPropertyRule: { "bloomMode": "enabled" },
-            }		
+            }        
         ]
-    },	
+    },    
     {
         id: "zone_avatar_priority",
-		label: "ZONE AVATAR PRIORITY",		
+        label: "ZONE AVATAR PRIORITY",        
         properties: [
             {
                 label: "Avatar Priority",
                 type: "dropdown",
                 options: { inherit: "Inherit", crowd: "Crowd", hero: "Hero" },
                 propertyID: "avatarPriority",
-            }		
+            }        
         ]
-    },		
+    },        
     {
         id: "model",
-		label: "MODEL",		
+        label: "MODEL",        
         properties: [
             {
                 label: "Model",
@@ -637,7 +637,7 @@ const GROUPS = [
     },
     {
         id: "image",
-		label: "IMAGE",		
+        label: "IMAGE",        
         properties: [
             {
                 label: "Image",
@@ -680,7 +680,7 @@ const GROUPS = [
     },
     {
         id: "web",
-		label: "WEB",		
+        label: "WEB",        
         properties: [
             {
                 label: "Source",
@@ -725,7 +725,7 @@ const GROUPS = [
     },
     {
         id: "light",
-		label: "LIGHT",		
+        label: "LIGHT",        
         properties: [
             {
                 label: "Light Color",
@@ -776,7 +776,7 @@ const GROUPS = [
     },
     {
         id: "material",
-		label: "MATERIAL",		
+        label: "MATERIAL",        
         properties: [
             {
                 label: "Material URL",
@@ -850,7 +850,7 @@ const GROUPS = [
     },
     {
         id: "grid",
-		label: "GRID",		
+        label: "GRID",        
         properties: [
             {
                 label: "Color",
@@ -883,7 +883,7 @@ const GROUPS = [
     },
     {
         id: "particles",
-		label: "PARTICLES",		
+        label: "PARTICLES",        
         properties: [
             {
                 label: "Emit",
@@ -913,7 +913,7 @@ const GROUPS = [
         ]
     },
     {
-        id: "particles_emit",		
+        id: "particles_emit",        
         label: "PARTICLES EMIT",
         //isMinor: true,
         properties: [
@@ -986,7 +986,7 @@ const GROUPS = [
         ]
     },
     {
-        id: "particles_size",	
+        id: "particles_size",    
         label: "PARTICLES SIZE",
         //isMinor: true,
         properties: [
@@ -1100,7 +1100,7 @@ const GROUPS = [
                 step: 0.001,
                 decimals: 3,
                 propertyID: "alphaSpread",
-            }			
+            }            
         ]
     },
     {
@@ -1181,7 +1181,7 @@ const GROUPS = [
     {
         id: "particles_constraints",
         label: "PARTICLES CONSTRAINTS",
-		//isMinor: true,
+        //isMinor: true,
         properties: [
             {
                 type: "triple",
@@ -1444,7 +1444,7 @@ const GROUPS = [
                 propertyID: "userData",
             }
         ]
-    },	
+    },    
     {
         id: "collision",
         label: "COLLISION",
@@ -1602,14 +1602,14 @@ const GROUPS_PER_TYPE = {
   Shape: [ 'base', 'shape', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
   Text: [ 'base', 'text', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
   Zone: [ 'base', 'zone', 'zone_key_light', 'zone_skybox', 'zone_ambient_light', 'zone_haze', 
-			'zone_bloom', 'zone_avatar_priority', 'spatial', 'behavior', 'scripts', 'physics' ],
+            'zone_bloom', 'zone_avatar_priority', 'spatial', 'behavior', 'scripts', 'physics' ],
   Model: [ 'base', 'model', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
   Image: [ 'base', 'image', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
   Web: [ 'base', 'web', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
   Light: [ 'base', 'light', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
   Material: [ 'base', 'material', 'spatial', 'behavior', 'scripts' ],
   ParticleEffect: [ 'base', 'particles', 'particles_emit', 'particles_size', 'particles_color', 
-                    'particles_behavior', 'particles_constraints', 'spatial', 'behavior', 'scripts', 'physics' ],							
+                    'particles_behavior', 'particles_constraints', 'spatial', 'behavior', 'scripts', 'physics' ],                            
   PolyLine: [ 'base', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
   PolyLine: [ 'base', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
   PolyVox: [ 'base', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
@@ -1882,15 +1882,15 @@ function resetServerScriptStatus() {
 function showGroupsForType(type) {
     if (type === "Box" || type === "Sphere") {
         showGroupsForTypes(["Shape"]);
-		showOnTheSamePage("Shape");
+        showOnTheSamePage("Shape");
         return;
     }
-	if (type === "None"){
+    if (type === "None"){
         showGroupsForTypes(["None"]);
-        return;		
-	}
+        return;        
+    }
     showGroupsForTypes([type]);
-	showOnTheSamePage(type);
+    showOnTheSamePage(type);
 }
 
 function getGroupsForTypes(types) {
@@ -1905,14 +1905,14 @@ function showGroupsForTypes(types) {
     Object.entries(elGroups).forEach(([groupKey, elGroup]) => {
         if (types.map(type => GROUPS_PER_TYPE[type].includes(groupKey)).every(function (hasGroup) { return hasGroup; })) {
             elGroup.style.display = "none";
-			if(types != "None"){
-				document.getElementById("tab-" + groupKey).style.display = "block";
-			}else{
-				document.getElementById("tab-" + groupKey).style.display = "none";
-			}
+            if(types != "None"){
+                document.getElementById("tab-" + groupKey).style.display = "block";
+            }else{
+                document.getElementById("tab-" + groupKey).style.display = "none";
+            }
         } else {
             elGroup.style.display = "none";
-			document.getElementById("tab-" + groupKey).style.display = "none";
+            document.getElementById("tab-" + groupKey).style.display = "none";
         }
     });
 }
@@ -3730,7 +3730,7 @@ function handleEntitySelectionUpdate(selections, isPropertiesToolUpdate) {
 
         const shownGroups = getGroupsForTypes(entityTypes);
         showGroupsForTypes(entityTypes);
-		showOnTheSamePage(entityTypes);
+        showOnTheSamePage(entityTypes);
 
         const lockedMultiValue = getMultiplePropertyValue('locked');
 
@@ -4009,22 +4009,22 @@ function loaded() {
     openEventBridge(function() {
         let elPropertiesList = document.getElementById("properties-pages");
         let tabs = "";
-		
+        
         GROUPS.forEach(function(group) {
             let elGroup;
 
-			elGroup = document.createElement('div');
-			elGroup.className = 'section ' + "major";				
-			elGroup.setAttribute("id", "properties-" + group.id);
-			elPropertiesList.appendChild(elGroup);
+            elGroup = document.createElement('div');
+            elGroup.className = 'section ' + "major";                
+            elGroup.setAttribute("id", "properties-" + group.id);
+            elPropertiesList.appendChild(elGroup);
          
-			
+            
             if (group.label !== undefined) {
                 let elLegend = document.createElement('div');
-				elLegend.className = "tab-section-header";
+                elLegend.className = "tab-section-header";
                 elLegend.appendChild(createElementFromHTML(`<div class="labelTabHeader">${group.label}</div>`));
-                elGroup.appendChild(elLegend);				
-				tabs = tabs +'<button id="tab-'+ group.id +'" onclick="showPage(' + "'" + group.id  + "'" + ');"><img src="tabs/'+ group.id +'.png"></button>';
+                elGroup.appendChild(elLegend);                
+                tabs = tabs +'<button id="tab-'+ group.id +'" onclick="showPage(' + "'" + group.id  + "'" + ');"><img src="tabs/'+ group.id +'.png"></button>';
             }
                 
             group.properties.forEach(function(propertyData) {
@@ -4036,7 +4036,7 @@ function loaded() {
                 propertyElementID = propertyElementID.replace('.', '-');
                 
                 let elContainer, elLabel;
-                				
+                                
                 if (propertyData.replaceID === undefined) {
                     // Create subheader, or create new property and append it.
                     if (propertyType === "sub-header") {
@@ -4311,7 +4311,7 @@ function loaded() {
             curCollapsibleElement.addEventListener("click", toggleCollapsedEvent, true);
         }
         */
-		
+        
         // Textarea scrollbars
         let elTextareas = document.getElementsByTagName("TEXTAREA");
 
@@ -4465,16 +4465,16 @@ function loaded() {
                 e.target.select();
             };
         }
-		
+        
         document.getElementById("tabs").innerHTML = tabs;
-		
+        
         bindAllNonJSONEditorElements(); 
 
         showGroupsForType("None");
-		showPage("base");
+        showPage("base");
         resetProperties();
         disableProperties();
-		
+        
         
     });
 
@@ -4492,21 +4492,21 @@ function loaded() {
 }
 
 function showOnTheSamePage(entityType) {
-	if(GROUPS_PER_TYPE[entityType].includes(currentTab) == false){
-		currentTab = "base";
-	}
-	showPage(currentTab);
+    if(GROUPS_PER_TYPE[entityType].includes(currentTab) == false){
+        currentTab = "base";
+    }
+    showPage(currentTab);
 }
 
 function showPage(id) {
-	currentTab = id;
+    currentTab = id;
     Object.entries(elGroups).forEach(([groupKey, elGroup]) => {
         if (groupKey == id) {
             elGroup.style.display = "block";
-			document.getElementById("tab-" + groupKey).style.backgroundColor = "#2E2E2E";
+            document.getElementById("tab-" + groupKey).style.backgroundColor = "#2E2E2E";
         } else {
             elGroup.style.display = "none";
-			document.getElementById("tab-" + groupKey).style.backgroundColor = "#404040";
+            document.getElementById("tab-" + groupKey).style.backgroundColor = "#404040";
         }
     });
 }
\ No newline at end of file

From 124b3fe6a233c53a0012acbe7b7004e9923e9bed Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Mon, 2 Mar 2020 23:10:33 -0500
Subject: [PATCH 10/25] Code minor adjustments.

Code minor adjustments to be compliant with the coding convention.
---
 .../html/entityProperties.html                | 96 +++++++++----------
 1 file changed, 46 insertions(+), 50 deletions(-)

diff --git a/scripts/system/create/entityProperties/html/entityProperties.html b/scripts/system/create/entityProperties/html/entityProperties.html
index 3bfbb32cce..42d73b5007 100644
--- a/scripts/system/create/entityProperties/html/entityProperties.html
+++ b/scripts/system/create/entityProperties/html/entityProperties.html
@@ -15,57 +15,53 @@
 //  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
 -->
 <html>
-
-<head>
-    <title>Properties</title>
-    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
-    <link rel="stylesheet" type="text/css" href="../../../html/css/edit-style.css">
-    <link rel="stylesheet" type="text/css" href="../../../html/css/colpick.css">
-    <link rel="stylesheet" type="text/css" href="../../../html/css/jsoneditor.css">
-    <link rel="stylesheet" type="text/css" href="tabs/tabs.css">    
-    <script type="text/javascript" src="qrc:///qtwebchannel/qwebchannel.js"></script>
-    <script src="../../../html/js/jquery-2.1.4.min.js"></script>
-    <script type="text/javascript" src="../../../html/js/colpick.js"></script>
-    <script type="text/javascript" src="../../../html/js/jsoneditor.min.js"></script>
-    <script type="text/javascript" src="../../../html/js/eventBridgeLoader.js"></script>
-    <script type="text/javascript" src="../../../html/js/spinButtons.js"></script>
-    <script type="text/javascript" src="../../../html/js/utils.js"></script>
-    <script type="text/javascript" src="../../../html/js/includes.js"></script>
-    <script type="text/javascript" src="js/underscore-min.js"></script>
-    <script type="text/javascript" src="js/createAppTooltip.js"></script>
-    <script type="text/javascript" src="js/draggableNumber.js"></script>
-    <script type="text/javascript" src="js/entityProperties.js"></script>
-    
-</head>
-
-<body onload='loaded();'>
-    <div id="properties-list">
-        <div class='property container'>
-            <label id='placeholder-property-type'></label>
-            <div class='value'>
-                <div class='row flex-center' style='padding-bottom: 8px;'>
-                    <div id="placeholder-property-name" class="stretch"></div>
-                    <div id="placeholder-property-locked" class="shrink"></div>
-                    <div id="placeholder-property-visible" class="shrink"></div>
-                </div>
-                <div class='row'>
-                    <div id="placeholder-property-id" class="stretch"></div>
+    <head>
+        <title>Properties</title>
+        <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
+        <link rel="stylesheet" type="text/css" href="../../../html/css/edit-style.css">
+        <link rel="stylesheet" type="text/css" href="../../../html/css/colpick.css">
+        <link rel="stylesheet" type="text/css" href="../../../html/css/jsoneditor.css">
+        <link rel="stylesheet" type="text/css" href="tabs/tabs.css">    
+        <script type="text/javascript" src="qrc:///qtwebchannel/qwebchannel.js"></script>
+        <script src="../../../html/js/jquery-2.1.4.min.js"></script>
+        <script type="text/javascript" src="../../../html/js/colpick.js"></script>
+        <script type="text/javascript" src="../../../html/js/jsoneditor.min.js"></script>
+        <script type="text/javascript" src="../../../html/js/eventBridgeLoader.js"></script>
+        <script type="text/javascript" src="../../../html/js/spinButtons.js"></script>
+        <script type="text/javascript" src="../../../html/js/utils.js"></script>
+        <script type="text/javascript" src="../../../html/js/includes.js"></script>
+        <script type="text/javascript" src="js/underscore-min.js"></script>
+        <script type="text/javascript" src="js/createAppTooltip.js"></script>
+        <script type="text/javascript" src="js/draggableNumber.js"></script>
+        <script type="text/javascript" src="js/entityProperties.js"></script>    
+    </head>
+    <body onload='loaded();'>
+        <div id="properties-list">
+            <div class='property container'>
+                <label id='placeholder-property-type'></label>
+                <div class='value'>
+                    <div class='row flex-center' style='padding-bottom: 8px;'>
+                        <div id="placeholder-property-name" class="stretch"></div>
+                        <div id="placeholder-property-locked" class="shrink"></div>
+                        <div id="placeholder-property-visible" class="shrink"></div>
+                    </div>
+                    <div class='row'>
+                        <div id="placeholder-property-id" class="stretch"></div>
+                    </div>
                 </div>
             </div>
+            <table style="width:100%; min-height: 352px; display: block;">
+                <tr style="width:100%;">
+                    <td style="width:32px; vertical-align:top; background-color:#575757; padding:0px; border:0px;">
+                        <div id="tabs" class="tabsContainer"></div>
+                    </td>
+                    <td style="width:100%; vertical-align: top; border:0px;">
+                        <div id="properties-pages" style="min-height: 352px; display: block;">
+                            <!-- each property is added at runtime in entityProperties -->
+                        </div>
+                    </td>
+                </tr>
+            </table>
         </div>
-        <table style="width:100%; min-height: 352px; display: block;">
-            <tr style="width:100%;">
-                <td style="width:32px; vertical-align:top; background-color:#575757; padding:0px; border:0px;">
-                    <div id="tabs" class="tabsContainer"></div>
-                </td>
-                <td style="width:100%; vertical-align: top; border:0px;">
-                    <div id="properties-pages" style="min-height: 352px; display: block;">
-                        <!-- each property is added at runtime in entityProperties -->
-                    </div>
-                </td>                
-            </tr>
-        </table>        
-    </div>
-</body>
-
+    </body>
 </html>

From 4a1926a9016cdc06a653c03b565ea450dc4a708f Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Mon, 2 Mar 2020 23:11:45 -0500
Subject: [PATCH 11/25] Code minor adjustments.

Code minor adjustments to be compliant with the coding convention.
---
 .../entityProperties/html/tabs/tabs.css       | 70 +++++++++----------
 1 file changed, 34 insertions(+), 36 deletions(-)

diff --git a/scripts/system/create/entityProperties/html/tabs/tabs.css b/scripts/system/create/entityProperties/html/tabs/tabs.css
index 010d6400a3..90cf201211 100644
--- a/scripts/system/create/entityProperties/html/tabs/tabs.css
+++ b/scripts/system/create/entityProperties/html/tabs/tabs.css
@@ -8,46 +8,44 @@
 //  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
 */
 
-div.tabsContainer{
-        float: left;
-        width:32px;
-        padding: 0px;
-    }
-    
-.tabsContainer button {
-          //display: block;
-          //color: black;
-          padding: 4px;
-          //width:100%;
-          text-align: center;
-          cursor: pointer;
-          transition: 0.4s;
-          font-size: 14px;
-          background-color: #404040;
-          border-color: #404040;
-          border-width: 1px 0px 1px 1px;
-          border-radius: 5px 0px 0px 5px;
-          outline:none;
-        }
+div.tabsContainer {
+    float: left;
+    width:32px;
+    padding: 0px;
+}
 
+.tabsContainer button {
+    //display: block;
+    //color: black;
+    padding: 4px;
+    //width:100%;
+    text-align: center;
+    cursor: pointer;
+    transition: 0.4s;
+    font-size: 14px;
+    background-color: #404040;
+    border-color: #404040;
+    border-width: 1px 0px 1px 1px;
+    border-radius: 5px 0px 0px 5px;
+    outline:none;
+}
 
 .tabsContainer button:hover {
-          background-color: #575757;
-        }
-
+    background-color: #575757;
+}
 
 .tabsContainer  button.active {
-          background-color: #2E2E2E;
-        }    
+    background-color: #2E2E2E;
+}    
 
-div.labelTabHeader{
-            font-size: 20px;
-            font-weight: 700;
-            height: 40px;
-            color:#ffffff;
-        }
+div.labelTabHeader {
+    font-size: 20px;
+    font-weight: 700;
+    height: 40px;
+    color:#ffffff;
+}
 
-div.tab-section-header{
-            width:100%;
-            padding: 5px;
-        }        
\ No newline at end of file
+div.tab-section-header {
+    width:100%;
+    padding: 5px;
+}
\ No newline at end of file

From d1c641de49d6c4deb2448319c630117d7f0d4078 Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Mon, 2 Mar 2020 23:13:47 -0500
Subject: [PATCH 12/25] Code minor adjustments.

Code minor adjustments to be compliant with the coding convention.
---
 .../html/js/entityProperties.js               | 261 +++++++++---------
 1 file changed, 130 insertions(+), 131 deletions(-)

diff --git a/scripts/system/create/entityProperties/html/js/entityProperties.js b/scripts/system/create/entityProperties/html/js/entityProperties.js
index 70efc9058d..d9fbe7c97c 100644
--- a/scripts/system/create/entityProperties/html/js/entityProperties.js
+++ b/scripts/system/create/entityProperties/html/js/entityProperties.js
@@ -1,5 +1,5 @@
 //VERSION 2.0
-//    Modified by Alezia Kurdis on on 02/27/2020
+//  Modified by Alezia Kurdis on on 02/27/2020
 //  for "Project Athena"
 //  
 //  Addition of a tab mechanism instead of collapsible sections to reduce the scrolling.
@@ -147,7 +147,7 @@ const GROUPS = [
     },
     {
         id: "text",
-        label: "TEXT",        
+        label: "TEXT",
         properties: [
             {
                 label: "Text",
@@ -235,7 +235,7 @@ const GROUPS = [
     },
     {
         id: "zone",
-        label: "ZONE",        
+        label: "ZONE",
         properties: [
             {
                 label: "Shape Type",
@@ -270,7 +270,7 @@ const GROUPS = [
     },
     {
         id: "zone_key_light",
-        label: "ZONE KEY LIGHT",        
+        label: "ZONE KEY LIGHT",
         properties: [
             {
                 label: "Key Light",
@@ -345,7 +345,7 @@ const GROUPS = [
     },    
     {
         id: "zone_skybox",
-        label: "ZONE SKYBOX",        
+        label: "ZONE SKYBOX",
         properties: [
             {
                 label: "Skybox",
@@ -364,12 +364,12 @@ const GROUPS = [
                 type: "string",
                 propertyID: "skybox.url",
                 showPropertyRule: { "skyboxMode": "enabled" },
-            }    
+            }
         ]
-    },    
+    },
     {
         id: "zone_ambient_light",
-        label: "ZONE AMBIENT LIGHT",        
+        label: "ZONE AMBIENT LIGHT",
         properties: [
             {
                 label: "Ambient Light",
@@ -399,12 +399,12 @@ const GROUPS = [
                              className: "black", onClick: copySkyboxURLToAmbientURL } ],
                 propertyID: "copyURLToAmbient",
                 showPropertyRule: { "ambientLightMode": "enabled" },
-            }        
+            }
         ]
-    },    
+    },
     {
         id: "zone_haze",
-        label: "ZONE HAZE",        
+        label: "ZONE HAZE",
         properties: [
             {
                 label: "Haze",
@@ -488,12 +488,12 @@ const GROUPS = [
                 decimals: 0,
                 propertyID: "haze.hazeGlareAngle",
                 showPropertyRule: { "hazeMode": "enabled" },
-            }        
+            }
         ]
     },
     {
         id: "zone_bloom",
-        label: "ZONE BLOOM",        
+        label: "ZONE BLOOM",
         properties: [
             {
                 label: "Bloom",
@@ -530,24 +530,24 @@ const GROUPS = [
                 decimals: 3,
                 propertyID: "bloom.bloomSize",
                 showPropertyRule: { "bloomMode": "enabled" },
-            }        
+            }
         ]
-    },    
+    },
     {
         id: "zone_avatar_priority",
-        label: "ZONE AVATAR PRIORITY",        
+        label: "ZONE AVATAR PRIORITY",
         properties: [
             {
                 label: "Avatar Priority",
                 type: "dropdown",
                 options: { inherit: "Inherit", crowd: "Crowd", hero: "Hero" },
                 propertyID: "avatarPriority",
-            }        
+            }
         ]
-    },        
+    },
     {
         id: "model",
-        label: "MODEL",        
+        label: "MODEL",
         properties: [
             {
                 label: "Model",
@@ -637,7 +637,7 @@ const GROUPS = [
     },
     {
         id: "image",
-        label: "IMAGE",        
+        label: "IMAGE",
         properties: [
             {
                 label: "Image",
@@ -680,7 +680,7 @@ const GROUPS = [
     },
     {
         id: "web",
-        label: "WEB",        
+        label: "WEB",
         properties: [
             {
                 label: "Source",
@@ -725,7 +725,7 @@ const GROUPS = [
     },
     {
         id: "light",
-        label: "LIGHT",        
+        label: "LIGHT",
         properties: [
             {
                 label: "Light Color",
@@ -776,7 +776,7 @@ const GROUPS = [
     },
     {
         id: "material",
-        label: "MATERIAL",        
+        label: "MATERIAL",
         properties: [
             {
                 label: "Material URL",
@@ -850,7 +850,7 @@ const GROUPS = [
     },
     {
         id: "grid",
-        label: "GRID",        
+        label: "GRID",
         properties: [
             {
                 label: "Color",
@@ -883,7 +883,7 @@ const GROUPS = [
     },
     {
         id: "particles",
-        label: "PARTICLES",        
+        label: "PARTICLES",
         properties: [
             {
                 label: "Emit",
@@ -913,7 +913,7 @@ const GROUPS = [
         ]
     },
     {
-        id: "particles_emit",        
+        id: "particles_emit",
         label: "PARTICLES EMIT",
         //isMinor: true,
         properties: [
@@ -986,7 +986,7 @@ const GROUPS = [
         ]
     },
     {
-        id: "particles_size",    
+        id: "particles_size",
         label: "PARTICLES SIZE",
         //isMinor: true,
         properties: [
@@ -1100,7 +1100,7 @@ const GROUPS = [
                 step: 0.001,
                 decimals: 3,
                 propertyID: "alphaSpread",
-            }            
+            }
         ]
     },
     {
@@ -1444,7 +1444,7 @@ const GROUPS = [
                 propertyID: "userData",
             }
         ]
-    },    
+    },
     {
         id: "collision",
         label: "COLLISION",
@@ -1609,7 +1609,7 @@ const GROUPS_PER_TYPE = {
   Light: [ 'base', 'light', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
   Material: [ 'base', 'material', 'spatial', 'behavior', 'scripts' ],
   ParticleEffect: [ 'base', 'particles', 'particles_emit', 'particles_size', 'particles_color', 
-                    'particles_behavior', 'particles_constraints', 'spatial', 'behavior', 'scripts', 'physics' ],                            
+                    'particles_behavior', 'particles_constraints', 'spatial', 'behavior', 'scripts', 'physics' ],
   PolyLine: [ 'base', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
   PolyLine: [ 'base', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
   PolyVox: [ 'base', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
@@ -1698,7 +1698,7 @@ function isFlagSet(value, flag) {
  */
 
 function getPropertyInputElement(propertyID) {
-    let property = properties[propertyID];          
+    let property = properties[propertyID];
     switch (property.data.type) {
         case 'string':
         case 'number':
@@ -1783,7 +1783,7 @@ function setPropertyVisibility(property, visible) {
 
 function resetProperties() {
     for (let propertyID in properties) { 
-        let property = properties[propertyID];      
+        let property = properties[propertyID];
         let propertyData = property.data;
         
         switch (propertyData.type) {
@@ -1860,7 +1860,7 @@ function resetProperties() {
                 break;
             }
         }
-        
+
         let showPropertyRules = properties[propertyID].showPropertyRules;
         if (showPropertyRules !== undefined) {
             for (let propertyToHide in showPropertyRules) {
@@ -1885,7 +1885,7 @@ function showGroupsForType(type) {
         showOnTheSamePage("Shape");
         return;
     }
-    if (type === "None"){
+    if (type === "None") {
         showGroupsForTypes(["None"]);
         return;        
     }
@@ -1905,9 +1905,9 @@ function showGroupsForTypes(types) {
     Object.entries(elGroups).forEach(([groupKey, elGroup]) => {
         if (types.map(type => GROUPS_PER_TYPE[type].includes(groupKey)).every(function (hasGroup) { return hasGroup; })) {
             elGroup.style.display = "none";
-            if(types != "None"){
+            if (types !== "None") {
                 document.getElementById("tab-" + groupKey).style.display = "block";
-            }else{
+            } else {
                 document.getElementById("tab-" + groupKey).style.display = "none";
             }
         } else {
@@ -2309,7 +2309,7 @@ function updateCheckedSubProperty(propertyName, propertyMultiValue, subPropertyE
  * PROPERTY ELEMENT CREATION FUNCTIONS
  */
 
-function createStringProperty(property, elProperty) {    
+function createStringProperty(property, elProperty) {
     let elementID = property.elementID;
     let propertyData = property.data;
     
@@ -2322,12 +2322,12 @@ function createStringProperty(property, elProperty) {
                ${propertyData.readOnly ? 'readonly' : ''}/>
         `);
 
-    
+
     elInput.addEventListener('change', createEmitTextPropertyUpdateFunction(property));
     if (propertyData.onChange !== undefined) {
         elInput.addEventListener('change', propertyData.onChange);
     }
-    
+
 
     let elMultiDiff = document.createElement('span');
     elMultiDiff.className = "multi-diff";
@@ -2338,7 +2338,7 @@ function createStringProperty(property, elProperty) {
     if (propertyData.buttons !== undefined) {
         addButtons(elProperty, elementID, propertyData.buttons, false);
     }
-    
+
     return elInput;
 }
 
@@ -2346,9 +2346,9 @@ function createBoolProperty(property, elProperty) {
     let propertyName = property.name;
     let elementID = property.elementID;
     let propertyData = property.data;
-    
+
     elProperty.className = "checkbox";
-                        
+
     if (propertyData.glyph !== undefined) {
         let elSpan = document.createElement('span');
         elSpan.innerHTML = propertyData.glyph;
@@ -2577,7 +2577,7 @@ function createVec3Property(property, elProperty) {
     let propertyData = property.data;
 
     elProperty.className = propertyData.vec3Type + " fstuple";
-    
+
     let elNumberX = createTupleNumberInput(property, propertyData.subLabels[VECTOR_ELEMENTS.X_NUMBER]);
     let elNumberY = createTupleNumberInput(property, propertyData.subLabels[VECTOR_ELEMENTS.Y_NUMBER]);
     let elNumberZ = createTupleNumberInput(property, propertyData.subLabels[VECTOR_ELEMENTS.Z_NUMBER]);
@@ -2592,7 +2592,7 @@ function createVec3Property(property, elProperty) {
     elNumberX.setMultiDiffStepFunction(createMultiDiffStepFunction(property, 'x'));
     elNumberY.setMultiDiffStepFunction(createMultiDiffStepFunction(property, 'y'));
     elNumberZ.setMultiDiffStepFunction(createMultiDiffStepFunction(property, 'z'));
-    
+
     let elResult = [];
     elResult[VECTOR_ELEMENTS.X_NUMBER] = elNumberX;
     elResult[VECTOR_ELEMENTS.Y_NUMBER] = elNumberY;
@@ -2600,11 +2600,11 @@ function createVec3Property(property, elProperty) {
     return elResult;
 }
 
-function createVec2Property(property, elProperty) {  
+function createVec2Property(property, elProperty) {
     let propertyData = property.data;
     
     elProperty.className = propertyData.vec2Type + " fstuple";
-                        
+
     let elTuple = document.createElement('div');
     elTuple.className = "tuple";
     
@@ -2641,19 +2641,19 @@ function createColorProperty(property, elProperty) {
     let propertyName = property.name;
     let elementID = property.elementID;
     let propertyData = property.data;
-    
+
     elProperty.className += " rgb fstuple";
-    
+
     let elColorPicker = document.createElement('div');
     elColorPicker.className = "color-picker";
     elColorPicker.setAttribute("id", elementID);
-    
+
     let elTuple = document.createElement('div');
     elTuple.className = "tuple";
-    
+
     elProperty.appendChild(elColorPicker);
     elProperty.appendChild(elTuple);
-    
+
     if (propertyData.min === undefined) {
         propertyData.min = COLOR_MIN;
     }
@@ -2663,19 +2663,19 @@ function createColorProperty(property, elProperty) {
     if (propertyData.step === undefined) {
         propertyData.step = COLOR_STEP;
     }
-    
+
     let elNumberR = createTupleNumberInput(property, "red");
     let elNumberG = createTupleNumberInput(property, "green");
     let elNumberB = createTupleNumberInput(property, "blue");
     elTuple.appendChild(elNumberR.elDiv);
     elTuple.appendChild(elNumberG.elDiv);
     elTuple.appendChild(elNumberB.elDiv);
-    
+
     let valueChangeFunction = createEmitColorPropertyUpdateFunction(property);
     elNumberR.setValueChangeFunction(valueChangeFunction);
     elNumberG.setValueChangeFunction(valueChangeFunction);
     elNumberB.setValueChangeFunction(valueChangeFunction);
-    
+
     let colorPickerID = "#" + elementID;
     colorPickers[colorPickerID] = $(colorPickerID).colpick({
         colorScheme: 'dark',
@@ -2704,7 +2704,7 @@ function createColorProperty(property, elProperty) {
             }
         }
     });
-    
+
     let elResult = [];
     elResult[COLOR_ELEMENTS.COLOR_PICKER] = elColorPicker;
     elResult[COLOR_ELEMENTS.RED_NUMBER] = elNumberR;
@@ -2729,26 +2729,26 @@ function createDropdownProperty(property, propertyID, elProperty) {
         option.text = propertyData.options[optionKey];
         elInput.add(option);
     }
-    
+
     elInput.addEventListener('change', createEmitTextPropertyUpdateFunction(property));
 
     elProperty.appendChild(elInput);
-    
+
     return elInput;
 }
 
-function createTextareaProperty(property, elProperty) {   
+function createTextareaProperty(property, elProperty) {
     let elementID = property.elementID;
     let propertyData = property.data;
-    
+
     elProperty.className = "textarea";
-    
+
     let elInput = document.createElement('textarea');
     elInput.setAttribute("id", elementID);
     if (propertyData.readOnly) {
         elInput.readOnly = true;
-    }                   
-    
+    }
+
     elInput.addEventListener('change', createEmitTextPropertyUpdateFunction(property));
 
     let elMultiDiff = document.createElement('span');
@@ -2756,42 +2756,42 @@ function createTextareaProperty(property, elProperty) {
 
     elProperty.appendChild(elInput);
     elProperty.appendChild(elMultiDiff);
-                        
+
     if (propertyData.buttons !== undefined) {
         addButtons(elProperty, elementID, propertyData.buttons, true);
     }
-    
+
     return elInput;
 }
 
-function createIconProperty(property, elProperty) { 
+function createIconProperty(property, elProperty) {
     let elementID = property.elementID;
 
     elProperty.className = "value";
-    
+
     let elSpan = document.createElement('span');
     elSpan.setAttribute("id", elementID + "-icon");
     elSpan.className = 'icon';
 
     elProperty.appendChild(elSpan);
-    
+
     return elSpan;
 }
 
-function createTextureProperty(property, elProperty) { 
+function createTextureProperty(property, elProperty) {
     let elementID = property.elementID;
-    
+
     elProperty.className = "texture";
-    
+
     let elDiv = document.createElement("div");
     let elImage = document.createElement("img");
     elDiv.className = "texture-image no-texture";
     elDiv.appendChild(elImage);
-    
+
     let elInput = document.createElement('input');
     elInput.setAttribute("id", elementID);
     elInput.setAttribute("type", "text"); 
-    
+
     let imageLoad = function(url) {
         elDiv.style.display = null;
         if (url.slice(0, 5).toLowerCase() === "atp:/") {
@@ -2828,7 +2828,7 @@ function createTextureProperty(property, elProperty) {
     elMultiDiff.className = "multi-diff";
     elProperty.appendChild(elMultiDiff);
     elProperty.appendChild(elDiv);
-   
+
     let elResult = [];
     elResult[TEXTURE_ELEMENTS.IMAGE] = elImage;
     elResult[TEXTURE_ELEMENTS.TEXT_INPUT] = elInput;
@@ -2844,23 +2844,23 @@ function createButtonsProperty(property, elProperty) {
     if (propertyData.buttons !== undefined) {
         addButtons(elProperty, elementID, propertyData.buttons, false);
     }
-    
+
     return elProperty;
 }
 
 function createDynamicMultiselectProperty(property, elProperty) {
     let elementID = property.elementID;
     let propertyData = property.data;
-        
+
     elProperty.className = "dynamic-multiselect";
-    
+
     let elDivOptions = document.createElement('div');
     elDivOptions.setAttribute("id", elementID + "-options");
     elDivOptions.style = "overflow-y:scroll;max-height:160px;";
-    
+
     let elDivButtons = document.createElement('div');
     elDivButtons.setAttribute("id", elDivOptions.getAttribute("id") + "-buttons");
-        
+
     let elLabel = document.createElement('label');
     elLabel.innerText = "No Options";
     elDivOptions.appendChild(elLabel);
@@ -2868,10 +2868,10 @@ function createDynamicMultiselectProperty(property, elProperty) {
     let buttons = [ { id: "selectAll", label: "Select All", className: "black", onClick: selectAllMaterialTarget }, 
                     { id: "clearAll", label: "Clear All", className: "black", onClick: clearAllMaterialTarget } ];
     addButtons(elDivButtons, elementID, buttons, false);
-    
+
     elProperty.appendChild(elDivOptions);
     elProperty.appendChild(elDivButtons);
-    
+
     return elDivOptions;
 }
 
@@ -2889,13 +2889,13 @@ function createTupleNumberInput(property, subLabel) {
     let propertyElementID = property.elementID;
     let propertyData = property.data;
     let elementID = propertyElementID + "-" + subLabel.toLowerCase();
-    
+
     let elLabel = document.createElement('label');
     elLabel.className = "sublabel " + subLabel;
     elLabel.innerText = subLabel[0].toUpperCase() + subLabel.slice(1);
     elLabel.setAttribute("for", elementID);
     elLabel.style.visibility = "visible";
-    
+
     let dragStartFunction = createDragStartFunction(property);
     let dragEndFunction = createDragEndFunction(property);
     let elDraggableNumber = new DraggableNumber(propertyData.min, propertyData.max, propertyData.step, 
@@ -2903,14 +2903,14 @@ function createTupleNumberInput(property, subLabel) {
     elDraggableNumber.elInput.setAttribute("id", elementID);
     elDraggableNumber.elDiv.className += " fstuple";
     elDraggableNumber.elDiv.insertBefore(elLabel, elDraggableNumber.elLeftArrow);
-    
+
     return elDraggableNumber;
 }
 
 function addButtons(elProperty, propertyID, buttons, newRow) {
     let elDiv = document.createElement('div');
     elDiv.className = "row";
-    
+
     buttons.forEach(function(button) {
         let elButton = document.createElement('input');
         elButton.className = button.className;
@@ -2932,7 +2932,7 @@ function addButtons(elProperty, propertyID, buttons, newRow) {
 }
 
 function createProperty(propertyData, propertyElementID, propertyName, propertyID, elProperty) {
-    let property = { 
+    let property = {
         data: propertyData, 
         elementID: propertyElementID, 
         name: propertyName,
@@ -3523,15 +3523,15 @@ function requestMaterialTarget() {
         entityID: getFirstSelectedID(),
     }));
 }
- 
+
 function setMaterialTargetData(materialTargetData) {
     let elDivOptions = getPropertyInputElement("parentMaterialName");
     resetDynamicMultiselectProperty(elDivOptions);
-    
+
     if (materialTargetData === undefined) {
         return;
     }
-    
+
     elDivOptions.firstChild.style.display = "none"; // hide "No Options" text
     elDivOptions.parentNode.lastChild.style.display = null; // show Select/Clear all buttons
 
@@ -3539,7 +3539,7 @@ function setMaterialTargetData(materialTargetData) {
     for (let i = 0; i < numMeshes; ++i) {
         addMaterialTarget(elDivOptions, i, false);
     }
-    
+
     let materialNames = materialTargetData.materialNames;
     let materialNamesAdded = [];
     for (let i = 0; i < materialNames.length; ++i) {
@@ -3549,7 +3549,7 @@ function setMaterialTargetData(materialTargetData) {
             materialNamesAdded.push(materialName);
         }
     }
-    
+
     materialTargetPropertyUpdate(elDivOptions.propertyValue);
 }
 
@@ -3557,12 +3557,12 @@ function addMaterialTarget(elDivOptions, targetID, isMaterialName) {
     let elementID = elDivOptions.getAttribute("id");
     elementID += isMaterialName ? "-material-" : "-mesh-";
     elementID += targetID;
-    
+
     let elDiv = document.createElement('div');
     elDiv.className = "materialTargetDiv";
     elDiv.onclick = onToggleMaterialTarget;
     elDivOptions.appendChild(elDiv);
-    
+
     let elInput = document.createElement('input');
     elInput.className = "materialTargetInput";
     elInput.setAttribute("type", "checkbox");
@@ -3570,12 +3570,12 @@ function addMaterialTarget(elDivOptions, targetID, isMaterialName) {
     elInput.setAttribute("targetID", targetID);
     elInput.setAttribute("isMaterialName", isMaterialName);
     elDiv.appendChild(elInput);
-    
+
     let elLabel = document.createElement('label');
     elLabel.setAttribute("for", elementID);
     elLabel.innerText = isMaterialName ? "Material " + targetID : "Mesh Index " + targetID;
     elDiv.appendChild(elLabel);
-    
+
     return elDiv;
 }
 
@@ -3608,7 +3608,7 @@ function clearAllMaterialTarget() {
 function sendMaterialTargetProperty() {
     let elDivOptions = getPropertyInputElement("parentMaterialName");   
     let elInputs = elDivOptions.getElementsByClassName("materialTargetInput");
-    
+
     let materialTargetList = [];
     for (let i = 0; i < elInputs.length; ++i) {
         let elInput = elInputs[i];
@@ -3621,26 +3621,26 @@ function sendMaterialTargetProperty() {
             }
         }
     }
-    
+
     let propertyValue = materialTargetList.join(",");
     if (propertyValue.length > 1) {
         propertyValue = "[" + propertyValue + "]";
     }
-    
+
     updateProperty("parentMaterialName", propertyValue, false);
 }
 
 function materialTargetPropertyUpdate(propertyValue) {
     let elDivOptions = getPropertyInputElement("parentMaterialName");
     let elInputs = elDivOptions.getElementsByClassName("materialTargetInput");
-    
+
     if (propertyValue.startsWith('[')) {
         propertyValue = propertyValue.substring(1, propertyValue.length);
     }
     if (propertyValue.endsWith(']')) {
         propertyValue = propertyValue.substring(0, propertyValue.length - 1);
     }
-    
+
     let materialTargets = propertyValue.split(",");
     for (let i = 0; i < elInputs.length; ++i) {
         let elInput = elInputs[i];
@@ -3651,7 +3651,7 @@ function materialTargetPropertyUpdate(propertyValue) {
         }
         elInput.checked = materialTargets.indexOf(materialTargetName) >= 0;
     }
-    
+
     elDivOptions.propertyValue = propertyValue;
 }
 
@@ -4014,29 +4014,29 @@ function loaded() {
             let elGroup;
 
             elGroup = document.createElement('div');
-            elGroup.className = 'section ' + "major";                
+            elGroup.className = 'section ' + "major";
             elGroup.setAttribute("id", "properties-" + group.id);
             elPropertiesList.appendChild(elGroup);
-         
-            
+
             if (group.label !== undefined) {
                 let elLegend = document.createElement('div');
                 elLegend.className = "tab-section-header";
                 elLegend.appendChild(createElementFromHTML(`<div class="labelTabHeader">${group.label}</div>`));
-                elGroup.appendChild(elLegend);                
+                elGroup.appendChild(elLegend);
                 tabs = tabs +'<button id="tab-'+ group.id +'" onclick="showPage(' + "'" + group.id  + "'" + ');"><img src="tabs/'+ group.id +'.png"></button>';
+                //tabs = tabs +'<button id="tab-'+ group.id +'" title="' + group.label + '" onclick="showPage(' + "'" + group.id  + "'" + ');"><img src="tabs/'+ group.id +'.png"></button>';
             }
-                
+
             group.properties.forEach(function(propertyData) {
                 let propertyType = propertyData.type;
-                let propertyID = propertyData.propertyID;               
+                let propertyID = propertyData.propertyID;
                 let propertyName = propertyData.propertyName !== undefined ? propertyData.propertyName : propertyID;
                 let propertySpaceMode = propertyData.spaceMode !== undefined ? propertyData.spaceMode : PROPERTY_SPACE_MODE.ALL;
                 let propertyElementID = "property-" + propertyID;
                 propertyElementID = propertyElementID.replace('.', '-');
-                
+
                 let elContainer, elLabel;
-                                
+
                 if (propertyData.replaceID === undefined) {
                     // Create subheader, or create new property and append it.
                     if (propertyType === "sub-header") {
@@ -4126,15 +4126,15 @@ function loaded() {
                     property.elContainer = elContainer;
                     property.spaceMode = propertySpaceMode;
                     property.group_id = group.id;
-                    
+
                     if (property.type !== 'placeholder') {
                         properties[propertyID] = property;
-                    }           
+                    }
                     if (propertyData.type === 'number' || propertyData.type === 'number-draggable' || 
                         propertyData.type === 'vec2' || propertyData.type === 'vec3' || propertyData.type === 'rect') {
                         propertyRangeRequests.push(propertyID);
                     }
-                    
+
                     let showPropertyRule = propertyData.showPropertyRule;
                     if (showPropertyRule !== undefined) {
                         let dependentProperty = Object.keys(showPropertyRule)[0];
@@ -4149,12 +4149,12 @@ function loaded() {
                     }
                 }
             });
-            
+
             elGroups[group.id] = elGroup;
         });
 
         updateVisibleSpaceModeProperties();
-        
+
         if (window.EventBridge !== undefined) {
             EventBridge.scriptEventReceived.connect(function(data) {
                 data = JSON.parse(data);
@@ -4233,7 +4233,7 @@ function loaded() {
             EventBridge.emitWebEvent(JSON.stringify({ type: 'tooltipsRequest' }));
             EventBridge.emitWebEvent(JSON.stringify({ type: 'propertyRangeRequest', properties: propertyRangeRequests }));
         }
-        
+
         // Server Script Status
         let elServerScriptStatusOuter = document.getElementById('div-property-serverScriptStatus');
         let elServerScriptStatusContainer = document.getElementById('div-property-serverScriptStatus').childNodes[1];
@@ -4242,7 +4242,7 @@ function loaded() {
         let elServerScriptStatus = document.createElement('div');
         elServerScriptStatus.setAttribute("id", serverScriptStatusElementID);
         elServerScriptStatusContainer.appendChild(elServerScriptStatus);
-        
+
         // Server Script Error
         let elServerScripts = getPropertyInputElement("serverScripts");
         let elDiv = document.createElement('div');
@@ -4252,11 +4252,11 @@ function loaded() {
         elServerScriptError.setAttribute("id", serverScriptErrorElementID);
         elDiv.appendChild(elServerScriptError);
         elServerScriptStatusContainer.appendChild(elDiv);
-        
+
         let elScript = getPropertyInputElement("script");
         elScript.parentNode.className = "url refresh";
         elServerScripts.parentNode.className = "url refresh";
-            
+
         // User Data
         let userDataProperty = properties["userData"];
         let elUserData = userDataProperty.elInput;
@@ -4275,7 +4275,7 @@ function loaded() {
         elDiv.insertBefore(elStaticUserData, elUserData);
         elDiv.insertBefore(elUserDataEditor, elUserData);
         elDiv.insertBefore(elUserDataEditorStatus, elUserData);
-        
+
         // Material Data
         let materialDataProperty = properties["materialData"];
         let elMaterialData = materialDataProperty.elInput;
@@ -4311,7 +4311,7 @@ function loaded() {
             curCollapsibleElement.addEventListener("click", toggleCollapsedEvent, true);
         }
         */
-        
+
         // Textarea scrollbars
         let elTextareas = document.getElementsByTagName("TEXTAREA");
 
@@ -4328,7 +4328,7 @@ function loaded() {
             event; mouseup is a partial stand-in but doesn't handle resizing if mouse moves outside textarea rectangle. */
             curTextAreaElement.addEventListener("mouseup", textareaOnChangeEvent, false);
         }
-        
+
         // Dropdowns
         // For each dropdown the following replacement is created in place of the original dropdown...
         // Structure created:
@@ -4340,7 +4340,7 @@ function loaded() {
         //              <li>...</li>
         //          </ul>
         //      </dd>
-        //  </dl>    
+        //  </dl>
         let elDropdowns = document.getElementsByTagName("select");
         for (let dropDownIndex = 0; dropDownIndex < elDropdowns.length; ++dropDownIndex) {
             let elDropdown = elDropdowns[dropDownIndex];
@@ -4389,7 +4389,7 @@ function loaded() {
                 li.addEventListener("click", setDropdownValue);
                 ul.appendChild(li);
             }
-            
+
             let propertyID = elDropdown.getAttribute("propertyID");
             let property = properties[propertyID];
             property.elInput = dt;
@@ -4450,14 +4450,14 @@ function loaded() {
                 }
             }));
         }, false);
-        
+
         window.onblur = function() {
             // Fake a change event
             let ev = document.createEvent("HTMLEvents");
             ev.initEvent("change", true, true);
             document.activeElement.dispatchEvent(ev);
         };
-        
+
         // For input and textarea elements, select all of the text on focus
         let els = document.querySelectorAll("input, textarea");
         for (let i = 0; i < els.length; ++i) {
@@ -4465,17 +4465,16 @@ function loaded() {
                 e.target.select();
             };
         }
-        
+
         document.getElementById("tabs").innerHTML = tabs;
-        
-        bindAllNonJSONEditorElements(); 
+
+        bindAllNonJSONEditorElements();
 
         showGroupsForType("None");
         showPage("base");
         resetProperties();
         disableProperties();
-        
-        
+
     });
 
     augmentSpinButtons();
@@ -4492,7 +4491,7 @@ function loaded() {
 }
 
 function showOnTheSamePage(entityType) {
-    if(GROUPS_PER_TYPE[entityType].includes(currentTab) == false){
+    if (!GROUPS_PER_TYPE[entityType].includes(currentTab)) {
         currentTab = "base";
     }
     showPage(currentTab);
@@ -4501,7 +4500,7 @@ function showOnTheSamePage(entityType) {
 function showPage(id) {
     currentTab = id;
     Object.entries(elGroups).forEach(([groupKey, elGroup]) => {
-        if (groupKey == id) {
+        if (groupKey === id) {
             elGroup.style.display = "block";
             document.getElementById("tab-" + groupKey).style.backgroundColor = "#2E2E2E";
         } else {

From e6a45690ba400d30a4d0b1859ea49ba81eef6890 Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Mon, 2 Mar 2020 23:53:55 -0500
Subject: [PATCH 13/25] Color Adjustments

The color has been attenuated on those 2 icons.
It was too present compared to the others.
---
 .../create/entityProperties/html/tabs/base.png  | Bin 671 -> 669 bytes
 .../entityProperties/html/tabs/scripts.png      | Bin 754 -> 755 bytes
 2 files changed, 0 insertions(+), 0 deletions(-)

diff --git a/scripts/system/create/entityProperties/html/tabs/base.png b/scripts/system/create/entityProperties/html/tabs/base.png
index 1eed920742a3aee17134a9773018882ee83ab0ff..9f656abe2745438cda8d86081d5e2dc7a0e60266 100644
GIT binary patch
delta 563
zcmV-30?hrN1)T+ub$=5{L_t(|+G70w|33o+ECCS(K%5E0LO}c-h}nVo7Z9@o@oy;o
z2P%FFh+~2H9RpSn1113ihy_U`9f<oGhzDLkyc~$bf%pS1MF0VWY(WB)E(GH3K+K6n
z{a+yF2IAE~ECa-DK)ecwqk;G}HVXg(2-yNYD18EmZ{l$|7k@O^Kw<j~h+Ux$3IgIs
z=!yXXh>3wb0CLzDXdGMvVq+lQ0K{_W3IPI$TniYW5q$xOy`i)r)Dl@_MF0Uri3N<%
z)b;@ClSfcXK*>=6rU)Q_SjaT|4>ZZ1f=2vLBtz|hcs3A+f;a#HM2-)>0r5$wq3qC9
z1@g&1ApQhZqkjWa3=lx%1`#MpO8~Jn5KBQZh;Iq?5i?97Kmd^&M8BXI9ejo+UpN2=
zAQmE$Be8LU6#xVfJ_FK#I0q?H;Yvwt&?2K9n>v61!e+sLq|~5Gqz~RhE%=8n0T4he
zI9vq+`9M4i%E#ve5WWuOGovd22q1hx^cIK@F;EBq0)Ggf1<cSiPHf)58qoj&gf9--
zpuzM5PY{6s2N17><_(NE00<y_J`jZFRAwSVK@^uHKmZYn<SryWzC!OQu95*Dfbazo
zs7}5^Vw_?GB|rcnTksu9s{rw3Xw5|m0L7IW)XbkSL4W{4wqPB!W?F=!oFN9VLh0Qw
z0e}EPwk)6*>gs4{<o+Yka3*NeW-|~s!UO>V3;=@`ThW;VL&*RD002ovPDHLkV1oNn
B&?^7{

delta 565
zcmV-50?PfJ1)l|wb$=B}L_t(|+G70w|33o+FoK8zAkGA0At3$^#Oy%)3y4{P_&1dP
z0~J37#IZp9jsYuxm<td<3?K_2m?0g`Bp&YsVgZmFF)>5|Kmai!`QSK^umIvhAl?qd
zoLHRo7l^rmcr_5qK*e?gaWoLW#^wWn07CY`RVdQ}yNlqM3xA030`Wf}egf5V28iXb
z`2Zk*m>9?dEI|AP8VA>a*cga60I?jpLVy4w*8&D;L|*`6ZzydDwL}(K5kLS@VgVyG
zwLO6P<Pp@8B|t0yQv?t|EMyw~2byG0K_mVrlA(4$JR68ZK^%YpBF6{cfcPZTP<Cjl
z0{P@05PyQI(SLy{1_&T>gD3%rC4g8Oh^3$y#J7a{h#963Ab`jXqF+#q4n89?00aO8
z5DO8>k=QuF3IGBKp8;t=oC9^~e>^FP4TzTmaXU7300G2;yOaW_23;b3@E&TxKXeIz
z0Aj)6DiFvA;#p8WJ|BSabts=1T>(G<;R~X-KzxXSLVo}dK=>?RhNf|1^9I(41_&U0
zanJ@0rXP5M2n0BQcqKG%V8j7H0O9k2AT*~k6A=ocxFi7rh)^VVA@T7QdQWkc3;+Ry
zFNi>O@*NW66eB1B0tnfH?@(F=h%W;%7m0?0;z|u_=1-U)KmZ|Iunt-?Ey7XG5Cd3|
z>S-_l2reLG3woihj)q3=KN1aRf;Me7192lv5Fo$+9ct0B(5o5%00000NkvXXu0mjf
Dc!STq

diff --git a/scripts/system/create/entityProperties/html/tabs/scripts.png b/scripts/system/create/entityProperties/html/tabs/scripts.png
index 9201fbfb721790b6c5ad3ff7451a2d28b53e165a..2249af165b1af0253ac963c3b1202c8150cf3d28 100644
GIT binary patch
delta 650
zcmV;50(JfJ1@i@vb$@9|L_t(|+G70w|33pQ0YCsTG0+$Q1Q5$ghLs??5Qyu5m>Y;0
zf%ps5ayB6TPlO|X0C58lPe7Lh2p|?9&H>^+AnpX><3Jn(#34Z31;popn4N$He}UK%
zi2H%~4-ij*iZg>82oOLZ3yOgF91tIdD%c6cfk6BZh*uC95`RmeJ^`6E3y6OKaV`)i
z0|XGrf^R^q3B;?Q!SfetyF7`(eG-V{p%!^Tee@Y1fIt>l0Wl{utp7l5Ujr2bff+!o
z0>r;@gg;0;8;HLH@lPOj1LA2w{1jvcKmdU(_yons;1|?4AaDn&@edvgzCwdk02&et
zf%quMB7gv5A%7wX_YfIGu*7fzh_j$U^cx_6Sg4fTLBW{<#J8adBpn*bnE(NV&w_tY
zx)_LMa0C%3-d+Q-IS|`JBN>#EYJj)}6n_8#gwKNi&|m^30wpYw{2v-mhR_Ip0!<Ka
zp+PhqqzE8@@L9kN^+hlqHKjmo3dE7n2%Zb&zkn$K2!9|-%c57%@ZO5#pr6PJ00M}Z
zNalv75Nu`AY8-I`2LJ)YLZFOcftF9&=q^JF#^2Bg{)WvEfB+(t4?wP~1Y&V0`yZMb
zMyU8DAlATU2tWYgvjCQpw-Om2Y}m{M2q022ni(|d31aaHh|dqraG)aM9S|3Qay38z
z;j#df%zvzbm=!7g`$6-=WN7>_Vu`blKx_lVp+GDI5(Ee!Tox<_;zVe=2D#c9h^wKg
zW*#&+uvs7m#BtC#IRFv_2q0V*fGVFTXf?P6h<TtTrX3KU!eTgboSlIN4>(l;1P~*w
kTNMBSMDtb!K!5=NZy<kyJn*aV00000NkvXXt^-0~g7K>RIsgCw

delta 649
zcmV;40(SlL1@Z-ub$@6{L_t(|+G70w|33pQ0YCsTG0+$Q1Q1ITLlcND1mZd%<_2O$
zApQcioDGQo6XD1oK->Vt6VN3A0*D2ObAY%Hh&zG!I1tAGaR?B10r7btW+!05Um&&w
z;(j3h1H@CH;>;ii0t67qf+8S32gHY=3U&f<AQ1lp;uS=O#D5Z~Pe5kP0^(mloD0Os
z009KD;2RKY0`V$n@cf0^E>B``p9JD~s6}2-AAJT0Adm%CK+FjZ>pxK2*FeQUU<MGY
z0P$}e;SUne2IB8P{1b@XfOr}ZKLwcq5I`UcK0z@u_yzS12;6~c{Da4Wuh1YBfQH0E
zAU+DR2q1u1h<`}JJwyf(EHRt_;w)$o{RRji7AhroP;jOI@oi`VNry&qCO`n;v)~_;
zE(T&596<z%x7R>y4#f7*NCu^(8X#@~#UDTb;j`dBG?+k%KnY7E|A)qtAvA)YKoi7U
zXb?>YDFO%}d=@Z6eG!aDO(_tY0&yfXg6Bf{FJKA)0)L3ovgj2wytg7b=qIuQfB+&U
zlDVNN1Y4Q38b{o~0YCt;5GZ3<pyiV`y33G)@i#PrzhN^3Ab<$v1CZ+~fmj^M{)eW9
z5h{KOh&8Yo0uVs>EP&<YtwhEL8#Xfm0*I81W(G}qf>?Y4;`2i@9H@wR2gC)STn!LF
zxGVrAGk<F!W<^T>e$f0d85%!~SmNv>5ZeH8C=d&Q1OWmFmj#P~I1!qzL9TWN;%aEB
znFkFHY!-+CaU3*G4uAv!0tlA{pvor-S`BUiVjgITX$Qoouo#XUXJ??n15Q-{0mMk_
jRs}!+(Y#dw5MTi1TYof$S%shg0000<MNUMnLIPld@c{92


From ed9918a53751a49d3ecafc6cd9a7754c17deb153 Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Tue, 3 Mar 2020 19:21:14 -0500
Subject: [PATCH 14/25] Fix for the multiselection.

This is the fix for the multiselection case.
(It doesn't include the solution for User Data.)
---
 .../entityProperties/html/js/entityProperties.js       | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/scripts/system/create/entityProperties/html/js/entityProperties.js b/scripts/system/create/entityProperties/html/js/entityProperties.js
index d9fbe7c97c..7bfc869f04 100644
--- a/scripts/system/create/entityProperties/html/js/entityProperties.js
+++ b/scripts/system/create/entityProperties/html/js/entityProperties.js
@@ -4491,7 +4491,15 @@ function loaded() {
 }
 
 function showOnTheSamePage(entityType) {
-    if (!GROUPS_PER_TYPE[entityType].includes(currentTab)) {
+    var i;
+    var numbType = entityType.length;
+    var matchingType = 0;
+    for (i = 0; i < numbType; i++) {
+        if (GROUPS_PER_TYPE[entityType[i]].includes(currentTab)) {
+            matchingType = matchingType + 1;
+        }
+    }
+    if (matchingType !== numbType) {
         currentTab = "base";
     }
     showPage(currentTab);

From 206b1b12c5d516d424b82c5bf98561c33afe562c Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Wed, 4 Mar 2020 18:26:23 -0500
Subject: [PATCH 15/25] Additional fixes about the formatting.

Additional fixes about the formatting.
---
 .../create/entityProperties/html/tabs/tabs.css    | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/scripts/system/create/entityProperties/html/tabs/tabs.css b/scripts/system/create/entityProperties/html/tabs/tabs.css
index 90cf201211..540a4a4e7e 100644
--- a/scripts/system/create/entityProperties/html/tabs/tabs.css
+++ b/scripts/system/create/entityProperties/html/tabs/tabs.css
@@ -1,5 +1,5 @@
 /*
-//  tab.css.css
+//  tabs.css
 //
 //  Created by Alezia Kurdis on 02/27/2020
 //  for "Project Athena"
@@ -10,15 +10,12 @@
 
 div.tabsContainer {
     float: left;
-    width:32px;
+    width: 32px;
     padding: 0px;
 }
 
 .tabsContainer button {
-    //display: block;
-    //color: black;
     padding: 4px;
-    //width:100%;
     text-align: center;
     cursor: pointer;
     transition: 0.4s;
@@ -27,7 +24,7 @@ div.tabsContainer {
     border-color: #404040;
     border-width: 1px 0px 1px 1px;
     border-radius: 5px 0px 0px 5px;
-    outline:none;
+    outline: none;
 }
 
 .tabsContainer button:hover {
@@ -42,10 +39,10 @@ div.labelTabHeader {
     font-size: 20px;
     font-weight: 700;
     height: 40px;
-    color:#ffffff;
+    color: #ffffff;
 }
 
 div.tab-section-header {
-    width:100%;
+    width: 100%;
     padding: 5px;
-}
\ No newline at end of file
+}

From d934018c7be0b14bc7a91d21cf7542ac56e7ef65 Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Wed, 4 Mar 2020 18:42:57 -0500
Subject: [PATCH 16/25] Codes minor adjustments

Codes minor adjustments.
Some formatting issues.
Use element instead of a string
---
 .../html/js/entityProperties.js               | 47 ++++---------------
 1 file changed, 10 insertions(+), 37 deletions(-)

diff --git a/scripts/system/create/entityProperties/html/js/entityProperties.js b/scripts/system/create/entityProperties/html/js/entityProperties.js
index 7bfc869f04..26eb94e8da 100644
--- a/scripts/system/create/entityProperties/html/js/entityProperties.js
+++ b/scripts/system/create/entityProperties/html/js/entityProperties.js
@@ -33,7 +33,7 @@ const PROPERTY_SELECTION_VISIBILITY = Object.freeze({
     SINGLE_SELECTION: 1,
     MULTIPLE_SELECTIONS: 2,
     MULTI_DIFF_SELECTIONS: 4,
-    ANY_SELECTIONS: 7, /* SINGLE_SELECTION | MULTIPLE_SELECTIONS | MULTI_DIFF_SELECTIONS */
+    ANY_SELECTIONS: 7 /* SINGLE_SELECTION | MULTIPLE_SELECTIONS | MULTI_DIFF_SELECTIONS */
 });
 
 // Multiple-selection behavior
@@ -43,7 +43,7 @@ const PROPERTY_MULTI_DISPLAY_MODE = Object.freeze({
      * Comma separated values
      * Limited for properties with type "string" or "textarea" and readOnly enabled
      */
-    COMMA_SEPARATED_VALUES: 1,
+    COMMA_SEPARATED_VALUES: 1
 });
 
 const GROUPS = [
@@ -915,7 +915,6 @@ const GROUPS = [
     {
         id: "particles_emit",
         label: "PARTICLES EMIT",
-        //isMinor: true,
         properties: [
             {
                 label: "Emit Rate",
@@ -988,7 +987,6 @@ const GROUPS = [
     {
         id: "particles_size",
         label: "PARTICLES SIZE",
-        //isMinor: true,
         properties: [
             {
                 type: "triple",
@@ -1032,7 +1030,6 @@ const GROUPS = [
     {
         id: "particles_color",
         label: "PARTICLES COLOR",
-        //isMinor: true,
         properties: [
             {
                 type: "triple",
@@ -1106,7 +1103,6 @@ const GROUPS = [
     {
         id: "particles_behavior",
         label: "PARTICLES BEHAVIOR",
-        //isMinor: true,
         properties: [
             {
                 label: "Emit Acceleration",
@@ -1181,7 +1177,6 @@ const GROUPS = [
     {
         id: "particles_constraints",
         label: "PARTICLES CONSTRAINTS",
-        //isMinor: true,
         properties: [
             {
                 type: "triple",
@@ -1408,7 +1403,6 @@ const GROUPS = [
             }
         ]
     },
-,
     {
         id: "scripts",
         label: "SCRIPTS",
@@ -4008,8 +4002,8 @@ function handleEntitySelectionUpdate(selections, isPropertiesToolUpdate) {
 function loaded() {
     openEventBridge(function() {
         let elPropertiesList = document.getElementById("properties-pages");
-        let tabs = "";
-        
+        let elTabs = document.getElementById("tabs");
+
         GROUPS.forEach(function(group) {
             let elGroup;
 
@@ -4023,8 +4017,7 @@ function loaded() {
                 elLegend.className = "tab-section-header";
                 elLegend.appendChild(createElementFromHTML(`<div class="labelTabHeader">${group.label}</div>`));
                 elGroup.appendChild(elLegend);
-                tabs = tabs +'<button id="tab-'+ group.id +'" onclick="showPage(' + "'" + group.id  + "'" + ');"><img src="tabs/'+ group.id +'.png"></button>';
-                //tabs = tabs +'<button id="tab-'+ group.id +'" title="' + group.label + '" onclick="showPage(' + "'" + group.id  + "'" + ');"><img src="tabs/'+ group.id +'.png"></button>';
+                elTabs.appendChild(createElementFromHTML('<button id="tab-'+ group.id +'" onclick="showPage(' + "'" + group.id  + "'" + ');"><img src="tabs/'+ group.id +'.png"></button>'));
             }
 
             group.properties.forEach(function(propertyData) {
@@ -4294,23 +4287,6 @@ function loaded() {
         elDiv.insertBefore(elStaticMaterialData, elMaterialData);
         elDiv.insertBefore(elMaterialDataEditor, elMaterialData);
         elDiv.insertBefore(elMaterialDataEditorStatus, elMaterialData);
-        /*
-        // Collapsible sections
-        let elCollapsible = document.getElementsByClassName("collapse-icon");
-
-        let toggleCollapsedEvent = function(event) {
-            let element = this.parentNode.parentNode;
-            let isCollapsed = element.dataset.collapsed !== "true";
-            element.dataset.collapsed = isCollapsed ? "true" : false;
-            element.setAttribute("collapsed", isCollapsed ? "true" : "false");
-            this.textContent = isCollapsed ? "L" : "M";
-        };
-
-        for (let collapseIndex = 0, numCollapsibles = elCollapsible.length; collapseIndex < numCollapsibles; ++collapseIndex) {
-            let curCollapsibleElement = elCollapsible[collapseIndex];
-            curCollapsibleElement.addEventListener("click", toggleCollapsedEvent, true);
-        }
-        */
 
         // Textarea scrollbars
         let elTextareas = document.getElementsByTagName("TEXTAREA");
@@ -4466,8 +4442,6 @@ function loaded() {
             };
         }
 
-        document.getElementById("tabs").innerHTML = tabs;
-
         bindAllNonJSONEditorElements();
 
         showGroupsForType("None");
@@ -4491,15 +4465,14 @@ function loaded() {
 }
 
 function showOnTheSamePage(entityType) {
-    var i;
-    var numbType = entityType.length;
-    var matchingType = 0;
-    for (i = 0; i < numbType; i++) {
+    let numberOfTypes = entityType.length;
+    let matchingType = 0;
+    for (let i = 0; i < numberOfTypes; i++) {
         if (GROUPS_PER_TYPE[entityType[i]].includes(currentTab)) {
             matchingType = matchingType + 1;
         }
     }
-    if (matchingType !== numbType) {
+    if (matchingType !== numberOfTypes) {
         currentTab = "base";
     }
     showPage(currentTab);
@@ -4516,4 +4489,4 @@ function showPage(id) {
             document.getElementById("tab-" + groupKey).style.backgroundColor = "#404040";
         }
     });
-}
\ No newline at end of file
+}

From 8ab40e1a0832c2a064327c8a20ff572d93748e60 Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Tue, 10 Mar 2020 00:48:54 -0400
Subject: [PATCH 17/25] Fix the userData and materialData editor

Fix the userData and materialData editor.
Only 2 conditions have been modified to make it works.
I have removed a significant quantity of dead code
that was trying to overlay a static text an obscure reason.
Please, retest this. In case I missed something that I don't know.
---
 .../html/js/entityProperties.js               | 52 +------------------
 1 file changed, 2 insertions(+), 50 deletions(-)

diff --git a/scripts/system/create/entityProperties/html/js/entityProperties.js b/scripts/system/create/entityProperties/html/js/entityProperties.js
index 26eb94e8da..9e476d80aa 100644
--- a/scripts/system/create/entityProperties/html/js/entityProperties.js
+++ b/scripts/system/create/entityProperties/html/js/entityProperties.js
@@ -1741,12 +1741,6 @@ function disableChildren(el, selector) {
 function enableProperties() {
     enableChildren(document.getElementById("properties-list"), ENABLE_DISABLE_SELECTOR);
     enableChildren(document, ".colpick");
-    
-    let elLocked = getPropertyInputElement("locked");
-    if (elLocked.checked === false) {
-        removeStaticUserData();
-        removeStaticMaterialData();
-    }
 }
 
 function disableProperties() {
@@ -1755,16 +1749,6 @@ function disableProperties() {
     for (let pickKey in colorPickers) {
         colorPickers[pickKey].colpickHide();
     }
-    
-    let elLocked = getPropertyInputElement("locked");
-    if (elLocked.checked === true) {
-        if ($('#property-userData-editor').css('display') === "block") {
-            showStaticUserData();
-        }
-        if ($('#property-materialData-editor').css('display') === "block") {
-            showStaticMaterialData();
-        }
-    }
 }
 
 function showPropertyElement(propertyID, show) {
@@ -3217,19 +3201,6 @@ function hideUserDataSaved() {
     $('#property-userData-saved').hide();
 }
 
-function showStaticUserData() {
-    if (editor !== null) {
-        let $propertyUserDataStatic = $('#property-userData-static');
-        $propertyUserDataStatic.show();
-        $propertyUserDataStatic.css('height', $('#property-userData-editor').height());
-        $propertyUserDataStatic.text(editor.getText());
-    }
-}
-
-function removeStaticUserData() {
-    $('#property-userData-static').hide();
-}
-
 function setEditorJSON(json) {
     editor.set(json);
     if (editor.hasOwnProperty('expandAll')) {
@@ -3382,19 +3353,6 @@ function hideMaterialDataSaved() {
     $('#property-materialData-saved').hide();
 }
 
-function showStaticMaterialData() {
-    if (materialEditor !== null) {
-        let $propertyMaterialDataStatic = $('#property-materialData-static');
-        $propertyMaterialDataStatic.show();
-        $propertyMaterialDataStatic.css('height', $('#property-materialData-editor').height());
-        $propertyMaterialDataStatic.text(materialEditor.getText());
-    }
-}
-
-function removeStaticMaterialData() {
-    $('#property-materialData-static').hide();
-}
-
 function setMaterialEditorJSON(json) {
     materialEditor.set(json);
     if (materialEditor.hasOwnProperty('expandAll')) {
@@ -3935,7 +3893,7 @@ function handleEntitySelectionUpdate(selections, isPropertiesToolUpdate) {
 
             }
         }
-        if (json !== null) {
+        if (json !== null && !lockedMultiValue.isMultiDiffValue && !lockedMultiValue.value) {
             if (editor === null) {
                 createJSONEditor();
             }
@@ -3967,7 +3925,7 @@ function handleEntitySelectionUpdate(selections, isPropertiesToolUpdate) {
 
             }
         }
-        if (materialJson !== null) {
+        if (materialJson !== null && !lockedMultiValue.isMultiDiffValue && !lockedMultiValue.value) {
             if (materialEditor === null) {
                 createJSONMaterialEditor();
             }
@@ -4255,8 +4213,6 @@ function loaded() {
         let elUserData = userDataProperty.elInput;
         let userDataElementID = userDataProperty.elementID;
         elDiv = elUserData.parentNode;
-        let elStaticUserData = document.createElement('div');
-        elStaticUserData.setAttribute("id", userDataElementID + "-static");
         let elUserDataEditor = document.createElement('div');
         elUserDataEditor.setAttribute("id", userDataElementID + "-editor");
         let elUserDataEditorStatus = document.createElement('div');
@@ -4265,7 +4221,6 @@ function loaded() {
         elUserDataSaved.setAttribute("id", userDataElementID + "-saved");
         elUserDataSaved.innerText = "Saved!";
         elDiv.childNodes[JSON_EDITOR_ROW_DIV_INDEX].appendChild(elUserDataSaved);
-        elDiv.insertBefore(elStaticUserData, elUserData);
         elDiv.insertBefore(elUserDataEditor, elUserData);
         elDiv.insertBefore(elUserDataEditorStatus, elUserData);
 
@@ -4274,8 +4229,6 @@ function loaded() {
         let elMaterialData = materialDataProperty.elInput;
         let materialDataElementID = materialDataProperty.elementID;
         elDiv = elMaterialData.parentNode;
-        let elStaticMaterialData = document.createElement('div');
-        elStaticMaterialData.setAttribute("id", materialDataElementID + "-static");
         let elMaterialDataEditor = document.createElement('div');
         elMaterialDataEditor.setAttribute("id", materialDataElementID + "-editor");
         let elMaterialDataEditorStatus = document.createElement('div');
@@ -4284,7 +4237,6 @@ function loaded() {
         elMaterialDataSaved.setAttribute("id", materialDataElementID + "-saved");
         elMaterialDataSaved.innerText = "Saved!";
         elDiv.childNodes[JSON_EDITOR_ROW_DIV_INDEX].appendChild(elMaterialDataSaved);
-        elDiv.insertBefore(elStaticMaterialData, elMaterialData);
         elDiv.insertBefore(elMaterialDataEditor, elMaterialData);
         elDiv.insertBefore(elMaterialDataEditorStatus, elMaterialData);
 

From e371823896b4348f1594d3ba60898a23f50cd29b Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Wed, 18 Mar 2020 18:33:09 -0400
Subject: [PATCH 18/25] Move the tabs.css with other css

Move the tabs.css with other css
---
 scripts/system/html/css/tabs.css | 77 ++++++++++++++++++++++++++++++++
 1 file changed, 77 insertions(+)
 create mode 100644 scripts/system/html/css/tabs.css

diff --git a/scripts/system/html/css/tabs.css b/scripts/system/html/css/tabs.css
new file mode 100644
index 0000000000..37383b6d99
--- /dev/null
+++ b/scripts/system/html/css/tabs.css
@@ -0,0 +1,77 @@
+/*
+//  tabs.css
+//
+//  Created by Alezia Kurdis on 27 Feb 2020
+//  Copyright 2020 Project Athena contributors.
+//
+//  Distributed under the Apache License, Version 2.0.
+//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
+*/
+
+div.tabsContainer {
+    float: left;
+    width: 32px;
+    padding: 0px;
+}
+
+.tabsContainer button {
+    padding: 4px;
+    text-align: center;
+    cursor: pointer;
+    transition: 0.4s;
+    font-size: 14px;
+    background-color: #404040;
+    border-color: #404040;
+    border-width: 1px 0px 1px 1px;
+    border-radius: 5px 0px 0px 5px;
+    outline: none;
+}
+
+.tabsContainer button:hover {
+    background-color: #575757;
+}
+
+.tabsContainer  button.active {
+    background-color: #2E2E2E;
+}    
+
+div.labelTabHeader {
+    font-size: 20px;
+    font-weight: 700;
+    height: 40px;
+    color: #ffffff;
+}
+
+div.tab-section-header {
+    width: 100%;
+    padding: 5px;
+}
+
+table.tabsTableFrame {
+    width:100%;
+    min-height: 352px; 
+    display: block;
+}
+
+tr.tabsTrFrame {
+    width:100%;
+}
+
+td.tabsFrame {
+    width:32px;
+    vertical-align:top;
+    background-color:#575757;
+    padding:0px;
+    border:0px;
+}
+
+td.tabsPropertiesFrame {
+    width:100%;
+    vertical-align: top;
+    border:0px;
+}
+
+div.tabsPropertiesPage {
+    min-height: 352px;
+    display: block;
+}

From 022ea6c5fb29d455704d14c48c5522116573599b Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Wed, 18 Mar 2020 18:34:51 -0400
Subject: [PATCH 19/25] Moved tabs.css to system/html/css

Moved tabs.css to system/html/css
with other css.
---
 .../entityProperties/html/tabs/tabs.css       | 48 -------------------
 1 file changed, 48 deletions(-)
 delete mode 100644 scripts/system/create/entityProperties/html/tabs/tabs.css

diff --git a/scripts/system/create/entityProperties/html/tabs/tabs.css b/scripts/system/create/entityProperties/html/tabs/tabs.css
deleted file mode 100644
index 540a4a4e7e..0000000000
--- a/scripts/system/create/entityProperties/html/tabs/tabs.css
+++ /dev/null
@@ -1,48 +0,0 @@
-/*
-//  tabs.css
-//
-//  Created by Alezia Kurdis on 02/27/2020
-//  for "Project Athena"
-//
-//  Distributed under the Apache License, Version 2.0.
-//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
-*/
-
-div.tabsContainer {
-    float: left;
-    width: 32px;
-    padding: 0px;
-}
-
-.tabsContainer button {
-    padding: 4px;
-    text-align: center;
-    cursor: pointer;
-    transition: 0.4s;
-    font-size: 14px;
-    background-color: #404040;
-    border-color: #404040;
-    border-width: 1px 0px 1px 1px;
-    border-radius: 5px 0px 0px 5px;
-    outline: none;
-}
-
-.tabsContainer button:hover {
-    background-color: #575757;
-}
-
-.tabsContainer  button.active {
-    background-color: #2E2E2E;
-}    
-
-div.labelTabHeader {
-    font-size: 20px;
-    font-weight: 700;
-    height: 40px;
-    color: #ffffff;
-}
-
-div.tab-section-header {
-    width: 100%;
-    padding: 5px;
-}

From e52e1bafc6e5bfb0e7af1595f0071b2f6355d636 Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Wed, 18 Mar 2020 18:38:41 -0400
Subject: [PATCH 20/25] Moved tabs.css reference

-Change the path for the new location of tabs.css
-Local "style" migrated to "class"
---
 .../html/entityProperties.html                | 20 ++++++++-----------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/scripts/system/create/entityProperties/html/entityProperties.html b/scripts/system/create/entityProperties/html/entityProperties.html
index 42d73b5007..b1d5e2805e 100644
--- a/scripts/system/create/entityProperties/html/entityProperties.html
+++ b/scripts/system/create/entityProperties/html/entityProperties.html
@@ -1,18 +1,14 @@
 <!--
-//VERSION 2.0
-//  Modified by Alezia Kurdis on on 02/27/2020
-//  for "Project Athena"
 //
-//  Addition of a tab mechanism instead of collapsible sections to reduce the scrolling.
-//
-//VERSION 1.0
 //  entityProperties.html
 //
 //  Created by Ryan Huffman on 13 Nov 2014
 //  Copyright 2014 High Fidelity, Inc.
+//  Copyright 2020 Project Athena contributors.
 //
 //  Distributed under the Apache License, Version 2.0.
 //  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
+//
 -->
 <html>
     <head>
@@ -21,7 +17,7 @@
         <link rel="stylesheet" type="text/css" href="../../../html/css/edit-style.css">
         <link rel="stylesheet" type="text/css" href="../../../html/css/colpick.css">
         <link rel="stylesheet" type="text/css" href="../../../html/css/jsoneditor.css">
-        <link rel="stylesheet" type="text/css" href="tabs/tabs.css">    
+        <link rel="stylesheet" type="text/css" href="../../../html/css/tabs.css">    
         <script type="text/javascript" src="qrc:///qtwebchannel/qwebchannel.js"></script>
         <script src="../../../html/js/jquery-2.1.4.min.js"></script>
         <script type="text/javascript" src="../../../html/js/colpick.js"></script>
@@ -50,13 +46,13 @@
                     </div>
                 </div>
             </div>
-            <table style="width:100%; min-height: 352px; display: block;">
-                <tr style="width:100%;">
-                    <td style="width:32px; vertical-align:top; background-color:#575757; padding:0px; border:0px;">
+            <table class="tabsTableFrame">
+                <tr  class="tabsTrFrame">
+                    <td class = "tabsFrame">
                         <div id="tabs" class="tabsContainer"></div>
                     </td>
-                    <td style="width:100%; vertical-align: top; border:0px;">
-                        <div id="properties-pages" style="min-height: 352px; display: block;">
+                    <td class="tabsPropertiesFrame">
+                        <div class="tabsPropertiesPage" id="properties-pages">
                             <!-- each property is added at runtime in entityProperties -->
                         </div>
                     </td>

From 75747a6a2fae3d47cf7747301f2a8400bf1166d5 Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Mon, 27 Apr 2020 22:20:19 -0400
Subject: [PATCH 21/25] to avoid regression

---
 .../html/js/entityProperties.js               | 319 ++++++++++++++++--
 1 file changed, 297 insertions(+), 22 deletions(-)

diff --git a/scripts/system/create/entityProperties/html/js/entityProperties.js b/scripts/system/create/entityProperties/html/js/entityProperties.js
index 9e476d80aa..59755df122 100644
--- a/scripts/system/create/entityProperties/html/js/entityProperties.js
+++ b/scripts/system/create/entityProperties/html/js/entityProperties.js
@@ -1,15 +1,8 @@
-//VERSION 2.0
-//  Modified by Alezia Kurdis on on 02/27/2020
-//  for "Project Athena"
-//  
-//  Addition of a tab mechanism instead of collapsible sections to reduce the scrolling.
-//
-//VERSION 1.0
 //  entityProperties.js
 //
 //  Created by Ryan Huffman on 13 Nov 2014
-//  Modified by David Back on 19 Oct 2018
 //  Copyright 2014 High Fidelity, Inc.
+//  Copyright 2020 Vircadia contributors.
 //
 //  Distributed under the Apache License, Version 2.0.
 //  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
@@ -74,11 +67,16 @@ const GROUPS = [
                 replaceID: "placeholder-property-id",
                 multiDisplayMode: PROPERTY_MULTI_DISPLAY_MODE.COMMA_SEPARATED_VALUES,
             },
-            {
+            /*{
                 label: "Description",
                 type: "string",
                 propertyID: "description",
-            },
+            },*/
+            { //THIS IS ONLY FOR THE TEST ##########################################
+                label: "Description",
+                type: "multipleZonesSelection",
+                propertyID: "description",
+            }, // END TEST #############################
             {
                 label: "Parent",
                 type: "string",
@@ -142,7 +140,17 @@ const GROUPS = [
                 label: "Color",
                 type: "color",
                 propertyID: "color",
-            }
+            },
+            {
+                label: "Alpha",
+                type: "number-draggable",
+                min: 0,
+                max: 1,
+                step: 0.01,
+                decimals: 2,
+                propertyID: "shapeAlpha",
+                propertyName: "alpha",
+            },            
         ]
     },
     {
@@ -191,6 +199,36 @@ const GROUPS = [
                 unit: "m",
                 propertyID: "lineHeight",
             },
+            {
+                label: "Font",
+                type: "string",
+                propertyID: "font",
+            },
+            {
+                label: "Effect",
+                type: "dropdown",
+                options: {
+                    none: "None",
+                    outline: "Outline",
+                    "outline fill": "Outline with fill",
+                    shadow: "Shadow"
+                },
+                propertyID: "textEffect",
+            },
+            {
+                label: "Effect Color",
+                type: "color",
+                propertyID: "textEffectColor",
+            },
+            {
+                label: "Effect Thickness",
+                type: "number-draggable",
+                min: 0.0,
+                max: 0.5,
+                step: 0.01,
+                decimals: 2,
+                propertyID: "textEffectThickness",
+            },
             {
                 label: "Billboard Mode",
                 type: "dropdown",
@@ -288,7 +326,7 @@ const GROUPS = [
             {
                 label: "Light Intensity",
                 type: "number-draggable",
-                min: 0,
+                min: -40,
                 max: 40,
                 step: 0.01,
                 decimals: 2,
@@ -380,7 +418,7 @@ const GROUPS = [
             {
                 label: "Ambient Intensity",
                 type: "number-draggable",
-                min: 0,
+                min: -200,
                 max: 200,
                 step: 0.1,
                 decimals: 2,
@@ -542,6 +580,12 @@ const GROUPS = [
                 type: "dropdown",
                 options: { inherit: "Inherit", crowd: "Crowd", hero: "Hero" },
                 propertyID: "avatarPriority",
+            },
+            {
+                label: "Screen-share",
+                type: "dropdown",
+                options: { inherit: "Inherit", disabled: "Off", enabled: "On" },
+                propertyID: "screenshare",
             }
         ]
     },
@@ -587,7 +631,7 @@ const GROUPS = [
                 propertyID: "animation.loop",
             },
             {
-                label: "Allow Transition",
+                label: "Allow Translation",
                 type: "bool",
                 propertyID: "animation.allowTranslation",
             },
@@ -651,6 +695,16 @@ const GROUPS = [
                 propertyID: "imageColor",
                 propertyName: "color", // actual entity property name
             },
+            {
+                label: "Alpha",
+                type: "number-draggable",
+                min: 0,
+                max: 1,
+                step: 0.01,
+                decimals: 2,
+                propertyID: "imageAlpha",
+                propertyName: "alpha",
+            },            
             {
                 label: "Emissive",
                 type: "bool",
@@ -715,6 +769,27 @@ const GROUPS = [
                 decimals: 0,
                 propertyID: "maxFPS",
             },
+            {
+                label: "Billboard Mode",
+                type: "dropdown",
+                options: { none: "None", yaw: "Yaw", full: "Full"},
+                propertyID: "webBillboardMode",
+                propertyName: "billboardMode", // actual entity property name
+            },
+            {
+                label: "Input Mode",
+                type: "dropdown",
+                options: {
+                    touch: "Touch events",
+                    mouse: "Mouse events"
+                },
+                propertyID: "inputMode",
+            },
+            {
+                label: "Focus Highlight",
+                type: "bool",
+                propertyID: "showKeyboardFocusHighlight",
+            },            
             {
                 label: "Script URL",
                 type: "string",
@@ -736,7 +811,7 @@ const GROUPS = [
             {
                 label: "Intensity",
                 type: "number-draggable",
-                min: 0,
+                min: -1000,
                 max: 10000,
                 step: 0.1,
                 decimals: 2,
@@ -1601,11 +1676,10 @@ const GROUPS_PER_TYPE = {
   Image: [ 'base', 'image', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
   Web: [ 'base', 'web', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
   Light: [ 'base', 'light', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
-  Material: [ 'base', 'material', 'spatial', 'behavior', 'scripts' ],
+  Material: [ 'base', 'material', 'spatial', 'behavior', 'scripts', 'physics' ],
   ParticleEffect: [ 'base', 'particles', 'particles_emit', 'particles_size', 'particles_color', 
                     'particles_behavior', 'particles_constraints', 'spatial', 'behavior', 'scripts', 'physics' ],
   PolyLine: [ 'base', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
-  PolyLine: [ 'base', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
   PolyVox: [ 'base', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
   Grid: [ 'base', 'grid', 'spatial', 'behavior', 'scripts', 'physics' ],
   Multiple: [ 'base', 'spatial', 'behavior', 'scripts', 'collision', 'physics' ],
@@ -1675,7 +1749,7 @@ let selectedEntityIDs = new Set();
 let currentSelections = [];
 let createAppTooltip = new CreateAppTooltip();
 let currentSpaceMode = PROPERTY_SPACE_MODE.LOCAL;
-
+let zonesList = [];
 
 function createElementFromHTML(htmlString) {
     let elTemplate = document.createElement('template');
@@ -1701,6 +1775,8 @@ function getPropertyInputElement(propertyID) {
         case 'textarea':
         case 'texture':
             return property.elInput;
+        case 'multipleZonesSelection':
+            return property.elInput;
         case 'number-draggable':
             return property.elNumber.elInput;
         case 'rect':
@@ -1741,6 +1817,7 @@ function disableChildren(el, selector) {
 function enableProperties() {
     enableChildren(document.getElementById("properties-list"), ENABLE_DISABLE_SELECTOR);
     enableChildren(document, ".colpick");
+    enableAllMultipleZoneSelector();
 }
 
 function disableProperties() {
@@ -1749,6 +1826,7 @@ function disableProperties() {
     for (let pickKey in colorPickers) {
         colorPickers[pickKey].colpickHide();
     }
+    disableAllMultipleZoneSelector();
 }
 
 function showPropertyElement(propertyID, show) {
@@ -1823,6 +1901,12 @@ function resetProperties() {
                 setTextareaScrolling(property.elInput);
                 break;
             }
+            case 'multipleZonesSelection': {
+                property.elInput.classList.remove('multi-diff');
+                property.elInput.value = "[]"; //################################## PROBABLY SOMETHING TO ADJUST HERE!
+                setZonesSelectionData(property.elInput, false);
+                break;
+            }
             case 'icon': {
                 property.elSpan.style.display = "none";
                 break;
@@ -1860,7 +1944,7 @@ function resetServerScriptStatus() {
 function showGroupsForType(type) {
     if (type === "Box" || type === "Sphere") {
         showGroupsForTypes(["Shape"]);
-        showOnTheSamePage("Shape");
+        showOnTheSamePage(["Shape"]);
         return;
     }
     if (type === "None") {
@@ -1868,7 +1952,7 @@ function showGroupsForType(type) {
         return;        
     }
     showGroupsForTypes([type]);
-    showOnTheSamePage(type);
+    showOnTheSamePage([type]);
 }
 
 function getGroupsForTypes(types) {
@@ -2972,6 +3056,10 @@ function createProperty(propertyData, propertyElementID, propertyName, propertyI
             property.elInput = createTextareaProperty(property, elProperty);
             break;
         }
+        case 'multipleZonesSelection': {
+            property.elInput = createZonesSelection(property, elProperty);
+            break;            
+        }
         case 'icon': {
             property.elSpan = createIconProperty(property, elProperty);
             break;
@@ -3464,6 +3552,175 @@ function setTextareaScrolling(element) {
     element.setAttribute("scrolling", isScrolling ? "true" : "false");
 }
 
+/**
+ * ZONE SELECTOR FUNCTIONS
+ */
+
+function enableAllMultipleZoneSelector() {
+    let allMultiZoneSelectors = document.querySelectorAll(".hiddenMultiZonesSelection");
+    let i, propId;
+    for ( i = 0; i < allMultiZoneSelectors.length; i++ ) {
+        propId = allMultiZoneSelectors[i].id;
+        displaySelectedZones(propId, true);
+    }
+} 
+
+function disableAllMultipleZoneSelector() {
+    let allMultiZoneSelectors = document.querySelectorAll(".hiddenMultiZonesSelection");
+    let i, propId;
+    for ( i = 0; i < allMultiZoneSelectors.length; i++ ) {
+        propId = allMultiZoneSelectors[i].id;
+        displaySelectedZones(propId, false);
+    }
+} 
+
+function requestZoneList() {
+    EventBridge.emitWebEvent(JSON.stringify({
+        type: "zoneListRequest"
+    }));
+}
+
+function addZoneToZonesSelection(propertyId) {
+    let hiddenField = document.getElementById(propertyId);
+    if(JSON.stringify(hiddenField.value) === '"undefined"') {
+        hiddenField.value = "[]";
+    }
+    let selectedZones = JSON.parse(hiddenField.value);
+    let zoneToAdd = document.getElementById("zones-select-" + propertyId).value;
+    if (!selectedZones.includes(zoneToAdd)) {
+        selectedZones.push(zoneToAdd);    
+    }
+    hiddenField.value = JSON.stringify(selectedZones);
+    displaySelectedZones(propertyId, true);
+    let propertyName = propertyId.replace("property-", "");
+    updateProperty(propertyName, JSON.stringify(selectedZones), false); //FOR TEMPORARY STRING FOR TEST 
+    //updateProperty(propertyName, selectedZones, false); //DIRECTLY FOR ARRY    
+}
+
+function removeZoneFromZonesSelection(propertyId, zoneId) {
+    let hiddenField = document.getElementById(propertyId);
+    if(JSON.stringify(hiddenField.value) === '"undefined"') {
+        hiddenField.value = "[]";
+    }    
+    let selectedZones = JSON.parse(hiddenField.value);
+    let index = selectedZones.indexOf(zoneId);
+    if (index > -1) {
+      selectedZones.splice(index, 1);
+    }
+    hiddenField.value = JSON.stringify(selectedZones);
+    displaySelectedZones(propertyId, true);
+    let propertyName = propertyId.replace("property-", "");
+    updateProperty(propertyName, JSON.stringify(selectedZones), false); //FOR TEMPORARY STRING FOR TEST 
+    //updateProperty(propertyName, selectedZones, false); //DIRECTLY FOR ARRY   
+}
+
+function displaySelectedZones(propertyId, isEditable) {
+    let i,j, name, listedZoneInner, hiddenData, isMultiple;
+    hiddenData = document.getElementById(propertyId).value;
+    if (JSON.stringify(hiddenData) === '"undefined"') {
+        isMultiple = true;
+        hiddenData = "[]";
+    } else {
+        isMultiple = false;  
+    }
+    let selectedZones = JSON.parse(hiddenData);
+    listedZoneInner = "<table>";
+    if (selectedZones.length === 0) {
+        if (!isMultiple) {
+            listedZoneInner += "<tr><td class='zoneItem'>&nbsp;</td><td>&nbsp;</td></tr>";
+        } else {
+            listedZoneInner += "<tr><td class='zoneItem'>[ WARNING: Any changes will apply to all ]</td><td>&nbsp;</td></tr>";
+        }
+    } else {
+        for ( i = 0; i < selectedZones.length; i++ ) {
+            name = "{ERROR: NOT FOUND}";
+            for ( j = 0; j < zonesList.length; j++ ) {
+                if (selectedZones[i] === zonesList[j].id) {
+                    if (zonesList[j].name !== "") {
+                        name = zonesList[j].name;
+                    } else {
+                        name = zonesList[j].id;
+                    }
+                    break;
+                }
+            }
+            if (isEditable) {
+                listedZoneInner += "<tr><td class='zoneItem'>" + name + "</td><td><a href='#' onClick='removeZoneFromZonesSelection(" + '"' + propertyId + '"' + ", " + '"' + selectedZones[i] + '"' + ");' ><img src='../../../html/css/img/remove_icon.png'></a></td></tr>";
+            } else {
+                listedZoneInner += "<tr><td class='zoneItem'>" + name + "</td><td>&nbsp;</td></tr>";    
+            }
+        }
+    }
+    listedZoneInner += "</table>";
+    document.getElementById("selected-zones-" + propertyId).innerHTML = listedZoneInner; 
+    if (isEditable) {
+        document.getElementById("multiZoneSelTools-" + propertyId).style.display = "block";
+    } else {
+        document.getElementById("multiZoneSelTools-" + propertyId).style.display = "none";
+    }
+}
+
+function createZonesSelection(property, elProperty) {
+    let elementID = property.elementID;
+    requestZoneList();
+    elProperty.className = "multipleZonesSelection";
+    let elInput = document.createElement('input');
+    elInput.setAttribute("id", elementID);
+    elInput.setAttribute("type", "hidden"); // must be hidden ################################################################################# HEIL! ICITTE!
+    elInput.className = "hiddenMultiZonesSelection";
+
+    let elZonesSelector = document.createElement('div');
+    elZonesSelector.setAttribute("id", "zones-selector-" + elementID);
+
+    let elMultiDiff = document.createElement('span');
+    elMultiDiff.className = "multi-diff";
+
+    elProperty.appendChild(elInput);
+    elProperty.appendChild(elZonesSelector);
+    elProperty.appendChild(elMultiDiff);
+
+    return elInput;
+}
+
+function setZonesSelectionData(element, isEditable) {
+    let zoneSelectorContainer = document.getElementById("zones-selector-" + element.id);
+    let zoneSelector = "<div class='multiZoneSelToolbar' id='multiZoneSelTools-" + element.id + "'><select class = 'zoneSelect' id='zones-select-" + element.id + "' >";
+    let i, name;
+    for ( i = 0; i < zonesList.length; i++ ) {
+        if (zonesList[i].name === "") {
+            name = zonesList[i].id;
+        } else {
+            name = zonesList[i].name;
+        }
+        zoneSelector += "<option value='" + zonesList[i].id + "'>" + name + "</option>";
+    }   
+    zoneSelector += "</select>&nbsp;<a href='#' id='zones-select-add-" + element.id + "' onClick='addZoneToZonesSelection(" + '"' + element.id + '"' + ");' ><img style='vertical-align:top' src='../../../html/css/img/add_icon.png'></a></div>";
+    zoneSelector += "<div class='selected-zone-container' id='selected-zones-" + element.id + "'></div>";
+    zoneSelectorContainer.innerHTML = zoneSelector;
+    displaySelectedZones(element.id, isEditable);
+}
+
+function updateAllZoneSelect() {
+    let allZoneSelects = document.querySelectorAll(".zoneSelect");
+    let i, j, name, propId;
+    for ( i = 0; i < allZoneSelects.length; i++ ) {
+        allZoneSelects[i].options.length = 0;
+        for ( j = 0; j < zonesList.length; j++ ) {
+            if (zonesList[j].name === "") {
+                name = zonesList[j].id;
+            } else {
+                name = zonesList[j].name;
+            }
+            allZoneSelects[i].options[j] = new Option(name, zonesList[j].id, false , false);
+        }
+        propId = allZoneSelects[i].id.replace("zones-select-", "");
+        if (document.getElementById("multiZoneSelTools-" + propId).style.display === "block") {
+            displaySelectedZones(propId, true);
+        } else {
+            displaySelectedZones(propId, false);
+        }
+    }
+}
 
 /**
  * MATERIAL TARGET FUNCTIONS
@@ -3637,7 +3894,9 @@ function handleEntitySelectionUpdate(selections, isPropertiesToolUpdate) {
     selectedEntityIDs = new Set(selections.map(selection => selection.id));
     const multipleSelections = currentSelections.length > 1;
     const hasSelectedEntityChanged = !areSetsEqual(selectedEntityIDs, previouslySelectedEntityIDs);
-
+    
+    requestZoneList();
+    
     if (selections.length === 0) {
         deleteJSONEditor();
         deleteJSONMaterialEditor();
@@ -3692,7 +3951,7 @@ function handleEntitySelectionUpdate(selections, isPropertiesToolUpdate) {
         } else {
             enableProperties();
             disableSaveUserDataButton();
-            disableSaveMaterialDataButton()
+            disableSaveMaterialDataButton();
         }
 
         const certificateIDMultiValue = getMultiplePropertyValue('certificateID');
@@ -3848,6 +4107,19 @@ function handleEntitySelectionUpdate(selections, isPropertiesToolUpdate) {
                     setTextareaScrolling(property.elInput);
                     break;
                 }
+                case 'multipleZonesSelection': {
+                    if (propertyValue == ""){ //THIS IS A PATCH FOR TESTING WITh A STRING FIELDS
+                        property.elInput.value = "[]"; //THIS IS A PATCH FOR TESTING WITh A STRING FIELDS
+                    } else { //THIS IS A PATCH FOR TESTING WITh A STRING FIELDS
+                        property.elInput.value = propertyValue; //JSON.stringify(propertyValue); //##### TO CHECK depending what type the value is.. expecting an array so it willbe manage as a string.
+                    } //THIS IS A PATCH FOR TESTING WITh A STRING FIELDS
+                    if (lockedMultiValue.isMultiDiffValue || lockedMultiValue.value) {
+                        setZonesSelectionData(property.elInput, false);
+                    } else {
+                        setZonesSelectionData(property.elInput, true);
+                    }
+                    break;
+                }                
                 case 'icon': {
                     property.elSpan.innerHTML = propertyData.icons[propertyValue];
                     property.elSpan.style.display = "inline-block";
@@ -4177,6 +4449,9 @@ function loaded() {
                     if (data.entityID === getFirstSelectedID()) {
                         setMaterialTargetData(data.materialTargetData);
                     }
+                } else if (data.type === 'zoneListRequest') {
+                    zonesList = data.zones;
+                    updateAllZoneSelect();
                 }
             });
 

From 962d4671ebc917b934456dbbfb2cb94edc504452 Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Mon, 27 Apr 2020 22:49:42 -0400
Subject: [PATCH 22/25] To avoid a regression at some point

---
 .../html/js/entityProperties.js               | 46 +++++++++----------
 1 file changed, 21 insertions(+), 25 deletions(-)

diff --git a/scripts/system/create/entityProperties/html/js/entityProperties.js b/scripts/system/create/entityProperties/html/js/entityProperties.js
index 59755df122..b634517d03 100644
--- a/scripts/system/create/entityProperties/html/js/entityProperties.js
+++ b/scripts/system/create/entityProperties/html/js/entityProperties.js
@@ -67,16 +67,11 @@ const GROUPS = [
                 replaceID: "placeholder-property-id",
                 multiDisplayMode: PROPERTY_MULTI_DISPLAY_MODE.COMMA_SEPARATED_VALUES,
             },
-            /*{
+            {
                 label: "Description",
                 type: "string",
                 propertyID: "description",
-            },*/
-            { //THIS IS ONLY FOR THE TEST ##########################################
-                label: "Description",
-                type: "multipleZonesSelection",
-                propertyID: "description",
-            }, // END TEST #############################
+            },
             {
                 label: "Parent",
                 type: "string",
@@ -120,6 +115,11 @@ const GROUPS = [
                     lines: "Wireframe",
                 },
                 propertyID: "primitiveMode",
+            },
+            {
+                label: "Render With Zones",
+                type: "multipleZonesSelection",
+                propertyID: "renderWithZones",
             }
         ]
     },
@@ -1903,7 +1903,7 @@ function resetProperties() {
             }
             case 'multipleZonesSelection': {
                 property.elInput.classList.remove('multi-diff');
-                property.elInput.value = "[]"; //################################## PROBABLY SOMETHING TO ADJUST HERE!
+                property.elInput.value = "[]";
                 setZonesSelectionData(property.elInput, false);
                 break;
             }
@@ -3588,20 +3588,19 @@ function addZoneToZonesSelection(propertyId) {
     let selectedZones = JSON.parse(hiddenField.value);
     let zoneToAdd = document.getElementById("zones-select-" + propertyId).value;
     if (!selectedZones.includes(zoneToAdd)) {
-        selectedZones.push(zoneToAdd);    
+        selectedZones.push(zoneToAdd);
     }
     hiddenField.value = JSON.stringify(selectedZones);
     displaySelectedZones(propertyId, true);
     let propertyName = propertyId.replace("property-", "");
-    updateProperty(propertyName, JSON.stringify(selectedZones), false); //FOR TEMPORARY STRING FOR TEST 
-    //updateProperty(propertyName, selectedZones, false); //DIRECTLY FOR ARRY    
+    updateProperty(propertyName, selectedZones, false);
 }
 
 function removeZoneFromZonesSelection(propertyId, zoneId) {
     let hiddenField = document.getElementById(propertyId);
     if(JSON.stringify(hiddenField.value) === '"undefined"') {
         hiddenField.value = "[]";
-    }    
+    }
     let selectedZones = JSON.parse(hiddenField.value);
     let index = selectedZones.indexOf(zoneId);
     if (index > -1) {
@@ -3610,8 +3609,7 @@ function removeZoneFromZonesSelection(propertyId, zoneId) {
     hiddenField.value = JSON.stringify(selectedZones);
     displaySelectedZones(propertyId, true);
     let propertyName = propertyId.replace("property-", "");
-    updateProperty(propertyName, JSON.stringify(selectedZones), false); //FOR TEMPORARY STRING FOR TEST 
-    //updateProperty(propertyName, selectedZones, false); //DIRECTLY FOR ARRY   
+    updateProperty(propertyName, selectedZones, false);
 }
 
 function displaySelectedZones(propertyId, isEditable) {
@@ -3629,7 +3627,7 @@ function displaySelectedZones(propertyId, isEditable) {
         if (!isMultiple) {
             listedZoneInner += "<tr><td class='zoneItem'>&nbsp;</td><td>&nbsp;</td></tr>";
         } else {
-            listedZoneInner += "<tr><td class='zoneItem'>[ WARNING: Any changes will apply to all ]</td><td>&nbsp;</td></tr>";
+            listedZoneInner += "<tr><td class='zoneItem'>[ WARNING: Any changes will apply to all. ]</td><td>&nbsp;</td></tr>";
         }
     } else {
         for ( i = 0; i < selectedZones.length; i++ ) {
@@ -3645,9 +3643,10 @@ function displaySelectedZones(propertyId, isEditable) {
                 }
             }
             if (isEditable) {
-                listedZoneInner += "<tr><td class='zoneItem'>" + name + "</td><td><a href='#' onClick='removeZoneFromZonesSelection(" + '"' + propertyId + '"' + ", " + '"' + selectedZones[i] + '"' + ");' ><img src='../../../html/css/img/remove_icon.png'></a></td></tr>";
+                listedZoneInner += "<tr><td class='zoneItem'>" + name + "</td><td><a href='#' onClick='removeZoneFromZonesSelection(" + '"' + propertyId + '"' + ", " + '"' + selectedZones[i] + '"' + ");' >";
+                listedZoneInner += "<img src='../../../html/css/img/remove_icon.png'></a></td></tr>";
             } else {
-                listedZoneInner += "<tr><td class='zoneItem'>" + name + "</td><td>&nbsp;</td></tr>";    
+                listedZoneInner += "<tr><td class='zoneItem'>" + name + "</td><td>&nbsp;</td></tr>";
             }
         }
     }
@@ -3666,7 +3665,7 @@ function createZonesSelection(property, elProperty) {
     elProperty.className = "multipleZonesSelection";
     let elInput = document.createElement('input');
     elInput.setAttribute("id", elementID);
-    elInput.setAttribute("type", "hidden"); // must be hidden ################################################################################# HEIL! ICITTE!
+    elInput.setAttribute("type", "hidden");
     elInput.className = "hiddenMultiZonesSelection";
 
     let elZonesSelector = document.createElement('div');
@@ -3694,7 +3693,8 @@ function setZonesSelectionData(element, isEditable) {
         }
         zoneSelector += "<option value='" + zonesList[i].id + "'>" + name + "</option>";
     }   
-    zoneSelector += "</select>&nbsp;<a href='#' id='zones-select-add-" + element.id + "' onClick='addZoneToZonesSelection(" + '"' + element.id + '"' + ");' ><img style='vertical-align:top' src='../../../html/css/img/add_icon.png'></a></div>";
+    zoneSelector += "</select>&nbsp;<a href='#' id='zones-select-add-" + element.id + "' onClick='addZoneToZonesSelection(" + '"' + element.id + '"' + ");' >";
+    zoneSelector += "<img style='vertical-align:top' src='../../../html/css/img/add_icon.png'></a></div>";
     zoneSelector += "<div class='selected-zone-container' id='selected-zones-" + element.id + "'></div>";
     zoneSelectorContainer.innerHTML = zoneSelector;
     displaySelectedZones(element.id, isEditable);
@@ -4108,18 +4108,14 @@ function handleEntitySelectionUpdate(selections, isPropertiesToolUpdate) {
                     break;
                 }
                 case 'multipleZonesSelection': {
-                    if (propertyValue == ""){ //THIS IS A PATCH FOR TESTING WITh A STRING FIELDS
-                        property.elInput.value = "[]"; //THIS IS A PATCH FOR TESTING WITh A STRING FIELDS
-                    } else { //THIS IS A PATCH FOR TESTING WITh A STRING FIELDS
-                        property.elInput.value = propertyValue; //JSON.stringify(propertyValue); //##### TO CHECK depending what type the value is.. expecting an array so it willbe manage as a string.
-                    } //THIS IS A PATCH FOR TESTING WITh A STRING FIELDS
+                    property.elInput.value =  JSON.stringify(propertyValue);
                     if (lockedMultiValue.isMultiDiffValue || lockedMultiValue.value) {
                         setZonesSelectionData(property.elInput, false);
                     } else {
                         setZonesSelectionData(property.elInput, true);
                     }
                     break;
-                }                
+                }
                 case 'icon': {
                     property.elSpan.innerHTML = propertyData.icons[propertyValue];
                     property.elSpan.style.display = "inline-block";

From cc308c11b621bc9ccc70444d1d9fe0fe39be99e5 Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Wed, 6 May 2020 23:06:33 -0400
Subject: [PATCH 23/25] Minor Code Adjustment

Line 50: removed extra space char.
---
 .../system/create/entityProperties/html/entityProperties.html   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/system/create/entityProperties/html/entityProperties.html b/scripts/system/create/entityProperties/html/entityProperties.html
index b1d5e2805e..6eadf4d3c0 100644
--- a/scripts/system/create/entityProperties/html/entityProperties.html
+++ b/scripts/system/create/entityProperties/html/entityProperties.html
@@ -47,7 +47,7 @@
                 </div>
             </div>
             <table class="tabsTableFrame">
-                <tr  class="tabsTrFrame">
+                <tr class="tabsTrFrame">
                     <td class = "tabsFrame">
                         <div id="tabs" class="tabsContainer"></div>
                     </td>

From f43b0f52f52578b3972bff62a9ce85a453223ada Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Wed, 6 May 2020 23:16:56 -0400
Subject: [PATCH 24/25] Minor code adjustments

Add missing space between ":" and the value for many class attributes.
---
 scripts/system/html/css/tabs.css | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/scripts/system/html/css/tabs.css b/scripts/system/html/css/tabs.css
index 37383b6d99..87e1c11ee8 100644
--- a/scripts/system/html/css/tabs.css
+++ b/scripts/system/html/css/tabs.css
@@ -48,25 +48,25 @@ div.tab-section-header {
 }
 
 table.tabsTableFrame {
-    width:100%;
+    width: 100%;
     min-height: 352px; 
     display: block;
 }
 
 tr.tabsTrFrame {
-    width:100%;
+    width: 100%;
 }
 
 td.tabsFrame {
-    width:32px;
-    vertical-align:top;
-    background-color:#575757;
-    padding:0px;
-    border:0px;
+    width: 32px;
+    vertical-align: top;
+    background-color: #575757;
+    padding: 0px;
+    border: 0px;
 }
 
 td.tabsPropertiesFrame {
-    width:100%;
+    width: 100%;
     vertical-align: top;
     border:0px;
 }

From 5180c9b247e900314b2819358073a1b810076a80 Mon Sep 17 00:00:00 2001
From: Alezia Kurdis <60075796+AleziaKurdis@users.noreply.github.com>
Date: Wed, 6 May 2020 23:36:39 -0400
Subject: [PATCH 25/25] Minor Code Adjustment

---
 .../html/js/entityProperties.js               | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/scripts/system/create/entityProperties/html/js/entityProperties.js b/scripts/system/create/entityProperties/html/js/entityProperties.js
index b634517d03..8c041d2563 100644
--- a/scripts/system/create/entityProperties/html/js/entityProperties.js
+++ b/scripts/system/create/entityProperties/html/js/entityProperties.js
@@ -115,12 +115,12 @@ const GROUPS = [
                     lines: "Wireframe",
                 },
                 propertyID: "primitiveMode",
-            },
+            }/*,
             {
                 label: "Render With Zones",
                 type: "multipleZonesSelection",
                 propertyID: "renderWithZones",
-            }
+            }*/
         ]
     },
     {
@@ -3559,7 +3559,7 @@ function setTextareaScrolling(element) {
 function enableAllMultipleZoneSelector() {
     let allMultiZoneSelectors = document.querySelectorAll(".hiddenMultiZonesSelection");
     let i, propId;
-    for ( i = 0; i < allMultiZoneSelectors.length; i++ ) {
+    for (i = 0; i < allMultiZoneSelectors.length; i++) {
         propId = allMultiZoneSelectors[i].id;
         displaySelectedZones(propId, true);
     }
@@ -3568,7 +3568,7 @@ function enableAllMultipleZoneSelector() {
 function disableAllMultipleZoneSelector() {
     let allMultiZoneSelectors = document.querySelectorAll(".hiddenMultiZonesSelection");
     let i, propId;
-    for ( i = 0; i < allMultiZoneSelectors.length; i++ ) {
+    for (i = 0; i < allMultiZoneSelectors.length; i++) {
         propId = allMultiZoneSelectors[i].id;
         displaySelectedZones(propId, false);
     }
@@ -3582,7 +3582,7 @@ function requestZoneList() {
 
 function addZoneToZonesSelection(propertyId) {
     let hiddenField = document.getElementById(propertyId);
-    if(JSON.stringify(hiddenField.value) === '"undefined"') {
+    if (JSON.stringify(hiddenField.value) === '"undefined"') {
         hiddenField.value = "[]";
     }
     let selectedZones = JSON.parse(hiddenField.value);
@@ -3598,7 +3598,7 @@ function addZoneToZonesSelection(propertyId) {
 
 function removeZoneFromZonesSelection(propertyId, zoneId) {
     let hiddenField = document.getElementById(propertyId);
-    if(JSON.stringify(hiddenField.value) === '"undefined"') {
+    if (JSON.stringify(hiddenField.value) === '"undefined"') {
         hiddenField.value = "[]";
     }
     let selectedZones = JSON.parse(hiddenField.value);
@@ -3630,9 +3630,9 @@ function displaySelectedZones(propertyId, isEditable) {
             listedZoneInner += "<tr><td class='zoneItem'>[ WARNING: Any changes will apply to all. ]</td><td>&nbsp;</td></tr>";
         }
     } else {
-        for ( i = 0; i < selectedZones.length; i++ ) {
+        for (i = 0; i < selectedZones.length; i++) {
             name = "{ERROR: NOT FOUND}";
-            for ( j = 0; j < zonesList.length; j++ ) {
+            for (j = 0; j < zonesList.length; j++) {
                 if (selectedZones[i] === zonesList[j].id) {
                     if (zonesList[j].name !== "") {
                         name = zonesList[j].name;
@@ -3685,7 +3685,7 @@ function setZonesSelectionData(element, isEditable) {
     let zoneSelectorContainer = document.getElementById("zones-selector-" + element.id);
     let zoneSelector = "<div class='multiZoneSelToolbar' id='multiZoneSelTools-" + element.id + "'><select class = 'zoneSelect' id='zones-select-" + element.id + "' >";
     let i, name;
-    for ( i = 0; i < zonesList.length; i++ ) {
+    for (i = 0; i < zonesList.length; i++) {
         if (zonesList[i].name === "") {
             name = zonesList[i].id;
         } else {
@@ -3703,9 +3703,9 @@ function setZonesSelectionData(element, isEditable) {
 function updateAllZoneSelect() {
     let allZoneSelects = document.querySelectorAll(".zoneSelect");
     let i, j, name, propId;
-    for ( i = 0; i < allZoneSelects.length; i++ ) {
+    for (i = 0; i < allZoneSelects.length; i++) {
         allZoneSelects[i].options.length = 0;
-        for ( j = 0; j < zonesList.length; j++ ) {
+        for (j = 0; j < zonesList.length; j++) {
             if (zonesList[j].name === "") {
                 name = zonesList[j].id;
             } else {