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