docs: fix ts errors

mledour · mledour · commit b9f1694b0412 · 2021-01-26T13:50:45.000+01:00
diff --git a/package.json b/package.json
@@ -44,12 +44,13 @@
     "@angular/platform-browser": "~11.0.9",
     "@angular/platform-browser-dynamic": "~11.0.9",
     "@angular/router": "~11.0.9",
+    "@types/prismjs": "^1.16.2",
     "admin-lte-css": "^2.4.3",
     "angular-loading-page": "^4.0.0",
     "bootstrap-css-only": "^3.3.7",
     "font-awesome": "^4.7.0",
     "ionicons": "^2.0.1",
-    "prismjs": "^1.8.4",
+    "prismjs": "^1.23.0",
     "rxjs": "~6.6.0",
     "tslib": "^2.0.0",
     "zone.js": "~0.10.2"
@@ -59,9 +60,9 @@
     "@angular/cli": "~11.0.7",
     "@angular/compiler-cli": "~11.0.9",
     "@angular/language-service": "~11.0.9",
-    "@types/node": "^12.11.1",
     "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "~2.0.3",
+    "@types/node": "^12.11.1",
     "codelyzer": "^6.0.0",
     "jasmine-core": "~3.6.0",
     "jasmine-spec-reporter": "~5.0.0",
diff --git a/src/app/+accordion/accordion.component.ts b/src/app/+accordion/accordion.component.ts
@@ -18,7 +18,7 @@ export class AccordionComponent implements AfterViewInit {
   /**
    * @method ngAfterViewInit
    */
-  ngAfterViewInit() {
+  ngAfterViewInit(): void {
     Prism.highlightAll();
 
     this.ngZone.runOutsideAngular(() => {
diff --git a/src/app/+alert/alert.component.ts b/src/app/+alert/alert.component.ts
@@ -11,7 +11,7 @@ export class AlertComponent implements AfterViewInit {
   /**
    * @method ngAfterViewInit
    */
-  ngAfterViewInit() {
+  ngAfterViewInit(): void {
     Prism.highlightAll();
   }
 }
diff --git a/src/app/+boxs/box-default/box-default.component.ts b/src/app/+boxs/box-default/box-default.component.ts
@@ -11,7 +11,7 @@ export class BoxDefaultComponent implements AfterViewInit {
   /**
    * @method ngAfterViewInit
    */
-  ngAfterViewInit() {
+  ngAfterViewInit(): void {
     Prism.highlightAll();
   }
 }
diff --git a/src/app/+boxs/box-info/box-info.component.html b/src/app/+boxs/box-info/box-info.component.html
@@ -23,22 +23,22 @@
 
 <div class="row">
   <div class="col-md-3 col-xs-12">
-    <mk-box-info header="Bookmarks" footer="70% Increase in 30 Days" progressWidth="70" backgroundColor="aqua" iconStyleClass="fa fa-bookmark-o">
+    <mk-box-info header="Bookmarks" footer="70% Increase in 30 Days" [progressWidth]="70" backgroundColor="aqua" iconStyleClass="fa fa-bookmark-o">
       41,410
     </mk-box-info>
   </div>
   <div class="col-md-3 col-xs-12">
-    <mk-box-info header="Likes" footer="70% Increase in 30 Days" progressWidth="70" backgroundColor="green" iconStyleClass="fa fa-thumbs-o-up">
+    <mk-box-info header="Likes" footer="70% Increase in 30 Days" [progressWidth]="70" backgroundColor="green" iconStyleClass="fa fa-thumbs-o-up">
       41,410
     </mk-box-info>
   </div>
   <div class="col-md-3 col-xs-12">
-    <mk-box-info header="Events" footer="70% Increase in 30 Days" progressWidth="70" backgroundColor="yellow" iconStyleClass="fa fa-calendar">
+    <mk-box-info header="Events" footer="70% Increase in 30 Days" [progressWidth]="70" backgroundColor="yellow" iconStyleClass="fa fa-calendar">
       41,410
     </mk-box-info>
   </div>
   <div class="col-md-3 col-xs-12">
-    <mk-box-info header="Comments" footer="70% Increase in 30 Days" progressWidth="70" backgroundColor="yellow" iconStyleClass="fa fa-comments-o">
+    <mk-box-info header="Comments" footer="70% Increase in 30 Days" [progressWidth]="70" backgroundColor="yellow" iconStyleClass="fa fa-comments-o">
       41,410
     </mk-box-info>
   </div>
@@ -47,14 +47,14 @@
 <div class="row">
   <div class="col-md-6 col-xs-12">
     <mk-box header="Info Box with text header & footer" [isRemovable]="false">
-      <pre><code class="language-html">&lt;mk-box-info header="Header text" footer="Footer text" progressWidth="70" backgroundColor="yellow" iconStyleClass="fa fa-comments-o"&gt;
+      <pre><code class="language-html">&lt;mk-box-info header="Header text" footer="Footer text" [progressWidth]="70" backgroundColor="yellow" iconStyleClass="fa fa-comments-o"&gt;
   Content text
 &lt;/mk-box-info&gt;</code></pre>
     </mk-box>
   </div>
   <div class="col-md-6 col-xs-12">
     <mk-box header="Info Box with HTML header & footer" [isRemovable]="false">
-      <pre><code class="language-html">&lt;mk-box-info progressWidth="70" backgroundColor="yellow" iconStyleClass="fa fa-comments-o"&gt;
+      <pre><code class="language-html">&lt;mk-box-info [progressWidth]="70" backgroundColor="yellow" iconStyleClass="fa fa-comments-o"&gt;
   &lt;mk-box-info-header&gt;Header HTML&lt;/mk-box-info-header&gt;
   &lt;mk-box-info-content&gt;Content HTML&lt;/mk-box-info-content&gt;
   &lt;mk-box-info-footer&gt;Footer HTML&lt;/mk-box-info-footer&gt;
diff --git a/src/app/+boxs/box-info/box-info.component.ts b/src/app/+boxs/box-info/box-info.component.ts
@@ -12,7 +12,7 @@ export class BoxInfoComponent implements AfterViewInit {
   /**
    * @method ngAfterViewInit
    */
-  ngAfterViewInit() {
+  ngAfterViewInit(): void {
     Prism.highlightAll();
   }
 }
diff --git a/src/app/+boxs/box-small/box-small.component.ts b/src/app/+boxs/box-small/box-small.component.ts
@@ -12,7 +12,7 @@ export class BoxSmallComponent implements AfterViewInit {
   /**
    * @method ngAfterViewInit
    */
-  ngAfterViewInit() {
+  ngAfterViewInit(): void {
     Prism.highlightAll();
   }
 }
diff --git a/src/app/+dropdown/dropdown.component.ts b/src/app/+dropdown/dropdown.component.ts
@@ -12,7 +12,7 @@ export class DropdownComponent implements AfterViewInit {
   /**
    *
    */
-  ngAfterViewInit() {
+  ngAfterViewInit(): void {
     Prism.highlightAll();
   }
 }
diff --git a/src/app/+form/input-text/input-text.component.ts b/src/app/+form/input-text/input-text.component.ts
@@ -6,17 +6,17 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms';
   styleUrls: ['./input-text.component.css']
 })
 export class InputTextComponent implements OnInit {
-  userForm: FormGroup;
+  userForm!: FormGroup;
 
   constructor(private formBuilder: FormBuilder) {}
 
-  ngOnInit() {
+  ngOnInit(): void {
     this.userForm = this.formBuilder.group({
       firstName: ['', [Validators.required, Validators.email]]
     });
   }
 
-  onSubmitForm() {
+  onSubmitForm(): void {
     console.log(this.userForm);
   }
 }
diff --git a/src/app/+layout/configuration/configuration.component.ts b/src/app/+layout/configuration/configuration.component.ts
@@ -10,7 +10,7 @@ export class ConfigurationComponent implements AfterViewInit {
   /**
    * @method ngAfterViewInit
    */
-  ngAfterViewInit() {
+  ngAfterViewInit(): void {
     Prism.highlightAll();
   }
 }
diff --git a/src/app/+layout/content/content.component.ts b/src/app/+layout/content/content.component.ts
@@ -11,7 +11,7 @@ export class ContentComponent implements AfterViewInit {
   /**
    * @method AfterViewInit
    */
-  ngAfterViewInit() {
+  ngAfterViewInit(): void {
     Prism.highlightAll();
   }
 
diff --git a/src/app/+layout/custom/custom.component.ts b/src/app/+layout/custom/custom.component.ts
@@ -10,7 +10,7 @@ export class CustomComponent implements AfterViewInit {
   /**
    * @method ngAfterViewInit
    */
-  ngAfterViewInit() {
+  ngAfterViewInit(): void {
     Prism.highlightAll();
   }
 }
diff --git a/src/app/+layout/header/header.component.ts b/src/app/+layout/header/header.component.ts
@@ -10,7 +10,7 @@ export class HeaderComponent implements AfterViewInit {
   /**
    * @method ngAfterViewInit
    */
-  ngAfterViewInit() {
+  ngAfterViewInit(): void {
     Prism.highlightAll();
   }
 }
diff --git a/src/app/+layout/sidebar-left/sidebar-left.component.ts b/src/app/+layout/sidebar-left/sidebar-left.component.ts
@@ -10,7 +10,7 @@ export class SidebarLeftComponent implements AfterViewInit {
   /**
    * @method ngAfterViewInit
    */
-  ngAfterViewInit() {
+  ngAfterViewInit(): void {
     Prism.highlightAll();
   }
 }
diff --git a/src/app/+layout/sidebar-right/sidebar-right.component.ts b/src/app/+layout/sidebar-right/sidebar-right.component.ts
@@ -10,7 +10,7 @@ export class SidebarRightComponent implements AfterViewInit {
   /**
    * @method ngAfterViewInit
    */
-  ngAfterViewInit() {
+  ngAfterViewInit(): void {
     Prism.highlightAll();
   }
 }
diff --git a/src/app/+login/login.component.ts b/src/app/+login/login.component.ts
@@ -1,15 +1,8 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-login',
   templateUrl: './login.component.html',
   styleUrls: ['./login.component.css']
 })
-export class LoginComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
-}
+export class LoginComponent {}
diff --git a/src/app/+register/register.component.ts b/src/app/+register/register.component.ts
@@ -1,15 +1,8 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-register',
   templateUrl: './register.component.html',
   styleUrls: ['./register.component.css']
 })
-export class RegisterComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
-}
+export class RegisterComponent {}
diff --git a/src/app/+tabs/tabs.component.ts b/src/app/+tabs/tabs.component.ts
@@ -13,7 +13,7 @@ export class TabsComponent implements AfterViewInit {
   /**
    * @method ngAfterViewInit
    */
-  ngAfterViewInit() {
+  ngAfterViewInit(): void {
     Prism.highlightAll();
   }
 }
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -6,14 +6,14 @@ import { LayoutService } from 'angular-admin-lte';
   templateUrl: './app.component.html'
 })
 export class AppComponent implements OnInit {
-  public customLayout: boolean;
+  public customLayout!: boolean;
 
   constructor(
     private layoutService: LayoutService
   ) {}
 
-  ngOnInit() {
-    this.layoutService.isCustomLayout.subscribe((value: boolean) => {
+  ngOnInit(): void {
+    this.layoutService.isCustomLayout.subscribe(value => {
       this.customLayout = value;
     });
   }
diff --git a/src/app/core/sidebar-right-inner/sidebar-right-inner.component.spec.ts b/src/app/core/sidebar-right-inner/sidebar-right-inner.component.spec.ts
diff --git a/src/app/core/sidebar-right-inner/sidebar-right-inner.component.ts b/src/app/core/sidebar-right-inner/sidebar-right-inner.component.ts
@@ -66,7 +66,7 @@ export class SidebarRightInnerComponent implements OnInit, OnDestroy {
    * [onLayoutChange description]
    * @method onLayoutChange
    */
-  public onLayoutChange(event): void {
+  public onLayoutChange(event: any): void {
     this.layout = event.target.checked ? event.target.getAttribute('value') : '';
     this.layoutStore.setLayout(this.layout);
   }
@@ -75,7 +75,7 @@ export class SidebarRightInnerComponent implements OnInit, OnDestroy {
    * [changeSkin description]
    * @method changeSkin
    */
-  public changeSkin(event, color: string): void {
+  public changeSkin(event: Event, color: string): void {
     event.preventDefault();
     this.layoutStore.setSkin(color);
   }
diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts
@@ -9,10 +9,7 @@ import * as Prism from 'prismjs';
 })
 export class HomeComponent implements AfterViewInit {
 
-  /**
-   * @method ngAfterViewInit
-   */
-  ngAfterViewInit() {
+  ngAfterViewInit(): void {
     Prism.highlightAll();
   }
 }
diff --git a/yarn.lock b/yarn.lock
@@ -1290,6 +1290,11 @@
   resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
   integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
 
+"@types/prismjs@^1.16.2":
+  version "1.16.2"
+  resolved "https://registry.yarnpkg.com/@types/prismjs/-/prismjs-1.16.2.tgz#c130c977191c988cb35e97585da5d580948cc2d2"
+  integrity sha512-1M/j21xgTde7RPtpJVQebW5rzrquj7S+wnqt4x9uWrIPpr0Ya/uXypcqC2aUQL5gtLXFCKSH7GnjfAijMdfbuA==
+
 "@types/q@^0.0.32":
   version "0.0.32"
   resolved "https://registry.yarnpkg.com/@types/q/-/q-0.0.32.tgz#bd284e57c84f1325da702babfc82a5328190c0c5"
@@ -7018,7 +7023,7 @@ postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.2, postcss@^7.0.27
     source-map "^0.6.1"
     supports-color "^6.1.0"
 
-prismjs@^1.8.4:
+prismjs@^1.23.0:
   version "1.23.0"
   resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.23.0.tgz#d3b3967f7d72440690497652a9d40ff046067f33"
   integrity sha512-c29LVsqOaLbBHuIbsTxaKENh1N2EQBOHaWv7gkHN4dgRbxSREqDnDbtFJYdpPauS4YCplMSNCABQ6Eeor69bAA==

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@ export class AlertComponent implements AfterViewInit {`
`11`	`11`	`/**`
`12`	`12`	`* @method ngAfterViewInit`
`13`	`13`	`*/`
`14`		`- ngAfterViewInit() {`
	`14`	`+ ngAfterViewInit(): void {`
`15`	`15`	`Prism.highlightAll();`
`16`	`16`	`}`
`17`	`17`	`}`
Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@ export class BoxDefaultComponent implements AfterViewInit {`
`11`	`11`	`/**`
`12`	`12`	`* @method ngAfterViewInit`
`13`	`13`	`*/`
`14`		`- ngAfterViewInit() {`
	`14`	`+ ngAfterViewInit(): void {`
`15`	`15`	`Prism.highlightAll();`
`16`	`16`	`}`
`17`	`17`	`}`
Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ export class BoxInfoComponent implements AfterViewInit {`
`12`	`12`	`/**`
`13`	`13`	`* @method ngAfterViewInit`
`14`	`14`	`*/`
`15`		`- ngAfterViewInit() {`
	`15`	`+ ngAfterViewInit(): void {`
`16`	`16`	`Prism.highlightAll();`
`17`	`17`	`}`
`18`	`18`	`}`
Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ export class BoxSmallComponent implements AfterViewInit {`
`12`	`12`	`/**`
`13`	`13`	`* @method ngAfterViewInit`
`14`	`14`	`*/`
`15`		`- ngAfterViewInit() {`
	`15`	`+ ngAfterViewInit(): void {`
`16`	`16`	`Prism.highlightAll();`
`17`	`17`	`}`
`18`	`18`	`}`
Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ export class DropdownComponent implements AfterViewInit {`
`12`	`12`	`/**`
`13`	`13`	`*`
`14`	`14`	`*/`
`15`		`- ngAfterViewInit() {`
	`15`	`+ ngAfterViewInit(): void {`
`16`	`16`	`Prism.highlightAll();`
`17`	`17`	`}`
`18`	`18`	`}`
Original file line number	Diff line number	Diff line change
`@@ -6,17 +6,17 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms';`
`6`	`6`	`styleUrls: ['./input-text.component.css']`
`7`	`7`	`})`
`8`	`8`	`export class InputTextComponent implements OnInit {`
`9`		`- userForm: FormGroup;`
	`9`	`+ userForm!: FormGroup;`
`10`	`10`
`11`	`11`	`constructor(private formBuilder: FormBuilder) {}`
`12`	`12`
`13`		`- ngOnInit() {`
	`13`	`+ ngOnInit(): void {`
`14`	`14`	`this.userForm = this.formBuilder.group({`
`15`	`15`	`firstName: ['', [Validators.required, Validators.email]]`
`16`	`16`	`});`
`17`	`17`	`}`
`18`	`18`
`19`		`- onSubmitForm() {`
	`19`	`+ onSubmitForm(): void {`
`20`	`20`	`console.log(this.userForm);`
`21`	`21`	`}`
`22`	`22`	`}`
Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@ export class ConfigurationComponent implements AfterViewInit {`
`10`	`10`	`/**`
`11`	`11`	`* @method ngAfterViewInit`
`12`	`12`	`*/`
`13`		`- ngAfterViewInit() {`
	`13`	`+ ngAfterViewInit(): void {`
`14`	`14`	`Prism.highlightAll();`
`15`	`15`	`}`
`16`	`16`	`}`