feat: modal provider

projects/live-app/src/app/app.component.ts

@@ -1,6 +1,4 @@
 import { Component } from '@angular/core';
-import { RouterOutlet } from '@angular/router';
-import { IonicModule } from '@ionic/angular';
 import { IonApp, IonRouterOutlet } from '@ionic/angular/standalone';
 import Parse from 'parse';
 @Component({

projects/live-app/src/app/app.config.ts

@@ -1,14 +1,19 @@
 import { ApplicationConfig, importProvidersFrom, provideZoneChangeDetection } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { provideRouter, RouteReuseStrategy } from '@angular/router';
-import { provideIonicAngular, IonicRouteStrategy } from '@ionic/angular/standalone';
+import { IonicRouteStrategy, provideIonicAngular } from '@ionic/angular/standalone';
 import { routes } from './app.routes';
 import { provideHttpClient } from '@angular/common/http';
+import { ModalController } from '@ionic/angular';
 
 export const appConfig: ApplicationConfig = {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true }),provideIonicAngular({ mode: 'ios' }), 
+    provideZoneChangeDetection({ eventCoalescing: true }),
+    provideIonicAngular({ mode: 'ios' }), 
     { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
     provideRouter(routes),
-    importProvidersFrom(FormsModule),provideHttpClient()]
+    importProvidersFrom(FormsModule),
+    provideHttpClient(),
+    ModalController
+  ]
 };

projects/live-app/src/modules/login/login.component.ts

@@ -1,20 +1,25 @@
 import { Component, OnInit, ViewChild } from '@angular/core';
-import { LoginModule } from './login.module';
 import { AuthService } from '../../services/auth.service';
-import {
-  AlertController,
-  // ModalController,
-  ToastController,
-} from '@ionic/angular';
 import * as Parse from 'parse';
 import { ActivatedRoute } from '@angular/router';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 import { catchError } from 'rxjs/operators';
 import { AgreementComponent } from './agreement/agreement.component';
-import { IonInput,IonCheckbox,IonContent,IonButtons, IonIcon ,ModalController} from '@ionic/angular/standalone';
+import { IonInput,IonCheckbox,IonContent,IonButtons, IonIcon ,
+  AlertController,
+  ToastController,
+} from '@ionic/angular/standalone';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+import { ModalController } from '@ionic/angular/standalone';
+
 @Component({
   standalone: true,
-  imports: [LoginModule,IonInput,IonCheckbox,IonContent,IonButtons,IonIcon],
+  imports: [
+    CommonModule,
+    FormsModule,ReactiveFormsModule,
+    IonInput,IonCheckbox,IonContent,IonButtons,IonIcon,
+  ],
   selector: 'app-login',
   templateUrl: './login.component.html',
   styleUrls: ['./login.component.scss'],
@@ -31,7 +36,7 @@ export class LoginComponent implements OnInit {
     // private router: Router,
     private activatedRoute: ActivatedRoute,
     private http: HttpClient,
-    public modalController: ModalController,
+    private modalCtrl: ModalController,
     private alertController: AlertController
   ) {
     this.company = authServ.company;
@@ -388,7 +393,7 @@ export class LoginComponent implements OnInit {
     });
   }
   async showAgreement() {
-    const modal = await this.modalController.create({
+    const modal = await this.modalCtrl.create({
       component: AgreementComponent,
       cssClass: 'my-custom-class',
       componentProps: {