refactor(app): standalone conversion — zero NgModules

.eslintrc.json

@@ -38,7 +38,6 @@
         "@typescript-eslint/no-unused-vars": 0,
         "@angular-eslint/template/click-events-have-key-events": 0,
         "eqeqeq": 1,
-        "@angular-eslint/prefer-standalone": "off",
         "@angular-eslint/prefer-inject": "off"
       }
     },

src/app/app-modules/core/components/app-footer/app-footer.component.spec.ts

@@ -29,7 +29,7 @@ describe('AppFooterComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [AppFooterComponent],
+      imports: [AppFooterComponent],
     }).compileComponents();
   }));
 

src/app/app-modules/core/components/app-footer/app-footer.component.ts

@@ -22,12 +22,13 @@
 import { Component, DoCheck, OnInit } from '@angular/core';
 import { LanguageService } from '../../services/language.service';
 import { SetLanguageComponent } from '../set-language.component';
+import { NgIf } from '@angular/common';
 
 @Component({
-  standalone: false,
   selector: 'app-footer',
   templateUrl: './app-footer.component.html',
   styleUrls: ['./app-footer.component.css'],
+  imports: [NgIf],
 })
 export class AppFooterComponent implements OnInit, DoCheck {
   today!: Date;

src/app/app-modules/core/components/app-header/app-header.component.spec.ts

@@ -62,8 +62,7 @@ describe('AppHeaderComponent', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA],
-      imports: [MaterialModule, NoopAnimationsModule],
-      declarations: [AppHeaderComponent],
+      imports: [MaterialModule, NoopAnimationsModule, AppHeaderComponent],
       providers: [
         { provide: Router, useClass: RouterStub },
         { provide: ActivatedRoute, useClass: MockActivatedRoute },

src/app/app-modules/core/components/app-header/app-header.component.ts

@@ -20,7 +20,7 @@
  * along with this program.  If not, see https://www.gnu.org/licenses/.
  */
 import { Component, OnInit, Input, OnChanges } from '@angular/core';
-import { Router } from '@angular/router';
+import { Router, RouterLink, RouterLinkActive } from '@angular/router';
 import { AuthService } from '../../services/auth.service';
 import { ConfirmationService } from '../../services/confirmation.service';
 import { LanguageService } from '../../services/language.service';
@@ -29,11 +29,32 @@ import { SessionStorageService } from 'Common-UI/src/registrar/services/session-
 import { environment } from 'src/environments/environment';
 import { CookieService } from 'ngx-cookie-service';
 import { ShowCommitAndVersionDetailsComponent } from '../show-commit-and-version-details/show-commit-and-version-details.component';
+import { MatIcon } from '@angular/material/icon';
+import { NgIf, NgFor, TitleCasePipe } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { MatTooltip } from '@angular/material/tooltip';
+import { MatMenuTrigger, MatMenu, MatMenuItem } from '@angular/material/menu';
+import { MatButton } from '@angular/material/button';
+import { MatSuffix } from '@angular/material/form-field';
 @Component({
-  standalone: false,
   selector: 'app-header',
   templateUrl: './app-header.component.html',
   styleUrls: ['./app-header.component.css'],
+  imports: [
+    MatIcon,
+    NgIf,
+    FormsModule,
+    NgFor,
+    MatTooltip,
+    MatMenuTrigger,
+    MatMenu,
+    MatMenuItem,
+    RouterLink,
+    MatButton,
+    MatSuffix,
+    RouterLinkActive,
+    TitleCasePipe,
+  ],
 })
 export class AppHeaderComponent implements OnInit, OnChanges {
   @Input()

src/app/app-modules/core/components/batch-adjustment/batch-adjustment.component.spec.ts

@@ -29,7 +29,7 @@ describe('BatchAdjustmentComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [BatchAdjustmentComponent],
+      imports: [BatchAdjustmentComponent],
     }).compileComponents();
   }));
 

src/app/app-modules/core/components/batch-adjustment/batch-adjustment.component.ts

@@ -26,15 +26,65 @@ import { ConfirmationService } from '../../services/confirmation.service';
 import { Observable } from 'rxjs';
 import { SetLanguageComponent } from '../set-language.component';
 import { LanguageService } from '../../services/language.service';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { MatTableDataSource } from '@angular/material/table';
+import {
+  MAT_DIALOG_DATA,
+  MatDialogRef,
+  MatDialogClose,
+} from '@angular/material/dialog';
+import {
+  MatTableDataSource,
+  MatTable,
+  MatColumnDef,
+  MatHeaderCellDef,
+  MatHeaderCell,
+  MatCellDef,
+  MatCell,
+  MatHeaderRowDef,
+  MatHeaderRow,
+  MatRowDef,
+  MatRow,
+} from '@angular/material/table';
 import { MatPaginator } from '@angular/material/paginator';
+import { MatIconButton, MatButton } from '@angular/material/button';
+import { MatTooltip } from '@angular/material/tooltip';
+import { MatIcon } from '@angular/material/icon';
+import { MatFormField, MatLabel } from '@angular/material/form-field';
+import { MatInput } from '@angular/material/input';
+import { FormsModule } from '@angular/forms';
+import { StringValidatorDirective } from '../../directives/stringValidator.directive';
+import { MatCheckbox } from '@angular/material/checkbox';
+import { NgIf, DatePipe } from '@angular/common';
 
 @Component({
-  standalone: false,
   selector: 'app-batch-adjustment',
   templateUrl: './batch-adjustment.component.html',
   styleUrls: ['./batch-adjustment.component.css'],
+  imports: [
+    MatIconButton,
+    MatDialogClose,
+    MatTooltip,
+    MatIcon,
+    MatFormField,
+    MatLabel,
+    MatInput,
+    FormsModule,
+    StringValidatorDirective,
+    MatButton,
+    MatTable,
+    MatColumnDef,
+    MatHeaderCellDef,
+    MatHeaderCell,
+    MatCellDef,
+    MatCell,
+    MatCheckbox,
+    MatHeaderRowDef,
+    MatHeaderRow,
+    MatRowDef,
+    MatRow,
+    NgIf,
+    MatPaginator,
+    DatePipe,
+  ],
 })
 export class BatchAdjustmentComponent implements OnInit, DoCheck {
   searchTerms!: string;

src/app/app-modules/core/components/batch-search/batch-search.component.spec.ts

@@ -29,7 +29,7 @@ describe('BatchSearchComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [BatchSearchComponent],
+      imports: [BatchSearchComponent],
     }).compileComponents();
   }));
 

src/app/app-modules/core/components/batch-search/batch-search.component.ts

@@ -26,15 +26,65 @@ import { ConfirmationService } from '../../services/confirmation.service';
 import { Observable } from 'rxjs';
 import { SetLanguageComponent } from '../set-language.component';
 import { LanguageService } from '../../services/language.service';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { MatTableDataSource } from '@angular/material/table';
+import {
+  MAT_DIALOG_DATA,
+  MatDialogRef,
+  MatDialogClose,
+} from '@angular/material/dialog';
+import {
+  MatTableDataSource,
+  MatTable,
+  MatColumnDef,
+  MatHeaderCellDef,
+  MatHeaderCell,
+  MatCellDef,
+  MatCell,
+  MatHeaderRowDef,
+  MatHeaderRow,
+  MatRowDef,
+  MatRow,
+} from '@angular/material/table';
 import { MatPaginator } from '@angular/material/paginator';
+import { MatIconButton, MatButton } from '@angular/material/button';
+import { MatTooltip } from '@angular/material/tooltip';
+import { MatIcon } from '@angular/material/icon';
+import { MatFormField, MatLabel } from '@angular/material/form-field';
+import { MatInput } from '@angular/material/input';
+import { FormsModule } from '@angular/forms';
+import { StringValidatorDirective } from '../../directives/stringValidator.directive';
+import { MatCheckbox } from '@angular/material/checkbox';
+import { NgIf, DatePipe } from '@angular/common';
 
 @Component({
-  standalone: false,
   selector: 'app-batch-search',
   templateUrl: './batch-search.component.html',
   styleUrls: ['./batch-search.component.css'],
+  imports: [
+    MatIconButton,
+    MatDialogClose,
+    MatTooltip,
+    MatIcon,
+    MatFormField,
+    MatLabel,
+    MatInput,
+    FormsModule,
+    StringValidatorDirective,
+    MatButton,
+    MatTable,
+    MatColumnDef,
+    MatHeaderCellDef,
+    MatHeaderCell,
+    MatCellDef,
+    MatCell,
+    MatCheckbox,
+    MatHeaderRowDef,
+    MatHeaderRow,
+    MatRowDef,
+    MatRow,
+    NgIf,
+    MatPaginator,
+    DatePipe,
+  ],
 })
 export class BatchSearchComponent implements OnInit, DoCheck {
   searchTerms!: string;

src/app/app-modules/core/components/beneficiary-details/beneficiary-details.component.spec.ts

@@ -29,7 +29,7 @@ describe('BeneficiaryDetailsComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [BeneficiaryDetailsComponent],
+      imports: [BeneficiaryDetailsComponent],
     }).compileComponents();
   }));
 

src/app/app-modules/core/components/beneficiary-details/beneficiary-details.component.ts

@@ -27,12 +27,13 @@ import { LanguageService } from '../../services/language.service';
 import { SetLanguageComponent } from '../set-language.component';
 import { MatTableDataSource } from '@angular/material/table';
 import { SessionStorageService } from 'Common-UI/src/registrar/services/session-storage.service';
+import { NgIf, DatePipe } from '@angular/common';
 
 @Component({
-  standalone: false,
   selector: 'app-beneficiary-details',
   templateUrl: './beneficiary-details.component.html',
   styleUrls: ['./beneficiary-details.component.css'],
+  imports: [NgIf, DatePipe],
 })
 export class BeneficiaryDetailsComponent implements OnInit, DoCheck, OnDestroy {
   beneficiary: any;

src/app/app-modules/core/components/captcha/captcha.component.ts

@@ -14,7 +14,6 @@ import { environment } from 'src/environments/environment';
 declare const turnstile: any;
 
 @Component({
-  standalone: false,
   selector: 'app-captcha',
   templateUrl: './captcha.component.html',
 })

src/app/app-modules/core/components/common-dialog/common-dialog.component.spec.ts

@@ -29,7 +29,7 @@ describe('CommonDialogComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [CommonDialogComponent],
+      imports: [CommonDialogComponent],
     }).compileComponents();
   }));
 

src/app/app-modules/core/components/common-dialog/common-dialog.component.ts

@@ -28,13 +28,32 @@ import {
 } from '@angular/core';
 import { LanguageService } from '../../services/language.service';
 import { SetLanguageComponent } from '../set-language.component';
-import { MatDialogRef } from '@angular/material/dialog';
+import { MatDialogRef, MatDialogClose } from '@angular/material/dialog';
+import { NgIf, NgClass, NgFor, TitleCasePipe } from '@angular/common';
+import { MatButton } from '@angular/material/button';
+import { MatFormField, MatLabel } from '@angular/material/form-field';
+import { MatInput } from '@angular/material/input';
+import { FormsModule } from '@angular/forms';
+import { MatRadioGroup, MatRadioButton } from '@angular/material/radio';
 
 @Component({
-  standalone: false,
   selector: 'app-common-dialog',
   templateUrl: './common-dialog.component.html',
   styleUrls: ['./common-dialog.component.css'],
+  imports: [
+    NgIf,
+    MatButton,
+    NgClass,
+    MatDialogClose,
+    MatFormField,
+    MatInput,
+    FormsModule,
+    MatLabel,
+    NgFor,
+    MatRadioGroup,
+    MatRadioButton,
+    TitleCasePipe,
+  ],
 })
 export class CommonDialogComponent implements OnInit {
   @Output() cancelEvent = new EventEmitter();

src/app/app-modules/core/components/indent-item-list/indent-item-list.component.spec.ts

@@ -29,7 +29,7 @@ describe('IndentItemListComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [IndentItemListComponent],
+      imports: [IndentItemListComponent],
     }).compileComponents();
   }));
 

src/app/app-modules/core/components/indent-item-list/indent-item-list.component.ts

@@ -25,15 +25,68 @@ import { Observable } from 'rxjs';
 import { BatchSearchService } from '../../services/batch-search.service';
 import { SetLanguageComponent } from '../set-language.component';
 import { LanguageService } from '../../services/language.service';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { MatTableDataSource } from '@angular/material/table';
+import {
+  MAT_DIALOG_DATA,
+  MatDialogRef,
+  MatDialogClose,
+  MatDialogContent,
+} from '@angular/material/dialog';
+import {
+  MatTableDataSource,
+  MatTable,
+  MatColumnDef,
+  MatHeaderCellDef,
+  MatHeaderCell,
+  MatCellDef,
+  MatCell,
+  MatHeaderRowDef,
+  MatHeaderRow,
+  MatRowDef,
+  MatRow,
+} from '@angular/material/table';
 import { MatPaginator } from '@angular/material/paginator';
+import { MatIconButton, MatButton } from '@angular/material/button';
+import { MatTooltip } from '@angular/material/tooltip';
+import { MatIcon } from '@angular/material/icon';
+import { MatFormField, MatLabel } from '@angular/material/form-field';
+import { MatInput } from '@angular/material/input';
+import { FormsModule } from '@angular/forms';
+import { StringValidatorDirective } from '../../directives/stringValidator.directive';
+import { CdkScrollable } from '@angular/cdk/scrolling';
+import { MatCheckbox } from '@angular/material/checkbox';
+import { NgIf } from '@angular/common';
 
 @Component({
-  standalone: false,
   selector: 'app-indent-item-list',
   templateUrl: './indent-item-list.component.html',
   styleUrls: ['./indent-item-list.component.css'],
+  imports: [
+    MatIconButton,
+    MatDialogClose,
+    MatTooltip,
+    MatIcon,
+    MatFormField,
+    MatLabel,
+    MatInput,
+    FormsModule,
+    StringValidatorDirective,
+    MatButton,
+    CdkScrollable,
+    MatDialogContent,
+    MatTable,
+    MatColumnDef,
+    MatHeaderCellDef,
+    MatHeaderCell,
+    MatCellDef,
+    MatCell,
+    MatCheckbox,
+    MatHeaderRowDef,
+    MatHeaderRow,
+    MatRowDef,
+    MatRow,
+    NgIf,
+    MatPaginator,
+  ],
 })
 export class IndentItemListComponent implements OnInit, DoCheck {
   searchTerms!: string;