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

   1 <div class="row">
   2   <div class="col-sm-12 col-lg-12">
   3     <div>
   4       <cd-alert-panel   *ngIf="!rgwModuleStatus"
   5                         type="info"
   6                         spacingClass="mb-3"
   7                         i18n>You need to enable the rgw module to access the import/export feature.
   8         <a class="text-decoration-underline"
   9            (click)="enableRgwModule()">
  10            Enable RGW Module</a>
  11       </cd-alert-panel>
  12       <cd-table-actions class="btn-group mb-4 me-2"
  13                         [permission]="permission"
  14                         [selection]="selection"
  15                         [tableActions]="createTableActions">
  16       </cd-table-actions>
  17       <span *ngIf="showMigrateAction">
  18         <cd-table-actions class="btn-group mb-4 me-2 secondary"
  19                           [permission]="permission"
  20                           [btnColor]="'light'"
  21                           [selection]="selection"
  22                           [tableActions]="migrateTableAction">
  23         </cd-table-actions>
  24       </span>
  25       <cd-table-actions class="btn-group mb-4 me-2"
  26                         [permission]="permission"
  27                         [btnColor]="'light'"
  28                         [selection]="selection"
  29                         [tableActions]="importAction">
  30       </cd-table-actions>
  31       <cd-table-actions class="btn-group mb-4 me-2"
  32                         [permission]="permission"
  33                         [btnColor]="'light'"
  34                         [selection]="selection"
  35                         [tableActions]="exportAction">
  36       </cd-table-actions>
  37     </div>
  38     <div class="card">
  39       <div class="card-header"
  40            i18n>Topology Viewer</div>
  41       <div class="card-body">
  42         <div class="row">
  43           <div class="col-sm-6 col-lg-6 tree-container">
  44             <i *ngIf="loadingIndicator"
  45                [ngClass]="[icons.large, icons.spinner, icons.spin]"></i>
  46             <tree-root #tree
  47                        [nodes]="nodes"
  48                        [options]="treeOptions"
  49                        (updateData)="onUpdateData()">
  50               <ng-template #treeNodeTemplate
  51                            let-node>
  52                 <span *ngIf="node.data.name"
  53                       class="me-3">
  54                   <span *ngIf="(node.data.show_warning)">
  55                     <i  class="text-danger"
  56                         i18n-title
  57                         [title]="node.data.warning_message"
  58                         [ngClass]="icons.danger"></i>
  59                   </span>
  60                   <i [ngClass]="node.data.icon"></i>
  61                     {{ node.data.name }}
  62                 </span>
  63                 <span class="badge badge-success me-2"
  64                       *ngIf="node.data.is_default">
  65                   default
  66                 </span>
  67                 <span class="badge badge-warning me-2"
  68                       *ngIf="node.data.is_master">
  69                   master
  70                 </span>
  71                 <span class="badge badge-warning me-2"
  72                       *ngIf="node.data.secondary_zone">
  73                   secondary-zone
  74                 </span>
  75                 <div class="btn-group align-inline-btns"
  76                      *ngIf="node.isFocused"
  77                      role="group">
  78                   <div [title]="editTitle"
  79                        i18n-title>
  80                     <button type="button"
  81                             class="btn btn-light dropdown-toggle-split ms-1"
  82                             (click)="openModal(node, true)"
  83                             [disabled]="getDisable() || node.data.secondary_zone">
  84                       <i [ngClass]="[icons.edit]"></i>
  85                     </button>
  86                   </div>
  87                   <div [title]="deleteTitle"
  88                        i18n-title>
  89                     <button type="button"
  90                             class="btn btn-light ms-1"
  91                             [disabled]="isDeleteDisabled(node) || node.data.secondary_zone"
  92                             (click)="delete(node)">
  93                       <i [ngClass]="[icons.destroy]"></i>
  94                     </button>
  95                   </div>
  96                 </div>
  97               </ng-template>
  98             </tree-root>
  99           </div>
 100           <div class="col-sm-6 col-lg-6 metadata"
 101                *ngIf="metadata">
 102             <legend>{{ metadataTitle }}</legend>
 103             <div>
 104               <cd-table-key-value cdTableDetail
 105                                   [data]="metadata">
 106               </cd-table-key-value>
 107             </div>
 108           </div>
 109         </div>
 110       </div>
 111     </div>
 112   </div>
 113 </div>