family add side

src/app/pages/familysettings/familysettings.module.ts

@@ -7,6 +7,7 @@ import { IonicModule } from '@ionic/angular';
 import { FamilysettingsPageRoutingModule } from './familysettings-routing.module';
 
 import { FamilysettingsPage } from './familysettings.page';
+import {AddFamilyComponent} from "../../components/add-family/add-family.component";
 
 @NgModule({
   imports: [
@@ -15,6 +16,6 @@ import { FamilysettingsPage } from './familysettings.page';
     IonicModule,
     FamilysettingsPageRoutingModule
   ],
-  declarations: [FamilysettingsPage]
+  declarations: [FamilysettingsPage,AddFamilyComponent]
 })
 export class FamilysettingsPageModule {}

src/app/pages/familysettings/familysettings.page.html

@@ -21,9 +21,11 @@
         <ion-accordion-group>
             <ion-accordion value="first">
                 <ion-item class="arcord_head" slot="header" color="light">
-                    <ion-label>Add Family</ion-label>
+                    <ion-label>Family</ion-label>
                 </ion-item>
-                <div class="ion-padding" slot="content">Adding New Member</div>
+                <div class="ion-padding" slot="content">
+                  <app-add-family></app-add-family>
+                </div>
             </ion-accordion>
             <ion-accordion value="second">
                 <ion-item class="arcord_head" slot="header" color="light">

src/app/pages/startscan/startscan.page.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import {AlertController, NavController} from "@ionic/angular";
+import {AlertController, LoadingController, NavController} from "@ionic/angular";
 import {Router} from "@angular/router";
 import { BarcodeScanner } from '@capacitor-community/barcode-scanner';
 import {WrenchService} from "../../services/wrench.service";
@@ -21,6 +21,7 @@ export class StartscanPage implements OnInit {
       private wrenchService: WrenchService,
       public sessionDataProviderService:SessionDataProviderService,
       public blogDataService:BlogDataService,
+      private loadingCtrl: LoadingController,
       private alertController: AlertController
   ) { }
   loginResult: any;
@@ -40,18 +41,24 @@ export class StartscanPage implements OnInit {
     action: number,
     login_mode: number
   };
-  startQRLogin(qrString) {
+  async startQRLogin(qrString) {
     if (qrString == null || qrString == '' ) {
       return;
     }
+    const loading = await this.loadingCtrl.create({
+      message: 'Connecting your account...',
+      duration: 6000
+    });
   //  alert(qrString);
     this.loginQrData = { username: qrString,
                          sessionid: 'DUMMY-APP-SESSION-STARTER',
                          action: 11022,
                          login_mode: 1105 };
   //  alert(1000);
+    loading.present();
     this.wrenchService.qrLoginUser(this.loginQrData).subscribe(
         loginResult => {
+          loading.dismiss();
          // alert("Here 00009");
           this.loginResult = loginResult;
           console.log("INTERNAL RETURN->" + this.loginResult.internal_return);