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 9a0eb51..73057da 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
@@ -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 c1c2347..d998366 100644 (file)
--- 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>