]> git.proxmox.com Git - ceph.git/blobdiff - ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/hosts/hosts.component.html
import 15.2.4
[ceph.git] / ceph / src / pybind / mgr / dashboard / frontend / src / app / ceph / cluster / hosts / hosts.component.html
index 39dcedb313ed561b7d21ba63996de4138900d3ab..5b85355017c2cbe9310ad1c9a930b8ae8dc602d5 100644 (file)
@@ -6,21 +6,33 @@
               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>