View PD UI
This commit is contained in:
parent
89e49a8d81
commit
daef289d0d
@ -5,7 +5,7 @@
|
|||||||
<div *ngFor="let master of pdMasterData" class="ml-xs mr-xs" fxFlex="30">
|
<div *ngFor="let master of pdMasterData" class="ml-xs mr-xs" fxFlex="30">
|
||||||
<h4>{{master.lender_full_name}} <span *ngIf="master.lender_applicant_id"> - </span> {{master.lender_applicant_id}}</h4>
|
<h4>{{master.lender_full_name}} <span *ngIf="master.lender_applicant_id"> - </span> {{master.lender_applicant_id}}</h4>
|
||||||
{{master.pd_date_of_initiation}}
|
{{master.pd_date_of_initiation}}
|
||||||
</div>
|
</div>
|
||||||
<div *ngFor="let master of pdMasterData" class="ml-xs mr-xs pt-1" fxFlex="70" style="text-align:right;" >
|
<div *ngFor="let master of pdMasterData" class="ml-xs mr-xs pt-1" fxFlex="70" style="text-align:right;" >
|
||||||
|
|
||||||
<button *ngIf="master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.COMPLETED && currentPDStatus!=pdStatusCheck.QC_COMPLETED" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Allocate" matTooltipPosition="above" (click)="pdAllocationTo(master)"><mat-icon>verified_user</mat-icon></button>
|
<button *ngIf="master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.COMPLETED && currentPDStatus!=pdStatusCheck.QC_COMPLETED" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Allocate" matTooltipPosition="above" (click)="pdAllocationTo(master)"><mat-icon>verified_user</mat-icon></button>
|
||||||
@ -15,7 +15,7 @@
|
|||||||
<br>
|
<br>
|
||||||
<!-- <span *ngIf="master.pd_allocated_to" style="color:red;text-align:left" class="fa-1x fa fa-user-secret" matTooltip="PD Officer"
|
<!-- <span *ngIf="master.pd_allocated_to" style="color:red;text-align:left" class="fa-1x fa fa-user-secret" matTooltip="PD Officer"
|
||||||
matTooltipPosition="above"></span> -->
|
matTooltipPosition="above"></span> -->
|
||||||
|
|
||||||
<span *ngIf="master.pd_allocated_to && master.fk_pd_type==1" style="color:red;text-align:left"><mat-icon color="primary" class="hover-icon" matTooltip="PD Officer" matTooltipPosition="above">person</mat-icon>{{master.pd_allocated_to | titlecase}}</span>
|
<span *ngIf="master.pd_allocated_to && master.fk_pd_type==1" style="color:red;text-align:left"><mat-icon color="primary" class="hover-icon" matTooltip="PD Officer" matTooltipPosition="above">person</mat-icon>{{master.pd_allocated_to | titlecase}}</span>
|
||||||
<span *ngIf="master.executive_name && master.centralofficer && master.fk_pd_type==2" style="color:red;text-align:left"><mat-icon color="primary" class="hover-icon" matTooltip="PD Officer" matTooltipPosition="above">person</mat-icon>{{master.executive_name | titlecase}}/{{master.centralofficer | titlecase}}</span>
|
<span *ngIf="master.executive_name && master.centralofficer && master.fk_pd_type==2" style="color:red;text-align:left"><mat-icon color="primary" class="hover-icon" matTooltip="PD Officer" matTooltipPosition="above">person</mat-icon>{{master.executive_name | titlecase}}/{{master.centralofficer | titlecase}}</span>
|
||||||
<span *ngIf="master.centralofficer && master.fk_pd_type==3" style="color:red;text-align:left"><mat-icon color="primary" class="hover-icon" matTooltip="PD Officer" matTooltipPosition="above">person</mat-icon>{{master.centralofficer | titlecase}}</span>
|
<span *ngIf="master.centralofficer && master.fk_pd_type==3" style="color:red;text-align:left"><mat-icon color="primary" class="hover-icon" matTooltip="PD Officer" matTooltipPosition="above">person</mat-icon>{{master.centralofficer | titlecase}}</span>
|
||||||
@ -72,12 +72,12 @@
|
|||||||
|
|
||||||
<mat-card-content *ngIf="pdApplicantData.length>0; else noApplicant">
|
<mat-card-content *ngIf="pdApplicantData.length>0; else noApplicant">
|
||||||
<mat-list *ngFor="let applicant of pdApplicantData">
|
<mat-list *ngFor="let applicant of pdApplicantData">
|
||||||
<mat-list-item>
|
<mat-list-item style="height:68px !important;">
|
||||||
<p><span *ngIf="applicant.applicant_name!=null" class="mb-2 text-center hover-icon">
|
<p><span *ngIf="applicant.applicant_name!=null" class="mb-2 text-center hover-icon">
|
||||||
<i class="fa-1x fa fa-user-o"></i>
|
<i class="fa-1x fa fa-user-o"></i>
|
||||||
{{applicant.applicant_name}} </span> <span *ngIf="applicant.mobile_no!=null" class="mb-2 text-center hover-icon">
|
{{applicant.applicant_name}} </span> <span *ngIf="applicant.mobile_no!=null" class="mb-2 text-center hover-icon">
|
||||||
<i class="fa-1x fa fa-phone"></i>
|
<i class="fa-1x fa fa-phone"></i>
|
||||||
{{applicant.mobile_no}} </span> <br><span *ngIf="applicant.applicant_type=='1';else codetails" style="font-size:12px;">Main Applicant <br></span>
|
{{applicant.mobile_no}} </span> <br><span *ngIf="applicant.applicant_type=='1';else codetails" style="font-size:12px;">Main Applicant </span>
|
||||||
<ng-template #codetails> <span>{{applicant.relation_name}}</span></ng-template>
|
<ng-template #codetails> <span>{{applicant.relation_name}}</span></ng-template>
|
||||||
</p>
|
</p>
|
||||||
</mat-list-item>
|
</mat-list-item>
|
||||||
|
|||||||
@ -61,34 +61,23 @@
|
|||||||
<mat-card-header>
|
<mat-card-header>
|
||||||
<mat-card-title>Applicants</mat-card-title>
|
<mat-card-title>Applicants</mat-card-title>
|
||||||
</mat-card-header>
|
</mat-card-header>
|
||||||
|
|
||||||
<mat-card-content *ngIf="pdApplicantData.length>0; else noApplicant">
|
<mat-card-content *ngIf="pdApplicantData.length>0; else noApplicant">
|
||||||
<mat-list *ngFor="let applicant of pdApplicantData">
|
<mat-list *ngFor="let applicant of pdApplicantData">
|
||||||
<mat-list-item>
|
<mat-list-item style="height:68px !important;">
|
||||||
<p><span *ngIf="applicant.applicant_name!=null" class="mb-2 text-center hover-icon">
|
<p><span *ngIf="applicant.applicant_name!=null" class="mb-2 text-center hover-icon">
|
||||||
<i class="fa-1x fa fa-user-o"></i>
|
<i class="fa-1x fa fa-user-o"></i>
|
||||||
{{applicant.applicant_name}} </span> <span *ngIf="applicant.mobile_no!=null" class="mb-2 text-center hover-icon">
|
{{applicant.applicant_name}} </span> <span *ngIf="applicant.mobile_no!=null" class="mb-2 text-center hover-icon">
|
||||||
<i class="fa-1x fa fa-phone"></i>
|
<i class="fa-1x fa fa-phone"></i>
|
||||||
{{applicant.mobile_no}} </span> <br><span *ngIf="applicant.applicant_type=='1';else codetails" style="font-size:12px;">Main Applicant<br></span>
|
{{applicant.mobile_no}} </span> <br><span *ngIf="applicant.applicant_type=='1';else codetails" style="font-size:12px;">Main Applicant</span>
|
||||||
<ng-template #codetails> <span>{{applicant.relation_name}}</span></ng-template>
|
<ng-template #codetails> <span>{{applicant.relation_name}}</span></ng-template>
|
||||||
</p>
|
</p>
|
||||||
|
</mat-list-item>
|
||||||
|
</mat-list>
|
||||||
</mat-list-item>
|
</mat-card-content>
|
||||||
|
|
||||||
</mat-list>
|
|
||||||
|
|
||||||
</mat-card-content>
|
|
||||||
|
|
||||||
<ng-template #noApplicant><mat-card-content><p>No Applicant</p></mat-card-content></ng-template>
|
<ng-template #noApplicant><mat-card-content><p>No Applicant</p></mat-card-content></ng-template>
|
||||||
|
</mat-card>
|
||||||
|
|
||||||
</mat-card>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="50" fxFlex.xl="50" class="m-gap p-gap">
|
||||||
|
|
||||||
<div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="50" fxFlex.xl="50" class="m-gap p-gap">
|
|
||||||
<!-- pd documents card -->
|
<!-- pd documents card -->
|
||||||
<mat-expansion-panel *ngIf="pdDocumentsData.length>0; else nodocument">
|
<mat-expansion-panel *ngIf="pdDocumentsData.length>0; else nodocument">
|
||||||
<mat-expansion-panel-header>
|
<mat-expansion-panel-header>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user