columnMode="flex"
(fetchData)="getHosts($event)"
selectionType="single"
+ [hasDetails]="true"
+ (setExpandedRow)="setExpandedRow($event)"
(updateSelection)="updateSelection($event)">
- <ng-template #servicesTpl let-value="value">
+ <div class="table-actions btn-toolbar">
+ <cd-table-actions [permission]="permissions.hosts"
+ [selection]="selection"
+ class="btn-group"
+ id="host-actions"
+ [tableActions]="tableActions">
+ </cd-table-actions>
+ </div>
+ <ng-template #servicesTpl
+ let-value="value">
<span *ngFor="let service of value; last as isLast">
- <a [routerLink]="[service.cdLink]"
+ <a class="service-link"
+ [routerLink]="[service.cdLink]"
[queryParams]="cdParams"
- *ngIf="service.canRead">{{ service.type }}.{{ service.id }}
- </a>
+ *ngIf="service.canRead">{{ service.type }}.{{ service.id }}</a>
<span *ngIf="!service.canRead">
{{ service.type }}.{{ service.id }}
</span>
- {{ !isLast ? ", " : "" }}
+ <ng-container *ngIf="!isLast">, </ng-container>
</span>
</ng-template>
<cd-host-details cdTableDetail
- [selection]="selection">
+ [permissions]="permissions"
+ [selection]="expandedRow">
</cd-host-details>
</cd-table>
</tab>