refactor: standalone modules

Author: autowp

src/app/about/about-routing.module.ts

@@ -1,12 +1,5 @@
-import {NgModule} from '@angular/core';
-import {RouterModule, Routes} from '@angular/router';
+import {Routes} from '@angular/router';
 
 import {AboutComponent} from './about.component';
 
-const routes: Routes = [{component: AboutComponent, path: '', pathMatch: 'full', title: $localize`About us`}];
-
-@NgModule({
-  exports: [RouterModule],
-  imports: [RouterModule.forChild(routes)],
-})
-export class AboutRoutingModule {}
+export const routes: Routes = [{component: AboutComponent, path: '', pathMatch: 'full', title: $localize`About us`}];

src/app/about/about.component.ts

@@ -1,6 +1,6 @@
-import {DecimalPipe} from '@angular/common';
+import {AsyncPipe, DecimalPipe} from '@angular/common';
 import {Component, inject, OnInit} from '@angular/core';
-import {Router} from '@angular/router';
+import {Router, RouterLink} from '@angular/router';
 import {APIUser} from '@grpc/spec.pb';
 import {StatisticsClient} from '@grpc/spec.pbsc';
 import {Empty} from '@ngx-grpc/well-known-types';
@@ -81,8 +81,10 @@ You can support our project by [finances](/donate) or [moral](/feedback).
 Take part in [the translation of the site](https://github.com/autowp/autowp-frontend/tree/master/src/locale) into other languages.`;
 
 @Component({
+  imports: [RouterLink, AsyncPipe],
   providers: [BytesPipe],
   selector: 'app-about',
+  standalone: true,
   templateUrl: './about.component.html',
 })
 export class AboutComponent implements OnInit {

src/app/about/about.module.ts

@@ -1,9 +1,12 @@
 import {Component, inject, OnInit} from '@angular/core';
+import {RouterLink} from '@angular/router';
 import {environment} from '@environment/environment';
 import {PageEnvService} from '@services/page-env.service';
 
 @Component({
+  imports: [RouterLink],
   selector: 'app-account-access',
+  standalone: true,
   templateUrl: './access.component.html',
 })
 export class AccountAccessComponent implements OnInit {

src/app/account/access/access.component.ts

@@ -1,5 +1,4 @@
-import {NgModule} from '@angular/core';
-import {RouterModule, Routes} from '@angular/router';
+import {Routes} from '@angular/router';
 
 import {authGuard} from '../auth.guard';
 import {AccountAccessComponent} from './access/access.component';
@@ -14,7 +13,7 @@ import {AccountMessagesComponent} from './messages/messages.component';
 import {AccountProfileComponent} from './profile/profile.component';
 import {AccountSpecsConflictsComponent} from './specs-conflicts/specs-conflicts.component';
 
-const routes: Routes = [
+export const routes: Routes = [
   {
     children: [
       {
@@ -83,9 +82,3 @@ const routes: Routes = [
   },
   {path: '', pathMatch: 'full', redirectTo: 'profile'},
 ];
-
-@NgModule({
-  exports: [RouterModule],
-  imports: [RouterModule.forChild(routes)],
-})
-export class AccountRoutingModule {}

src/app/account/account-routing.module.ts

@@ -1,4 +1,6 @@
+import {AsyncPipe} from '@angular/common';
 import {Component, inject} from '@angular/core';
+import {RouterLink, RouterOutlet} from '@angular/router';
 import {ForumsClient} from '@grpc/spec.pbsc';
 import {Empty} from '@ngx-grpc/well-known-types';
 import {AuthService} from '@services/auth.service';
@@ -22,7 +24,9 @@ interface SidebarItem {
 }
 
 @Component({
+  imports: [RouterLink, RouterOutlet, AsyncPipe],
   selector: 'app-account',
+  standalone: true,
   templateUrl: './account.component.html',
 })
 export class AccountComponent {

src/app/account/account.component.ts

@@ -1,14 +1,18 @@
+import {AsyncPipe} from '@angular/common';
 import {Component, inject, OnInit} from '@angular/core';
 import {APIService} from '@services/api.service';
 import {PageEnvService} from '@services/page-env.service';
+import {MarkdownComponent} from '@utils/markdown/markdown.component';
 import {BehaviorSubject, combineLatest, EMPTY, Observable} from 'rxjs';
 import {catchError, map} from 'rxjs/operators';
 
 import {ToastsService} from '../../toasts/toasts.service';
 import {APIAccount, APIAccountItemsGetResponse} from '../account.service';
 
 @Component({
+  imports: [MarkdownComponent, AsyncPipe],
   selector: 'app-account-accounts',
+  standalone: true,
   templateUrl: './accounts.component.html',
 })
 export class AccountAccountsComponent implements OnInit {

src/app/account/account.module.ts

@@ -1,18 +1,25 @@
+import {AsyncPipe, DatePipe} from '@angular/common';
 import {Component, inject, OnInit} from '@angular/core';
+import {RouterLink} from '@angular/router';
 import {Contact, DeleteContactRequest} from '@grpc/spec.pb';
 import {ContactsClient} from '@grpc/spec.pbsc';
+import {NgbTooltip} from '@ng-bootstrap/ng-bootstrap';
 import {AuthService} from '@services/auth.service';
 import {ContactsService} from '@services/contacts';
 import {LanguageService} from '@services/language';
 import {PageEnvService} from '@services/page-env.service';
+import {TimeAgoPipe} from '@utils/time-ago.pipe';
 import {KeycloakService} from 'keycloak-angular';
 import {BehaviorSubject, EMPTY, Observable} from 'rxjs';
 import {catchError, map, switchMap} from 'rxjs/operators';
 
 import {ToastsService} from '../../toasts/toasts.service';
+import {UserComponent} from '../../user/user/user.component';
 
 @Component({
+  imports: [RouterLink, UserComponent, NgbTooltip, AsyncPipe, DatePipe, TimeAgoPipe],
   selector: 'app-account-contacts',
+  standalone: true,
   templateUrl: './contacts.component.html',
 })
 export class AccountContactsComponent implements OnInit {

src/app/account/accounts/accounts.component.ts

@@ -1,4 +1,5 @@
 import {Component, inject, OnInit} from '@angular/core';
+import {FormsModule} from '@angular/forms';
 import {Router} from '@angular/router';
 import {APIDeleteUserRequest} from '@grpc/spec.pb';
 import {UsersClient} from '@grpc/spec.pbsc';
@@ -11,9 +12,13 @@ import {switchMap} from 'rxjs/operators';
 
 import {extractFieldViolations, fieldViolations2InvalidParams} from '../../grpc';
 import {ToastsService} from '../../toasts/toasts.service';
+import {InvalidParamsPipe} from '../../utils/invalid-params.pipe';
+import {MarkdownComponent} from '../../utils/markdown/markdown.component';
 
 @Component({
+  imports: [MarkdownComponent, FormsModule, InvalidParamsPipe],
   selector: 'app-account-delete',
+  standalone: true,
   templateUrl: './delete.component.html',
 })
 export class AccountDeleteComponent implements OnInit {

src/app/account/contacts/contacts.component.ts

@@ -1,8 +1,12 @@
 import {Component, inject, OnInit} from '@angular/core';
 import {PageEnvService} from '@services/page-env.service';
 
+import {MarkdownComponent} from '../../../utils/markdown/markdown.component';
+
 @Component({
+  imports: [MarkdownComponent],
   selector: 'app-account-delete-deleted',
+  standalone: true,
   templateUrl: './deleted.component.html',
 })
 export class AccountDeletedComponent implements OnInit {

src/app/account/delete/delete.component.ts

@@ -1,3 +1,4 @@
+import {AsyncPipe} from '@angular/common';
 import {Component, inject, OnInit} from '@angular/core';
 import {environment} from '@environment/environment';
 import {APIMeRequest, UserFields} from '@grpc/spec.pb';
@@ -9,7 +10,9 @@ import {catchError, map} from 'rxjs/operators';
 import {ToastsService} from '../../toasts/toasts.service';
 
 @Component({
+  imports: [AsyncPipe],
   selector: 'app-account-email',
+  standalone: true,
   templateUrl: './email.component.html',
 })
 export class AccountEmailComponent implements OnInit {

src/app/account/delete/deleted/deleted.component.ts

@@ -1,3 +1,4 @@
+import {AsyncPipe} from '@angular/common';
 import {Component, inject, OnInit} from '@angular/core';
 import {ActivatedRoute} from '@angular/router';
 import {AuthService} from '@services/auth.service';
@@ -6,10 +7,14 @@ import {PictureService} from '@services/picture';
 import {combineLatest, EMPTY} from 'rxjs';
 import {catchError, debounceTime, distinctUntilChanged, map, switchMap} from 'rxjs/operators';
 
+import {PaginatorComponent} from '../../paginator/paginator/paginator.component';
+import {ThumbnailComponent} from '../../thumbnail/thumbnail/thumbnail.component';
 import {ToastsService} from '../../toasts/toasts.service';
 
 @Component({
+  imports: [ThumbnailComponent, PaginatorComponent, AsyncPipe],
   selector: 'app-account-inbox-pictures',
+  standalone: true,
   templateUrl: './inbox-pictures.component.html',
 })
 export class AccountInboxPicturesComponent implements OnInit {

src/app/account/email/email.component.ts

@@ -1,5 +1,6 @@
+import {AsyncPipe} from '@angular/common';
 import {Component, inject} from '@angular/core';
-import {ActivatedRoute} from '@angular/router';
+import {ActivatedRoute, RouterLink} from '@angular/router';
 import {APIMessage, APIUser, MessagingGetMessagesRequest, Pages} from '@grpc/spec.pb';
 import {MessagingClient} from '@grpc/spec.pbsc';
 import {MessageService} from '@services/message';
@@ -9,10 +10,16 @@ import {BehaviorSubject, EMPTY, Observable, of} from 'rxjs';
 import {catchError, debounceTime, distinctUntilChanged, map, switchMap, tap} from 'rxjs/operators';
 
 import {MessageDialogService} from '../../message-dialog/message-dialog.service';
+import {PaginatorComponent} from '../../paginator/paginator/paginator.component';
 import {ToastsService} from '../../toasts/toasts.service';
+import {UserComponent} from '../../user/user/user.component';
+import {PastTimeIndicatorComponent} from '../../utils/past-time-indicator/past-time-indicator.component';
+import {UserTextComponent} from '../../utils/user-text/user-text.component';
 
 @Component({
+  imports: [UserComponent, RouterLink, UserTextComponent, PastTimeIndicatorComponent, PaginatorComponent, AsyncPipe],
   selector: 'app-account-messages',
+  standalone: true,
   templateUrl: './messages.component.html',
 })
 export class AccountMessagesComponent {

src/app/account/inbox-pictures/inbox-pictures.component.ts

@@ -1,5 +1,7 @@
+import {AsyncPipe} from '@angular/common';
 import {HttpErrorResponse} from '@angular/common/http';
 import {Component, ElementRef, inject, OnDestroy, OnInit, ViewChild} from '@angular/core';
+import {FormsModule} from '@angular/forms';
 import {environment} from '@environment/environment';
 import {APIImage, APIMeRequest, APIUser, UserFields} from '@grpc/spec.pb';
 import {UsersClient} from '@grpc/spec.pbsc';
@@ -14,9 +16,13 @@ import {EMPTY, of, Subscription} from 'rxjs';
 import {catchError, switchMap, tap} from 'rxjs/operators';
 
 import {ToastsService} from '../../toasts/toasts.service';
+import {InvalidParamsPipe} from '../../utils/invalid-params.pipe';
+import {MarkdownComponent} from '../../utils/markdown/markdown.component';
 
 @Component({
+  imports: [MarkdownComponent, FormsModule, AsyncPipe, InvalidParamsPipe],
   selector: 'app-account-profile',
+  standalone: true,
   templateUrl: './profile.component.html',
 })
 export class AccountProfileComponent implements OnInit, OnDestroy {

src/app/account/messages/messages.component.ts

@@ -1,5 +1,6 @@
+import {AsyncPipe} from '@angular/common';
 import {Component, inject, OnInit} from '@angular/core';
-import {ActivatedRoute} from '@angular/router';
+import {ActivatedRoute, RouterLink} from '@angular/router';
 import {
   APIItem,
   APIUser,
@@ -21,6 +22,8 @@ import {combineLatest, Observable, of} from 'rxjs';
 import {debounceTime, distinctUntilChanged, map, shareReplay, switchMap} from 'rxjs/operators';
 
 import {APIAttrsService} from '../../api/attrs/attrs.service';
+import {PaginatorComponent} from '../../paginator/paginator/paginator.component';
+import {UserComponent} from '../../user/user/user.component';
 
 interface APIAttrConflictValueInList {
   user$: Observable<APIUser | null>;
@@ -51,7 +54,9 @@ function mapFilter(filter: null | string): AttrConflictsRequest.Filter {
 }
 
 @Component({
+  imports: [RouterLink, UserComponent, PaginatorComponent, AsyncPipe],
   selector: 'app-account-specs-conflicts',
+  standalone: true,
   templateUrl: './specs-conflicts.component.html',
 })
 export class AccountSpecsConflictsComponent implements OnInit {