clean up and lint files

src/app/modules/user/info/info.component.spec.ts

@@ -6,13 +6,11 @@ describe('InfoComponent', () => {
   let component: InfoComponent;
   let fixture: ComponentFixture<InfoComponent>;
 
-  beforeEach(
-    waitForAsync(() => {
-      void TestBed.configureTestingModule({
-    imports: [InfoComponent],
-}).compileComponents();
-    }),
-  );
+  beforeEach(waitForAsync(() => {
+    void TestBed.configureTestingModule({
+      imports: [InfoComponent],
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(InfoComponent);

src/app/modules/user/info/info.component.ts

@@ -6,46 +6,45 @@ import {ChordMode} from '../../../widget-modules/components/song-text/song-text.
 import {faSignOutAlt} from '@fortawesome/free-solid-svg-icons';
 import {RolePipe} from './role.pipe';
 import {roles} from '../../../services/user/roles';
-import { NgIf, AsyncPipe } from '@angular/common';
-import { CardComponent } from '../../../widget-modules/components/card/card.component';
-import { MatFormField, MatLabel, MatHint } from '@angular/material/form-field';
-import { MatSelect } from '@angular/material/select';
-import { ReactiveFormsModule, FormsModule } from '@angular/forms';
-import { MatOption } from '@angular/material/core';
-import { ButtonRowComponent } from '../../../widget-modules/components/button-row/button-row.component';
-import { ButtonComponent } from '../../../widget-modules/components/button/button.component';
-import { RouterLink } from '@angular/router';
-import { RoleDirective } from '../../../services/user/role.directive';
-import { UsersComponent } from './users/users.component';
+import {AsyncPipe, NgIf} from '@angular/common';
+import {CardComponent} from '../../../widget-modules/components/card/card.component';
+import {MatFormField, MatHint, MatLabel} from '@angular/material/form-field';
+import {MatSelect} from '@angular/material/select';
+import {FormsModule, ReactiveFormsModule} from '@angular/forms';
+import {MatOption} from '@angular/material/core';
+import {ButtonRowComponent} from '../../../widget-modules/components/button-row/button-row.component';
+import {ButtonComponent} from '../../../widget-modules/components/button/button.component';
+import {RouterLink} from '@angular/router';
+import {RoleDirective} from '../../../services/user/role.directive';
+import {UsersComponent} from './users/users.component';
 
 @Component({
-    selector: 'app-info',
-    templateUrl: './info.component.html',
-    styleUrls: ['./info.component.less'],
-    imports: [
-        NgIf,
-        CardComponent,
-        MatFormField,
-        MatLabel,
-        MatSelect,
-        ReactiveFormsModule,
-        FormsModule,
-        MatOption,
-        MatHint,
-        ButtonRowComponent,
-        ButtonComponent,
-        RouterLink,
-        RoleDirective,
-        UsersComponent,
-        AsyncPipe,
-    ],
+  selector: 'app-info',
+  templateUrl: './info.component.html',
+  styleUrls: ['./info.component.less'],
+  imports: [
+    NgIf,
+    CardComponent,
+    MatFormField,
+    MatLabel,
+    MatSelect,
+    ReactiveFormsModule,
+    FormsModule,
+    MatOption,
+    MatHint,
+    ButtonRowComponent,
+    ButtonComponent,
+    RouterLink,
+    RoleDirective,
+    UsersComponent,
+    AsyncPipe,
+  ],
 })
 export class InfoComponent implements OnInit {
   public user$: Observable<User | null> | null = null;
   public faSignOut = faSignOutAlt;
 
-  public constructor(private userService: UserService) {
-  }
+  public constructor(private userService: UserService) {}
 
   public ngOnInit(): void {
     this.user$ = this.userService.user$;

src/app/modules/user/info/role.pipe.ts

@@ -1,7 +1,7 @@
 import {Pipe, PipeTransform} from '@angular/core';
 import {roles} from '../../../services/user/roles';
 
-@Pipe({ name: 'role', })
+@Pipe({name: 'role'})
 export class RolePipe implements PipeTransform {
   public transform(role: roles): string {
     switch (role) {

src/app/modules/user/info/users/user/user.component.spec.ts

@@ -6,13 +6,11 @@ describe('UserComponent', () => {
   let component: UserComponent;
   let fixture: ComponentFixture<UserComponent>;
 
-  beforeEach(
-    waitForAsync(() => {
-      void TestBed.configureTestingModule({
-    imports: [UserComponent],
-}).compileComponents();
-    }),
-  );
+  beforeEach(waitForAsync(() => {
+    void TestBed.configureTestingModule({
+      imports: [UserComponent],
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(UserComponent);

src/app/modules/user/info/users/user/user.component.ts

@@ -3,34 +3,21 @@ import {User} from '../../../../../services/user/user';
 import {UserService} from '../../../../../services/user/user.service';
 import {ROLE_TYPES} from '../../../../../services/user/roles';
 import {faTimes} from '@fortawesome/free-solid-svg-icons';
-import { NgIf, NgFor } from '@angular/common';
-import { MatFormField, MatLabel } from '@angular/material/form-field';
-import { MatInput } from '@angular/material/input';
-import { ReactiveFormsModule, FormsModule } from '@angular/forms';
-import { MatSelect } from '@angular/material/select';
-import { MatOption } from '@angular/material/core';
-import { MatIconButton } from '@angular/material/button';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { RolePipe } from '../../role.pipe';
+import {NgFor, NgIf} from '@angular/common';
+import {MatFormField, MatLabel} from '@angular/material/form-field';
+import {MatInput} from '@angular/material/input';
+import {FormsModule, ReactiveFormsModule} from '@angular/forms';
+import {MatSelect} from '@angular/material/select';
+import {MatOption} from '@angular/material/core';
+import {MatIconButton} from '@angular/material/button';
+import {FaIconComponent} from '@fortawesome/angular-fontawesome';
+import {RolePipe} from '../../role.pipe';
 
 @Component({
-    selector: 'app-user',
-    templateUrl: './user.component.html',
-    styleUrls: ['./user.component.less'],
-    imports: [
-        NgIf,
-        MatFormField,
-        MatLabel,
-        MatInput,
-        ReactiveFormsModule,
-        FormsModule,
-        MatSelect,
-        NgFor,
-        MatOption,
-        MatIconButton,
-        FaIconComponent,
-        RolePipe,
-    ],
+  selector: 'app-user',
+  templateUrl: './user.component.html',
+  styleUrls: ['./user.component.less'],
+  imports: [NgIf, MatFormField, MatLabel, MatInput, ReactiveFormsModule, FormsModule, MatSelect, NgFor, MatOption, MatIconButton, FaIconComponent, RolePipe],
 })
 export class UserComponent {
   public id = '';
@@ -40,8 +27,7 @@ export class UserComponent {
   public edit = false;
   public faClose = faTimes;
 
-  public constructor(private userService: UserService) {
-  }
+  public constructor(private userService: UserService) {}
 
   @Input()
   public set user(value: User) {

src/app/modules/user/info/users/users.component.spec.ts

@@ -6,13 +6,11 @@ describe('UsersComponent', () => {
   let component: UsersComponent;
   let fixture: ComponentFixture<UsersComponent>;
 
-  beforeEach(
-    waitForAsync(() => {
-      void TestBed.configureTestingModule({
-    imports: [UsersComponent],
-}).compileComponents();
-    }),
-  );
+  beforeEach(waitForAsync(() => {
+    void TestBed.configureTestingModule({
+      imports: [UsersComponent],
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(UsersComponent);

src/app/modules/user/info/users/users.component.ts

@@ -2,22 +2,16 @@ import {Component} from '@angular/core';
 import {UserService} from '../../../../services/user/user.service';
 import {Observable} from 'rxjs';
 import {User} from '../../../../services/user/user';
-import { CardComponent } from '../../../../widget-modules/components/card/card.component';
-import { NgFor, AsyncPipe } from '@angular/common';
-import { UserComponent } from './user/user.component';
-import { SortByPipe } from '../../../../widget-modules/pipes/sort-by/sort-by.pipe';
+import {CardComponent} from '../../../../widget-modules/components/card/card.component';
+import {AsyncPipe, NgFor} from '@angular/common';
+import {UserComponent} from './user/user.component';
+import {SortByPipe} from '../../../../widget-modules/pipes/sort-by/sort-by.pipe';
 
 @Component({
-    selector: 'app-users',
-    templateUrl: './users.component.html',
-    styleUrls: ['./users.component.less'],
-    imports: [
-        CardComponent,
-        NgFor,
-        UserComponent,
-        AsyncPipe,
-        SortByPipe,
-    ],
+  selector: 'app-users',
+  templateUrl: './users.component.html',
+  styleUrls: ['./users.component.less'],
+  imports: [CardComponent, NgFor, UserComponent, AsyncPipe, SortByPipe],
 })
 export class UsersComponent {
   public users$: Observable<User[]>;

src/app/modules/user/login/auth-message.pipe.ts

@@ -1,6 +1,6 @@
 import {Pipe, PipeTransform} from '@angular/core';
 
-@Pipe({ name: 'authMessage', })
+@Pipe({name: 'authMessage'})
 export class AuthMessagePipe implements PipeTransform {
   public transform(code: string): string {
     switch (code) {

src/app/modules/user/login/login.component.spec.ts

@@ -6,13 +6,11 @@ describe('LoginComponent', () => {
   let component: LoginComponent;
   let fixture: ComponentFixture<LoginComponent>;
 
-  beforeEach(
-    waitForAsync(() => {
-      void TestBed.configureTestingModule({
-    imports: [LoginComponent],
-}).compileComponents();
-    }),
-  );
+  beforeEach(waitForAsync(() => {
+    void TestBed.configureTestingModule({
+      imports: [LoginComponent],
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(LoginComponent);

src/app/modules/user/login/login.component.ts

@@ -1,30 +1,20 @@
 import {Component, OnInit} from '@angular/core';
-import { UntypedFormControl, UntypedFormGroup, Validators, ReactiveFormsModule } from '@angular/forms';
-import { Router, RouterLink } from '@angular/router';
+import {ReactiveFormsModule, UntypedFormControl, UntypedFormGroup, Validators} from '@angular/forms';
+import {Router, RouterLink} from '@angular/router';
 import {UserService} from '../../../services/user/user.service';
 import {faSignInAlt, faUserPlus} from '@fortawesome/free-solid-svg-icons';
-import { LogoComponent } from '../../../widget-modules/components/logo/logo.component';
-import { MatFormField, MatLabel } from '@angular/material/form-field';
-import { MatInput } from '@angular/material/input';
-import { NgIf } from '@angular/common';
-import { MatButton } from '@angular/material/button';
-import { AuthMessagePipe } from './auth-message.pipe';
+import {LogoComponent} from '../../../widget-modules/components/logo/logo.component';
+import {MatFormField, MatLabel} from '@angular/material/form-field';
+import {MatInput} from '@angular/material/input';
+import {NgIf} from '@angular/common';
+import {MatButton} from '@angular/material/button';
+import {AuthMessagePipe} from './auth-message.pipe';
 
 @Component({
-    selector: 'app-login',
-    templateUrl: './login.component.html',
-    styleUrls: ['./login.component.less'],
-    imports: [
-        LogoComponent,
-        ReactiveFormsModule,
-        MatFormField,
-        MatLabel,
-        MatInput,
-        NgIf,
-        MatButton,
-        RouterLink,
-        AuthMessagePipe,
-    ],
+  selector: 'app-login',
+  templateUrl: './login.component.html',
+  styleUrls: ['./login.component.less'],
+  imports: [LogoComponent, ReactiveFormsModule, MatFormField, MatLabel, MatInput, NgIf, MatButton, RouterLink, AuthMessagePipe],
 })
 export class LoginComponent implements OnInit {
   public form: UntypedFormGroup = new UntypedFormGroup({
@@ -35,8 +25,10 @@ export class LoginComponent implements OnInit {
   public faSignIn = faSignInAlt;
   public faNewUser = faUserPlus;
 
-  public constructor(private userService: UserService, private router: Router) {
-  }
+  public constructor(
+    private userService: UserService,
+    private router: Router
+  ) {}
 
   public ngOnInit(): void {
     this.form.reset;

src/app/modules/user/logout/logout.component.spec.ts

@@ -6,13 +6,11 @@ describe('LogoutComponent', () => {
   let component: LogoutComponent;
   let fixture: ComponentFixture<LogoutComponent>;
 
-  beforeEach(
-    waitForAsync(() => {
-      void TestBed.configureTestingModule({
-    imports: [LogoutComponent],
-}).compileComponents();
-    }),
-  );
+  beforeEach(waitForAsync(() => {
+    void TestBed.configureTestingModule({
+      imports: [LogoutComponent],
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(LogoutComponent);

src/app/modules/user/logout/logout.component.ts

@@ -3,13 +3,15 @@ import {Router} from '@angular/router';
 import {UserService} from '../../../services/user/user.service';
 
 @Component({
-    selector: 'app-logout',
-    templateUrl: './logout.component.html',
-    styleUrls: ['./logout.component.less'],
+  selector: 'app-logout',
+  templateUrl: './logout.component.html',
+  styleUrls: ['./logout.component.less'],
 })
 export class LogoutComponent implements AfterViewInit {
-  public constructor(private userService: UserService, private router: Router) {
-  }
+  public constructor(
+    private userService: UserService,
+    private router: Router
+  ) {}
 
   public async ngAfterViewInit(): Promise<void> {
     await this.userService.logout();

src/app/modules/user/new/new.component.spec.ts

@@ -6,13 +6,11 @@ describe('NewComponent', () => {
   let component: NewComponent;
   let fixture: ComponentFixture<NewComponent>;
 
-  beforeEach(
-    waitForAsync(() => {
-      void TestBed.configureTestingModule({
-    imports: [NewComponent],
-}).compileComponents();
-    }),
-  );
+  beforeEach(waitForAsync(() => {
+    void TestBed.configureTestingModule({
+      imports: [NewComponent],
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(NewComponent);

src/app/modules/user/new/new.component.ts

@@ -1,26 +1,18 @@
 import {Component, OnInit} from '@angular/core';
-import { UntypedFormBuilder, UntypedFormControl, UntypedFormGroup, Validators, ReactiveFormsModule } from '@angular/forms';
+import {ReactiveFormsModule, UntypedFormBuilder, UntypedFormControl, UntypedFormGroup, Validators} from '@angular/forms';
 import {UserService} from '../../../services/user/user.service';
 import {faUserPlus} from '@fortawesome/free-solid-svg-icons';
-import { CardComponent } from '../../../widget-modules/components/card/card.component';
-import { MatFormField, MatLabel } from '@angular/material/form-field';
-import { MatInput } from '@angular/material/input';
-import { ButtonRowComponent } from '../../../widget-modules/components/button-row/button-row.component';
-import { ButtonComponent } from '../../../widget-modules/components/button/button.component';
+import {CardComponent} from '../../../widget-modules/components/card/card.component';
+import {MatFormField, MatLabel} from '@angular/material/form-field';
+import {MatInput} from '@angular/material/input';
+import {ButtonRowComponent} from '../../../widget-modules/components/button-row/button-row.component';
+import {ButtonComponent} from '../../../widget-modules/components/button/button.component';
 
 @Component({
-    selector: 'app-new',
-    templateUrl: './new.component.html',
-    styleUrls: ['./new.component.less'],
-    imports: [
-        CardComponent,
-        ReactiveFormsModule,
-        MatFormField,
-        MatLabel,
-        MatInput,
-        ButtonRowComponent,
-        ButtonComponent,
-    ],
+  selector: 'app-new',
+  templateUrl: './new.component.html',
+  styleUrls: ['./new.component.less'],
+  imports: [CardComponent, ReactiveFormsModule, MatFormField, MatLabel, MatInput, ButtonRowComponent, ButtonComponent],
 })
 export class NewComponent implements OnInit {
   public form: UntypedFormGroup = this.fb.group({
@@ -30,8 +22,10 @@ export class NewComponent implements OnInit {
   });
   public faNewUser = faUserPlus;
 
-  public constructor(private fb: UntypedFormBuilder, private userService: UserService) {
-  }
+  public constructor(
+    private fb: UntypedFormBuilder,
+    private userService: UserService
+  ) {}
 
   public ngOnInit(): void {
     this.form.reset();

src/app/modules/user/password-send/password-send.component.spec.ts

@@ -6,13 +6,11 @@ describe('PasswordSendComponent', () => {
   let component: PasswordSendComponent;
   let fixture: ComponentFixture<PasswordSendComponent>;
 
-  beforeEach(
-    waitForAsync(() => {
-      void TestBed.configureTestingModule({
-    imports: [PasswordSendComponent],
-}).compileComponents();
-    }),
-  );
+  beforeEach(waitForAsync(() => {
+    void TestBed.configureTestingModule({
+      imports: [PasswordSendComponent],
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PasswordSendComponent);

src/app/modules/user/password-send/password-send.component.ts

@@ -1,11 +1,10 @@
 import {Component} from '@angular/core';
-import { CardComponent } from '../../../widget-modules/components/card/card.component';
+import {CardComponent} from '../../../widget-modules/components/card/card.component';
 
 @Component({
-    selector: 'app-password-send',
-    templateUrl: './password-send.component.html',
-    styleUrls: ['./password-send.component.less'],
-    imports: [CardComponent],
+  selector: 'app-password-send',
+  templateUrl: './password-send.component.html',
+  styleUrls: ['./password-send.component.less'],
+  imports: [CardComponent],
 })
-export class PasswordSendComponent {
-}
+export class PasswordSendComponent {}

src/app/modules/user/password/password.component.spec.ts

@@ -6,13 +6,11 @@ describe('PasswordComponent', () => {
   let component: PasswordComponent;
   let fixture: ComponentFixture<PasswordComponent>;
 
-  beforeEach(
-    waitForAsync(() => {
-      void TestBed.configureTestingModule({
-    imports: [PasswordComponent],
-}).compileComponents();
-    }),
-  );
+  beforeEach(waitForAsync(() => {
+    void TestBed.configureTestingModule({
+      imports: [PasswordComponent],
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PasswordComponent);

src/app/modules/user/password/password.component.ts

@@ -1,31 +1,21 @@
 import {Component, OnInit} from '@angular/core';
-import { UntypedFormControl, UntypedFormGroup, Validators, ReactiveFormsModule } from '@angular/forms';
+import {ReactiveFormsModule, UntypedFormControl, UntypedFormGroup, Validators} from '@angular/forms';
 import {Router} from '@angular/router';
 import {UserService} from '../../../services/user/user.service';
 import {faWindowRestore} from '@fortawesome/free-solid-svg-icons';
-import { CardComponent } from '../../../widget-modules/components/card/card.component';
-import { MatFormField, MatLabel } from '@angular/material/form-field';
-import { MatInput } from '@angular/material/input';
-import { ButtonRowComponent } from '../../../widget-modules/components/button-row/button-row.component';
-import { ButtonComponent } from '../../../widget-modules/components/button/button.component';
-import { NgIf } from '@angular/common';
-import { AuthMessagePipe } from '../login/auth-message.pipe';
+import {CardComponent} from '../../../widget-modules/components/card/card.component';
+import {MatFormField, MatLabel} from '@angular/material/form-field';
+import {MatInput} from '@angular/material/input';
+import {ButtonRowComponent} from '../../../widget-modules/components/button-row/button-row.component';
+import {ButtonComponent} from '../../../widget-modules/components/button/button.component';
+import {NgIf} from '@angular/common';
+import {AuthMessagePipe} from '../login/auth-message.pipe';
 
 @Component({
-    selector: 'app-password',
-    templateUrl: './password.component.html',
-    styleUrls: ['./password.component.less'],
-    imports: [
-        CardComponent,
-        ReactiveFormsModule,
-        MatFormField,
-        MatLabel,
-        MatInput,
-        ButtonRowComponent,
-        ButtonComponent,
-        NgIf,
-        AuthMessagePipe,
-    ],
+  selector: 'app-password',
+  templateUrl: './password.component.html',
+  styleUrls: ['./password.component.less'],
+  imports: [CardComponent, ReactiveFormsModule, MatFormField, MatLabel, MatInput, ButtonRowComponent, ButtonComponent, NgIf, AuthMessagePipe],
 })
 export class PasswordComponent implements OnInit {
   public form: UntypedFormGroup = new UntypedFormGroup({
@@ -35,8 +25,10 @@ export class PasswordComponent implements OnInit {
   public errorMessage = '';
   public faNewPassword = faWindowRestore;
 
-  public constructor(public userService: UserService, private router: Router) {
-  }
+  public constructor(
+    public userService: UserService,
+    private router: Router
+  ) {}
 
   public ngOnInit(): void {
     this.form.reset();

src/app/modules/user/user.module.ts

@@ -20,12 +20,11 @@ import {UsersComponent} from './info/users/users.component';
 import {UserComponent} from './info/users/user/user.component';
 import {NewComponent} from './new/new.component';
 
-
 import {FontAwesomeModule} from '@fortawesome/angular-fontawesome';
 import {SortByPipe} from '../../widget-modules/pipes/sort-by/sort-by.pipe';
 
 @NgModule({
-    imports: [
+  imports: [
     CommonModule,
     UserRoutingModule,
     MatFormFieldModule,
@@ -36,7 +35,16 @@ import {SortByPipe} from '../../widget-modules/pipes/sort-by/sort-by.pipe';
     FormsModule,
     FontAwesomeModule,
     SortByPipe,
-    LoginComponent, AuthMessagePipe, InfoComponent, LogoutComponent, RolePipe, PasswordComponent, PasswordSendComponent, UsersComponent, UserComponent, NewComponent,
-],
+    LoginComponent,
+    AuthMessagePipe,
+    InfoComponent,
+    LogoutComponent,
+    RolePipe,
+    PasswordComponent,
+    PasswordSendComponent,
+    UsersComponent,
+    UserComponent,
+    NewComponent,
+  ],
 })
 export class UserModule {}