✏️ fix files linter

Author: marcode24

src/app/app.component.spec.ts

@@ -1,4 +1,5 @@
 import { TestBed } from '@angular/core/testing';
+
 import { AppComponent } from './app.component';
 
 describe('AppComponent', () => {
@@ -13,19 +14,23 @@ describe('AppComponent', () => {
   it('should create the app', () => {
     const fixture = TestBed.createComponent(AppComponent);
     const app = fixture.componentInstance;
+
     expect(app).toBeTruthy();
   });
 
   it(`should have as title 'frontend'`, () => {
     const fixture = TestBed.createComponent(AppComponent);
     const app = fixture.componentInstance;
+
     expect(app.title).toEqual('frontend');
   });
 
   it('should render title', () => {
     const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
     const compiled = fixture.nativeElement as HTMLElement;
-    expect(compiled.querySelector('.content span')?.textContent).toContain('frontend app is running!');
+
+    expect(compiled.querySelector('.content span')?.textContent)
+      .toContain('frontend app is running!');
   });
 });

src/app/app.component.ts

@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+
 import { SettingService } from '@services/setting.service';
 
 @Component({
@@ -7,6 +8,7 @@ import { SettingService } from '@services/setting.service';
   styleUrls: ['./app.component.css']
 })
 export class AppComponent {
+  title = 'frontend';
   constructor(
     private settingService: SettingService,
   ) {
@@ -18,4 +20,5 @@ export class AppComponent {
       this.settingService.setTheme(theme as 'dark'|'light');
     }
   }
+
 }

src/app/app.module.ts

@@ -1,6 +1,6 @@
+import { HttpClientModule,  } from '@angular/common/http';
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
-import { HttpClientModule,  } from '@angular/common/http';
 
 import { AppComponent } from './app.component';
 import { AppRoutingModule } from './app.routing';

src/app/auth/auth.component.ts

@@ -1,7 +1,15 @@
-import { Component, ElementRef, HostListener, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { Component,
+  ElementRef,
+  HostListener,
+  OnDestroy,
+  OnInit,
+  ViewChild
+} from '@angular/core';
+
 import { Subscription } from 'rxjs';
 
 import { AuthService } from '@services/auth.service';
+
 import { IModalAuth } from '@interfaces/modal.interface';
 
 @Component({
@@ -15,9 +23,9 @@ export class AuthComponent implements OnInit, OnDestroy {
   @ViewChild('modalAuth') modalAuth: ElementRef;
   private bodyElement = document.body as HTMLBodyElement;
 
-  public showLogin: boolean = false;
-  public showMore: boolean = true;
-  private modalOpen: boolean = false;
+  public showLogin = false;
+  public showMore = true;
+  private modalOpen = false;
 
   constructor(private authService: AuthService) {}
 
@@ -26,7 +34,9 @@ export class AuthComponent implements OnInit, OnDestroy {
   }
 
   ngOnInit(): void {
-    this.authSubscription = this.authService.isAuthenticatedEmitter.subscribe(({ to, isAuth }) => !isAuth && to !== 'hide' ? this.openModal({to, isAuth}) : '');
+    this.authSubscription = this.authService.isAuthenticatedEmitter
+      .subscribe(({ to, isAuth }) =>
+      !isAuth && to !== 'hide' ? this.openModal({to, isAuth}) : '');
   }
 
   openModal(options: IModalAuth): void {
@@ -57,7 +67,7 @@ export class AuthComponent implements OnInit, OnDestroy {
   }
 
   @HostListener('window:keyup.esc', ['$event'])
-  onKeyup(event: any) {
+  onKeyup() {
     if(this.modalOpen) {
         this.closeModal();
       }

src/app/auth/auth.module.ts

@@ -1,9 +1,9 @@
-import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 
 import { AuthComponent } from './auth.component';
 import { ComponentsModule } from './components/components.module';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 
 @NgModule({
   declarations: [

src/app/auth/components/components.module.ts

@@ -1,5 +1,5 @@
-import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 
 import { LoginComponent } from './login/login.component';

src/app/auth/components/login/login.component.ts

@@ -1,5 +1,6 @@
 import { Component, EventEmitter, OnInit, Output } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+
 import { AuthService } from '@services/auth.service';
 
 @Component({
@@ -42,7 +43,7 @@ export class LoginComponent implements OnInit {
             this.message = message;
           }
         }
-      })
+      });
     }
   }
 

src/app/auth/components/more-features/more-features.component.ts

@@ -1,16 +1,12 @@
-import { Component, EventEmitter, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Output } from '@angular/core';
 
 @Component({
   selector: 'app-more-features',
   templateUrl: './more-features.component.html',
   styleUrls: ['./more-features.component.css']
 })
-export class MoreFeaturesComponent implements OnInit {
+export class MoreFeaturesComponent {
   @Output() changeView: EventEmitter<boolean> = new EventEmitter();
-  constructor() { }
-
-  ngOnInit(): void {
-  }
 
   change(value: boolean): void {
     this.changeView.emit(value);

src/app/auth/components/register/register.component.ts

@@ -1,7 +1,10 @@
 import { Component, EventEmitter, OnInit, Output } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { ILogin } from '@interfaces/login.interface';
+
 import { AuthService } from '@services/auth.service';
+
+import { ILogin } from '@interfaces/login.interface';
+
 import MatchPassword from '@utils/match-password.util';
 import { RegexExpressions } from '@utils/regex.util';
 
@@ -30,21 +33,24 @@ export class RegisterComponent implements OnInit {
   loadForm() {
     this.registerForm = this.fb.group({
       email: ['', [Validators.required, Validators.pattern(this.regexExpressions.EMAIL)]],
-      password: ['', [Validators.required, Validators.pattern(this.regexExpressions.PASSWORD)]],
+      password: ['', [
+        Validators.required,
+        Validators.pattern(this.regexExpressions.PASSWORD)]
+      ],
       password2: ['', [Validators.required]],
     },{
       validators: [
         MatchPassword.match('password', 'password2'),
       ]
-    })
+    });
   }
 
   register() {
     if(this.registerForm.valid) {
       const data: ILogin = {
         email: this.registerForm.get('email')?.value,
         password: this.registerForm.get('password')?.value,
-      }
+      };
       this.authService.signIn(data).subscribe({
         next: () => {
           this.closeModal.emit(true);
@@ -56,11 +62,11 @@ export class RegisterComponent implements OnInit {
             this.message = message;
           }
         }
-      })
+      });
     }
   }
 
-  changePage(): void{
+  changePage(): void {
     this.showLogin.emit(true);
   }
 

src/app/core/components/components.module.ts

@@ -1,8 +1,9 @@
-import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { SidebarComponent } from './sidebar/sidebar.component';
+import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 
+import { SidebarComponent } from './sidebar/sidebar.component';
+
 @NgModule({
   declarations: [
     SidebarComponent