"dev": true
},
"prettier": {
- "version": "1.13.7",
- "resolved": "https://registry.npmjs.org/prettier/-/prettier-1.13.7.tgz",
- "integrity": "sha512-KIU72UmYPGk4MujZGYMFwinB7lOf2LsDNGSOC8ufevsrPLISrZbNJlWstRi3m0AMuszbH+EFSQ/r6w56RSPK6w==",
+ "version": "1.14.0",
+ "resolved": "https://registry.npmjs.org/prettier/-/prettier-1.14.0.tgz",
+ "integrity": "sha512-KtQ2EGaUwf2EyDfp1fxyEb0PqGKakVm0WyXwDt6u+cAoxbO2Z2CwKvOe3+b4+F2IlO9lYHi1kqFuRM70ddBnow==",
"dev": true
},
"pretty-error": {
"jest": "23.4.2",
"jest-canvas-mock": "1.1.0",
"jest-preset-angular": "6.0.0",
- "prettier": "1.13.7",
+ "prettier": "1.14.0",
"protractor": "5.4.0",
"ts-node": "7.0.0",
"tslint": "5.11.0",
styleUrls: ['./mirroring.component.scss']
})
export class MirroringComponent implements OnInit {
- @ViewChild('healthTmpl') healthTmpl: TemplateRef<any>;
- @ViewChild('stateTmpl') stateTmpl: TemplateRef<any>;
- @ViewChild('syncTmpl') syncTmpl: TemplateRef<any>;
- @ViewChild('progressTmpl') progressTmpl: TemplateRef<any>;
+ @ViewChild('healthTmpl')
+ healthTmpl: TemplateRef<any>;
+ @ViewChild('stateTmpl')
+ stateTmpl: TemplateRef<any>;
+ @ViewChild('syncTmpl')
+ syncTmpl: TemplateRef<any>;
+ @ViewChild('progressTmpl')
+ progressTmpl: TemplateRef<any>;
contentData: any;
styleUrls: ['./rbd-details.component.scss']
})
export class RbdDetailsComponent implements OnChanges {
- @Input() selection: CdTableSelection;
+ @Input()
+ selection: CdTableSelection;
selectedItem: any;
constructor() {}
styleUrls: ['./rbd-list.component.scss']
})
export class RbdListComponent implements OnInit, OnDestroy {
- @ViewChild(TableComponent) table: TableComponent;
- @ViewChild('usageTpl') usageTpl: TemplateRef<any>;
- @ViewChild('parentTpl') parentTpl: TemplateRef<any>;
- @ViewChild('nameTpl') nameTpl: TemplateRef<any>;
- @ViewChild('flattenTpl') flattenTpl: TemplateRef<any>;
+ @ViewChild(TableComponent)
+ table: TableComponent;
+ @ViewChild('usageTpl')
+ usageTpl: TemplateRef<any>;
+ @ViewChild('parentTpl')
+ parentTpl: TemplateRef<any>;
+ @ViewChild('nameTpl')
+ nameTpl: TemplateRef<any>;
+ @ViewChild('flattenTpl')
+ flattenTpl: TemplateRef<any>;
permission: Permission;
images: any;
styleUrls: ['./rbd-snapshot-list.component.scss']
})
export class RbdSnapshotListComponent implements OnInit, OnChanges {
- @Input() snapshots: RbdSnapshotModel[] = [];
- @Input() poolName: string;
- @Input() rbdName: string;
- @Input() executingTasks: ExecutingTask[] = [];
-
- @ViewChild('nameTpl') nameTpl: TemplateRef<any>;
- @ViewChild('protectTpl') protectTpl: TemplateRef<any>;
- @ViewChild('rollbackTpl') rollbackTpl: TemplateRef<any>;
+ @Input()
+ snapshots: RbdSnapshotModel[] = [];
+ @Input()
+ poolName: string;
+ @Input()
+ rbdName: string;
+ @Input()
+ executingTasks: ExecutingTask[] = [];
+
+ @ViewChild('nameTpl')
+ nameTpl: TemplateRef<any>;
+ @ViewChild('protectTpl')
+ protectTpl: TemplateRef<any>;
+ @ViewChild('rollbackTpl')
+ rollbackTpl: TemplateRef<any>;
permission: Permission;
styleUrls: ['./cephfs-chart.component.scss']
})
export class CephfsChartComponent implements OnChanges, OnInit {
- @ViewChild('chartCanvas') chartCanvas: ElementRef;
- @ViewChild('chartTooltip') chartTooltip: ElementRef;
+ @ViewChild('chartCanvas')
+ chartCanvas: ElementRef;
+ @ViewChild('chartTooltip')
+ chartTooltip: ElementRef;
- @Input() mdsCounter: any;
+ @Input()
+ mdsCounter: any;
lhsCounter = 'mds.inodes';
rhsCounter = 'mds_server.handle_client_request';
styleUrls: ['./cephfs-clients.component.scss']
})
export class CephfsClientsComponent implements OnInit {
- @Input() id: number;
+ @Input()
+ id: number;
clients: any;
viewCacheStatus: ViewCacheStatus;
@Component({ selector: 'cd-cephfs-chart', template: '' })
class CephfsChartStubComponent {
- @Input() mdsCounter: any;
+ @Input()
+ mdsCounter: any;
}
@Component({ selector: 'cd-cephfs-clients', template: '' })
class CephfsClientsStubComponent {
- @Input() mdsCounter: any;
+ @Input()
+ mdsCounter: any;
}
describe('CephfsDetailComponent', () => {
styleUrls: ['./cephfs-detail.component.scss']
})
export class CephfsDetailComponent implements OnChanges, OnInit {
- @ViewChild('poolUsageTpl') poolUsageTpl: TemplateRef<any>;
- @ViewChild('activityTmpl') activityTmpl: TemplateRef<any>;
+ @ViewChild('poolUsageTpl')
+ poolUsageTpl: TemplateRef<any>;
+ @ViewChild('activityTmpl')
+ activityTmpl: TemplateRef<any>;
- @Input() selection: CdTableSelection;
+ @Input()
+ selection: CdTableSelection;
selectedItem: any;
@Component({ selector: 'cd-cephfs-detail', template: '' })
class CephfsDetailStubComponent {
- @Input() selection: CdTableSelection;
+ @Input()
+ selection: CdTableSelection;
}
describe('CephfsListComponent', () => {
create: 'Option only affects daemon creation.'
};
- @ViewChild('confValTpl') public confValTpl: TemplateRef<any>;
- @ViewChild('confFlagTpl') public confFlagTpl: TemplateRef<any>;
+ @ViewChild('confValTpl')
+ public confValTpl: TemplateRef<any>;
+ @ViewChild('confFlagTpl')
+ public confFlagTpl: TemplateRef<any>;
constructor(private configurationService: ConfigurationService) {}
hosts: Array<object> = [];
isLoadingHosts = false;
- @ViewChild('servicesTpl') public servicesTpl: TemplateRef<any>;
+ @ViewChild('servicesTpl')
+ public servicesTpl: TemplateRef<any>;
constructor(
private authStorageService: AuthStorageService,
styleUrls: ['./osd-details.component.scss']
})
export class OsdDetailsComponent implements OnChanges {
- @Input() selection: CdTableSelection;
+ @Input()
+ selection: CdTableSelection;
osd: any;
styleUrls: ['./osd-list.component.scss']
})
export class OsdListComponent implements OnInit {
- @ViewChild('statusColor') statusColor: TemplateRef<any>;
- @ViewChild('osdUsageTpl') osdUsageTpl: TemplateRef<any>;
- @ViewChild(TableComponent) tableComponent: TableComponent;
+ @ViewChild('statusColor')
+ statusColor: TemplateRef<any>;
+ @ViewChild('osdUsageTpl')
+ osdUsageTpl: TemplateRef<any>;
+ @ViewChild(TableComponent)
+ tableComponent: TableComponent;
permission: Permission;
bsModalRef: BsModalRef;
styleUrls: ['./osd-performance-histogram.component.scss']
})
export class OsdPerformanceHistogramComponent implements OnChanges {
- @Input() histogram: any;
+ @Input()
+ histogram: any;
valuesStyle: any;
last = {};
styleUrls: ['./health-pie.component.scss']
})
export class HealthPieComponent implements OnChanges, OnInit {
- @ViewChild('chartCanvas') chartCanvasRef: ElementRef;
- @ViewChild('chartTooltip') chartTooltipRef: ElementRef;
-
- @Input() data: any;
- @Input() tooltipFn: any;
- @Output() prepareFn = new EventEmitter();
+ @ViewChild('chartCanvas')
+ chartCanvasRef: ElementRef;
+ @ViewChild('chartTooltip')
+ chartTooltipRef: ElementRef;
+
+ @Input()
+ data: any;
+ @Input()
+ tooltipFn: any;
+ @Output()
+ prepareFn = new EventEmitter();
chart: any = {
chartType: 'doughnut',
styleUrls: ['./info-card.component.scss']
})
export class InfoCardComponent {
- @Input() title: string;
- @Input() link: string;
- @Input() cardClass = 'col-md-6';
- @Input() imageClass: string;
- @Input() contentClass: string;
+ @Input()
+ title: string;
+ @Input()
+ link: string;
+ @Input()
+ cardClass = 'col-md-6';
+ @Input()
+ imageClass: string;
+ @Input()
+ contentClass: string;
}
columns: Array<CdTableColumn> = [];
counters: Array<object> = [];
- @ViewChild('valueTpl') public valueTpl: TemplateRef<any>;
+ @ViewChild('valueTpl')
+ public valueTpl: TemplateRef<any>;
/**
* The service type, e.g. 'rgw', 'mds', 'mon', 'osd', ...
*/
- @Input() serviceType: string;
+ @Input()
+ serviceType: string;
/**
* The service identifier.
*/
- @Input() serviceId: string;
+ @Input()
+ serviceId: string;
constructor(private performanceCounterService: PerformanceCounterService) {}
export class RgwBucketDetailsComponent implements OnChanges {
bucket: any;
- @Input() selection: CdTableSelection;
+ @Input()
+ selection: CdTableSelection;
constructor() {}
styleUrls: ['./rgw-bucket-list.component.scss']
})
export class RgwBucketListComponent {
- @ViewChild(TableComponent) table: TableComponent;
+ @ViewChild(TableComponent)
+ table: TableComponent;
permission: Permission;
columns: CdTableColumn[] = [];
metadata: any;
serviceId = '';
- @Input() selection: CdTableSelection;
+ @Input()
+ selection: CdTableSelection;
constructor(private rgwDaemonService: RgwDaemonService) {}
* The event that is triggered when the 'Add' or 'Update' button
* has been pressed.
*/
- @Output() submitAction = new EventEmitter();
+ @Output()
+ submitAction = new EventEmitter();
formGroup: CdFormGroup;
editing = true;
styleUrls: ['./rgw-user-details.component.scss']
})
export class RgwUserDetailsComponent implements OnChanges, OnInit {
- @ViewChild('accessKeyTpl') public accessKeyTpl: TemplateRef<any>;
- @ViewChild('secretKeyTpl') public secretKeyTpl: TemplateRef<any>;
+ @ViewChild('accessKeyTpl')
+ public accessKeyTpl: TemplateRef<any>;
+ @ViewChild('secretKeyTpl')
+ public secretKeyTpl: TemplateRef<any>;
- @Input() selection: CdTableSelection;
+ @Input()
+ selection: CdTableSelection;
// Details tab
user: any;
styleUrls: ['./rgw-user-list.component.scss']
})
export class RgwUserListComponent {
- @ViewChild(TableComponent) table: TableComponent;
+ @ViewChild(TableComponent)
+ table: TableComponent;
permission: Permission;
columns: CdTableColumn[] = [];
/**
* The event that is triggered when the 'Add' button as been pressed.
*/
- @Output() submitAction = new EventEmitter();
+ @Output()
+ submitAction = new EventEmitter();
formGroup: CdFormGroup;
viewing = true;
* The event that is triggered when the 'Add' or 'Update' button
* has been pressed.
*/
- @Output() submitAction = new EventEmitter();
+ @Output()
+ submitAction = new EventEmitter();
formGroup: CdFormGroup;
editing = true;
styleUrls: ['./user-list.component.scss']
})
export class UserListComponent implements OnInit {
- @ViewChild('userRolesTpl') userRolesTpl: TemplateRef<any>;
+ @ViewChild('userRolesTpl')
+ userRolesTpl: TemplateRef<any>;
permission: Permission;
columns: CdTableColumn[];
`
})
class MockComponent {
- @ViewChild('ctrlDescription') ctrlDescription: TemplateRef<any>;
- @ViewChild('modalDescription') modalDescription: TemplateRef<any>;
+ @ViewChild('ctrlDescription')
+ ctrlDescription: TemplateRef<any>;
+ @ViewChild('modalDescription')
+ modalDescription: TemplateRef<any>;
someData = [1, 2, 3, 4, 5];
finished: number[];
ctrlRef: BsModalRef;
styleUrls: ['./deletion-modal.component.scss']
})
export class DeletionModalComponent implements OnInit {
- @ViewChild(SubmitButtonComponent) submitButton: SubmitButtonComponent;
+ @ViewChild(SubmitButtonComponent)
+ submitButton: SubmitButtonComponent;
description: TemplateRef<any>;
metaType: string;
pattern = 'yes';
* The title to be displayed. Defaults to 'Error'.
* @type {string}
*/
- @Input() title = 'Error';
+ @Input()
+ title = 'Error';
/**
* The event that is triggered when the 'Back' button is pressed.
* @type {EventEmitter<any>}
*/
- @Output() backAction = new EventEmitter();
+ @Output()
+ backAction = new EventEmitter();
}
styleUrls: ['./helper.component.scss']
})
export class HelperComponent {
- @Input() html: any;
+ @Input()
+ html: any;
constructor() {}
}
* The title to be displayed. Defaults to 'Information'.
* @type {string}
*/
- @Input() title = 'Information';
+ @Input()
+ title = 'Information';
}
styleUrls: ['./modal.component.scss']
})
export class ModalComponent {
- @Input() modalRef: BsModalRef;
+ @Input()
+ modalRef: BsModalRef;
constructor() {}
}
styleUrls: ['./select-badges.component.scss']
})
export class SelectBadgesComponent implements OnChanges {
- @Input() data: Array<string> = [];
- @Input() options: Array<SelectBadgesOption> = [];
- @Input() emptyMessage = 'There are no items.';
+ @Input()
+ data: Array<string> = [];
+ @Input()
+ options: Array<SelectBadgesOption> = [];
+ @Input()
+ emptyMessage = 'There are no items.';
constructor() {}
styleUrls: ['./sparkline.component.scss']
})
export class SparklineComponent implements OnInit, OnChanges {
- @ViewChild('sparkCanvas') chartCanvasRef: ElementRef;
- @ViewChild('sparkTooltip') chartTooltipRef: ElementRef;
+ @ViewChild('sparkCanvas')
+ chartCanvasRef: ElementRef;
+ @ViewChild('sparkTooltip')
+ chartTooltipRef: ElementRef;
- @Input() data: any;
+ @Input()
+ data: any;
@Input()
style = {
height: '30px',
styleUrls: ['./submit-button.component.scss']
})
export class SubmitButtonComponent implements OnInit {
- @Input() form: FormGroup | NgForm;
- @Input() type = 'submit';
- @Output() submitAction = new EventEmitter();
+ @Input()
+ form: FormGroup | NgForm;
+ @Input()
+ type = 'submit';
+ @Output()
+ submitAction = new EventEmitter();
loading = false;
styleUrls: ['./usage-bar.component.scss']
})
export class UsageBarComponent implements OnChanges {
- @Input() totalBytes: number;
- @Input() usedBytes: number;
+ @Input()
+ totalBytes: number;
+ @Input()
+ usedBytes: number;
usedPercentage: number;
freePercentage: number;
styleUrls: ['./view-cache.component.scss']
})
export class ViewCacheComponent implements OnInit {
- @Input() status: ViewCacheStatus;
- @Input() statusFor: string;
+ @Input()
+ status: ViewCacheStatus;
+ @Input()
+ statusFor: string;
vcs = ViewCacheStatus;
constructor() {}
* The title to be displayed. Defaults to 'Warning'.
* @type {string}
*/
- @Input() title = 'Warning';
+ @Input()
+ title = 'Warning';
}
export class TableKeyValueComponent implements OnInit, OnChanges {
columns: Array<CdTableColumn> = [];
- @Input() data: any;
- @Input() autoReload: any = 5000;
+ @Input()
+ data: any;
+ @Input()
+ autoReload: any = 5000;
- @Input() renderObjects = false;
+ @Input()
+ renderObjects = false;
// Only used if objects are rendered
- @Input() appendParentKey = true;
+ @Input()
+ appendParentKey = true;
tableData: {
key: string;
/**
* The function that will be called to update the input data.
*/
- @Output() fetchData = new EventEmitter();
+ @Output()
+ fetchData = new EventEmitter();
constructor() {}
styleUrls: ['./table.component.scss']
})
export class TableComponent implements AfterContentChecked, OnInit, OnChanges, OnDestroy {
- @ViewChild(DatatableComponent) table: DatatableComponent;
- @ViewChild('tableCellBoldTpl') tableCellBoldTpl: TemplateRef<any>;
- @ViewChild('sparklineTpl') sparklineTpl: TemplateRef<any>;
- @ViewChild('routerLinkTpl') routerLinkTpl: TemplateRef<any>;
- @ViewChild('checkIconTpl') checkIconTpl: TemplateRef<any>;
- @ViewChild('perSecondTpl') perSecondTpl: TemplateRef<any>;
- @ViewChild('executingTpl') executingTpl: TemplateRef<any>;
+ @ViewChild(DatatableComponent)
+ table: DatatableComponent;
+ @ViewChild('tableCellBoldTpl')
+ tableCellBoldTpl: TemplateRef<any>;
+ @ViewChild('sparklineTpl')
+ sparklineTpl: TemplateRef<any>;
+ @ViewChild('routerLinkTpl')
+ routerLinkTpl: TemplateRef<any>;
+ @ViewChild('checkIconTpl')
+ checkIconTpl: TemplateRef<any>;
+ @ViewChild('perSecondTpl')
+ perSecondTpl: TemplateRef<any>;
+ @ViewChild('executingTpl')
+ executingTpl: TemplateRef<any>;
// This is the array with the items to be shown.
- @Input() data: any[];
+ @Input()
+ data: any[];
// Each item -> { prop: 'attribute name', name: 'display name' }
- @Input() columns: CdTableColumn[];
+ @Input()
+ columns: CdTableColumn[];
// Each item -> { prop: 'attribute name', dir: 'asc'||'desc'}
- @Input() sorts?: SortPropDir[];
+ @Input()
+ sorts?: SortPropDir[];
// Method used for setting column widths.
- @Input() columnMode? = 'flex';
+ @Input()
+ columnMode? = 'flex';
// Display the tool header, including reload button, pagination and search fields?
- @Input() toolHeader? = true;
+ @Input()
+ toolHeader? = true;
// Display the table header?
- @Input() header? = true;
+ @Input()
+ header? = true;
// Display the table footer?
- @Input() footer? = true;
+ @Input()
+ footer? = true;
// Page size to show. Set to 0 to show unlimited number of rows.
- @Input() limit? = 10;
+ @Input()
+ limit? = 10;
/**
* Auto reload time in ms - per default every 5s
* You can set it to 0, undefined or false to disable the auto reload feature in order to
* trigger 'fetchData' if the reload button is clicked.
*/
- @Input() autoReload: any = 5000;
+ @Input()
+ autoReload: any = 5000;
// Which row property is unique for a row. If the identifier is not specified in any
// column, then the property name of the first column is used. Defaults to 'id'.
- @Input() identifier = 'id';
+ @Input()
+ identifier = 'id';
// If 'true', then the specified identifier is used anyway, although it is not specified
// in any column. Defaults to 'false'.
- @Input() forceIdentifier = false;
+ @Input()
+ forceIdentifier = false;
// Allows other components to specify which type of selection they want,
// e.g. 'single' or 'multi'.
- @Input() selectionType: string = undefined;
+ @Input()
+ selectionType: string = undefined;
// If `true` selected item details will be updated on table refresh
- @Input() updateSelectionOnRefresh = true;
+ @Input()
+ updateSelectionOnRefresh = true;
- @Input() autoSave = true;
+ @Input()
+ autoSave = true;
/**
* Should be a function to update the input data if undefined nothing will be triggered
* What happens:
* The function is triggered through one table and all tables will update
*/
- @Output() fetchData = new EventEmitter();
+ @Output()
+ fetchData = new EventEmitter();
/**
* This should be defined if you need access to the selection object.
*
* @memberof TableComponent
*/
- @Output() updateSelection = new EventEmitter();
+ @Output()
+ updateSelection = new EventEmitter();
/**
* Use this variable to access the selected row(s).
selector: '[cdCopy2ClipboardButton]'
})
export class Copy2ClipboardButtonDirective implements OnInit {
- @Input() private cdCopy2ClipboardButton: string;
+ @Input()
+ private cdCopy2ClipboardButton: string;
constructor(
private elementRef: ElementRef,
selector: '[cdDimlessBinary]'
})
export class DimlessBinaryDirective implements OnInit {
- @Output() ngModelChange: EventEmitter<any> = new EventEmitter();
+ @Output()
+ ngModelChange: EventEmitter<any> = new EventEmitter();
/**
* Minimum size in bytes.
* Example:
* Given minBytes=4096 (4KiB), if user type 1KiB, then model will be updated to 4KiB
*/
- @Input() minBytes: number;
+ @Input()
+ minBytes: number;
/**
* Maximum size in bytes.
* Example:
* Given maxBytes=3145728 (3MiB), if user type 4MiB, then model will be updated to 3MiB
*/
- @Input() maxBytes: number;
+ @Input()
+ maxBytes: number;
/**
* Value will be rounded up the nearest power of <roundPower>
* Given roundPower=2, if user type 7KiB, then model will be updated to 8KiB
* Given roundPower=2, if user type 5KiB, then model will be updated to 4KiB
*/
- @Input() roundPower: number;
+ @Input()
+ roundPower: number;
/**
* Default unit that should be used when user do not type a unit.
* Given defaultUnit=null, if user type 7, then model will be updated to 7MiB
* Given defaultUnit=k, if user type 7, then model will be updated to 7KiB
*/
- @Input() defaultUnit: string;
+ @Input()
+ defaultUnit: string;
private el: HTMLInputElement;
export class PasswordButtonDirective implements OnInit {
private iElement: HTMLElement;
- @Input() private cdPasswordButton: string;
+ @Input()
+ private cdPasswordButton: string;
constructor(private elementRef: ElementRef, private renderer: Renderer2) {}