From: Jason Etheridge <phasefx@gmail.com>
Date: Wed, 31 May 2023 19:40:10 +0000 (-0400)
Subject: ng-content selectors
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=23942591315483add0d114534c9766ccabe0f495;p=working%2FEvergreen.git

ng-content selectors

Signed-off-by: Jason Etheridge <phasefx@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 9a0eb51458..73057dab4f 100644
--- a/Open-ILS/src/eg2/src/app/share/tree/tree.component.html
+++ b/Open-ILS/src/eg2/src/app/share/tree/tree.component.html
@@ -2,7 +2,7 @@
 <button type="button" class="btn btn-link" *ngIf="showTogglers" (click)="collapseAll()" i18n>Collapse all</button>
 <button type="button" class="btn btn-link" *ngIf="showSelectors" (click)="selectAll()" i18n>Select all</button>
 <button type="button" class="btn btn-link" *ngIf="showSelectors" (click)="deselectAll()" i18n>Deselect all</button><br />
-<ng-content></ng-content>
+<ng-content select="[header]"></ng-content>
 <div class="eg-tree" *ngFor="let node of displayNodes()">
   <div class="eg-tree-node-wrapper d-flex"
     [ngStyle]="{'padding-left': (node.depth * 20) + 'px'}">
@@ -29,3 +29,4 @@
     </div>
   </div>
 </div>
+<ng-content select="[footer]"></ng-content>
diff --git a/Open-ILS/src/eg2/src/app/staff/admin/server/custom-org-unit-trees.component.html b/Open-ILS/src/eg2/src/app/staff/admin/server/custom-org-unit-trees.component.html
index c1c23474d8..d9983663fe 100644
--- a/Open-ILS/src/eg2/src/app/staff/admin/server/custom-org-unit-trees.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/admin/server/custom-org-unit-trees.component.html
@@ -44,13 +44,17 @@
         [tree]="custom_tree"
         (nodeClicked)="custom_nodeClicked($event)"
         (nodeChecked)="custon_nodeChecked($event)">
-        <button type="button" class="btn btn-link" [disabled]="deleteNodesDisabled" (click)="deleteNodes()" i18n>Delete Selected Nodes</button>
-        <button type="button" class="btn btn-link" [disabled]="moveNodeUpDisabled" (click)="moveNodeUp()" i18n>Move Node Up</button>
-        <button type="button" class="btn btn-link" [disabled]="moveNodeDownDisabled" (click)="moveNodeDown()" i18n>Move Node Down</button>
-        <button type="button" class="btn btn-link" [disabled]="moveNodeElsewhereDisabled" (click)="moveNodeElsewhere()" i18n>Move Node Elsewhere</button>
-        <button type="button" class="btn btn-link" *ngIf="!active" (click)="active = !active" i18n>Activate Tree</button>
-        <button type="button" class="btn btn-link" *ngIf="active" (click)="active = !active" i18n>Deactivate Tree</button>
-        <button type="button" class="btn btn-link" (click)="applyChanges()" i18n>Apply Changes</button>
+        <div header>
+          <button type="button" class="btn btn-link" [disabled]="deleteNodesDisabled" (click)="deleteNodes()" i18n>Delete Selected Nodes</button>
+          <button type="button" class="btn btn-link" [disabled]="moveNodeUpDisabled" (click)="moveNodeUp()" i18n>Move Node Up</button>
+          <button type="button" class="btn btn-link" [disabled]="moveNodeDownDisabled" (click)="moveNodeDown()" i18n>Move Node Down</button>
+          <button type="button" class="btn btn-link" [disabled]="moveNodeElsewhereDisabled" (click)="moveNodeElsewhere()" i18n>Move Node Elsewhere</button>
+        </div>
+        <div footer>
+          <button type="button" class="btn btn-link" *ngIf="!active" (click)="active = !active" i18n>Activate Tree</button>
+          <button type="button" class="btn btn-link" *ngIf="active" (click)="active = !active" i18n>Deactivate Tree</button>
+          <button type="button" class="btn btn-link" (click)="applyChanges()" i18n>Apply Changes</button>
+        </div>
       </eg-tree>
     </div>
   </div>