UI Changes
This commit is contained in:
gandhimathi
parent
77376c5822
commit
bf386f8eff
@ -20,7 +20,7 @@
|
||||
</mat-dialog-content>
|
||||
<mat-dialog-actions>
|
||||
<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 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>
|
||||
|
||||
@ -16,7 +16,7 @@ export class InitiateAdditionalPdComponent implements OnInit {
|
||||
customerSegmentList: any=[];
|
||||
constructor(notifier: NotifierService,private _fb: FormBuilder, private _pd: PdTrigerService, @Inject(MAT_DIALOG_DATA) public data: any, private dialogRef: MatDialogRef<InitiateAdditionalPdComponent>) {
|
||||
this.notifier = notifier;
|
||||
this.pageTitle="Initiate Address for PD Process"
|
||||
this.pageTitle="Choose customer segment For this PD address"
|
||||
}
|
||||
|
||||
ngOnInit() {
|
||||
|
||||
@ -1,11 +1,12 @@
|
||||
|
||||
<mat-card>
|
||||
<mat-card-content>
|
||||
|
||||
<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">
|
||||
<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-list role="list">
|
||||
<mat-list role="list" style="padding-top: 0px !important;">
|
||||
<mat-list-item role="listitem" style="background-color:#e00201;">
|
||||
<div fxFlex="row">
|
||||
<div fxFlex="100">
|
||||
@ -15,7 +16,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</mat-list-item>
|
||||
<mat-list-item role="listitem" style="height:54px !important;padding:2px;">
|
||||
<mat-list-item role="listitem">
|
||||
<div fxFlex="row">
|
||||
<div fxFlex="100">
|
||||
<div fxFlex="50" align="left">
|
||||
@ -27,9 +28,9 @@
|
||||
</div>
|
||||
</div>
|
||||
</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="100">
|
||||
<div fxFlex="50" align="left" *ngIf="master.lender_applicant_id">
|
||||
@ -41,8 +42,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</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="100">
|
||||
<div fxFlex="100" align="left" *ngIf="master.product_name">
|
||||
@ -53,14 +54,17 @@
|
||||
</div>
|
||||
</div>
|
||||
</mat-list-item>
|
||||
<hr>
|
||||
|
||||
<mat-list-item role="listitem">
|
||||
<div fxFlex="row">
|
||||
<div fxFlex="100">
|
||||
|
||||
<div fxFlex="100" 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 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>
|
||||
@ -99,7 +103,7 @@
|
||||
<div fxLayout="row wrap">
|
||||
<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 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-->
|
||||
<div [ngSwitch]="addresses.is_primary" style="padding:10px !important;">
|
||||
<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}}
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div fxLayout="row nowrap">
|
||||
<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}}
|
||||
</div>
|
||||
<div fxFlex="60" align="right">
|
||||
@ -123,7 +128,7 @@
|
||||
</div>
|
||||
<div fxLayout="row nowrap">
|
||||
<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">
|
||||
{{master.pd_allocated_to | titlecase}}
|
||||
</div>
|
||||
@ -134,7 +139,7 @@
|
||||
{{master.centralofficer | titlecase}}
|
||||
</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}}
|
||||
</div>
|
||||
</div>
|
||||
@ -152,7 +157,7 @@
|
||||
</mat-card-actions>
|
||||
<div *ngIf="master.fk_primary_address_id!=null && addresses.addtional_pd_data.length>0">
|
||||
<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}}
|
||||
</div>
|
||||
<div fxFlex="60" align="right">
|
||||
@ -162,7 +167,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<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">
|
||||
{{addresses.addtional_pd_data[0].pd_allocated_to | titlecase}}
|
||||
</div>
|
||||
@ -173,7 +178,7 @@
|
||||
{{addresses.addtional_pd_data[0].centralofficer | titlecase}}
|
||||
</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}}
|
||||
</div>
|
||||
</div>
|
||||
@ -183,8 +188,8 @@
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</mat-card>
|
||||
|
||||
</mat-card-title>
|
||||
|
||||
<mat-card-content>
|
||||
<div fxLayout="row nowrap">
|
||||
<div fxFlex="10" appPdLocatedMapView [value]="addresses">
|
||||
@ -205,9 +210,10 @@
|
||||
|
||||
<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-header style="background-color:#e00201;">
|
||||
<mat-card-title style="color:#fff;">Remarks</mat-card-title>
|
||||
<mat-card-header>
|
||||
<mat-card-title style="color:#e00201;">Remarks</mat-card-title>
|
||||
</mat-card-header>
|
||||
<hr>
|
||||
<mat-card-content>
|
||||
<p>{{master.remarks}}</p>
|
||||
</mat-card-content>
|
||||
@ -230,7 +236,7 @@
|
||||
<mat-card-title style="color:red !important;">Applicants</mat-card-title>
|
||||
</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>
|
||||
</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">
|
||||
@ -274,7 +280,7 @@
|
||||
<mat-card-title style="color:red !important;">Additional Requirements</mat-card-title>
|
||||
</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>
|
||||
</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">
|
||||
@ -313,7 +319,7 @@
|
||||
</mat-tab>
|
||||
<mat-tab>
|
||||
<ng-template mat-tab-label>QC Notes</ng-template>
|
||||
<div style="color:red !important;">
|
||||
<div>
|
||||
<h6>QC Notes</h6>
|
||||
</div>
|
||||
<p>
|
||||
@ -324,7 +330,7 @@
|
||||
<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"
|
||||
fxFlex.lg="100" fxFlex.xl="100">
|
||||
<div style="color:red !important;">
|
||||
<div>
|
||||
<h6>QC Feedback</h6>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
@ -13,12 +13,12 @@
|
||||
.metaDataStyle{
|
||||
height:89px !important;
|
||||
}
|
||||
.headerdesign{
|
||||
border-radius: 5px !important;
|
||||
// border-bottom-left-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;
|
||||
}
|
||||
// .headerdesign{
|
||||
// border-radius: 5px !important;
|
||||
// // border-bottom-left-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;
|
||||
// }
|
||||
|
||||
:host {
|
||||
margin-left: -5px;
|
||||
|
||||
@ -3,61 +3,197 @@
|
||||
<mat-card-content>
|
||||
<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">
|
||||
<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-content style="background-color: whitesmoke;">
|
||||
<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">
|
||||
{{master.product_name}}
|
||||
</mat-list-item>
|
||||
<mat-list-item class="center" role="listitem" *ngIf="master.subproduct_name">
|
||||
{{master.subproduct_name}}
|
||||
</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>
|
||||
</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 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-actions>
|
||||
<mat-list role="list" style="padding-top: 0px !important;">
|
||||
<mat-list-item role="listitem" style="background-color:#e00201;">
|
||||
<div fxFlex="row">
|
||||
<div fxFlex="100">
|
||||
<div fxFlex="100" align="center" *ngIf="master.pd_type_name" style="color:#fff;">
|
||||
<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 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>
|
||||
</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 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 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 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-title class="headerdesign" style="margin:0px !important;padding: 0px !important;height: 95px !important;">
|
||||
<!-- this is for set primary address of the PD actions-->
|
||||
<div [ngSwitch]="addresses.is_primary" style="padding:10px !important;">
|
||||
<div *ngSwitchCase="1">
|
||||
<!-- <div fxFlex="50" align="left">
|
||||
<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}}
|
||||
</div>
|
||||
</div> -->
|
||||
<div fxLayout="row nowrap">
|
||||
<div fxFlex="100">
|
||||
<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}}
|
||||
</div>
|
||||
<div fxFlex="60" align="right">
|
||||
<button *ngIf="addresses.assigned_pd==null || addresses.assigned_pd==''" 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 *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="Allocate" matTooltipPosition="above" (click)="pdAllocationTo(master,addresses)"><mat-icon>verified_user</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 fxLayout="row nowrap">
|
||||
<div fxFlex="100">
|
||||
<div fxFlex="40" align="left" style="color: #e00201">
|
||||
<div *ngIf="master.pd_allocated_to && master.fk_pd_type==1">
|
||||
{{master.pd_allocated_to | titlecase}}
|
||||
</div>
|
||||
<div *ngIf="master.executive_name && master.centralofficer && master.fk_pd_type==2">
|
||||
{{master.executive_name | titlecase}}
|
||||
</div>
|
||||
<div *ngIf="master.centralofficer && master.fk_pd_type==3">
|
||||
{{master.centralofficer | titlecase}}
|
||||
</div>
|
||||
</div>
|
||||
<div fxFlex="60" align="right" style="color: #e00201" *ngIf="master.scheduled_on">
|
||||
{{master.scheduled_on}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<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">
|
||||
<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 align="right" *ngIf="master.fk_primary_address_id!=null && addresses.addtional_pd_data.length==0 && 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>
|
||||
</mat-card-actions>
|
||||
<div align="right" *ngIf="master.fk_primary_address_id!=null && addresses.addtional_pd_data.length>0">
|
||||
<div fxLayout="row nowrap">
|
||||
<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}}
|
||||
</div>
|
||||
<div fxFlex="60" align="right">
|
||||
<button *ngIf="addresses.assigned_pd && addresses.addtional_pd_data[0].pd_type_name && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.DRAFT && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.QC_COMPLETED" mat-raised-button mat-button-md mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Allocate" matTooltipPosition="above" (click)="pdAllocationTo(master,addresses)"><mat-icon>verified_user</mat-icon></button>
|
||||
<button *ngIf="addresses.assigned_pd && addresses.addtional_pd_data[0].pd_type_name && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.DRAFT && addresses.addtional_pd_data[0].pd_status!=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 fxLayout="row nowrap">
|
||||
<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">
|
||||
{{addresses.addtional_pd_data[0].pd_allocated_to | titlecase}}
|
||||
</div>
|
||||
<div *ngIf="addresses.addtional_pd_data[0].executive_name && addresses.addtional_pd_data[0].centralofficer && addresses.addtional_pd_data[0].fk_pd_type==2">
|
||||
{{addresses.addtional_pd_data[0].executive_name | titlecase}}
|
||||
</div>
|
||||
<div *ngIf="addresses.addtional_pd_data[0].centralofficer && addresses.addtional_pd_data[0].fk_pd_type==3">
|
||||
{{addresses.addtional_pd_data[0].centralofficer | titlecase}}
|
||||
</div>
|
||||
</div>
|
||||
<div fxFlex="60" align="right" style="color: #e00201" *ngIf="addresses.addtional_pd_data[0].scheduled_on">
|
||||
{{addresses.addtional_pd_data[0].scheduled_on}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</mat-card-title>
|
||||
|
||||
<mat-card-content>
|
||||
<div fxLayout="row nowrap">
|
||||
<div fxFlex="10" appPdLocatedMapView [value]="addresses">
|
||||
@ -70,107 +206,19 @@
|
||||
</div>
|
||||
</mat-card-content>
|
||||
<!-- <mat-divider></mat-divider> -->
|
||||
<!-- this is for set primary address of the PD actions-->
|
||||
<div [ngSwitch]="addresses.is_primary">
|
||||
<div *ngSwitchCase="1">
|
||||
<mat-card-actions>
|
||||
<!-- <div fxFlex="50" align="left">
|
||||
<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}}
|
||||
</div>
|
||||
</div> -->
|
||||
<div fxLayout="row nowrap">
|
||||
<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}}
|
||||
</div>
|
||||
<div fxFlex="60" align="right">
|
||||
<button *ngIf="addresses.assigned_pd==null || addresses.assigned_pd==''" 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 *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="Allocate" matTooltipPosition="above" (click)="pdAllocationTo(master,addresses)"><mat-icon>verified_user</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 fxLayout="row nowrap">
|
||||
<div fxFlex="40" align="left" style="color: #e00201">
|
||||
<div *ngIf="master.pd_allocated_to && master.fk_pd_type==1">
|
||||
{{master.pd_allocated_to | titlecase}}
|
||||
</div>
|
||||
<div *ngIf="master.executive_name && master.centralofficer && master.fk_pd_type==2">
|
||||
{{master.executive_name | titlecase}}
|
||||
</div>
|
||||
<div *ngIf="master.centralofficer && master.fk_pd_type==3">
|
||||
{{master.centralofficer | titlecase}}
|
||||
</div>
|
||||
</div>
|
||||
<div fxFlex="60" align="right" style="color: #e00201" *ngIf="master.scheduled_on">
|
||||
{{master.scheduled_on}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</mat-card-actions>
|
||||
</div>
|
||||
<div *ngSwitchCase="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>
|
||||
</mat-card-actions>
|
||||
<mat-card-actions align="right" *ngIf="master.fk_primary_address_id!=null && addresses.addtional_pd_data.length==0 && 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>
|
||||
</mat-card-actions>
|
||||
<mat-card-actions align="right" *ngIf="master.fk_primary_address_id!=null && addresses.addtional_pd_data.length>0">
|
||||
<div fxLayout="row nowrap">
|
||||
<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}}
|
||||
</div>
|
||||
<div fxFlex="60" align="right">
|
||||
<button *ngIf="addresses.assigned_pd && addresses.addtional_pd_data[0].pd_type_name && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.DRAFT && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.QC_COMPLETED" mat-raised-button mat-button-md mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Allocate" matTooltipPosition="above" (click)="pdAllocationTo(master,addresses)"><mat-icon>verified_user</mat-icon></button>
|
||||
<button *ngIf="addresses.assigned_pd && addresses.addtional_pd_data[0].pd_type_name && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.DRAFT && addresses.addtional_pd_data[0].pd_status!=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 fxLayout="row nowrap">
|
||||
<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">
|
||||
{{addresses.addtional_pd_data[0].pd_allocated_to | titlecase}}
|
||||
</div>
|
||||
<div *ngIf="addresses.addtional_pd_data[0].executive_name && addresses.addtional_pd_data[0].centralofficer && addresses.addtional_pd_data[0].fk_pd_type==2">
|
||||
{{addresses.addtional_pd_data[0].executive_name | titlecase}}
|
||||
</div>
|
||||
<div *ngIf="addresses.addtional_pd_data[0].centralofficer && addresses.addtional_pd_data[0].fk_pd_type==3">
|
||||
{{addresses.addtional_pd_data[0].centralofficer | titlecase}}
|
||||
</div>
|
||||
</div>
|
||||
<div fxFlex="60" align="right" style="color: #e00201" *ngIf="addresses.addtional_pd_data[0].scheduled_on">
|
||||
{{addresses.addtional_pd_data[0].scheduled_on}}
|
||||
</div>
|
||||
</div>
|
||||
</mat-card-actions>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</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-list>
|
||||
<mat-list-item *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 *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>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<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-title>Remarks</mat-card-title>
|
||||
<mat-card-title style="color:#e00201;">Remarks</mat-card-title>
|
||||
</mat-card-header>
|
||||
<hr>
|
||||
<mat-card-content>
|
||||
<p>{{master.remarks}}</p>
|
||||
</mat-card-content>
|
||||
@ -195,7 +243,7 @@
|
||||
<mat-card-title style="color:red !important;">Applicants</mat-card-title>
|
||||
</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>
|
||||
</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">
|
||||
@ -239,7 +287,7 @@
|
||||
<mat-card-title style="color:red !important;">Additional Requirements</mat-card-title>
|
||||
</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>
|
||||
</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">
|
||||
@ -278,7 +326,7 @@
|
||||
</mat-tab>
|
||||
<mat-tab>
|
||||
<ng-template mat-tab-label>QC Notes</ng-template>
|
||||
<div style="color:red !important;">
|
||||
<div>
|
||||
<h6>QC Notes</h6>
|
||||
</div>
|
||||
<p>
|
||||
@ -289,7 +337,7 @@
|
||||
<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"
|
||||
fxFlex.lg="100" fxFlex.xl="100">
|
||||
<div style="color:red !important;">
|
||||
<div>
|
||||
<h6>QC Feedback</h6>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user