git.apps.os.sepia.ceph.com Git - ceph-ci.git/blob

   1 <div class="row">
   2   <div class="col-sm-12 col-lg-12">
   3     <div>
   4       <cd-table-actions class="btn-group mb-4 me-2"
   5                         [permission]="permission"
   6                         [selection]="selection"
   7                         [tableActions]="createTableActions">
   8       </cd-table-actions>
   9       <span *ngIf="showMigrateAction">
  10         <cd-table-actions class="btn-group mb-4 me-2 secondary"
  11                           [permission]="permission"
  12                           [btnColor]="'light'"
  13                           [selection]="selection"
  14                           [tableActions]="migrateTableAction">
  15         </cd-table-actions>
  16       </span>
  17     </div>
  18     <div class="card">
  19       <div class="card-header"
  20            i18n>Topology Viewer</div>
  21       <div class="card-body">
  22         <div class="row">
  23           <div class="col-sm-6 col-lg-6 tree-container">
  24             <i *ngIf="loadingIndicator"
  25                [ngClass]="[icons.large, icons.spinner, icons.spin]"></i>
  26             <tree-root #tree
  27                        [nodes]="nodes"
  28                        [options]="treeOptions"
  29                        (updateData)="onUpdateData()">
  30               <ng-template #treeNodeTemplate
  31                            let-node>
  32                 <span *ngIf="node.data.name"
  33                       class="me-3">
  34                   <i [ngClass]="node.data.icon"></i>
  35                     {{ node.data.name }}
  36                 </span>
  37                 <span class="badge badge-success me-2"
  38                       *ngIf="node.data.is_default">
  39                   default
  40                 </span>
  41                 <span class="badge badge-warning me-2"
  42                       *ngIf="node.data.is_master">
  43                   master
  44                 </span>
  45                 <div class="btn-group align-inline-btns"
  46                      *ngIf="node.isFocused"
  47                      role="group">
  48                   <div [title]="editTitle"
  49                        i18n-title>
  50                     <button type="button"
  51                             class="btn btn-light dropdown-toggle-split ms-1"
  52                             (click)="openModal(node, true)"
  53                             [disabled]="getDisable()">
  54                       <i [ngClass]="[icons.edit]"></i>
  55                     </button>
  56                   </div>
  57                   <div [title]="deleteTitle"
  58                        i18n-title>
  59                     <button type="button"
  60                             class="btn btn-light ms-1"
  61                             [disabled]="isDeleteDisabled(node)"
  62                             (click)="delete(node)">
  63                       <i [ngClass]="[icons.destroy]"></i>
  64                     </button>
  65                   </div>
  66                 </div>
  67               </ng-template>
  68             </tree-root>
  69           </div>
  70           <div class="col-sm-6 col-lg-6 metadata"
  71                *ngIf="metadata">
  72             <legend>{{ metadataTitle }}</legend>
  73             <cd-table-key-value cdTableDetail
  74                                 [data]="metadata"
  75                                 [renderObjects]="true"
  76                                 [customCss]="customCss">
  77             </cd-table-key-value>
  78           </div>
  79         </div>
  80       </div>
  81     </div>
  82   </div>
  83 </div>