<div class="eg-tree-node" [ngClass]="{active : node.selected}">
<a [routerLink]="" (click)="handleNodeClick(node)">{{node.label}}</a>
</div>
- <ng-container *ngTemplateOutlet="selectedRowTrailingTemplate; context: {$implicit: node}"></ng-container>
+ <ng-container *ngTemplateOutlet="rowTrailingTemplate; context: {$implicit: node}"></ng-container>
</div>
</div>
<ng-content select="[footer]"></ng-content>
@Input() showSelectors: boolean = false; // the checkboxes, etc.
@Input() disableRootSelector: boolean = false; // checkbox at the top of the tree
@Input() toggleOnClick: boolean = false; // selectNode vs toggleNodeSelection
- @Input() selectedRowTrailingTemplate: TemplateRef<any>;
+ @Input() rowTrailingTemplate: TemplateRef<any>;
@Output() nodeClicked: EventEmitter<TreeNode>;
@Output() nodeChecked: EventEmitter<TreeNode>;
<h3 i18n>Custom Org Unit Tree</h3>
<div class="border rounded p-1" >
<ng-template #selectedRowButtons let-node>
- <button type="button" class="btn btn-link" [disabled]="deleteNodesDisabled" (click)="deleteNode(node)" i18n>Delete</button>
+ <div *ngIf="node.selected">
<button type="button" class="btn btn-link" [disabled]="moveNodeUpDisabled" (click)="moveNodeUp(node)" i18n>Up</button>
<button type="button" class="btn btn-link" [disabled]="moveNodeDownDisabled" (click)="moveNodeDown(node)" i18n>Down</button>
<button type="button" class="btn btn-link" [disabled]="moveNodeElsewhereDisabled" (click)="moveNodeElsewhere(node)" i18n>Move</button>
+ <button type="button" class="btn btn-link" [disabled]="deleteNodesDisabled" (click)="deleteNode(node)" i18n>Delete</button>
+ </div>
</ng-template>
<eg-tree
[showTogglers]="true"
[tree]="custom_tree"
(nodeClicked)="custom_nodeClicked($event)"
(nodeChecked)="custon_nodeChecked($event)"
- [selectedRowTrailingTemplate]="selectedRowButtons">
+ [rowTrailingTemplate]="selectedRowButtons">
<div header>
</div>
<div footer>