Optimizes Imports

src/app/app-router.module.ts

@@ -1,7 +1,7 @@
-import { NgModule } from '@angular/core';
+import {NgModule} from '@angular/core';
-import { CommonModule } from '@angular/common';
+import {CommonModule} from '@angular/common';
-import { RouterModule, Routes } from '@angular/router';
+import {RouterModule, Routes} from '@angular/router';
-import { CallbackComponent } from './header/header-popup/callback/callback.component';
+import {CallbackComponent} from './header/header-popup/callback/callback.component';
 
 
 const routes: Routes = [

src/app/app-service-worker.module.ts

@@ -1,7 +1,7 @@
-import { NgModule } from '@angular/core';
+import {NgModule} from '@angular/core';
-import { CommonModule } from '@angular/common';
+import {CommonModule} from '@angular/common';
-import { environment } from 'src/environments/environment';
+import {environment} from 'src/environments/environment';
-import { ServiceWorkerModule } from '@angular/service-worker';
+import {ServiceWorkerModule} from '@angular/service-worker';
 
 @NgModule({
     declarations: [],

src/app/app.component.ts

@@ -1,15 +1,9 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import {Component, OnInit} from '@angular/core';
-import { AuthService } from './shared/service/auth.service';
+import {AuthService} from './shared/service/auth.service';
-import { UpdateService } from './shared/service-worker/update.service';
+import {UpdateService} from './shared/service-worker/update.service';
-import {
+import {NgcCookieConsentService, NgcStatusChangeEvent,} from 'ngx-cookieconsent';
-    NgcCookieConsentService,
+import {Subscription} from 'rxjs';
-    NgcInitializationErrorEvent,
+import {CookieConsertService} from './shared/cookie-consent/cookie-consert.service';
-    NgcInitializingEvent,
-    NgcNoCookieLawEvent,
-    NgcStatusChangeEvent,
-} from 'ngx-cookieconsent';
-import { Subscription } from 'rxjs';
-import { CookieConsertService } from './shared/cookie-consent/cookie-consert.service';
 
 @Component({
     selector: 'app-root',

src/app/app.module.ts

@@ -1,15 +1,15 @@
-import { NgModule } from '@angular/core';
+import {NgModule} from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
+import {BrowserModule} from '@angular/platform-browser';
 
-import { AppComponent } from './app.component';
+import {AppComponent} from './app.component';
-import { HeaderModule } from './header/header.module';
+import {HeaderModule} from './header/header.module';
-import { SharedModule } from './shared/shared.module';
+import {SharedModule} from './shared/shared.module';
-import { AppRouterModule } from './app-router.module';
+import {AppRouterModule} from './app-router.module';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import {FontAwesomeModule} from '@fortawesome/angular-fontawesome';
-import { AppServiceWorkerModule } from './app-service-worker.module';
+import {AppServiceWorkerModule} from './app-service-worker.module';
-import { ServiceWorkerModule } from '@angular/service-worker';
+import {ServiceWorkerModule} from '@angular/service-worker';
-import { environment } from '../environments/environment';
+import {environment} from '../environments/environment';
-import { FooterComponent } from './footer/footer.component';
+import {FooterComponent} from './footer/footer.component';
 
 @NgModule({
     declarations: [AppComponent, FooterComponent],

src/app/footer/footer.component.ts

@@ -1,9 +1,5 @@
-import { Component } from '@angular/core';
+import {Component} from '@angular/core';
-import {
+import {faGithub, faLinkedinIn, faTwitter,} from '@fortawesome/free-brands-svg-icons';
-    faGithub,
-    faLinkedinIn,
-    faTwitter,
-} from '@fortawesome/free-brands-svg-icons';
 
 @Component({
     selector: 'app-footer',

src/app/header/header-dropdown/header-dropdown.component.ts

@@ -1,27 +1,9 @@
-import {
+import {animate, state, style, transition, trigger,} from '@angular/animations';
-    animate,
+import {Component, EventEmitter, Input, OnDestroy, OnInit, Output, ViewContainerRef,} from '@angular/core';
-    state,
+import {faQuestionCircle, faSignIn, faSignOutAlt, faUser,} from '@fortawesome/free-solid-svg-icons';
-    style,
+import {Subscription} from 'rxjs';
-    transition,
+import {AuthService} from 'src/app/shared/service/auth.service';
-    trigger,
+import {User} from '../../shared/model/user/user.model';
-} from '@angular/animations';
-import {
-    Component,
-    EventEmitter,
-    Input,
-    OnDestroy,
-    OnInit,
-    Output,
-    ViewContainerRef,
-} from '@angular/core';
-import {
-    faQuestionCircle, faSignIn,
-    faSignOutAlt,
-    faUser,
-} from '@fortawesome/free-solid-svg-icons';
-import { Subscription } from 'rxjs';
-import { AuthService } from 'src/app/shared/service/auth.service';
-import { User } from '../../shared/model/user/user.model';
 import {IconDefinition} from "@fortawesome/free-regular-svg-icons";
 import {Value} from "@sinclair/typebox/value";
 

src/app/header/header-popup/callback/callback.component.ts

@@ -1,6 +1,6 @@
-import { ActivatedRoute, Router } from '@angular/router';
+import {ActivatedRoute, Router} from '@angular/router';
-import { Component, OnInit } from '@angular/core';
+import {Component, OnInit} from '@angular/core';
-import { AuthService } from 'src/app/shared/service/auth.service';
+import {AuthService} from 'src/app/shared/service/auth.service';
 
 @Component({
     selector: 'app-callback',

src/app/header/header-popup/error-box/error-box.component.ts

@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import {Component, Input} from '@angular/core';
 
 @Component({
     selector: 'app-error-box',
@@ -7,7 +7,7 @@ import { Component, Input } from '@angular/core';
 })
 export class ErrorBoxComponent {
     @Input()
-    errorMessage: string | null = 'Error, please try again later.';
+        errorMessage: string | null = 'Error, please try again later.';
 
     constructor() {}
 }

src/app/header/header-popup/help/help.component.ts

@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import {Component, EventEmitter, Input, Output} from '@angular/core';
 
 @Component({
     selector: 'app-help',
@@ -7,13 +7,13 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
 })
 export class HelpComponent {
     @Input()
-    state: boolean = false;
+        state: boolean = false;
 
     @Input()
-    ignoreClickOutside!: HTMLDivElement[];
+        ignoreClickOutside!: HTMLDivElement[];
 
     @Output()
-    stateChange = new EventEmitter<boolean>();
+        stateChange = new EventEmitter<boolean>();
 
     constructor() {}
 

src/app/header/header-popup/login/login.component.ts

@@ -8,31 +8,19 @@ import {
     OnInit,
     Output,
 } from '@angular/core';
-import { FormControl, FormGroup, Validators } from '@angular/forms';
+import {FormControl, FormGroup, Validators} from '@angular/forms';
-import { MatIconRegistry } from '@angular/material/icon';
+import {MatIconRegistry} from '@angular/material/icon';
-import { DomSanitizer } from '@angular/platform-browser';
+import {DomSanitizer} from '@angular/platform-browser';
-import { faLock, faUser } from '@fortawesome/free-solid-svg-icons';
+import {faLock, faUser} from '@fortawesome/free-solid-svg-icons';
-import { Subscription } from 'rxjs';
+import {Subscription} from 'rxjs';
-import { AuthService } from 'src/app/shared/service/auth.service';
+import {AuthService} from 'src/app/shared/service/auth.service';
-import { Value } from '@sinclair/typebox/value'
+import {Value} from '@sinclair/typebox/value'
-import { User } from 'src/app/shared/model/user/user.model';
+import {User} from 'src/app/shared/model/user/user.model';
-import {
+import {animate, animateChild, group, query, state, style, transition, trigger,} from '@angular/animations';
-    animate,
+import {ValidatePasswordValidator} from '../../../shared/validators/validate-password.validator';
-    animateChild,
+import {ValidateNotEmptyValidator} from '../../../shared/validators/validate-not-empty.validator';
-    group,
+import {NgcCookieConsentService,} from 'ngx-cookieconsent';
-    query,
+import {CookieConsertService} from '../../../shared/cookie-consent/cookie-consert.service';
-    state,
-    style,
-    transition,
-    trigger,
-} from '@angular/animations';
-import { ValidatePasswordValidator } from '../../../shared/validators/validate-password.validator';
-import { ValidateNotEmptyValidator } from '../../../shared/validators/validate-not-empty.validator';
-import {
-    NgcCookieConsentService,
-    NgcStatusChangeEvent,
-} from 'ngx-cookieconsent';
-import { CookieConsertService } from '../../../shared/cookie-consent/cookie-consert.service';
 import {HttpError} from "../../../shared/model/httpError/httpError.model";
 
 const GOOGLE_LOGO_SVG = 'assets/img/providers/google.svg';

src/app/header/header-popup/my-profile/my-profile.component.ts

@@ -1,26 +1,11 @@
-import {
+import {Component, EventEmitter, Input, OnInit, Output,} from '@angular/core';
-    Component,
+import {AuthService} from '../../../shared/service/auth.service';
-    EventEmitter,
+import {User} from '../../../shared/model/user/user.model';
-    Input,
+import {animate, animateChild, group, query, state, style, transition, trigger,} from '@angular/animations';
-    OnInit,
+import {FormControl, FormGroup, Validators} from '@angular/forms';
-    Output,
+import {ValidateNotEmptyValidator} from '../../../shared/validators/validate-not-empty.validator';
-} from '@angular/core';
+import {ValidatePasswordValidator} from '../../../shared/validators/validate-password.validator';
-import { AuthService } from '../../../shared/service/auth.service';
+import {faFileUpload} from '@fortawesome/free-solid-svg-icons';
-import { User } from '../../../shared/model/user/user.model';
-import {
-    animate,
-    animateChild,
-    group,
-    query,
-    state,
-    style,
-    transition,
-    trigger,
-} from '@angular/animations';
-import { FormControl, FormGroup, Validators } from '@angular/forms';
-import { ValidateNotEmptyValidator } from '../../../shared/validators/validate-not-empty.validator';
-import { ValidatePasswordValidator } from '../../../shared/validators/validate-password.validator';
-import { faFileUpload } from '@fortawesome/free-solid-svg-icons';
 
 @Component({
     selector: 'app-my-profile',

src/app/header/header-popup/my-profile/profile-picture-picker/profile-picture-picker.component.ts

@@ -1,5 +1,5 @@
-import { Component, EventEmitter, Output } from '@angular/core';
+import {Component, EventEmitter, Output} from '@angular/core';
-import { AuthService } from '../../../../shared/service/auth.service';
+import {AuthService} from '../../../../shared/service/auth.service';
 
 @Component({
     selector: 'app-profile-picture-picker',

src/app/header/header-popup/signup/signup.component.ts

@@ -1,30 +1,16 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
-import { FormControl, FormGroup, Validators } from '@angular/forms';
+import {FormControl, FormGroup, Validators} from '@angular/forms';
-import { MatIconRegistry } from '@angular/material/icon';
+import {MatIconRegistry} from '@angular/material/icon';
-import { DomSanitizer } from '@angular/platform-browser';
+import {DomSanitizer} from '@angular/platform-browser';
-import {
+import {faEnvelope, faFingerprint, faLock, faUser,} from '@fortawesome/free-solid-svg-icons';
-    faEnvelope,
+import {Subscription} from 'rxjs';
-    faFingerprint,
+import {AuthService} from 'src/app/shared/service/auth.service';
-    faLock,
+import {HttpError} from 'src/app/shared/model/httpError/httpError.model';
-    faUser,
+import {User} from 'src/app/shared/model/user/user.model';
-} from '@fortawesome/free-solid-svg-icons';
+import {animate, animateChild, group, query, state, style, transition, trigger,} from '@angular/animations';
-import { Subscription } from 'rxjs';
+import {ValidateEmailValidator} from '../../../shared/validators/validate-email.validator';
-import { AuthService } from 'src/app/shared/service/auth.service';
+import {ValidatePasswordValidator} from '../../../shared/validators/validate-password.validator';
-import { HttpError } from 'src/app/shared/model/httpError/httpError.model';
+import {ValidateNotEmptyValidator} from '../../../shared/validators/validate-not-empty.validator';
-import { User } from 'src/app/shared/model/user/user.model';
-import {
-    animate,
-    animateChild,
-    group,
-    query,
-    state,
-    style,
-    transition,
-    trigger,
-} from '@angular/animations';
-import { ValidateEmailValidator } from '../../../shared/validators/validate-email.validator';
-import { ValidatePasswordValidator } from '../../../shared/validators/validate-password.validator';
-import { ValidateNotEmptyValidator } from '../../../shared/validators/validate-not-empty.validator';
 import {Value} from "@sinclair/typebox/value";
 
 const GOOGLE_LOGO_SVG = 'assets/img/providers/google.svg';

src/app/header/header-slider/header-slider.component.ts

@@ -1,14 +1,5 @@
-import {
+import {animate, animateChild, group, query, state, style, transition, trigger,} from '@angular/animations';
-    animate,
+import {Component, EventEmitter, Input, Output} from '@angular/core';
-    animateChild,
-    group,
-    query,
-    state,
-    style,
-    transition,
-    trigger,
-} from '@angular/animations';
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 
 @Component({
     selector: 'app-header-slider',
@@ -45,16 +36,16 @@ import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 })
 export class HeaderSliderComponent {
     @Input()
-    ignoreClickOutside!: HTMLDivElement[];
+        ignoreClickOutside!: HTMLDivElement[];
 
     @Input()
-    clickOutsideStopWatching: boolean = false;
+        clickOutsideStopWatching: boolean = false;
 
     @Input()
-    state: boolean = false;
+        state: boolean = false;
 
     @Output()
-    stateChange = new EventEmitter<boolean>();
+        stateChange = new EventEmitter<boolean>();
 
     constructor() {}
 

src/app/header/header-slider/nav-slider/nav-slider.component.ts

@@ -1,16 +1,9 @@
-import {
+import {Component, EventEmitter, Input, OnDestroy, OnInit, Output,} from '@angular/core';
-    Component,
+import {faUser} from '@fortawesome/free-solid-svg-icons';
-    EventEmitter,
+import {SliderItemComponent} from 'src/app/shared/components/slider-item/slider-item.component';
-    Input,
+import {User} from '../../../shared/model/user/user.model';
-    OnDestroy,
+import {AuthService} from '../../../shared/service/auth.service';
-    OnInit,
+import {Subscription} from 'rxjs';
-    Output,
-} from '@angular/core';
-import { faUser } from '@fortawesome/free-solid-svg-icons';
-import { SliderItemComponent } from 'src/app/shared/components/slider-item/slider-item.component';
-import { User } from '../../../shared/model/user/user.model';
-import { AuthService } from '../../../shared/service/auth.service';
-import { Subscription } from 'rxjs';
 import {Value} from "@sinclair/typebox/value";
 
 @Component({

src/app/header/header-slider/user-slider/user-slider.component.ts

@@ -1,8 +1,8 @@
-import { Component, EventEmitter, OnInit, Output } from '@angular/core';
+import {Component, EventEmitter, OnInit, Output} from '@angular/core';
-import { Subscription } from 'rxjs';
+import {Subscription} from 'rxjs';
-import { AuthService } from 'src/app/shared/service/auth.service';
+import {AuthService} from 'src/app/shared/service/auth.service';
-import { SliderItemComponent } from 'src/app/shared/components/slider-item/slider-item.component';
+import {SliderItemComponent} from 'src/app/shared/components/slider-item/slider-item.component';
-import { User } from 'src/app/shared/model/user/user.model';
+import {User} from 'src/app/shared/model/user/user.model';
 import {Value} from "@sinclair/typebox/value";
 
 @Component({

src/app/header/header.component.ts

@@ -1,20 +1,12 @@
-import {
+import {Component, ComponentRef, ElementRef, OnDestroy, OnInit, ViewChild, ViewContainerRef,} from '@angular/core';
-    Component,
+import {faUser} from '@fortawesome/free-solid-svg-icons';
-    ComponentRef,
+import {LoginComponent} from './header-popup/login/login.component';
-    ElementRef,
+import {SignupComponent} from './header-popup/signup/signup.component';
-    OnDestroy,
+import {AuthService} from '../shared/service/auth.service';
-    OnInit,
+import {User} from '../shared/model/user/user.model';
-    ViewChild,
+import {Subscription} from 'rxjs';
-    ViewContainerRef,
+import {HelpComponent} from './header-popup/help/help.component';
-} from '@angular/core';
+import {MyProfileComponent} from './header-popup/my-profile/my-profile.component';
-import { faUser } from '@fortawesome/free-solid-svg-icons';
-import { LoginComponent } from './header-popup/login/login.component';
-import { SignupComponent } from './header-popup/signup/signup.component';
-import { AuthService } from '../shared/service/auth.service';
-import { User } from '../shared/model/user/user.model';
-import { Subscription } from 'rxjs';
-import { HelpComponent } from './header-popup/help/help.component';
-import { MyProfileComponent } from './header-popup/my-profile/my-profile.component';
 import {Value} from "@sinclair/typebox/value";
 
 @Component({

src/app/header/header.module.ts

@@ -1,24 +1,26 @@
-import { NgModule } from '@angular/core';
+import {NgModule} from '@angular/core';
-import { CommonModule, NgOptimizedImage } from '@angular/common';
+import {CommonModule, NgOptimizedImage} from '@angular/common';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
 
-import { HeaderComponent } from './header.component';
+import {HeaderComponent} from './header.component';
-import { HeaderSliderComponent } from './header-slider/header-slider.component';
+import {HeaderSliderComponent} from './header-slider/header-slider.component';
-import { NavSliderComponent } from './header-slider/nav-slider/nav-slider.component';
+import {NavSliderComponent} from './header-slider/nav-slider/nav-slider.component';
-import { UserSliderComponent } from './header-slider/user-slider/user-slider.component';
+import {UserSliderComponent} from './header-slider/user-slider/user-slider.component';
-import { HeaderDropdownComponent } from './header-dropdown/header-dropdown.component';
+import {HeaderDropdownComponent} from './header-dropdown/header-dropdown.component';
-import { SharedModule } from '../shared/shared.module';
+import {SharedModule} from '../shared/shared.module';
-import { AppRouterModule } from '../app-router.module';
+import {AppRouterModule} from '../app-router.module';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import {FontAwesomeModule} from '@fortawesome/angular-fontawesome';
-import { LoginComponent } from './header-popup/login/login.component';
+import {LoginComponent} from './header-popup/login/login.component';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import {FormsModule, ReactiveFormsModule} from '@angular/forms';
-import { SignupComponent } from './header-popup/signup/signup.component';
+import {SignupComponent} from './header-popup/signup/signup.component';
-import { CallbackComponent } from './header-popup/callback/callback.component';
+import {CallbackComponent} from './header-popup/callback/callback.component';
-import { MatIconModule } from '@angular/material/icon';
+import {MatIconModule} from '@angular/material/icon';
-import { ErrorBoxComponent } from './header-popup/error-box/error-box.component';
+import {ErrorBoxComponent} from './header-popup/error-box/error-box.component';
-import { HelpComponent } from './header-popup/help/help.component';
+import {HelpComponent} from './header-popup/help/help.component';
-import { MyProfileComponent } from './header-popup/my-profile/my-profile.component';
+import {MyProfileComponent} from './header-popup/my-profile/my-profile.component';
-import { ProfilePicturePickerComponent } from './header-popup/my-profile/profile-picture-picker/profile-picture-picker.component';
+import {
+    ProfilePicturePickerComponent
+} from './header-popup/my-profile/profile-picture-picker/profile-picture-picker.component';
 
 @NgModule({
     declarations: [

src/app/home/home-router.module.ts

@@ -1,6 +1,6 @@
-import { NgModule } from '@angular/core';
+import {NgModule} from '@angular/core';
-import { CommonModule } from '@angular/common';
+import {CommonModule} from '@angular/common';
-import { RouterModule, Routes } from '@angular/router';
+import {RouterModule, Routes} from '@angular/router';
 import {HomeComponent} from "./home.component";
 
 const routes: Routes = [

src/app/home/home.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import {Component} from '@angular/core';
 
 @Component({
     selector: 'app-home',

src/app/home/home.module.ts

@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import {NgModule} from '@angular/core';
 import {CommonModule, NgOptimizedImage} from '@angular/common';
 import {HomeComponent} from "./home.component";
 import {StackSliderComponent} from "./stack-slider/stack-slider.component";
@@ -7,7 +7,6 @@ import {NgxGlideComponent} from "ngx-glide";
 import {HomeRouterModule} from "./home-router.module";
 
 
-
 @NgModule({
     declarations: [
         HomeComponent,

src/app/home/stack-slider/stack-card/stack-card.component.spec.ts

@@ -1,21 +1,21 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import {ComponentFixture, TestBed} from '@angular/core/testing';
 
-import { StackCardComponent } from './stack-card.component';
+import {StackCardComponent} from './stack-card.component';
 
 describe('StackCardComponent', () => {
-  let component: StackCardComponent;
+    let component: StackCardComponent;
-  let fixture: ComponentFixture<StackCardComponent>;
+    let fixture: ComponentFixture<StackCardComponent>;
 
-  beforeEach(() => {
+    beforeEach(() => {
-    TestBed.configureTestingModule({
+        TestBed.configureTestingModule({
-      declarations: [StackCardComponent]
+            declarations: [StackCardComponent]
+        });
+        fixture = TestBed.createComponent(StackCardComponent);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
     });
-    fixture = TestBed.createComponent(StackCardComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
 
-  it('should create', () => {
+    it('should create', () => {
-    expect(component).toBeTruthy();
+        expect(component).toBeTruthy();
-  });
+    });
 });

src/app/home/stack-slider/stack-slider.component.spec.ts

@@ -1,21 +1,21 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import {ComponentFixture, TestBed} from '@angular/core/testing';
 
-import { StackSliderComponent } from './stack-slider.component';
+import {StackSliderComponent} from './stack-slider.component';
 
 describe('StackSliderComponent', () => {
-  let component: StackSliderComponent;
+    let component: StackSliderComponent;
-  let fixture: ComponentFixture<StackSliderComponent>;
+    let fixture: ComponentFixture<StackSliderComponent>;
 
-  beforeEach(() => {
+    beforeEach(() => {
-    TestBed.configureTestingModule({
+        TestBed.configureTestingModule({
-      declarations: [StackSliderComponent]
+            declarations: [StackSliderComponent]
+        });
+        fixture = TestBed.createComponent(StackSliderComponent);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
     });
-    fixture = TestBed.createComponent(StackSliderComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
 
-  it('should create', () => {
+    it('should create', () => {
-    expect(component).toBeTruthy();
+        expect(component).toBeTruthy();
-  });
+    });
 });

src/app/projects/project-card/project-card.component.ts

@@ -2,7 +2,8 @@ import {Component, HostListener, Input, OnInit, ViewChild} from '@angular/core';
 import {faCodeFork, faEye, faScaleBalanced, faStar} from '@fortawesome/free-solid-svg-icons';
 import {Language, Project} from "../../shared/model/project/project.model";
 import {
-    ApexChart, ApexDataLabels,
+    ApexChart,
+    ApexDataLabels,
     ApexNonAxisChartSeries,
     ApexPlotOptions,
     ApexResponsive,

src/app/projects/projects-router.module.ts

@@ -1,6 +1,6 @@
-import { NgModule } from '@angular/core';
+import {NgModule} from '@angular/core';
-import { CommonModule } from '@angular/common';
+import {CommonModule} from '@angular/common';
-import { RouterModule, Routes } from '@angular/router';
+import {RouterModule, Routes} from '@angular/router';
 import {ProjectsComponent} from "./projects.component";
 
 const routes: Routes = [

src/app/projects/projects.module.ts

@@ -1,7 +1,7 @@
 import {NgModule} from "@angular/core";
 import {ProjectsComponent} from "./projects.component";
 import {CommonModule, NgOptimizedImage} from "@angular/common";
-import { ProjectCardComponent } from './project-card/project-card.component';
+import {ProjectCardComponent} from './project-card/project-card.component';
 import {MatIconModule} from "@angular/material/icon";
 import {FontAwesomeModule} from "@fortawesome/angular-fontawesome";
 import {NgApexchartsModule} from "ng-apexcharts";

src/app/shared/components/popup/popup.component.ts

@@ -1,21 +1,5 @@
-import {
+import {animate, animateChild, group, query, state, style, transition, trigger,} from '@angular/animations';
-    animate,
+import {Component, EventEmitter, Input, Output,} from '@angular/core';
-    animateChild,
-    group,
-    query,
-    state,
-    style,
-    transition,
-    trigger,
-} from '@angular/animations';
-import {
-    Component,
-    ElementRef,
-    EventEmitter,
-    Input,
-    Output,
-    ViewEncapsulation,
-} from '@angular/core';
 
 @Component({
     selector: 'app-popup',
@@ -56,13 +40,13 @@ import {
 })
 export class PopupComponent {
     @Input()
-    state: boolean = false;
+        state: boolean = false;
 
     @Input()
-    ignoreClickOutside!: HTMLDivElement[];
+        ignoreClickOutside!: HTMLDivElement[];
 
     @Output()
-    stateChange = new EventEmitter<boolean>(false);
+        stateChange = new EventEmitter<boolean>(false);
 
     constructor() {}
 

src/app/shared/components/slider-item/slider-item.component.ts

@@ -1,11 +1,5 @@
-import {
+import {animate, state, style, transition, trigger,} from '@angular/animations';
-    animate,
+import {Component, Input} from '@angular/core';
-    state,
-    style,
-    transition,
-    trigger,
-} from '@angular/animations';
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 
 @Component({
     selector: 'app-slider-item',

src/app/shared/cookie-consent/cookie-consent.module.ts

@@ -1,9 +1,6 @@
-import { NgModule } from '@angular/core';
+import {NgModule} from '@angular/core';
-import { CommonModule } from '@angular/common';
+import {CommonModule} from '@angular/common';
-import {
+import {NgcCookieConsentConfig, NgcCookieConsentModule,} from 'ngx-cookieconsent';
-    NgcCookieConsentConfig,
-    NgcCookieConsentModule,
-} from 'ngx-cookieconsent';
 
 const cookieConfig: NgcCookieConsentConfig = {
     cookie: {

src/app/shared/cookie-consent/cookie-consert.service.ts

@@ -1,6 +1,6 @@
-import { Injectable } from '@angular/core';
+import {Injectable} from '@angular/core';
-import { BehaviorSubject, Subject, Subscription } from 'rxjs';
+import {BehaviorSubject} from 'rxjs';
-import { CookieService } from 'ngx-cookie-service';
+import {CookieService} from 'ngx-cookie-service';
 
 @Injectable({
     providedIn: 'root',

src/app/shared/directive/clicked-outside/clicked-outside.directive.ts

@@ -1,39 +1,22 @@
-import { DOCUMENT } from '@angular/common';
+import {DOCUMENT} from '@angular/common';
-import {
+import {AfterViewInit, Directive, ElementRef, EventEmitter, Inject, Input, OnDestroy, Output,} from '@angular/core';
-    AfterViewInit,
+import {filter, fromEvent, Subscription,} from 'rxjs';
-    Directive,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    Input,
-    OnDestroy,
-    Output,
-    ViewChild,
-} from '@angular/core';
-import {
-    combineLatest,
-    combineLatestWith,
-    filter,
-    fromEvent,
-    merge,
-    Subscription,
-} from 'rxjs';
 
 @Directive({
     selector: '[appClickedOutside]',
 })
 export class ClickedOutsideDirective implements AfterViewInit, OnDestroy {
     @Input()
-    ignoreElementList!: HTMLDivElement[];
+        ignoreElementList!: HTMLDivElement[];
 
     @Input()
-    includeClickedOutside!: HTMLDivElement[];
+        includeClickedOutside!: HTMLDivElement[];
 
     @Input()
-    clickOutsideStopWatching: boolean = false;
+        clickOutsideStopWatching: boolean = false;
 
     @Output()
-    clickOutside: EventEmitter<void> = new EventEmitter();
+        clickOutside: EventEmitter<void> = new EventEmitter();
 
     eventListener!: Subscription;
 

src/app/shared/model/httpError/httpError.model.ts

@@ -1,4 +1,4 @@
-import { Type, type Static } from '@sinclair/typebox'
+import {type Static, Type} from '@sinclair/typebox'
 
 
 export const HttpError = Type.Object({

src/app/shared/model/project/project.model.ts

@@ -1,4 +1,4 @@
-import { Type, type Static } from '@sinclair/typebox'
+import {type Static, Type} from '@sinclair/typebox'
 
 
 export const Language = Type.Object({

src/app/shared/model/stack/stack.model.ts

@@ -1,4 +1,4 @@
-import { Type, type Static } from '@sinclair/typebox'
+import {type Static, Type} from '@sinclair/typebox'
 
 
 export const Stack = Type.Object({

src/app/shared/model/token/token.model.ts

@@ -1,4 +1,4 @@
-import { Type, type Static } from '@sinclair/typebox'
+import {type Static, Type} from '@sinclair/typebox'
 
 
 export const Token = Type.Object({

src/app/shared/model/user/user.model.ts

@@ -1,6 +1,6 @@
-import { Type, type Static } from '@sinclair/typebox'
+import {type Static, Type} from '@sinclair/typebox'
 
-import { Token } from '../token/token.model';
+import {Token} from '../token/token.model';
 
 
 export const User = Type.Object({

src/app/shared/service-worker/update.service.ts

@@ -1,6 +1,6 @@
-import { Injectable } from '@angular/core';
+import {Injectable} from '@angular/core';
-import { SwUpdate } from '@angular/service-worker';
+import {SwUpdate} from '@angular/service-worker';
-import { interval } from 'rxjs';
+import {interval} from 'rxjs';
 
 @Injectable({
     providedIn: 'root',

src/app/shared/service/auth.service.ts

@@ -1,16 +1,10 @@
-import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
+import {HttpClient, HttpHeaders, HttpParams} from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import {Injectable} from '@angular/core';
-import {
+import {first, map, Observable, of, Subject,} from 'rxjs';
-    first,
+import {catchError} from 'rxjs/operators';
-    map,
+import {environment} from 'src/environments/environment';
-    Observable,
+import {HttpError} from '../model/httpError/httpError.model';
-    of,
+import {User} from '../model/user/user.model';
-    Subject,
-} from 'rxjs';
-import { catchError } from 'rxjs/operators';
-import { environment } from 'src/environments/environment';
-import { HttpError } from '../model/httpError/httpError.model';
-import { User } from '../model/user/user.model';
 
 @Injectable({
     providedIn: 'root',

src/app/shared/service/github.service.ts

@@ -1,12 +1,8 @@
-import { Injectable } from '@angular/core';
+import {Injectable} from '@angular/core';
 import {Language, Project} from "../model/project/project.model";
 import {HttpClient} from "@angular/common/http";
-import {
+import {map, Observable, switchMap, tap} from 'rxjs';
-    map, mergeMap,
+import {environment} from 'src/environments/environment';
-    Observable,
-    pipe, switchMap, take, tap
-} from 'rxjs';
-import { environment } from 'src/environments/environment';
 
 @Injectable({
     providedIn: 'root'

src/app/shared/shared.module.ts

@@ -1,12 +1,12 @@
-import { NgModule } from '@angular/core';
+import {NgModule} from '@angular/core';
-import { CommonModule } from '@angular/common';
+import {CommonModule} from '@angular/common';
-import { ClickedOutsideDirective } from './directive/clicked-outside/clicked-outside.directive';
+import {ClickedOutsideDirective} from './directive/clicked-outside/clicked-outside.directive';
-import { SliderItemComponent } from './components/slider-item/slider-item.component';
+import {SliderItemComponent} from './components/slider-item/slider-item.component';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
-import { HttpClientModule } from '@angular/common/http';
+import {HttpClientModule} from '@angular/common/http';
-import { PopupComponent } from './components/popup/popup.component';
+import {PopupComponent} from './components/popup/popup.component';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import {FontAwesomeModule} from '@fortawesome/angular-fontawesome';
-import { CookieConsentModule } from './cookie-consent/cookie-consent.module';
+import {CookieConsentModule} from './cookie-consent/cookie-consent.module';
 
 @NgModule({
     declarations: [

src/app/shared/validators/validate-email.validator.ts

@@ -1,4 +1,4 @@
-import { AbstractControl } from '@angular/forms';
+import {AbstractControl} from '@angular/forms';
 
 export function ValidateEmailValidator(control: AbstractControl) {
     const email = control.value;

src/app/shared/validators/validate-not-empty.validator.ts

@@ -1,4 +1,4 @@
-import { AbstractControl } from '@angular/forms';
+import {AbstractControl} from '@angular/forms';
 
 export function ValidateNotEmptyValidator(control: AbstractControl) {
     const value = control.value;

src/app/shared/validators/validate-password.validator.ts

@@ -1,4 +1,4 @@
-import { AbstractControl } from '@angular/forms';
+import {AbstractControl} from '@angular/forms';
 
 export function ValidatePasswordValidator(control: AbstractControl) {
     var password = control.value;

src/main.ts

@@ -1,8 +1,8 @@
-import { enableProdMode } from '@angular/core';
+import {enableProdMode} from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module';
+import {AppModule} from './app/app.module';
-import { environment } from './environments/environment';
+import {environment} from './environments/environment';
 
 if (environment.production) {
     enableProdMode();

src/test.ts

@@ -1,11 +1,8 @@
 // This file is required by karma.conf.js and loads recursively all the .spec and framework files
 
 import 'zone.js/testing';
-import { getTestBed } from '@angular/core/testing';
+import {getTestBed} from '@angular/core/testing';
-import {
+import {BrowserDynamicTestingModule, platformBrowserDynamicTesting,} from '@angular/platform-browser-dynamic/testing';
-    BrowserDynamicTestingModule,
-    platformBrowserDynamicTesting,
-} from '@angular/platform-browser-dynamic/testing';
 
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(