Merge pull request #23466 from tspmelo/wip-update-packages

mgr/dashboard: Update frontend packages

Reviewed-by: Ernesto Puerta <epuertat@redhat.com>

src/pybind/mgr/dashboard/frontend/package.json

@@ -37,17 +37,17 @@
     "testURL": "http://localhost/"
   },
   "dependencies": {
-    "@angular/animations": "6.0.6",
-    "@angular/common": "6.0.6",
-    "@angular/compiler": "6.0.6",
-    "@angular/core": "6.0.6",
-    "@angular/forms": "6.0.6",
-    "@angular/http": "6.0.6",
-    "@angular/platform-browser": "6.0.6",
-    "@angular/platform-browser-dynamic": "6.0.6",
-    "@angular/router": "6.0.6",
-    "@swimlane/ngx-datatable": "13.0.1",
-    "@types/lodash": "4.14.110",
+    "@angular/animations": "6.1.1",
+    "@angular/common": "6.1.1",
+    "@angular/compiler": "6.1.1",
+    "@angular/core": "6.1.1",
+    "@angular/forms": "6.1.1",
+    "@angular/http": "6.1.1",
+    "@angular/platform-browser": "6.1.1",
+    "@angular/platform-browser-dynamic": "6.1.1",
+    "@angular/router": "6.1.1",
+    "@swimlane/ngx-datatable": "13.1.0",
+    "@types/lodash": "4.14.116",
     "awesome-bootstrap-checkbox": "0.3.7",
     "bootstrap": "3.3.7",
     "chart.js": "2.7.2",
@@ -58,30 +58,30 @@
     "ng2-charts": "1.6.0",
     "ng2-toastr": "zzakir/ng2-toastr#0eafd72",
     "ngx-bootstrap": "2.0.5",
-    "rxjs": "6.2.1",
-    "rxjs-compat": "6.2.1",
+    "rxjs": "6.2.2",
+    "rxjs-compat": "6.2.2",
     "zone.js": "0.8.26"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "0.6.8",
-    "@angular/cli": "6.0.8",
-    "@angular/compiler-cli": "6.0.6",
-    "@angular/language-service": "6.0.6",
+    "@angular-devkit/build-angular": "0.7.2",
+    "@angular/cli": "6.1.2",
+    "@angular/compiler-cli": "6.1.1",
+    "@angular/language-service": "6.1.1",
     "@types/jasmine": "2.8.8",
     "@types/jasminewd2": "2.0.3",
-    "@types/jest": "23.1.2",
-    "@types/node": "8.10.20",
+    "@types/jest": "23.3.1",
+    "@types/node": "8.10.23",
     "babel-preset-env": "1.7.0",
-    "codelyzer": "4.3.0",
+    "codelyzer": "4.4.3",
     "jasmine-core": "3.1.0",
     "jasmine-spec-reporter": "4.2.1",
-    "jest": "23.2.0",
-    "jest-canvas-mock": "1.0.3",
-    "jest-preset-angular": "5.2.3",
-    "prettier": "1.13.7",
-    "protractor": "5.3.2",
-    "ts-node": "5.0.1",
-    "tslint": "5.10.0",
-    "typescript": "2.7.2"
+    "jest": "23.4.2",
+    "jest-canvas-mock": "1.1.0",
+    "jest-preset-angular": "6.0.0",
+    "prettier": "1.14.0",
+    "protractor": "5.4.0",
+    "ts-node": "7.0.0",
+    "tslint": "5.11.0",
+    "typescript": "2.9.2"
   }
 }

src/pybind/mgr/dashboard/frontend/src/app/ceph/block/mirroring/mirroring.component.ts

@@ -10,10 +10,14 @@ import { CephShortVersionPipe } from '../../../shared/pipes/ceph-short-version.p
   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;
 

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

@@ -8,7 +8,8 @@ import { CdTableSelection } from '../../../shared/models/cd-table-selection';
   styleUrls: ['./rbd-details.component.scss']
 })
 export class RbdDetailsComponent implements OnChanges {
-  @Input() selection: CdTableSelection;
+  @Input()
+  selection: CdTableSelection;
   selectedItem: any;
 
   constructor() {}

src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-list/rbd-list.component.ts

@@ -29,11 +29,16 @@ import { RbdModel } from './rbd-model';
   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;

src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-snapshot-list/rbd-snapshot-list.component.ts

@@ -26,14 +26,21 @@ import { RbdSnapshotModel } from './rbd-snapshot.model';
   styleUrls: ['./rbd-snapshot-list.component.scss']
 })
 export class RbdSnapshotListComponent implements OnInit, OnChanges {
-  @Input() snapshots: RbdSnapshotModel[] = [];
-  @Input() poolName: string;
-  @Input() rbdName: string;
-  @Input() executingTasks: ExecutingTask[] = [];
+  @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>;
+  @ViewChild('nameTpl')
+  nameTpl: TemplateRef<any>;
+  @ViewChild('protectTpl')
+  protectTpl: TemplateRef<any>;
+  @ViewChild('rollbackTpl')
+  rollbackTpl: TemplateRef<any>;
 
   permission: Permission;
 

src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-chart/cephfs-chart.component.ts

@@ -11,10 +11,13 @@ import { ChartTooltip } from '../../../shared/models/chart-tooltip';
   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';

src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-clients/cephfs-clients.component.ts

@@ -9,7 +9,8 @@ import { ViewCacheStatus } from '../../../shared/enum/view-cache-status.enum';
   styleUrls: ['./cephfs-clients.component.scss']
 })
 export class CephfsClientsComponent implements OnInit {
-  @Input() id: number;
+  @Input()
+  id: number;
 
   clients: any;
   viewCacheStatus: ViewCacheStatus;

src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-detail/cephfs-detail.component.spec.ts

@@ -13,12 +13,14 @@ import { CephfsDetailComponent } from './cephfs-detail.component';
 
 @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', () => {

src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-detail/cephfs-detail.component.ts

@@ -13,10 +13,13 @@ import { DimlessPipe } from '../../../shared/pipes/dimless.pipe';
   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;
 

src/pybind/mgr/dashboard/frontend/src/app/ceph/cephfs/cephfs-list/cephfs-list.component.spec.ts

@@ -10,7 +10,8 @@ import { CephfsListComponent } from './cephfs-list.component';
 
 @Component({ selector: 'cd-cephfs-detail', template: '' })
 class CephfsDetailStubComponent {
-  @Input() selection: CdTableSelection;
+  @Input()
+  selection: CdTableSelection;
 }
 
 describe('CephfsListComponent', () => {

src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/configuration/configuration.component.ts

@@ -74,8 +74,10 @@ export class ConfigurationComponent implements OnInit {
     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) {}
 

src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/hosts/hosts.component.ts

@@ -19,7 +19,8 @@ export class HostsComponent implements OnInit {
   isLoadingHosts = false;
   cdParams = { fromLink: '/hosts' };
 
-  @ViewChild('servicesTpl') public servicesTpl: TemplateRef<any>;
+  @ViewChild('servicesTpl')
+  public servicesTpl: TemplateRef<any>;
 
   constructor(
     private authStorageService: AuthStorageService,

src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-details/osd-details.component.ts

@@ -11,7 +11,8 @@ import { CdTableSelection } from '../../../../shared/models/cd-table-selection';
   styleUrls: ['./osd-details.component.scss']
 })
 export class OsdDetailsComponent implements OnChanges {
-  @Input() selection: CdTableSelection;
+  @Input()
+  selection: CdTableSelection;
 
   osd: any;
 

src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-list/osd-list.component.ts

@@ -19,9 +19,12 @@ import { OsdScrubModalComponent } from '../osd-scrub-modal/osd-scrub-modal.compo
   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;

src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-performance-histogram/osd-performance-histogram.component.ts

@@ -8,7 +8,8 @@ import * as _ from 'lodash';
   styleUrls: ['./osd-performance-histogram.component.scss']
 })
 export class OsdPerformanceHistogramComponent implements OnChanges {
-  @Input() histogram: any;
+  @Input()
+  histogram: any;
   valuesStyle: any;
   last = {};
 

src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/health-pie/health-pie.component.ts

@@ -20,12 +20,17 @@ import { DimlessBinaryPipe } from '../../../shared/pipes/dimless-binary.pipe';
   styleUrls: ['./health-pie.component.scss']
 })
 export class HealthPieComponent implements OnChanges, OnInit {
-  @ViewChild('chartCanvas') chartCanvasRef: ElementRef;
-  @ViewChild('chartTooltip') chartTooltipRef: ElementRef;
+  @ViewChild('chartCanvas')
+  chartCanvasRef: ElementRef;
+  @ViewChild('chartTooltip')
+  chartTooltipRef: ElementRef;
 
-  @Input() data: any;
-  @Input() tooltipFn: any;
-  @Output() prepareFn = new EventEmitter();
+  @Input()
+  data: any;
+  @Input()
+  tooltipFn: any;
+  @Output()
+  prepareFn = new EventEmitter();
 
   chart: any = {
     chartType: 'doughnut',

src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-card/info-card.component.ts

@@ -6,9 +6,14 @@ import { Component, Input } from '@angular/core';
   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;
 }

src/pybind/mgr/dashboard/frontend/src/app/ceph/performance-counter/table-performance-counter/table-performance-counter.component.ts

@@ -15,17 +15,20 @@ export class TablePerformanceCounterComponent implements OnInit {
   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) {}
 

src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-bucket-details/rgw-bucket-details.component.ts

@@ -10,7 +10,8 @@ import { CdTableSelection } from '../../../shared/models/cd-table-selection';
 export class RgwBucketDetailsComponent implements OnChanges {
   bucket: any;
 
-  @Input() selection: CdTableSelection;
+  @Input()
+  selection: CdTableSelection;
 
   constructor() {}
 

src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-bucket-list/rgw-bucket-list.component.ts

@@ -18,7 +18,8 @@ import { AuthStorageService } from '../../../shared/services/auth-storage.servic
   styleUrls: ['./rgw-bucket-list.component.scss']
 })
 export class RgwBucketListComponent {
-  @ViewChild(TableComponent) table: TableComponent;
+  @ViewChild(TableComponent)
+  table: TableComponent;
 
   permission: Permission;
   columns: CdTableColumn[] = [];

src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-daemon-details/rgw-daemon-details.component.ts

@@ -14,7 +14,8 @@ export class RgwDaemonDetailsComponent implements OnChanges {
   metadata: any;
   serviceId = '';
 
-  @Input() selection: CdTableSelection;
+  @Input()
+  selection: CdTableSelection;
 
   constructor(private rgwDaemonService: RgwDaemonService) {}
 

src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-capability-modal/rgw-user-capability-modal.component.ts

@@ -18,7 +18,8 @@ export class RgwUserCapabilityModalComponent {
    * 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;

src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-details/rgw-user-details.component.ts

@@ -17,10 +17,13 @@ import { RgwUserSwiftKeyModalComponent } from '../rgw-user-swift-key-modal/rgw-u
   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;

src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-list/rgw-user-list.component.ts

@@ -19,7 +19,8 @@ import { AuthStorageService } from '../../../shared/services/auth-storage.servic
   styleUrls: ['./rgw-user-list.component.scss']
 })
 export class RgwUserListComponent {
-  @ViewChild(TableComponent) table: TableComponent;
+  @ViewChild(TableComponent)
+  table: TableComponent;
 
   permission: Permission;
   columns: CdTableColumn[] = [];

src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-s3-key-modal/rgw-user-s3-key-modal.component.ts

@@ -18,7 +18,8 @@ export class RgwUserS3KeyModalComponent {
   /**
    * The event that is triggered when the 'Add' button as been pressed.
    */
-  @Output() submitAction = new EventEmitter();
+  @Output()
+  submitAction = new EventEmitter();
 
   formGroup: CdFormGroup;
   viewing = true;

src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-subuser-modal/rgw-user-subuser-modal.component.ts

@@ -19,7 +19,8 @@ export class RgwUserSubuserModalComponent {
    * 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;

src/pybind/mgr/dashboard/frontend/src/app/core/auth/user-list/user-list.component.ts

@@ -18,7 +18,8 @@ import { NotificationService } from '../../../shared/services/notification.servi
   styleUrls: ['./user-list.component.scss']
 })
 export class UserListComponent implements OnInit {
-  @ViewChild('userRolesTpl') userRolesTpl: TemplateRef<any>;
+  @ViewChild('userRolesTpl')
+  userRolesTpl: TemplateRef<any>;
 
   permission: Permission;
   columns: CdTableColumn[];

src/pybind/mgr/dashboard/frontend/src/app/shared/components/deletion-modal/deletion-modal.component.spec.ts

@@ -36,8 +36,10 @@ export class MockModule {}
   `
 })
 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;

src/pybind/mgr/dashboard/frontend/src/app/shared/components/deletion-modal/deletion-modal.component.ts

@@ -13,7 +13,8 @@ import { SubmitButtonComponent } from '../submit-button/submit-button.component'
   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';

src/pybind/mgr/dashboard/frontend/src/app/shared/components/error-panel/error-panel.component.ts

@@ -10,11 +10,13 @@ export class ErrorPanelComponent {
    * 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();
 }

src/pybind/mgr/dashboard/frontend/src/app/shared/components/helper/helper.component.ts

@@ -6,7 +6,8 @@ import { Component, Input } from '@angular/core';
   styleUrls: ['./helper.component.scss']
 })
 export class HelperComponent {
-  @Input() html: any;
+  @Input()
+  html: any;
 
   constructor() {}
 }

src/pybind/mgr/dashboard/frontend/src/app/shared/components/info-panel/info-panel.component.ts

@@ -10,5 +10,6 @@ export class InfoPanelComponent {
    * The title to be displayed. Defaults to 'Information'.
    * @type {string}
    */
-  @Input() title = 'Information';
+  @Input()
+  title = 'Information';
 }

src/pybind/mgr/dashboard/frontend/src/app/shared/components/modal/modal.component.ts

@@ -8,7 +8,8 @@ import { BsModalRef } from 'ngx-bootstrap/modal/bs-modal-ref.service';
   styleUrls: ['./modal.component.scss']
 })
 export class ModalComponent {
-  @Input() modalRef: BsModalRef;
+  @Input()
+  modalRef: BsModalRef;
 
   constructor() {}
 }

src/pybind/mgr/dashboard/frontend/src/app/shared/components/select-badges/select-badges.component.ts

@@ -7,9 +7,12 @@ import { Input } from '@angular/core';
   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() {}
 

src/pybind/mgr/dashboard/frontend/src/app/shared/components/sparkline/sparkline.component.ts

@@ -9,10 +9,13 @@ import { ChartTooltip } from '../../../shared/models/chart-tooltip';
   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',

src/pybind/mgr/dashboard/frontend/src/app/shared/components/submit-button/submit-button.component.ts

@@ -27,9 +27,12 @@ import * as _ from 'lodash';
   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;
 

src/pybind/mgr/dashboard/frontend/src/app/shared/components/usage-bar/usage-bar.component.ts

@@ -6,8 +6,10 @@ import { Component, Input, OnChanges } from '@angular/core';
   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;

src/pybind/mgr/dashboard/frontend/src/app/shared/components/view-cache/view-cache.component.ts

@@ -8,8 +8,10 @@ import { ViewCacheStatus } from '../../../shared/enum/view-cache-status.enum';
   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() {}

src/pybind/mgr/dashboard/frontend/src/app/shared/components/warning-panel/warning-panel.component.ts

@@ -10,5 +10,6 @@ export class WarningPanelComponent {
    * The title to be displayed. Defaults to 'Warning'.
    * @type {string}
    */
-  @Input() title = 'Warning';
+  @Input()
+  title = 'Warning';
 }

src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table-key-value/table-key-value.component.ts

@@ -21,12 +21,16 @@ import { CdTableColumn } from '../../models/cd-table-column';
 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;
@@ -36,7 +40,8 @@ export class TableKeyValueComponent implements OnInit, OnChanges {
   /**
    * The function that will be called to update the input data.
    */
-  @Output() fetchData = new EventEmitter();
+  @Output()
+  fetchData = new EventEmitter();
 
   constructor() {}
 

src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.ts

@@ -33,51 +33,72 @@ import { CdUserConfig } from '../../models/cd-user-config';
   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
@@ -88,7 +109,8 @@ export class TableComponent implements AfterContentChecked, OnInit, OnChanges, O
    * 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.
@@ -98,7 +120,8 @@ export class TableComponent implements AfterContentChecked, OnInit, OnChanges, O
    *
    * @memberof TableComponent
    */
-  @Output() updateSelection = new EventEmitter();
+  @Output()
+  updateSelection = new EventEmitter();
 
   /**
    * Use this variable to access the selected row(s).

src/pybind/mgr/dashboard/frontend/src/app/shared/directives/copy2clipboard-button.directive.ts

@@ -6,7 +6,8 @@ import { ToastsManager } from 'ng2-toastr';
   selector: '[cdCopy2ClipboardButton]'
 })
 export class Copy2ClipboardButtonDirective implements OnInit {
-  @Input('cdCopy2ClipboardButton') private cdCopy2ClipboardButton: string;
+  @Input()
+  private cdCopy2ClipboardButton: string;
 
   constructor(
     private elementRef: ElementRef,

src/pybind/mgr/dashboard/frontend/src/app/shared/directives/dimless-binary.directive.ts

@@ -18,7 +18,8 @@ import { FormatterService } from '../services/formatter.service';
   selector: '[cdDimlessBinary]'
 })
 export class DimlessBinaryDirective implements OnInit {
-  @Output() ngModelChange: EventEmitter<any> = new EventEmitter();
+  @Output()
+  ngModelChange: EventEmitter<any> = new EventEmitter();
 
   /**
    * Minimum size in bytes.
@@ -30,7 +31,8 @@ export class DimlessBinaryDirective implements OnInit {
    * 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.
@@ -42,7 +44,8 @@ export class DimlessBinaryDirective implements OnInit {
    * 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>
@@ -51,7 +54,8 @@ export class DimlessBinaryDirective implements OnInit {
    *   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.
@@ -61,7 +65,8 @@ export class DimlessBinaryDirective implements OnInit {
    *   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;
 

src/pybind/mgr/dashboard/frontend/src/app/shared/directives/password-button.directive.ts

@@ -6,7 +6,8 @@ import { Directive, ElementRef, HostListener, Input, OnInit, Renderer2 } from '@
 export class PasswordButtonDirective implements OnInit {
   private iElement: HTMLElement;
 
-  @Input('cdPasswordButton') private cdPasswordButton: string;
+  @Input()
+  private cdPasswordButton: string;
 
   constructor(private elementRef: ElementRef, private renderer: Renderer2) {}
 

src/pybind/mgr/dashboard/frontend/tslint.json

@@ -41,7 +41,6 @@
     "no-trailing-whitespace": true,
     "no-unnecessary-initializer": true,
     "no-unused-expression": true,
-    "no-unused-variable": true,
     "no-use-before-declare": true,
     "no-var-keyword": true,
     "object-literal-sort-keys": false,