Fairoj : Complete List Loader implemented and emp form issue fixed

src/pages/complete-list/complete-list.html

@@ -6,10 +6,20 @@
     <ion-title>Complete List</ion-title>
   </ion-navbar>
 </ion-header>
+
 <ion-content>
   <ion-grid>        
-
-
+    <div *ngIf="pdlistaccess else allocateaccess">  
+      <div *ngFor="let i of [1,2,3,4,5]">
+          <content-loader>
+            <svg:rect x="80" y="40" rx="5" ry="5" width="300" height="70" />
+              
+              <svg:circle cx="40" cy="70" r="30" stroke="3" stroke-width="3" fill="red" />  
+              
+            </content-loader>
+      </div>
+      </div>
+    <ng-template #allocateaccess>
 <mat-card class="md-box" reorder="true" *ngFor="let progess of pdcomplete;let i = index;">
   <ion-list >
    <!-- WITH APPLICANT DETAILS -->
@@ -67,5 +77,6 @@
    </ion-list>
    <hr/>
 </mat-card>
+</ng-template>
   </ion-grid>
 </ion-content>

src/pages/complete-list/complete-list.ts

@@ -71,7 +71,7 @@ export class CompleteListPage {
   }
   getpdTriggerdetails()
   {
-   
+   this.pdlistaccess=true
     let userid = this.awsservice.getlocale();
     //.log("User",userid)
     // this.pdlistaccess = true;
@@ -106,6 +106,9 @@ export class CompleteListPage {
          this.pdlistaccess = false;
           this.pdlistdetails = "No Records Found";
        }
+      },err=>{
+        this.pdlistaccess=false
+        this.pdlistdetails = "No Records Found";
       })
   }
   random_bg_color() {

src/pages/pd-question/pd-question-emp-info/pd-question-emp-info.html

@@ -128,12 +128,14 @@
             </div>
 
             <div *ngIf="pd_cus_segment!='SAL-CHQ'">
+                <div class="radio-margin">
                 <p>Was the Employer Met</p>
                 <mat-radio-group name="was_met" formControlName="was_met">
                     <!-- //(change)="checkotherDetails($event.value)" -->
                     <mat-radio-button value="yes">YES</mat-radio-button>
                     <mat-radio-button value="no">NO</mat-radio-button>
                 </mat-radio-group>
+            </div>
                 <!-- *ngIf="otherIncomeForm.controls.other_income.value == 'Yes'" -->
 
 
@@ -174,11 +176,13 @@
             </div>
 
             <div *ngIf="pd_cus_segment!='SAL-CHQ'">
+                <div class="radio-margin">
                 <p>Salary amount confirmed ?</p>
                 <mat-radio-group formControlName="confirm_salary">
                     <mat-radio-button value="yes">YES</mat-radio-button>
                     <mat-radio-button value="no">NO</mat-radio-button>
                 </mat-radio-group>
+            </div>
                 <mat-form-field appearance="outline" style="width: 100%" *ngIf="employmentForm.controls['confirm_salary'].value == 'no'">
                     <!-- <mat-label>why salary amount was not confirmed</mat-label> -->
                     <textarea matInput placeholder="why salary amount was not confirmed" formControlName="sal_amount_was_not_confirmed"></textarea>
@@ -228,11 +232,13 @@
 
             <ion-row *ngIf="pd_cus_segment!='SAL-CHQ'">
                 <ion-col> 
+                    <div class="radio-margin">
                 <P>Salary register seen ?</P>
                 <mat-radio-group name="sal_reg_seen" formControlName="sal_reg_seen" (change)="idcardChange($event,3)">
                     <mat-radio-button value="yes">YES</mat-radio-button>
                     <mat-radio-button value="no">NO</mat-radio-button>
                 </mat-radio-group>
+            </div>
                 </ion-col>
                 <ion-col>
                     <div float-right *ngIf="employmentForm.controls['sal_reg_seen'].value == 'yes'" style="width: 20%">
@@ -387,13 +393,13 @@
                         <input matInput placeholder="Bonus Type Others" formControlName="bonus_type_other">
                     </mat-form-field>
                 </div>
-
+                <div class="radio-margin">
                 <P>Is there any delay in receiving the salary</P>
                 <mat-radio-group name="any_delays" formControlName="any_delays">
                     <mat-radio-button value="yes">YES</mat-radio-button>
                     <mat-radio-button value="no">NO</mat-radio-button>
-                </mat-radio-group>
-                <br>
+                </mat-radio-group> 
+                </div>
                 <mat-form-field style="width: 80%">
                     <mat-select placeholder="ID Card issued by the Company seen ?" formControlName="id_card_issued_company"
                        (selectionChange)="idcardChange($event,1)" required>

src/pages/pd-question/pd-question-emp-info/pd-question-emp-info.scss

@@ -36,4 +36,7 @@ page-pd-question-emp-info {
       height: 28px;
   
     }
+    .radio-margin{
+      margin-bottom: 18px;
+    }
 }

src/pages/pd-question/pd-question-emp-info/pd-question-emp-info.ts

@@ -519,6 +519,9 @@ checkWorkingExperiences(){
 }
 
 inWords(val,flag:number){
+  console.log(val)
+  if(val != '' && val != undefined && val != null)
+  {
   switch(flag){
   case 1 :
       this.mthlySlryAmtInWords= this.constant.convertNumberToWords(val);    
@@ -539,6 +542,7 @@ inWords(val,flag:number){
       this.cashAmtInWords = this.constant.convertNumberToWords(val);    
       break;
   }
+}
  }