Sineedge/sparqsineedge
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI Changes

Browse Source
This commit is contained in:
gandhimathi 2019-04-17 19:57:15 +05:30
parent 77376c5822
commit bf386f8eff
5 changed files with 233 additions and 179 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/initiate-additional-pd/initiate-additional-pd.component.html
View File

@ -20,7 +20,7 @@
</mat-dialog-content> </mat-dialog-content>
<mat-dialog-actions> <mat-dialog-actions>
<div fxFlex="80" align="left"> <div fxFlex="80" align="left">
<p style="color: #e00201">Note : Do Carefully , After Save Can't be Change</p> <p style="color: #e00201">Note : Changes once made can't be revoked. Are you sure of the Customer Segment?</p>
</div> </div>
<div fxFlex="20" align="end"> <div fxFlex="20" align="end">
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Save" matTooltipPosition="above" (click)="submitDetails(additionalPDForm.value)"><mat-icon>save</mat-icon></button> <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Save" matTooltipPosition="above" (click)="submitDetails(additionalPDForm.value)"><mat-icon>save</mat-icon></button>

2
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/initiate-additional-pd/initiate-additional-pd.component.ts
View File

@ -16,7 +16,7 @@ export class InitiateAdditionalPdComponent implements OnInit {
customerSegmentList: any=[]; customerSegmentList: any=[];
constructor(notifier: NotifierService,private _fb: FormBuilder, private _pd: PdTrigerService, @Inject(MAT_DIALOG_DATA) public data: any, private dialogRef: MatDialogRef<InitiateAdditionalPdComponent>) { constructor(notifier: NotifierService,private _fb: FormBuilder, private _pd: PdTrigerService, @Inject(MAT_DIALOG_DATA) public data: any, private dialogRef: MatDialogRef<InitiateAdditionalPdComponent>) {
this.notifier = notifier; this.notifier = notifier;
this.pageTitle="Initiate Address for PD Process" this.pageTitle="Choose customer segment For this PD address"
} }
ngOnInit() { ngOnInit() {

54
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html
View File

@ -1,11 +1,12 @@
<mat-card> <mat-card>
<mat-card-content> <mat-card-content>
<div fxLayout="row wrap"> <div fxLayout="row wrap">
<div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="40" fxFlex.lg="30" fxFlex.xl="30" *ngFor="let master of pdMasterData"> <div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="40" fxFlex.lg="30" fxFlex.xl="30" *ngFor="let master of pdMasterData">
<mat-card style="margin: 15px;min-width: 80%;max-width: 100%;box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15) !important;"> <mat-card style="min-width: 80%;max-width: 100%;box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15) !important;margin-top:60px;">
<mat-card-content style="background-color: whitesmoke;padding:0px !important;"> <mat-card-content style="background-color: whitesmoke;padding:0px !important;">
<mat-list role="list"> <mat-list role="list" style="padding-top: 0px !important;">
<mat-list-item role="listitem" style="background-color:#e00201;"> <mat-list-item role="listitem" style="background-color:#e00201;">
<div fxFlex="row"> <div fxFlex="row">
<div fxFlex="100"> <div fxFlex="100">
@ -15,7 +16,7 @@
</div> </div>
</div> </div>
</mat-list-item> </mat-list-item>
<mat-list-item role="listitem" style="height:54px !important;padding:2px;"> <mat-list-item role="listitem">
<div fxFlex="row"> <div fxFlex="row">
<div fxFlex="100"> <div fxFlex="100">
<div fxFlex="50" align="left"> <div fxFlex="50" align="left">
@ -27,9 +28,9 @@
</div> </div>
</div> </div>
</mat-list-item> </mat-list-item>
<hr>
<mat-list-item role="listitem" style="height:54px !important;padding:2px;">
<mat-list-item role="listitem">
<div fxFlex="row"> <div fxFlex="row">
<div fxFlex="100"> <div fxFlex="100">
<div fxFlex="50" align="left" *ngIf="master.lender_applicant_id"> <div fxFlex="50" align="left" *ngIf="master.lender_applicant_id">
@ -41,8 +42,8 @@
</div> </div>
</div> </div>
</mat-list-item> </mat-list-item>
<hr>
<mat-list-item role="listitem" style="height:54px !important;padding:2px;"> <mat-list-item role="listitem">
<div fxFlex="row"> <div fxFlex="row">
<div fxFlex="100"> <div fxFlex="100">
<div fxFlex="100" align="left" *ngIf="master.product_name"> <div fxFlex="100" align="left" *ngIf="master.product_name">
@ -53,14 +54,17 @@
</div> </div>
</div> </div>
</mat-list-item> </mat-list-item>
<hr>
<mat-list-item role="listitem"> <mat-list-item role="listitem">
<div fxFlex="row"> <div fxFlex="row">
<div fxFlex="100"> <div fxFlex="100">
<div fxFlex="50" align="left" style="color:#e00201;">
<div fxFlex="100" align="right" *ngIf="master.loan_amount"> Loan Amount
</div>
<div fxFlex="50" align="right" *ngIf="master.loan_amount">
<i class="fa-1x fa fa-rupee"></i><small style="margin-left: 2%; font-size: inherit">{{master.loan_amount}}</small> <i class="fa-1x fa fa-rupee"></i><small style="margin-left: 2%; font-size: inherit">{{master.loan_amount}}</small>
</div> </div>
</div> </div>
</div> </div>
</mat-list-item> </mat-list-item>
@ -99,7 +103,7 @@
<div fxLayout="row wrap"> <div fxLayout="row wrap">
<div fxFlex="50" *ngFor="let addresses of master.addresses;"> <div fxFlex="50" *ngFor="let addresses of master.addresses;">
<mat-card style="box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15) !important;border-radius: 5px !important;border-bottom:1px solid #e00201 !important;" *ngIf="addresses.pincode"> <mat-card style="box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15) !important;border-radius: 5px !important;border-bottom:1px solid #e00201 !important;" *ngIf="addresses.pincode">
<mat-card class="headerdesign" style="background-color: #e00201;margin:0px !important;"> <mat-card-title class="headerdesign" style="margin:0px !important;padding: 0px !important;height: 95px !important;">
<!-- this is for set primary address of the PD actions--> <!-- this is for set primary address of the PD actions-->
<div [ngSwitch]="addresses.is_primary" style="padding:10px !important;"> <div [ngSwitch]="addresses.is_primary" style="padding:10px !important;">
<div *ngSwitchCase="1"> <div *ngSwitchCase="1">
@ -108,9 +112,10 @@
{{master.pd_status==pdStatusCheck.QC_COMPLETED ? 'QC Completed' : master.pd_status==pdStatusCheck.ADD_ON_PENDING ? 'Addon Pending' : master.pd_status | titlecase}} {{master.pd_status==pdStatusCheck.QC_COMPLETED ? 'QC Completed' : master.pd_status==pdStatusCheck.ADD_ON_PENDING ? 'Addon Pending' : master.pd_status | titlecase}}
</div> </div>
</div> --> </div> -->
<div fxLayout="row nowrap"> <div fxLayout="row nowrap">
<div fxFlex="100"> <div fxFlex="100">
<div fxFlex="40" align="left" style="color: #fff"> <div fxFlex="40" align="left" style="color: #e00201">
{{master.pd_status==pdStatusCheck.QC_COMPLETED ? 'QC Completed' : master.pd_status==pdStatusCheck.ADD_ON_PENDING ? 'Completed' : master.pd_status | titlecase}} {{master.pd_status==pdStatusCheck.QC_COMPLETED ? 'QC Completed' : master.pd_status==pdStatusCheck.ADD_ON_PENDING ? 'Completed' : master.pd_status | titlecase}}
</div> </div>
<div fxFlex="60" align="right"> <div fxFlex="60" align="right">
@ -123,7 +128,7 @@
</div> </div>
<div fxLayout="row nowrap"> <div fxLayout="row nowrap">
<div fxFlex="100"> <div fxFlex="100">
<div fxFlex="40" align="left" style="color: #fff"> <div fxFlex="40" align="left" style="color: #e00201">
<div *ngIf="master.pd_allocated_to && master.fk_pd_type==1"> <div *ngIf="master.pd_allocated_to && master.fk_pd_type==1">
{{master.pd_allocated_to | titlecase}} {{master.pd_allocated_to | titlecase}}
</div> </div>
@ -134,7 +139,7 @@
{{master.centralofficer | titlecase}} {{master.centralofficer | titlecase}}
</div> </div>
</div> </div>
<div fxFlex="60" align="right" style="color: #fff" *ngIf="master.scheduled_on"> <div fxFlex="60" align="right" style="color: #e00201" *ngIf="master.scheduled_on">
{{master.scheduled_on}} {{master.scheduled_on}}
</div> </div>
</div> </div>
@ -152,7 +157,7 @@
</mat-card-actions> </mat-card-actions>
<div *ngIf="master.fk_primary_address_id!=null && addresses.addtional_pd_data.length>0"> <div *ngIf="master.fk_primary_address_id!=null && addresses.addtional_pd_data.length>0">
<div fxLayout="row nowrap"> <div fxLayout="row nowrap">
<div fxFlex="40" align="left" style="color: #fff"> <div fxFlex="40" align="left" style="color: #e00201">
{{addresses.addtional_pd_data[0].pd_status==pdStatusCheck.QC_COMPLETED ? 'QC Completed' : addresses.addtional_pd_data[0].pd_status==pdStatusCheck.ADD_ON_PENDING ? 'Completed' : addresses.addtional_pd_data[0].pd_status | titlecase}} {{addresses.addtional_pd_data[0].pd_status==pdStatusCheck.QC_COMPLETED ? 'QC Completed' : addresses.addtional_pd_data[0].pd_status==pdStatusCheck.ADD_ON_PENDING ? 'Completed' : addresses.addtional_pd_data[0].pd_status | titlecase}}
</div> </div>
<div fxFlex="60" align="right"> <div fxFlex="60" align="right">
@ -162,7 +167,7 @@
</div> </div>
</div> </div>
<div fxLayout="row nowrap"> <div fxLayout="row nowrap">
<div fxFlex="40" align="left" style="color: #fff"> <div fxFlex="40" align="left" style="color: #e00201">
<div *ngIf="addresses.addtional_pd_data[0].pd_allocated_to && addresses.addtional_pd_data[0].fk_pd_type==1"> <div *ngIf="addresses.addtional_pd_data[0].pd_allocated_to && addresses.addtional_pd_data[0].fk_pd_type==1">
{{addresses.addtional_pd_data[0].pd_allocated_to | titlecase}} {{addresses.addtional_pd_data[0].pd_allocated_to | titlecase}}
</div> </div>
@ -173,7 +178,7 @@
{{addresses.addtional_pd_data[0].centralofficer | titlecase}} {{addresses.addtional_pd_data[0].centralofficer | titlecase}}
</div> </div>
</div> </div>
<div fxFlex="60" align="right" style="color: #fff" *ngIf="addresses.addtional_pd_data[0].scheduled_on"> <div fxFlex="60" align="right" style="color: #e00201" *ngIf="addresses.addtional_pd_data[0].scheduled_on">
{{addresses.addtional_pd_data[0].scheduled_on}} {{addresses.addtional_pd_data[0].scheduled_on}}
</div> </div>
</div> </div>
@ -183,7 +188,7 @@
</div> </div>
</div> </div>
</mat-card> </mat-card-title>
<mat-card-content> <mat-card-content>
<div fxLayout="row nowrap"> <div fxLayout="row nowrap">
@ -205,9 +210,10 @@
<div fxFlex="50" *ngIf="master.remarks"> <div fxFlex="50" *ngIf="master.remarks">
<mat-card style="box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15) !important;border-radius: 5px !important;border-bottom:1px solid #e00201 !important;"> <mat-card style="box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15) !important;border-radius: 5px !important;border-bottom:1px solid #e00201 !important;">
<mat-card-header style="background-color:#e00201;"> <mat-card-header>
<mat-card-title style="color:#fff;">Remarks</mat-card-title> <mat-card-title style="color:#e00201;">Remarks</mat-card-title>
</mat-card-header> </mat-card-header>
<hr>
<mat-card-content> <mat-card-content>
<p>{{master.remarks}}</p> <p>{{master.remarks}}</p>
</mat-card-content> </mat-card-content>
@ -230,7 +236,7 @@
<mat-card-title style="color:red !important;">Applicants</mat-card-title> <mat-card-title style="color:red !important;">Applicants</mat-card-title>
</mat-card-header> --> </mat-card-header> -->
<mat-card-header> <mat-card-header>
<div fxFlex="70" align="left" style="padding: 10px !important; color:red !important;"> <div fxFlex="70" align="left" style="padding: 10px !important;">
<mat-card-title>Applicants</mat-card-title> <mat-card-title>Applicants</mat-card-title>
</div> </div>
<div fxFlex="30" align="end" style="padding: 10px !important;" *ngIf="roleAccessDetails.trigger && currentPDStatus==pdStatusCheck.DRAFT || currentPDStatus==pdStatusCheck.TRIGGERED || currentPDStatus==pdStatusCheck.ALLOCATED || currentPDStatus==pdStatusCheck.SCHEDULED"> <div fxFlex="30" align="end" style="padding: 10px !important;" *ngIf="roleAccessDetails.trigger && currentPDStatus==pdStatusCheck.DRAFT || currentPDStatus==pdStatusCheck.TRIGGERED || currentPDStatus==pdStatusCheck.ALLOCATED || currentPDStatus==pdStatusCheck.SCHEDULED">
@ -274,7 +280,7 @@
<mat-card-title style="color:red !important;">Additional Requirements</mat-card-title> <mat-card-title style="color:red !important;">Additional Requirements</mat-card-title>
</mat-card-header> --> </mat-card-header> -->
<mat-card-header> <mat-card-header>
<div fxFlex="70" align="left" style="padding: 10px !important; color:red !important;"> <div fxFlex="70" align="left" style="padding: 10px !important;">
<mat-card-title>Additional Requirements</mat-card-title> <mat-card-title>Additional Requirements</mat-card-title>
</div> </div>
<div fxFlex="30" align="end" style="padding: 10px !important;" *ngIf="roleAccessDetails.trigger && currentPDStatus==pdStatusCheck.DRAFT || currentPDStatus==pdStatusCheck.TRIGGERED || currentPDStatus==pdStatusCheck.ALLOCATED || currentPDStatus==pdStatusCheck.SCHEDULED"> <div fxFlex="30" align="end" style="padding: 10px !important;" *ngIf="roleAccessDetails.trigger && currentPDStatus==pdStatusCheck.DRAFT || currentPDStatus==pdStatusCheck.TRIGGERED || currentPDStatus==pdStatusCheck.ALLOCATED || currentPDStatus==pdStatusCheck.SCHEDULED">
@ -313,7 +319,7 @@
</mat-tab> </mat-tab>
<mat-tab> <mat-tab>
<ng-template mat-tab-label>QC Notes</ng-template> <ng-template mat-tab-label>QC Notes</ng-template>
<div style="color:red !important;"> <div>
<h6>QC Notes</h6> <h6>QC Notes</h6>
</div> </div>
<p> <p>
@ -324,7 +330,7 @@
<ng-template mat-tab-label>QC Feedback</ng-template> <ng-template mat-tab-label>QC Feedback</ng-template>
<div *ngIf="pdMasterData[0]?.pd_status === 'QC_COMPLETED';else nodata" class="m-gap p-gap" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="100" <div *ngIf="pdMasterData[0]?.pd_status === 'QC_COMPLETED';else nodata" class="m-gap p-gap" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="100"
fxFlex.lg="100" fxFlex.xl="100"> fxFlex.lg="100" fxFlex.xl="100">
<div style="color:red !important;"> <div>
<h6>QC Feedback</h6> <h6>QC Feedback</h6>
</div> </div>
<div> <div>

12
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.scss
View File

@ -13,12 +13,12 @@
.metaDataStyle{ .metaDataStyle{
height:89px !important; height:89px !important;
} }
.headerdesign{ // .headerdesign{
border-radius: 5px !important; // border-radius: 5px !important;
// border-bottom-left-radius: 5px !important; // // border-bottom-left-radius: 5px !important;
// border-bottom-right-radius: 5px !important; // // border-bottom-right-radius: 5px !important;
box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15) !important; // box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15) !important;
} // }
:host { :host {
margin-left: -5px; margin-left: -5px;

202
ng6-seed/src/app/quality-check/qc-list/qc-view/qc-view.component.html
View File

@ -3,83 +3,123 @@
<mat-card-content> <mat-card-content>
<div fxLayout="row wrap"> <div fxLayout="row wrap">
<div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="40" fxFlex.lg="30" fxFlex.xl="30" *ngFor="let master of pdMasterData"> <div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="40" fxFlex.lg="30" fxFlex.xl="30" *ngFor="let master of pdMasterData">
<mat-card style="margin: 15px;min-width: 80%;max-width: 100%;box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15) !important;"> <mat-card style="min-width: 80%;max-width: 100%;box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15) !important;margin-top:60px;">
<mat-card-content style="background-color: whitesmoke;"> <mat-card-content style="background-color: whitesmoke;padding: 0px !important;">
<mat-list role="list">
<mat-list-item class="center" role="listitem">
<strong>{{master.lender_short_name}}</strong>
</mat-list-item>
<mat-list-item class="center" role="listitem">
{{master.branch_name}}
</mat-list-item>
<mat-list-item class="center" role="listitem" *ngIf="master.lender_applicant_id">
{{master.lender_applicant_id}}
</mat-list-item>
<mat-list-item class="center" role="listitem" *ngIf="master.lender_applicant_id">
{{master.pd_date_of_initiation}}
</mat-list-item>
<mat-list-item role="listitem" class="center" *ngIf="master.product_name"> <mat-list role="list" style="padding-top: 0px !important;">
{{master.product_name}} <mat-list-item role="listitem" style="background-color:#e00201;">
</mat-list-item> <div fxFlex="row">
<mat-list-item class="center" role="listitem" *ngIf="master.subproduct_name"> <div fxFlex="100">
{{master.subproduct_name}} <div fxFlex="100" align="center" *ngIf="master.pd_type_name" style="color:#fff;">
</mat-list-item>
<mat-list-item class="center" role="listitem" *ngIf="master.loan_amount">
<i class="fa-1x fa fa-rupee"></i><small style="margin-left: 2%; font-size: inherit">{{master.loan_amount}}</small>
</mat-list-item>
<mat-list-item class="center" role="listitem" *ngIf="master.pd_type_name">
<i class="fa-1x fa fa-check-circle"></i><small style="margin-left: 2%; font-size: inherit">{{master.pd_type_name}}</small> <i class="fa-1x fa fa-check-circle"></i><small style="margin-left: 2%; font-size: inherit">{{master.pd_type_name}}</small>
</div>
</div>
</div>
</mat-list-item> </mat-list-item>
</mat-list>
</mat-card-content>
<mat-card-actions align="center">
<button mat-raised-button class="mr-1 mb-1" color="primary" style="cursor: not-allowed !important;">
<strong> {{master.pd_status==pdStatusCheck.QC_COMPLETED ? 'QC Completed' : master.pd_status==pdStatusCheck.ADD_ON_PENDING ? 'Addon Pending' : master.pd_status | titlecase}}</strong>
</button>
<button *ngIf="currentPDStatus==pdStatusCheck.DRAFT || currentPDStatus==pdStatusCheck.TRIGGERED || currentPDStatus==pdStatusCheck.ALLOCATED || currentPDStatus==pdStatusCheck.SCHEDULED || currentPDStatus==pdStatusCheck.COMPLETED" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="editPdMaster(master)" matTooltipPosition="above" matTooltip="Edit PD Master"><mat-icon>edit</mat-icon></button>
<!-- <button *ngIf="currentPDStatus==pdStatusCheck.DRAFT" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Trigger" matTooltipPosition="above" (click)="directTriggerPD(mandatoryFieldsValidations,master)"><mat-icon>flash_on</mat-icon></button> -->
</mat-card-actions> <mat-list-item role="listitem">
<div fxFlex="row">
<div fxFlex="100">
<div fxFlex="50" align="left">
<strong>{{master.lender_short_name}}</strong>
</div>
<div fxFlex="50" align="right">
{{master.branch_name}}
</div>
</div>
</div>
</mat-list-item>
<mat-list-item role="listitem">
<div fxFlex="row">
<div fxFlex="100">
<div fxFlex="50" align="left" *ngIf="master.lender_applicant_id">
{{master.lender_applicant_id}}
</div>
<div fxFlex="50" align="right" *ngIf="master.lender_applicant_id">
{{master.pd_date_of_initiation}}
</div>
</div>
</div>
</mat-list-item>
<mat-list-item role="listitem">
<div fxFlex="row">
<div fxFlex="100">
<div fxFlex="100" align="left" *ngIf="master.product_name">
{{master.product_name}}<br>
<span *ngIf="master.subproduct_name" style="font-size:0.9rem !important;">{{master.subproduct_name}}</span>
</div>
</div>
</div>
</mat-list-item>
<mat-list-item role="listitem">
<div fxFlex="row">
<div fxFlex="100">
<div fxFlex="50" align="left" style="color:#e00201;">
Loan Amount
</div>
<div fxFlex="50" align="right" *ngIf="master.loan_amount">
<i class="fa-1x fa fa-rupee"></i><small style="margin-left: 2%; font-size: inherit">{{master.loan_amount}}</small>
</div>
</div>
</div>
</mat-list-item>
</mat-list>
<div>
<mat-card-title style="color:#e00201;">Lender Contact Details</mat-card-title>
<mat-list>
<mat-list-item align="left" *ngIf="master.pd_contact_person">
<i class="fa-1x fa fa-user"></i><small style="margin-left: 2%; font-size: inherit">{{master.pd_contact_person}}</small>
</mat-list-item>
<mat-list-item align="left" *ngIf="master.pd_contact_mobileno">
<i class="fa-1x fa fa-phone"></i><small style="margin-left: 2%; font-size: inherit">{{master.pd_contact_mobileno}}</small>
</mat-list-item>
</mat-list>
</div>
</mat-card-content>
</mat-card> </mat-card>
</div> </div>
<div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="60" fxFlex.lg="70" fxFlex.xl="70" class="content-data" *ngFor="let master of pdMasterData"> <div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="60" fxFlex.lg="70" fxFlex.xl="70" class="content-data" *ngFor="let master of pdMasterData">
<div fxLayout="row"> <div fxLayout="row">
<div fxFlex="100" align="right"> <div fxFlex="100" align="right">
<button mat-raised-button class="mr-1 mb-1" color="primary" style="cursor: not-allowed !important;">
<strong> {{master.pd_status==pdStatusCheck.QC_COMPLETED ? 'QC Completed' : master.pd_status==pdStatusCheck.ADD_ON_PENDING ? 'Addon Pending' : master.pd_status | titlecase}}</strong>
</button>
<button *ngIf="currentPDStatus==pdStatusCheck.DRAFT || currentPDStatus==pdStatusCheck.TRIGGERED || currentPDStatus==pdStatusCheck.ALLOCATED || currentPDStatus==pdStatusCheck.SCHEDULED || currentPDStatus==pdStatusCheck.COMPLETED" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="editPdMaster(master)" matTooltipPosition="above" matTooltip="Edit PD Master"><mat-icon>edit</mat-icon></button>
<!-- <button *ngIf="currentPDStatus==pdStatusCheck.DRAFT" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Trigger" matTooltipPosition="above" (click)="directTriggerPD(mandatoryFieldsValidations,master)"><mat-icon>flash_on</mat-icon></button> -->
<button *ngIf="master.pd_type_name && currentPDStatus==pdStatusCheck.COMPLETED || currentPDStatus==pdStatusCheck.QC_COMPLETED" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="PD Report" matTooltipPosition="above" (click)="getPDIDReport(viewID)"><mat-icon>ballot</mat-icon></button> <button *ngIf="master.pd_type_name && currentPDStatus==pdStatusCheck.COMPLETED || currentPDStatus==pdStatusCheck.QC_COMPLETED" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="PD Report" matTooltipPosition="above" (click)="getPDIDReport(viewID)"><mat-icon>ballot</mat-icon></button>
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Close" matTooltipPosition="above" (click)="loadPdListCompoent()"><mat-icon>close</mat-icon></button> <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Close" matTooltipPosition="above" (click)="loadPdListCompoent()"><mat-icon>close</mat-icon></button>
</div>
</div>
<!-- <hr/> -->
</div>
</div>
<div fxLayout="row wrap"> <div fxLayout="row wrap">
<div fxFlex="50" *ngFor="let addresses of master.addresses;"> <div fxFlex="50" *ngFor="let addresses of master.addresses;">
<mat-card style="box-shadow: 0 0 1px rgba(0,0,0,.18), 0 0 1px rgba(0,0,0,.15) !important" *ngIf="addresses.pincode"> <mat-card style="box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15) !important;border-radius: 5px !important;border-bottom:1px solid #e00201 !important;" *ngIf="addresses.pincode">
<mat-card-content> <mat-card-title class="headerdesign" style="margin:0px !important;padding: 0px !important;height: 95px !important;">
<div fxLayout="row nowrap">
<div fxFlex="10" appPdLocatedMapView [value]="addresses">
<!-- appPdLocatedMapView [value]="addresses" -->
<span><i class="fa-1x fa fa-map-marker"></i></span>
</div>
<div fxFlex="90">
<span *ngIf="addresses.state_name" class="hover-icon"> {{addresses.addressline1}},<br> {{addresses.city_name}},<br>{{addresses.state_name}}-{{addresses.pincode_id == 1 ? addresses.other_pincode : addresses.pincode }} </span>
</div>
</div>
</mat-card-content>
<!-- <mat-divider></mat-divider> -->
<!-- this is for set primary address of the PD actions--> <!-- this is for set primary address of the PD actions-->
<div [ngSwitch]="addresses.is_primary"> <div [ngSwitch]="addresses.is_primary" style="padding:10px !important;">
<div *ngSwitchCase="1"> <div *ngSwitchCase="1">
<mat-card-actions>
<!-- <div fxFlex="50" align="left"> <!-- <div fxFlex="50" align="left">
<div fxFlex="100" style="color: #e00201"> <div fxFlex="100" style="color: #e00201">
{{master.pd_status==pdStatusCheck.QC_COMPLETED ? 'QC Completed' : master.pd_status==pdStatusCheck.ADD_ON_PENDING ? 'Addon Pending' : master.pd_status | titlecase}} {{master.pd_status==pdStatusCheck.QC_COMPLETED ? 'QC Completed' : master.pd_status==pdStatusCheck.ADD_ON_PENDING ? 'Addon Pending' : master.pd_status | titlecase}}
</div> </div>
</div> --> </div> -->
<div fxLayout="row nowrap"> <div fxLayout="row nowrap">
<div fxFlex="100">
<div fxFlex="40" align="left" style="color: #e00201"> <div fxFlex="40" align="left" style="color: #e00201">
{{master.pd_status==pdStatusCheck.QC_COMPLETED ? 'QC Completed' : master.pd_status==pdStatusCheck.ADD_ON_PENDING ? 'Completed' : master.pd_status | titlecase}} {{master.pd_status==pdStatusCheck.QC_COMPLETED ? 'QC Completed' : master.pd_status==pdStatusCheck.ADD_ON_PENDING ? 'Completed' : master.pd_status | titlecase}}
</div> </div>
@ -89,7 +129,9 @@
<button *ngIf="addresses.assigned_pd && master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.QC_COMPLETED" mat-raised-button mat-button-md mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Schedule" matTooltipPosition="above" (click)="scheduleDetails(master,addresses)"><mat-icon>schedule</mat-icon></button> <button *ngIf="addresses.assigned_pd && master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.QC_COMPLETED" mat-raised-button mat-button-md mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Schedule" matTooltipPosition="above" (click)="scheduleDetails(master,addresses)"><mat-icon>schedule</mat-icon></button>
</div> </div>
</div> </div>
</div>
<div fxLayout="row nowrap"> <div fxLayout="row nowrap">
<div fxFlex="100">
<div fxFlex="40" align="left" style="color: #e00201"> <div fxFlex="40" align="left" style="color: #e00201">
<div *ngIf="master.pd_allocated_to && master.fk_pd_type==1"> <div *ngIf="master.pd_allocated_to && master.fk_pd_type==1">
{{master.pd_allocated_to | titlecase}} {{master.pd_allocated_to | titlecase}}
@ -105,10 +147,12 @@
{{master.scheduled_on}} {{master.scheduled_on}}
</div> </div>
</div> </div>
</div>
</mat-card-actions>
</div> </div>
<div *ngSwitchCase="0"> <div *ngSwitchCase="0">
<div fxLayout="row nowrap">
<div fxFlex="100">
<mat-card-actions align="right" *ngIf="master.fk_primary_address_id==null && addresses.addtional_pd_data.length==0"> <mat-card-actions align="right" *ngIf="master.fk_primary_address_id==null && addresses.addtional_pd_data.length==0">
<button mat-raised-button mat-button-md mat-icon-button class="mr-1 mb-1 hover-icon" type="button" [matTooltip]="master.fk_primary_address_id ? 'Initiate Address for Additional PD Process' : 'Initiate Address for PD Process'" matTooltipPosition="above" (click)="initiateAddtionalPD(master,addresses,master.fk_primary_address_id ? true : false)"><mat-icon>where_to_vote</mat-icon></button> <button mat-raised-button mat-button-md mat-icon-button class="mr-1 mb-1 hover-icon" type="button" [matTooltip]="master.fk_primary_address_id ? 'Initiate Address for Additional PD Process' : 'Initiate Address for PD Process'" matTooltipPosition="above" (click)="initiateAddtionalPD(master,addresses,master.fk_primary_address_id ? true : false)"><mat-icon>where_to_vote</mat-icon></button>
</mat-card-actions> </mat-card-actions>
@ -116,7 +160,7 @@
<!-- master.pd_status==pdStatusCheck.ADD_ON_PENDING --> <!-- master.pd_status==pdStatusCheck.ADD_ON_PENDING -->
<button mat-raised-button mat-button-md mat-icon-button class="mr-1 mb-1 hover-icon" type="button" [matTooltip]="master.fk_primary_address_id ? 'Initiate Address for Additional PD Process' : 'Initiate Address for PD Process'" matTooltipPosition="above" (click)="initiateAddtionalPD(master,addresses,master.fk_primary_address_id ? true : false)"><mat-icon>where_to_vote</mat-icon></button> <button mat-raised-button mat-button-md mat-icon-button class="mr-1 mb-1 hover-icon" type="button" [matTooltip]="master.fk_primary_address_id ? 'Initiate Address for Additional PD Process' : 'Initiate Address for PD Process'" matTooltipPosition="above" (click)="initiateAddtionalPD(master,addresses,master.fk_primary_address_id ? true : false)"><mat-icon>where_to_vote</mat-icon></button>
</mat-card-actions> </mat-card-actions>
<mat-card-actions align="right" *ngIf="master.fk_primary_address_id!=null && addresses.addtional_pd_data.length>0"> <div align="right" *ngIf="master.fk_primary_address_id!=null && addresses.addtional_pd_data.length>0">
<div fxLayout="row nowrap"> <div fxLayout="row nowrap">
<div fxFlex="40" align="left" style="color: #e00201"> <div fxFlex="40" align="left" style="color: #e00201">
{{addresses.addtional_pd_data[0].pd_status==pdStatusCheck.QC_COMPLETED ? 'QC Completed' : addresses.addtional_pd_data[0].pd_status==pdStatusCheck.ADD_ON_PENDING ? 'Completed' : addresses.addtional_pd_data[0].pd_status | titlecase}} {{addresses.addtional_pd_data[0].pd_status==pdStatusCheck.QC_COMPLETED ? 'QC Completed' : addresses.addtional_pd_data[0].pd_status==pdStatusCheck.ADD_ON_PENDING ? 'Completed' : addresses.addtional_pd_data[0].pd_status | titlecase}}
@ -142,35 +186,39 @@
{{addresses.addtional_pd_data[0].scheduled_on}} {{addresses.addtional_pd_data[0].scheduled_on}}
</div> </div>
</div> </div>
</mat-card-actions> </div>
</div>
</div>
</div> </div>
</div> </div>
</mat-card-title>
</mat-card>
</div>
<div fxFlex="50">
<mat-card style="box-shadow: 0 0 1px rgba(0,0,0,.18), 0 0 1px rgba(0,0,0,.15) !important">
<mat-card-header>
<mat-card-title>Lender Contact Details</mat-card-title>
</mat-card-header>
<mat-card-content> <mat-card-content>
<mat-list> <div fxLayout="row nowrap">
<mat-list-item *ngIf="master.pd_contact_person"> <div fxFlex="10" appPdLocatedMapView [value]="addresses">
<i class="fa-1x fa fa-user"></i><small style="margin-left: 2%; font-size: inherit">{{master.pd_contact_person}}</small> <!-- appPdLocatedMapView [value]="addresses" -->
</mat-list-item> <span><i class="fa-1x fa fa-map-marker"></i></span>
<mat-list-item *ngIf="master.pd_contact_mobileno"> </div>
<i class="fa-1x fa fa-phone"></i><small style="margin-left: 2%; font-size: inherit">{{master.pd_contact_mobileno}}</small> <div fxFlex="90">
</mat-list-item> <span *ngIf="addresses.state_name" class="hover-icon"> {{addresses.addressline1}},<br> {{addresses.city_name}},<br>{{addresses.state_name}}-{{addresses.pincode_id == 1 ? addresses.other_pincode : addresses.pincode }} </span>
</mat-list> </div>
</div>
</mat-card-content> </mat-card-content>
<!-- <mat-divider></mat-divider> -->
</mat-card> </mat-card>
</div> </div>
<div fxFlex="50" *ngIf="master.remarks"> <div fxFlex="50" *ngIf="master.remarks">
<mat-card style="box-shadow: 0 0 1px rgba(0,0,0,.18), 0 0 1px rgba(0,0,0,.15) !important"> <mat-card style="box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15) !important;border-radius: 5px !important;border-bottom:1px solid #e00201 !important;">
<mat-card-header> <mat-card-header>
<mat-card-title>Remarks</mat-card-title> <mat-card-title style="color:#e00201;">Remarks</mat-card-title>
</mat-card-header> </mat-card-header>
<hr>
<mat-card-content> <mat-card-content>
<p>{{master.remarks}}</p> <p>{{master.remarks}}</p>
</mat-card-content> </mat-card-content>
@ -195,7 +243,7 @@
<mat-card-title style="color:red !important;">Applicants</mat-card-title> <mat-card-title style="color:red !important;">Applicants</mat-card-title>
</mat-card-header> --> </mat-card-header> -->
<mat-card-header> <mat-card-header>
<div fxFlex="70" align="left" style="padding: 10px !important; color:red !important;"> <div fxFlex="70" align="left" style="padding: 10px !important;">
<mat-card-title>Applicants</mat-card-title> <mat-card-title>Applicants</mat-card-title>
</div> </div>
<div fxFlex="30" align="end" style="padding: 10px !important;" *ngIf="currentPDStatus==pdStatusCheck.DRAFT || currentPDStatus==pdStatusCheck.TRIGGERED || currentPDStatus==pdStatusCheck.ALLOCATED || currentPDStatus==pdStatusCheck.SCHEDULED || currentPDStatus==pdStatusCheck.COMPLETED"> <div fxFlex="30" align="end" style="padding: 10px !important;" *ngIf="currentPDStatus==pdStatusCheck.DRAFT || currentPDStatus==pdStatusCheck.TRIGGERED || currentPDStatus==pdStatusCheck.ALLOCATED || currentPDStatus==pdStatusCheck.SCHEDULED || currentPDStatus==pdStatusCheck.COMPLETED">
@ -239,7 +287,7 @@
<mat-card-title style="color:red !important;">Additional Requirements</mat-card-title> <mat-card-title style="color:red !important;">Additional Requirements</mat-card-title>
</mat-card-header> --> </mat-card-header> -->
<mat-card-header> <mat-card-header>
<div fxFlex="70" align="left" style="padding: 10px !important; color:red !important;"> <div fxFlex="70" align="left" style="padding: 10px !important;">
<mat-card-title>Additional Requirements</mat-card-title> <mat-card-title>Additional Requirements</mat-card-title>
</div> </div>
<div fxFlex="30" align="end" style="padding: 10px !important;" *ngIf="currentPDStatus==pdStatusCheck.DRAFT || currentPDStatus==pdStatusCheck.TRIGGERED || currentPDStatus==pdStatusCheck.ALLOCATED || currentPDStatus==pdStatusCheck.SCHEDULED || currentPDStatus==pdStatusCheck.COMPLETED"> <div fxFlex="30" align="end" style="padding: 10px !important;" *ngIf="currentPDStatus==pdStatusCheck.DRAFT || currentPDStatus==pdStatusCheck.TRIGGERED || currentPDStatus==pdStatusCheck.ALLOCATED || currentPDStatus==pdStatusCheck.SCHEDULED || currentPDStatus==pdStatusCheck.COMPLETED">
@ -278,7 +326,7 @@
</mat-tab> </mat-tab>
<mat-tab> <mat-tab>
<ng-template mat-tab-label>QC Notes</ng-template> <ng-template mat-tab-label>QC Notes</ng-template>
<div style="color:red !important;"> <div>
<h6>QC Notes</h6> <h6>QC Notes</h6>
</div> </div>
<p> <p>
@ -289,7 +337,7 @@
<ng-template mat-tab-label>QC Feedback</ng-template> <ng-template mat-tab-label>QC Feedback</ng-template>
<div *ngIf="pdMasterData[0]?.pd_status === 'QC_COMPLETED';else nodata" class="m-gap p-gap" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="100" <div *ngIf="pdMasterData[0]?.pd_status === 'QC_COMPLETED';else nodata" class="m-gap p-gap" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="100"
fxFlex.lg="100" fxFlex.xl="100"> fxFlex.lg="100" fxFlex.xl="100">
<div style="color:red !important;"> <div>
<h6>QC Feedback</h6> <h6>QC Feedback</h6>
</div> </div>
<div> <div>