LP#1775466 Tree widget minor tweaks

Signed-off-by: Bill Erickson <berickxx@gmail.com>

diff --git a/Open-ILS/src/eg2/src/app/share/tree/tree.component.html b/Open-ILS/src/eg2/src/app/share/tree/tree.component.html
index 80125b3..525fece 100644 (file)
--- a/Open-ILS/src/eg2/src/app/share/tree/tree.component.html
+++ b/Open-ILS/src/eg2/src/app/share/tree/tree.component.html
@@ -13,7 +13,7 @@
          
       </div>
     </div>
-    <div class="eg-tree-node" [ngClass]="{active : node.active}">
+    <div class="eg-tree-node" [ngClass]="{active : node.selected}">
       <a [routerLink]="" (click)="handleNodeClick(node)">{{node.label}}</a>
     </div>
   </div>

diff --git a/Open-ILS/src/eg2/src/app/share/tree/tree.component.ts b/Open-ILS/src/eg2/src/app/share/tree/tree.component.ts
index d933957..d02238d 100644 (file)
--- a/Open-ILS/src/eg2/src/app/share/tree/tree.component.ts
+++ b/Open-ILS/src/eg2/src/app/share/tree/tree.component.ts
@@ -51,7 +51,7 @@ export class TreeComponent implements OnInit {
     }
 
     handleNodeClick(node: TreeNode) {
-        this.tree.activateNode(node);
+        this.tree.selectNode(node);
         this.nodeClicked.emit(node);
     }
 }

diff --git a/Open-ILS/src/eg2/src/app/share/tree/tree.ts b/Open-ILS/src/eg2/src/app/share/tree/tree.ts
index f230780..2eb500e 100644 (file)
--- a/Open-ILS/src/eg2/src/app/share/tree/tree.ts
+++ b/Open-ILS/src/eg2/src/app/share/tree/tree.ts
@@ -1,23 +1,39 @@
 
 export class TreeNode {
+    // Unique identifier
     id: any;
+
+    // Display label
     label: string;
+
+    // True if child nodes should be visible
     expanded: boolean;
+
     children: TreeNode[];
+
+    // Set by the tree.
     depth: number;
-    active: boolean;
+
+    // Set by the tree.
+    selected: boolean;
+
+    // Optional link to user-provided stuff.  
+    // This field is ignored by the tree.
+    callerData: any;
 
     constructor(values: {[key: string]: any}) {
         this.children = [];
         this.expanded = false;
         this.depth = 0;
-        this.active = false;
-        if (values) {
-            if ('id' in values) { this.id = values.id; }
-            if ('label' in values) { this.label = values.label; }
-            if ('children' in values) { this.children = values.children; }
-            if ('expanded' in values) { this.expanded = values.expanded; }
-        }
+        this.selected = false;
+
+        if (!values) { return; }
+
+        if ('id' in values) { this.id = values.id; }
+        if ('label' in values) { this.label = values.label; }
+        if ('children' in values) { this.children = values.children; }
+        if ('expanded' in values) { this.expanded = values.expanded; }
+        if ('callerData' in values) { this.callerData = values.callerData; }
     }
 
     toggleExpand() {
@@ -49,8 +65,8 @@ export class Tree {
             this.idMap[node.id + ''] = node;
 
             if (hidden) {
-                // it could be confusing for a hidden node to be active.
-                node.active = false;
+                // it could be confusing for a hidden node to be selected.
+                node.selected = false;
             }
 
             if (hidden && filterHidden) {
@@ -105,13 +121,13 @@ export class Tree {
         this.nodeList().forEach(node => node.expanded = false);
     }
 
-    activeNode(): TreeNode {
-        return this.nodeList().filter(node => node.active)[0];
+    selectedNode(): TreeNode {
+        return this.nodeList().filter(node => node.selected)[0];
     }
 
-    activateNode(node: TreeNode) {
-        this.nodeList().forEach(n => n.active = false);
-        node.active = true;
+    selectNode(node: TreeNode) {
+        this.nodeList().forEach(n => n.selected = false);
+        node.selected = true;
     }
 }