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           @if( isTierMatch(
  11             TIER_TYPE_DISPLAY.LOCAL
  12           )){
  13           <tr>
  14             <td class="bold"
  15                 i18n>
  16               Zone Group
  17               <cd-helper class="text-pre-wrap">
  18                 <span>
  19                   {{ zoneGroupText }}
  20                 </span>
  21               </cd-helper>
  22             </td>
  23             <td>{{ selection?.zonegroup_name }}</td>
  24           </tr>
  25         }
  26         @if(isTierMatch(
  27             TIER_TYPE_DISPLAY.LOCAL
  28           )){
  29           <tr>
  30             <td class="bold"
  31                 i18n>
  32               Placement Target
  33               <cd-helper class="text-pre-wrap">
  34                 <span>
  35                   Placement Target defines the destination and rules for moving objects between
  36                   storage tiers.
  37                 </span>
  38               </cd-helper>
  39             </td>
  40             <td>{{ selection?.placement_target }}</td>
  41           </tr>
  42         }
  43         @if(isTierMatch( TIER_TYPE_DISPLAY.CLOUD_TIER, TIER_TYPE_DISPLAY.GLACIER)){
  44           <tr>
  45             <td class="bold"
  46                 i18n>
  47               Target Path
  48               <cd-helper class="text-pre-wrap">
  49                 <span>
  50                   {{ targetPathText }}
  51                 </span>
  52               </cd-helper>
  53             </td>
  54             <td>{{ selection?.target_path }}</td>
  55           </tr>
  56         }
  57         @if(isTierMatch(TIER_TYPE_DISPLAY.CLOUD_TIER, TIER_TYPE_DISPLAY.GLACIER)){
  58           <tr>
  59             <td class="bold"
  60                 i18n>
  61               Access key
  62               <cd-helper class="text-pre-wrap">
  63                 <span>
  64                   {{ targetAccessKeyText }}
  65                 </span>
  66               </cd-helper>
  67             </td>
  68             <td>
  69               <div cdsCol
  70                    [columnNumbers]="{ md: 4 }"
  71                    class="d-flex">
  72                 <input
  73                   cdsPassword
  74                   type="password"
  75                   readonly
  76                   id="access_key"
  77                   [value]="selection?.access_key"
  78                 />
  79                 <button type="button"
  80                         class="btn btn-light"
  81                         cdPasswordButton="access_key"></button>
  82                 <cd-copy-2-clipboard-button source="access_key"> </cd-copy-2-clipboard-button>
  83               </div>
  84             </td>
  85           </tr>
  86         }
  87         @if(isTierMatch(TIER_TYPE_DISPLAY.CLOUD_TIER, TIER_TYPE_DISPLAY.GLACIER)){
  88           <tr>
  89             <td class="bold"
  90                 i18n>
  91               Secret key
  92               <cd-helper class="text-pre-wrap">
  93                 <span> {{ targetSecretKeyText }} </span>
  94               </cd-helper>
  95             </td>
  96             <td>
  97               <div cdsCol
  98                    [columnNumbers]="{ md: 4 }"
  99                    class="d-flex">
 100                 <input
 101                   cdsPassword
 102                   type="password"
 103                   readonly
 104                   id="secret"
 105                   [value]="selection?.secret"
 106                 />
 107                 <button type="button"
 108                         class="btn btn-light"
 109                         cdPasswordButton="secret"></button>
 110                 <cd-copy-2-clipboard-button source="secret"> </cd-copy-2-clipboard-button>
 111               </div>
 112             </td>
 113           </tr>
 114         }
 115         @if(isTierMatch( TIER_TYPE_DISPLAY.CLOUD_TIER, TIER_TYPE_DISPLAY.GLACIER)){
 116           <tr>
 117             <td class="bold"
 118                 i18n>
 119               Host Style
 120               <cd-helper class="text-pre-wrap">
 121                 <span>{{ hostStyleText }}</span>
 122               </cd-helper>
 123             </td>
 124             <td>{{ selection?.host_style }}</td>
 125           </tr>
 126         }
 127         @if(isTierMatch( TIER_TYPE_DISPLAY.CLOUD_TIER, TIER_TYPE_DISPLAY.GLACIER)){
 128           <tr>
 129             <td class="bold"
 130                 i18n>
 131               Head Object (Stub File)
 132               <cd-helper class="text-pre-wrap">
 133                 <span> {{ retainHeadObjectText }}</span>
 134               </cd-helper>
 135             </td>
 136             <td>{{ selection?.retain_head_object ? 'Enabled' : 'Disabled' }}</td>
 137           </tr>
 138         }
 139         @if(isTierMatch( TIER_TYPE_DISPLAY.CLOUD_TIER, TIER_TYPE_DISPLAY.GLACIER)){
 140           <tr>
 141             <td class="bold"
 142                 i18n>
 143               Allow Read Through
 144               <cd-helper class="text-pre-wrap">
 145                 <span>
 146                   {{ allowReadThroughText }}
 147                 </span>
 148               </cd-helper>
 149             </td>
 150             <td>{{ selection?.allow_read_through ? 'Enabled' : 'Disabled' }}</td>
 151           </tr>
 152         }
 153         @if(isTierMatch(TIER_TYPE_DISPLAY.CLOUD_TIER, TIER_TYPE_DISPLAY.GLACIER) && (selection?.allow_read_through)) {
 154           <tr *ngIf="isTierMatch(TIER_TYPE_DISPLAY.CLOUD_TIER, TIER_TYPE_DISPLAY.GLACIER) && (selection?.allow_read_through)">
 155             <td class="bold"
 156                 i18n>
 157               Read through Restore Days
 158               <cd-helper class="text-pre-wrap">
 159                 <span>
 160                   {{ readthroughrestoreDaysText }}
 161                 </span>
 162               </cd-helper>
 163             </td>
 164             <td>{{ selection?.read_through_restore_days }}</td>
 165           </tr>
 166         }
 167         @if(isTierMatch( TIER_TYPE_DISPLAY.GLACIER)){
 168           <tr>
 169             <td class="bold"
 170                 i18n>
 171               Glacier Restore Days
 172               <cd-helper class="text-pre-wrap">
 173                 <span>
 174                   {{ glacierRestoreDayText }}
 175                 </span>
 176               </cd-helper>
 177             </td>
 178             <td>{{ selection?.glacier_restore_days }}</td>
 179           </tr>
 180         }
 181         @if(isTierMatch( TIER_TYPE_DISPLAY.GLACIER)) {
 182           <tr>
 183             <td class="bold"
 184                 i18n>
 185               Glacier Restore Tier Type
 186               <cd-helper class="text-pre-wrap">
 187                 <span>
 188                   {{ glacierRestoreTiertypeText }}
 189                 </span>
 190               </cd-helper>
 191             </td>
 192             <td>{{ selection?.glacier_restore_tier_type }}</td>
 193           </tr>
 194         }
 195         @if(isTierMatch( TIER_TYPE_DISPLAY.CLOUD_TIER, TIER_TYPE_DISPLAY.GLACIER)){
 196           <tr>
 197             <td class="bold"
 198                 i18n>
 199               Restore Storage Class
 200               <cd-helper class="text-pre-wrap">
 201                 <span>
 202                   {{ restoreStorageClassText }}
 203                 </span>
 204               </cd-helper>
 205             </td>
 206             <td>{{ selection?.restore_storage_class }}</td>
 207           </tr>
 208         }
 209           @if(isTierMatch( TIER_TYPE_DISPLAY.CLOUD_TIER, TIER_TYPE_DISPLAY.GLACIER)){
 210           <tr>
 211             <td class="bold"
 212                 i18n>
 213               Multipart Minimum Part Size
 214               <cd-helper class="text-pre-wrap">
 215                 <span>
 216                   {{ multipartMinPartText }}
 217                 </span>
 218               </cd-helper>
 219             </td>
 220             <td>{{ selection?.multipart_min_part_size }}</td>
 221           </tr>
 222         }
 223         @if(isTierMatch( TIER_TYPE_DISPLAY.CLOUD_TIER, TIER_TYPE_DISPLAY.GLACIER)){
 224           <tr>
 225             <td class="bold"
 226                 i18n>
 227               Multipart Sync Threshold
 228               <cd-helper class="text-pre-wrap">
 229                 <span>
 230                   {{ multipartSyncThreholdText  }}
 231                 </span>
 232               </cd-helper>
 233             </td>
 234             <td>{{ selection?.multipart_sync_threshold }}</td>
 235           </tr>
 236         }
 237         </tbody>
 238       </table>
 239     </cds-tab>
 240   </cds-tabs>
 241 </ng-container>