refactor: code cleanup

Author: xidedix

src/app/app.component.ts

@@ -14,7 +14,7 @@ export class AppComponent implements OnInit {
       if (!(evt instanceof NavigationEnd)) {
         return;
       }
-      window.scrollTo(0, 0)
+      window.scrollTo(0, 0);
     });
   }
 }

src/app/app.module.ts

@@ -30,7 +30,7 @@ import {
   AppHeaderModule,
   AppFooterModule,
   AppSidebarModule,
-} from '@coreui/angular'
+} from '@coreui/angular';
 
 // Import routing module
 import { AppRoutingModule } from './app.routing';

src/app/containers/default-layout/default-layout.component.ts

@@ -13,7 +13,7 @@ export class DefaultLayoutComponent {
   constructor() {
 
     this.changes = new MutationObserver((mutations) => {
-      this.sidebarMinimized = document.body.classList.contains('sidebar-minimized')
+      this.sidebarMinimized = document.body.classList.contains('sidebar-minimized');
     });
 
     this.changes.observe(<Element>this.element, {

src/app/views/base/forms.component.ts

@@ -8,7 +8,7 @@ export class FormsComponent {
   constructor() { }
 
   isCollapsed: boolean = false;
-  iconCollapse: string = "icon-arrow-up";
+  iconCollapse: string = 'icon-arrow-up';
 
   collapsed(event: any): void {
     // console.log(event);
@@ -20,7 +20,7 @@ export class FormsComponent {
 
   toggleCollapse(): void {
     this.isCollapsed = !this.isCollapsed;
-    this.iconCollapse = this.isCollapsed ? "icon-arrow-down" : "icon-arrow-up";
+    this.iconCollapse = this.isCollapsed ? 'icon-arrow-down' : 'icon-arrow-up';
   }
 
 }

src/app/views/base/paginations.component.ts

@@ -13,6 +13,13 @@ export class PaginationsComponent {
   currentPage: number   = 4;
   smallnumPages: number = 0;
 
+  maxSize: number = 5;
+  bigTotalItems: number = 675;
+  bigCurrentPage: number = 1;
+  numPages: number = 0;
+
+  currentPager: number   = 4;
+
   setPage(pageNo: number): void {
     this.currentPage = pageNo;
   }
@@ -21,11 +28,4 @@ export class PaginationsComponent {
     console.log('Page changed to: ' + event.page);
     console.log('Number items per page: ' + event.itemsPerPage);
   }
-
-  maxSize: number = 5;
-  bigTotalItems: number = 675;
-  bigCurrentPage: number = 1;
-  numPages: number = 0;
-
-  currentPager: number   = 4;
 }

src/app/views/base/popovers.component.ts

@@ -8,7 +8,7 @@ import {DomSanitizer} from '@angular/platform-browser';
 export class PopoversComponent {
 
   constructor(sanitizer: DomSanitizer) {
-    this.html = sanitizer.sanitize(SecurityContext.HTML, this.html)
+    this.html = sanitizer.sanitize(SecurityContext.HTML, this.html);
   }
 
   title: string = 'Welcome word';

src/app/views/base/progress.component.ts

@@ -10,20 +10,25 @@ export class ProgressComponent implements OnDestroy {
   dynamic: number;
   type: string;
 
+  stacked: any[] = [];
+
+  timer: any = null;
+  buttonCaption: string = 'Start';
+
   constructor() {
     this.random();
-    this.randomStacked()
+    this.randomStacked();
   }
 
   ngOnDestroy() {
     if (this.timer) {
-      clearInterval(this.timer)
+      clearInterval(this.timer);
     }
     // console.log(`onDestroy`, this.timer);
   }
 
   random(): void {
-    let value = Math.floor(Math.random() * 100 + 1);
+    const value = Math.floor(Math.random() * 100 + 1);
     let type: string;
 
     if (value < 25) {
@@ -42,16 +47,14 @@ export class ProgressComponent implements OnDestroy {
 
   }
 
-  stacked: any[] = [];
-
   randomStacked(): void {
-    let types = ['success', 'info', 'warning', 'danger'];
+    const types = ['success', 'info', 'warning', 'danger'];
 
     this.stacked = [];
-    let n = Math.floor(Math.random() * 4 + 1);
+    const n = Math.floor(Math.random() * 4 + 1);
     for (let i = 0; i < n; i++) {
-      let index = Math.floor(Math.random() * 4);
-      let value = Math.floor(Math.random() * 27 + 3);
+      const index = Math.floor(Math.random() * 4);
+      const value = Math.floor(Math.random() * 27 + 3);
       this.stacked.push({
         value,
         type: types[index],
@@ -60,9 +63,6 @@ export class ProgressComponent implements OnDestroy {
     }
   }
 
-  timer: any = null;
-  buttonCaption: string = 'Start';
-
   randomize(): void {
     if (this.timer) {
       clearInterval(this.timer);

src/app/views/base/tooltips.component.ts

@@ -1,13 +1,13 @@
 import {Component, SecurityContext} from '@angular/core';
-import {DomSanitizer} from "@angular/platform-browser";
+import {DomSanitizer} from '@angular/platform-browser';
 
 @Component({
   templateUrl: 'tooltips.component.html'
 })
 export class TooltipsComponent {
 
   constructor(sanitizer: DomSanitizer) {
-    this.html = sanitizer.sanitize(SecurityContext.HTML, this.html)
+    this.html = sanitizer.sanitize(SecurityContext.HTML, this.html);
   }
 
   content: string = 'Vivamus sagittis lacus vel augue laoreet rutrum faucibus.';

src/app/views/buttons/dropdowns.component.ts

@@ -5,6 +5,11 @@ import { Component } from '@angular/core';
 })
 export class DropdownsComponent {
 
+  status: { isOpen: boolean } = { isOpen: false };
+  disabled: boolean = false;
+  isDropup: boolean = true;
+  autoClose: boolean = false;
+
   constructor() { }
 
   items: string[] = [
@@ -23,8 +28,6 @@ export class DropdownsComponent {
     console.log('Dropdown state is changed');
   }
 
-  status: { isOpen: boolean } = { isOpen: false };
-
   toggleDropdown($event: MouseEvent): void {
     $event.preventDefault();
     $event.stopPropagation();
@@ -34,10 +37,4 @@ export class DropdownsComponent {
   change(value: boolean): void {
     this.status.isOpen = value;
   }
-
-  disabled: boolean = false;
-
-  isDropup: boolean = true;
-
-  autoClose: boolean = false;
 }

src/app/views/dashboard/dashboard.component.ts

@@ -8,6 +8,8 @@ import { CustomTooltips } from '@coreui/coreui-plugin-chartjs-custom-tooltips';
 })
 export class DashboardComponent implements OnInit {
 
+  radioModel: string = 'Month';
+
   // lineChart1
   public lineChart1Data: Array<any> = [
     {
@@ -241,7 +243,7 @@ export class DashboardComponent implements OnInit {
       position: 'nearest',
       callbacks: {
         labelColor: function(tooltipItem, chart) {
-          return { backgroundColor: chart.data.datasets[tooltipItem.datasetIndex].borderColor }
+          return { backgroundColor: chart.data.datasets[tooltipItem.datasetIndex].borderColor };
         }
       }
     },
@@ -384,6 +386,4 @@ export class DashboardComponent implements OnInit {
       this.mainChartData3.push(65);
     }
   }
-
-  radioModel: string = 'Month';
 }