File
Implements
Metadata
| selector |
cd-rbd-details |
| styleUrls |
./rbd-details.component.scss |
| templateUrl |
./rbd-details.component.html |
Index
Properties
|
|
|
Methods
|
|
|
Inputs
|
|
|
Methods
|
ngOnChanges
|
ngOnChanges()
|
|
|
|
|
|
poolConfigurationSourceTpl
|
Type : TemplateRef<any>
|
Decorators :
@ViewChild('poolConfigurationSourceTpl')
|
|
|
import { Component, Input, OnChanges, TemplateRef, ViewChild } from '@angular/core';
import { CdTableSelection } from '../../../shared/models/cd-table-selection';
import { RbdFormModel } from '../rbd-form/rbd-form.model';
@Component({
selector: 'cd-rbd-details',
templateUrl: './rbd-details.component.html',
styleUrls: ['./rbd-details.component.scss']
})
export class RbdDetailsComponent implements OnChanges {
@Input()
selection: CdTableSelection;
selectedItem: RbdFormModel;
@Input()
images: any;
@ViewChild('poolConfigurationSourceTpl')
poolConfigurationSourceTpl: TemplateRef<any>;
constructor() {}
ngOnChanges() {
if (this.selection.hasSelection) {
this.selectedItem = this.selection.first();
}
}
}
<ng-template #usageNotAvailableTooltipTpl>
<ng-container i18n>Only available for RBD images with <strong>fast-diff</strong> enabled</ng-container>
</ng-template>
<tabset *ngIf="selection?.hasSingleSelection">
<tab i18n-heading
heading="Details">
<table class="table table-striped table-bordered">
<tbody>
<tr>
<td i18n
class="bold col-sm-1">Name</td>
<td class="col-sm-3">{{ selectedItem.name }}</td>
</tr>
<tr>
<td i18n
class="bold col-sm-1">Pool</td>
<td class="col-sm-3">{{ selectedItem.pool_name }}</td>
</tr>
<tr>
<td i18n
class="bold col-sm-1">Data Pool</td>
<td class="col-sm-3">{{ selectedItem.data_pool | empty }}</td>
</tr>
<tr>
<td i18n
class="bold col-sm-1">Created</td>
<td class="col-sm-3">{{ selectedItem.timestamp | cdDate }}</td>
</tr>
<tr>
<td i18n
class="bold col-sm-1">Size</td>
<td class="col-sm-3">{{ selectedItem.size | dimlessBinary }}</td>
</tr>
<tr>
<td i18n
class="bold col-sm-1">Objects</td>
<td class="col-sm-3">{{ selectedItem.num_objs | dimless }}</td>
</tr>
<tr>
<td i18n
class="bold col-sm-1">Object size</td>
<td class="col-sm-3">{{ selectedItem.obj_size | dimlessBinary }}</td>
</tr>
<tr>
<td i18n
class="bold col-sm-1">Features</td>
<td class="col-sm-3">
<span *ngFor="let feature of selectedItem.features_name">
<span class="badge badge-pill badge-primary margin-right-sm">{{ feature }}</span>
</span>
</td>
</tr>
<tr>
<td i18n
class="bold col-sm-1">Provisioned</td>
<td class="col-sm-3">
<span *ngIf="selectedItem.features_name?.indexOf('fast-diff') === -1">
<span class="text-muted"
[tooltip]="usageNotAvailableTooltipTpl"
placement="right"
i18n>N/A</span>
</span>
<span *ngIf="selectedItem.features_name?.indexOf('fast-diff') !== -1">
{{ selectedItem.disk_usage | dimlessBinary }}
</span>
</td>
</tr>
<tr>
<td i18n
class="bold col-sm-1">Total provisioned</td>
<td class="col-sm-3">
<span *ngIf="selectedItem.features_name?.indexOf('fast-diff') === -1">
<span class="text-muted"
[tooltip]="usageNotAvailableTooltipTpl"
placement="right"
i18n>N/A</span>
</span>
<span *ngIf="selectedItem.features_name?.indexOf('fast-diff') !== -1">
{{ selectedItem.total_disk_usage | dimlessBinary }}
</span>
</td>
</tr>
<tr>
<td i18n
class="bold col-sm-1">Striping unit</td>
<td class="col-sm-3">{{ selectedItem.stripe_unit | dimlessBinary }}</td>
</tr>
<tr>
<td i18n
class="bold col-sm-1">Striping count</td>
<td class="col-sm-3">{{ selectedItem.stripe_count }}</td>
</tr>
<tr>
<td i18n
class="bold col-sm-1">Parent</td>
<td class="col-sm-3">
<span *ngIf="selectedItem.parent">{{ selectedItem.parent.pool_name }}
/{{ selectedItem.parent.image_name }}
@{{ selectedItem.parent.snap_name }}</span>
<span *ngIf="!selectedItem.parent">-</span>
</td>
</tr>
<tr>
<td i18n
class="bold col-sm-1">Block name prefix</td>
<td class="col-sm-3">{{ selectedItem.block_name_prefix }}</td>
</tr>
<tr>
<td i18n
class="bold col-sm-1">Order</td>
<td class="col-sm-3">{{ selectedItem.order }}</td>
</tr>
</tbody>
</table>
</tab>
<tab i18n-heading
heading="Snapshots">
<cd-rbd-snapshot-list [snapshots]="selectedItem.snapshots"
[poolName]="selectedItem.pool_name"
[rbdName]="selectedItem.name"></cd-rbd-snapshot-list>
</tab>
<tab i18n-heading
heading="Configuration">
<cd-rbd-configuration-table [data]="selectedItem['configuration']"></cd-rbd-configuration-table>
</tab>
</tabset>
<ng-template
#poolConfigurationSourceTpl
let-row="row"
let-value="value">
<ng-container *ngIf="+value; else global">
<strong i18n i18n-tooltip tooltip="This setting overrides the global value">Image</strong>
</ng-container>
<ng-template #global><span i18n i18n-tooltip tooltip="This is the global value. No value for this option has been set for this image.">Global</span></ng-template>
</ng-template>
Legend
Html element with directive