ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-details/rbd-details.component.html

   1 <ng-template #usageNotAvailableTooltipTpl>
   2   <ng-container i18n>Only available for RBD images with <strong>fast-diff</strong> enabled</ng-container>
   3 </ng-template>
   4
   5 <tabset *ngIf="selection">
   6   <tab i18n-heading
   7        heading="Details">
   8     <table class="table table-striped table-bordered">
   9       <tbody>
  10         <tr>
  11           <td i18n
  12               class="bold w-25">Name</td>
  13           <td class="w-75">{{ selection.name }}</td>
  14         </tr>
  15         <tr>
  16           <td i18n
  17               class="bold">Pool</td>
  18           <td>{{ selection.pool_name }}</td>
  19         </tr>
  20         <tr>
  21           <td i18n
  22               class="bold">Data Pool</td>
  23           <td>{{ selection.data_pool | empty }}</td>
  24         </tr>
  25         <tr>
  26           <td i18n
  27               class="bold">Created</td>
  28           <td>{{ selection.timestamp | cdDate }}</td>
  29         </tr>
  30         <tr>
  31           <td i18n
  32               class="bold">Size</td>
  33           <td>{{ selection.size | dimlessBinary }}</td>
  34         </tr>
  35         <tr>
  36           <td i18n
  37               class="bold">Objects</td>
  38           <td>{{ selection.num_objs | dimless }}</td>
  39         </tr>
  40         <tr>
  41           <td i18n
  42               class="bold">Object size</td>
  43           <td>{{ selection.obj_size | dimlessBinary }}</td>
  44         </tr>
  45         <tr>
  46           <td i18n
  47               class="bold">Features</td>
  48           <td>
  49             <span *ngFor="let feature of selection.features_name">
  50               <span class="badge badge-dark mr-2">{{ feature }}</span>
  51             </span>
  52           </td>
  53         </tr>
  54         <tr>
  55           <td i18n
  56               class="bold">Provisioned</td>
  57           <td>
  58             <span *ngIf="selection.features_name?.indexOf('fast-diff') === -1">
  59               <span class="form-text text-muted"
  60                     [tooltip]="usageNotAvailableTooltipTpl"
  61                     placement="right"
  62                     i18n>N/A</span>
  63             </span>
  64             <span *ngIf="selection.features_name?.indexOf('fast-diff') !== -1">
  65               {{ selection.disk_usage | dimlessBinary }}
  66             </span>
  67           </td>
  68         </tr>
  69         <tr>
  70           <td i18n
  71               class="bold">Total provisioned</td>
  72           <td>
  73             <span *ngIf="selection.features_name?.indexOf('fast-diff') === -1">
  74               <span class="form-text text-muted"
  75                     [tooltip]="usageNotAvailableTooltipTpl"
  76                     placement="right"
  77                     i18n>N/A</span>
  78             </span>
  79             <span *ngIf="selection.features_name?.indexOf('fast-diff') !== -1">
  80               {{ selection.total_disk_usage | dimlessBinary }}
  81             </span>
  82           </td>
  83         </tr>
  84         <tr>
  85           <td i18n
  86               class="bold">Striping unit</td>
  87           <td>{{ selection.stripe_unit | dimlessBinary }}</td>
  88         </tr>
  89         <tr>
  90           <td i18n
  91               class="bold">Striping count</td>
  92           <td>{{ selection.stripe_count }}</td>
  93         </tr>
  94         <tr>
  95           <td i18n
  96               class="bold">Parent</td>
  97           <td>
  98             <span *ngIf="selection.parent">{{ selection.parent.pool_name }}<span *ngIf="selection.parent.pool_namespace">/{{ selection.parent.pool_namespace }}</span>/{{ selection.parent.image_name }}@{{ selection.parent.snap_name }}</span>
  99             <span *ngIf="!selection.parent">-</span>
 100           </td>
 101         </tr>
 102         <tr>
 103           <td i18n
 104               class="bold">Block name prefix</td>
 105           <td>{{ selection.block_name_prefix }}</td>
 106         </tr>
 107         <tr>
 108           <td i18n
 109               class="bold">Order</td>
 110           <td>{{ selection.order }}</td>
 111         </tr>
 112         <tr>
 113           <td i18n
 114               class="bold">Format Version</td>
 115           <td>{{ selection.image_format }}</td>
 116         </tr>
 117       </tbody>
 118     </table>
 119   </tab>
 120   <tab i18n-heading
 121        heading="Snapshots">
 122     <cd-rbd-snapshot-list [snapshots]="selection.snapshots"
 123                           [featuresName]="selection.features_name"
 124                           [poolName]="selection.pool_name"
 125                           [namespace]="selection.namespace"
 126                           [rbdName]="selection.name"></cd-rbd-snapshot-list>
 127   </tab>
 128   <tab i18n-heading
 129        heading="Configuration">
 130     <cd-rbd-configuration-table [data]="selection['configuration']"></cd-rbd-configuration-table>
 131   </tab>
 132   <tab i18n-heading
 133        heading="Performance">
 134     <cd-grafana [grafanaPath]="rbdDashboardUrl"
 135                 uid="YhCYGcuZz"
 136                 grafanaStyle="one">
 137     </cd-grafana>
 138   </tab>
 139 </tabset>
 140
 141 <ng-template
 142   #poolConfigurationSourceTpl
 143   let-row="row"
 144   let-value="value">
 145   <ng-container *ngIf="+value; else global">
 146     <strong i18n
 147             i18n-tooltip
 148             tooltip="This setting overrides the global value">Image</strong>
 149   </ng-container>
 150   <ng-template #global>
 151     <span i18n
 152           i18n-tooltip
 153           tooltip="This is the global value. No value for this option has been set for this image.">Global</span>
 154   </ng-template>
 155 </ng-template>