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

   1 <ng-container *ngIf="!!selection">
   2   <cds-tabs type="contained"
   3             theme="light">
   4     <cds-tab heading="Details">
   5       <table
   6         class="cds--data-table--sort cds--data-table--no-border cds--data-table cds--data-table--md"
   7         data-testid="rgw-storage-details"
   8       >
   9         <tbody>
  10           <tr *ngIf="selection.tier_type === TIER_TYPE_DISPLAY.LOCAL">
  11             <td class="bold"
  12                 i18n>
  13               Zone Group
  14               <cd-helper class="text-pre-wrap">
  15                 <span>
  16                   A Zone Group is a logical grouping of one or more zones that share the same data
  17                   and metadata, allowing for multi-site replication and geographic distribution of
  18                   data.
  19                 </span>
  20               </cd-helper>
  21             </td>
  22             <td>{{ selection?.zonegroup_name }}</td>
  23           </tr>
  24           <tr *ngIf="selection.tier_type === TIER_TYPE_DISPLAY.LOCAL">
  25             <td class="bold"
  26                 i18n>
  27               Placement Target
  28               <cd-helper class="text-pre-wrap">
  29                 <span>
  30                   Placement Target defines the destination and rules for moving objects between
  31                   storage tiers.
  32                 </span>
  33               </cd-helper>
  34             </td>
  35             <td>{{ selection?.placement_target }}</td>
  36           </tr>
  37           <tr *ngIf="selection.tier_type === TIER_TYPE_DISPLAY.CLOUD_TIER">
  38             <td class="bold"
  39                 i18n>
  40               Target Path
  41               <cd-helper class="text-pre-wrap">
  42                 <span>
  43                  {{ targetPathText }}
  44                 </span>
  45               </cd-helper>
  46             </td>
  47             <td>{{ selection?.target_path }}</td>
  48           </tr>
  49           <tr *ngIf="selection.tier_type === TIER_TYPE_DISPLAY.CLOUD_TIER">
  50             <td class="bold"
  51                 i18n>
  52               Access key
  53               <cd-helper class="text-pre-wrap">
  54                 <span>
  55                   {{ targetAccessKeyText }}
  56                 </span>
  57               </cd-helper>
  58             </td>
  59             <td>
  60               <div cdsCol
  61                    [columnNumbers]="{ md: 4 }"
  62                    class="d-flex">
  63                 <input
  64                   cdsPassword
  65                   type="password"
  66                   readonly
  67                   id="access_key"
  68                   [value]="selection?.access_key"
  69                 />
  70                 <button type="button"
  71                         class="btn btn-light"
  72                         cdPasswordButton="access_key"></button>
  73                 <cd-copy-2-clipboard-button source="access_key"> </cd-copy-2-clipboard-button>
  74               </div>
  75             </td>
  76           </tr>
  77           <tr *ngIf="selection.tier_type === TIER_TYPE_DISPLAY.CLOUD_TIER">
  78             <td class="bold"
  79                 i18n>
  80               Secret key
  81               <cd-helper class="text-pre-wrap">
  82                 <span> {{ targetSecretKeyText }} </span>
  83               </cd-helper>
  84             </td>
  85             <td>
  86               <div cdsCol
  87                    [columnNumbers]="{ md: 4 }"
  88                    class="d-flex">
  89                 <input
  90                   cdsPassword
  91                   type="password"
  92                   readonly
  93                   id="secret"
  94                   [value]="selection?.secret"
  95                 />
  96                 <button type="button"
  97                         class="btn btn-light"
  98                         cdPasswordButton="secret"></button>
  99                 <cd-copy-2-clipboard-button source="secret"> </cd-copy-2-clipboard-button>
 100               </div>
 101             </td>
 102           </tr>
 103           <tr *ngIf="selection.tier_type === TIER_TYPE_DISPLAY.CLOUD_TIER">
 104             <td class="bold"
 105                 i18n>
 106               Host Style
 107               <cd-helper class="text-pre-wrap">
 108                 <span>{{ hostStyleText }}</span>
 109               </cd-helper>
 110             </td>
 111             <td>{{ selection?.host_style }}</td>
 112           </tr>
 113           <tr *ngIf="selection.tier_type === TIER_TYPE_DISPLAY.CLOUD_TIER">
 114             <td class="bold"
 115                 i18n>
 116               Multipart Minimum Part Size
 117               <cd-helper class="text-pre-wrap">
 118                 <span>
 119                   {{ multipartMinPartText }}
 120                 </span>
 121               </cd-helper>
 122             </td>
 123             <td>{{ selection?.multipart_min_part_size }}</td>
 124           </tr>
 125           <tr *ngIf="selection.tier_type === TIER_TYPE_DISPLAY.CLOUD_TIER">
 126             <td class="bold"
 127                 i18n>
 128               Multipart Sync Threshold
 129               <cd-helper class="text-pre-wrap">
 130                 <span>
 131                   {{ multipartSyncThreholdText }}
 132                 </span>
 133               </cd-helper>
 134             </td>
 135             <td>{{ selection?.multipart_sync_threshold }}</td>
 136           </tr>
 137           <tr *ngIf="selection.tier_type === TIER_TYPE_DISPLAY.CLOUD_TIER">
 138             <td class="bold"
 139                 i18n>
 140               Retain Head Object
 141               <cd-helper class="text-pre-wrap">
 142                 <span>
 143                   Retain object metadata after transition to the cloud (default: false).
 144                 </span>
 145               </cd-helper>
 146             </td>
 147             <td>{{ selection?.retain_head_object }}</td>
 148           </tr>
 149           <tr *ngIf="selection.tier_type === TIER_TYPE_DISPLAY.CLOUD_TIER">
 150             <td class="bold"
 151                 i18n>
 152               Allow Read Through
 153               <cd-helper class="text-pre-wrap">
 154                 <span>
 155                   {{ allowReadThroughText }}
 156                 </span>
 157               </cd-helper>
 158             </td>
 159             <td>{{ selection?.allow_read_through }}</td>
 160           </tr>
 161         </tbody>
 162       </table>
 163     </cds-tab>
 164   </cds-tabs>
 165 </ng-container>