sunrize 1.5.13 → 1.6.0

package/src/Editors/OutlineView.js

@@ -52,6 +52,8 @@ module .exports = class OutlineView extends Interface
          .on ("dragend", this .onDragEnd .bind (this))
       .appendTo (this .treeView);
 
+      this .browser ._activeLayer .addInterest ("updateActiveLayer", this);
+
       electron .ipcRenderer .on ("deselect-all",            () => this .deselectAll ());
       electron .ipcRenderer .on ("hide-unselected-objects", () => this .hideUnselectedObjects ());
       electron .ipcRenderer .on ("show-selected-objects",   () => this .showSelectedObjects ());
@@ -259,16 +261,19 @@ module .exports = class OutlineView extends Interface
       child .find (".node .name")
          .on ("mouseenter", this .updateNodeTitle .bind (this));
 
-      child .find (".visibility")
+      child .find (".toggle-visibility")
          .on ("click", this .toggleVisibility .bind (this));
 
-      child .find (".tool")
+      child .find (".toggle-tool")
          .on ("click", this .toggleTool .bind (this));
 
-      child .find (".bind")
+      child .find (".activate-layer")
+         .on ("click", this .activateLayer .bind (this));
+
+      child .find (".bind-node")
          .on ("click", this .bindNode .bind (this));
 
-      child .find (".reload")
+      child .find (".reload-node")
          .on ("click", this .reloadNode .bind (this));
 
       // Expand children.
@@ -984,7 +989,7 @@ module .exports = class OutlineView extends Interface
             name .append (document .createTextNode (" "));
 
             $("<span></span>")
-               .addClass (["visibility", "button", "material-symbols-outlined"])
+               .addClass (["toggle-visibility", "button", "material-symbols-outlined"])
                .addClass (node .isHidden () ? "off" : "")
                .attr ("title", "Toggle visibility.")
                .text (node .isHidden () ? "visibility_off" : "visibility")
@@ -996,7 +1001,7 @@ module .exports = class OutlineView extends Interface
             name .append (document .createTextNode (" "));
 
             $("<span></span>")
-               .addClass (["tool", "button", "material-symbols-outlined"])
+               .addClass (["toggle-tool", "button", "material-symbols-outlined"])
                .addClass (node .valueOf () === node ? "off" : "")
                .attr ("title", _("Toggle display tool."))
                .text ("build_circle")
@@ -1007,6 +1012,19 @@ module .exports = class OutlineView extends Interface
          {
             switch (type)
             {
+               case X3D .X3DConstants .X3DLayerNode:
+               {
+                  name .append (document .createTextNode (" "));
+
+                  $("<span></span>")
+                     .addClass (["activate-layer", "button", "material-symbols-outlined"])
+                     .addClass (this .browser .getActiveLayer () === node ? "green" : "off")
+                     .attr ("title", _("Activate layer."))
+                     .text ("check_circle")
+                     .appendTo (name);
+
+                  continue;
+               }
                case X3D .X3DConstants .X3DBindableNode:
                {
                   node ._isBound .addFieldCallback (this .#updateNodeBoundSymbol, this .updateNodeBound .bind (this, node));
@@ -1014,7 +1032,7 @@ module .exports = class OutlineView extends Interface
                   name .append (document .createTextNode (" "));
 
                   $("<span></span>")
-                     .addClass (["bind", "button", "material-symbols-outlined"])
+                     .addClass (["bind-node", "button", "material-symbols-outlined"])
                      .addClass (node ._isBound .getValue () ? "" : "off")
                      .attr ("title", _("Bind node."))
                      .text (node ._isBound .getValue () ? "radio_button_checked" : "radio_button_unchecked")
@@ -1037,7 +1055,7 @@ module .exports = class OutlineView extends Interface
                   name .append (document .createTextNode (" "));
 
                   $("<span></span>")
-                     .addClass (["reload", "button", "material-symbols-outlined", className])
+                     .addClass (["reload-node", "button", "material-symbols-outlined", className])
                      .attr ("title", "Load now.")
                      .text ("autorenew")
                      .appendTo (name);
@@ -1104,11 +1122,24 @@ module .exports = class OutlineView extends Interface
          .text (cloneCount > 1 ? `[${cloneCount}]` : "")
    }
 
+   updateActiveLayer ()
+   {
+      this .sceneGraph .find (".activate-layer") .removeClass ("green") .addClass ("off");
+
+      if (!this .browser .getActiveLayer ())
+         return;
+
+      this .sceneGraph .find (`.node[node-id=${this .browser .getActiveLayer () .getId ()}]`)
+         .find ("> .item .activate-layer")
+         .removeClass ("off")
+         .addClass ("green");
+   }
+
    updateNodeBound (node)
    {
       this .sceneGraph
          .find (`.node[node-id=${node .getId ()}]`)
-         .find ("> .item .bind")
+         .find ("> .item .bind-node")
          .removeClass ("off")
          .addClass (node ._isBound .getValue () ? "" : "off")
          .text (node ._isBound .getValue () ? "radio_button_checked" : "radio_button_unchecked");
@@ -1120,7 +1151,7 @@ module .exports = class OutlineView extends Interface
 
       this .sceneGraph
          .find (`.node[node-id=${node .getId ()}],.externproto[node-id=${node .getId ()}]`)
-         .find ("> .item .reload")
+         .find ("> .item .reload-node")
          .removeClass (["not-started-state", "in-progress-state", "complete-state", "failed-state"])
          .addClass (className);
    }
@@ -1420,7 +1451,7 @@ module .exports = class OutlineView extends Interface
          {
             case X3D .X3DConstants .initializeOnly:
             {
-            	break;
+               break;
             }
             case X3D .X3DConstants .inputOnly:
             {
@@ -1504,7 +1535,7 @@ module .exports = class OutlineView extends Interface
                if (field .getOutputRoutes () .size)
                   outputRoutesSelector .attr ("href", "#");
 
-            	break;
+               break;
             }
          }
 
@@ -1522,7 +1553,7 @@ module .exports = class OutlineView extends Interface
          {
             case X3D .X3DConstants .initializeOnly:
             {
-            	break;
+               break;
             }
             case X3D .X3DConstants .inputOnly:
             {
@@ -1531,7 +1562,7 @@ module .exports = class OutlineView extends Interface
                   .attr ("src", this .getAccessTypeImage (field, "input"))
                   .appendTo (accessType);
 
-            	break;
+               break;
             }
             case X3D .X3DConstants .outputOnly:
             {
@@ -1540,7 +1571,7 @@ module .exports = class OutlineView extends Interface
                   .attr ("src", this .getAccessTypeImage (field, "output"))
                   .appendTo (accessType);
 
-            	break;
+               break;
             }
             case X3D .X3DConstants .inputOutput:
             {
@@ -1679,11 +1710,11 @@ module .exports = class OutlineView extends Interface
          {
             case "input":
             {
-            	return "../images/OutlineEditor/AccessTypes/inputOnly.active.png"
+               return "../images/OutlineEditor/AccessTypes/inputOnly.active.png"
             }
             case "output":
             {
-            	return "../images/OutlineEditor/AccessTypes/outputOnly.active.png"
+               return "../images/OutlineEditor/AccessTypes/outputOnly.active.png"
             }
          }
       }
@@ -1695,15 +1726,15 @@ module .exports = class OutlineView extends Interface
          {
             switch (field .getInputRoutes () .size)
             {
-            	case 0:
-            		accessTypeImage += ".0"
-            		break
-            	case 1:
-            		accessTypeImage += ".1"
-            		break
-            	default:
-            		accessTypeImage += ".2"
-            		break
+               case 0:
+                  accessTypeImage += ".0"
+                  break
+               case 1:
+                  accessTypeImage += ".1"
+                  break
+               default:
+                  accessTypeImage += ".2"
+                  break
             }
          }
 
@@ -1711,15 +1742,15 @@ module .exports = class OutlineView extends Interface
          {
             switch (field .getOutputRoutes () .size)
             {
-            	case 0:
-            		accessTypeImage += ".0"
-            		break
-            	case 1:
-            		accessTypeImage += ".1"
-            		break
-            	default:
-            		accessTypeImage += ".2"
-            		break
+               case 0:
+                  accessTypeImage += ".0"
+                  break
+               case 1:
+                  accessTypeImage += ".1"
+                  break
+               default:
+                  accessTypeImage += ".2"
+                  break
             }
          }
 
@@ -1913,16 +1944,19 @@ module .exports = class OutlineView extends Interface
       child .find (".node .name")
          .on ("mouseenter", this .updateNodeTitle .bind (this));
 
-      child .find (".visibility")
+      child .find (".toggle-visibility")
          .on ("click", this .toggleVisibility .bind (this))
 
-      child .find (".tool")
+      child .find (".toggle-tool")
          .on ("click", this .toggleTool .bind (this))
 
-      child .find (".bind")
+      child .find (".activate-layer")
+         .on ("click", this .activateLayer .bind (this));
+
+      child .find (".bind-node")
          .on ("click", this .bindNode .bind (this))
 
-      child .find (".reload")
+      child .find (".reload-node")
          .on ("click", this .reloadNode .bind (this))
 
       child .find ("area.input-selector")
@@ -2025,18 +2059,21 @@ module .exports = class OutlineView extends Interface
       }
 
       child .find (".node .name")
-         .on ("mouseenter", this .updateNodeTitle .bind (this));;
+         .on ("mouseenter", this .updateNodeTitle .bind (this));
 
-      child .find (".visibility")
+      child .find (".toggle-visibility")
          .on ("click", this .toggleVisibility .bind (this));
 
-      child .find (".tool")
+      child .find (".toggle-tool")
          .on ("click", this .toggleTool .bind (this));
 
-      child .find (".bind")
+      child .find (".activate-layer")
+         .on ("click", this .activateLayer .bind (this));
+
+      child .find (".bind-node")
          .on ("click", this .bindNode .bind (this))
 
-      child .find (".reload")
+      child .find (".reload-node")
          .on ("click", this .reloadNode .bind (this));
 
       child .find ("area.input-selector")
@@ -2895,7 +2932,7 @@ module .exports = class OutlineView extends Interface
       node .setHidden (hidden);
 
       this .sceneGraph .find (`.node[node-id=${node .getId ()}]`)
-         .find ("> .item .visibility")
+         .find ("> .item .toggle-visibility")
          .removeClass ("off")
          .addClass (hidden ? "off" : "")
          .text (hidden ? "visibility_off" : "visibility");
@@ -2924,12 +2961,13 @@ module .exports = class OutlineView extends Interface
 
       node .setUserData (_changing, true);
 
-      this .sceneGraph .find (`.node[node-id=${node .getId ()}]`)
-         .find ("> .item .tool")
+      this .sceneGraph .find (`.node[node-id=${node .getId ()}] > .item .toggle-tool`)
          .removeClass ("off")
          .addClass (tool ? "off" : "");
    }
 
+   activateLayer (event) { }
+
    bindNode (event)
    {
       event .preventDefault ();
@@ -2971,7 +3009,7 @@ module .exports = class OutlineView extends Interface
          node .setHidden (node .getType () .includes (X3D .X3DConstants .X3DShapeNode))
 
          this .sceneGraph .find (`.node[node-id=${node .getId ()}]`)
-            .find ("> .item .visibility")
+            .find ("> .item .toggle-visibility")
             .removeClass ("off")
             .addClass (node .isHidden () ? "off" : "")
             .text (node .isHidden () ? "visibility_off" : "visibility")
@@ -2992,7 +3030,7 @@ module .exports = class OutlineView extends Interface
          node .setHidden (false)
 
          this .sceneGraph .find (`.node[node-id=${node .getId ()}]`)
-            .find ("> .item .visibility")
+            .find ("> .item .toggle-visibility")
             .removeClass ("off")
             .text ("visibility")
       })
@@ -3010,7 +3048,7 @@ module .exports = class OutlineView extends Interface
          node .setHidden (false)
 
          this .sceneGraph .find (`.node[node-id=${node .getId ()}]`)
-            .find ("> .item .visibility")
+            .find ("> .item .toggle-visibility")
             .removeClass ("off")
             .text ("visibility")
       })
@@ -3026,7 +3064,7 @@ module .exports = class OutlineView extends Interface
          node .setHidden (false)
 
          this .sceneGraph .find (`.node[node-id=${node .getId ()}]`)
-            .find ("> .item .visibility")
+            .find ("> .item .toggle-visibility")
             .removeClass ("off")
             .text ("visibility")
       })
@@ -3269,18 +3307,18 @@ module .exports = class OutlineView extends Interface
       return this .objects .get (parseInt (element .attr ("field-id")));
    }
 
-	getRoute (element, routes)
-	{
-		const id = parseInt (element .attr ("route-id"));
+   getRoute (element, routes)
+   {
+      const id = parseInt (element .attr ("route-id"));
 
-		for (const route of routes)
-		{
-			if (route .getId () === id)
-				return route;
-		}
+      for (const route of routes)
+      {
+         if (route .getId () === id)
+            return route;
+      }
 
-		return null;
-	}
+      return null;
+   }
 
    onresize ()
    {
@@ -3336,7 +3374,7 @@ module .exports = class OutlineView extends Interface
 
    addUrlField (button) { }
 
-	removeFieldButtons (buttons)
+   removeFieldButtons (buttons)
    {
       buttons .each ((i, e) => this .removeColorField ($(e)));
    }
@@ -3530,8 +3568,8 @@ module .exports = class OutlineView extends Interface
          if (element .data ("expanded"))
          {
             expanded .push ({
-            	path: path .join (":"),
-            	fullExpanded: element .data ("full-expanded"),
+               path: path .join (":"),
+               fullExpanded: element .data ("full-expanded"),
             });
          }