view PD UI changes : suren
This commit is contained in:
venbatechnologies@gmail.com
parent
791b4123cf
commit
f505fd1b60
@ -4,51 +4,92 @@
|
||||
<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">
|
||||
<mat-card-content style="background-color: whitesmoke;padding:0px !important;">
|
||||
<mat-list role="list">
|
||||
<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>
|
||||
</mat-list-item>
|
||||
</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>
|
||||
<hr>
|
||||
|
||||
<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>
|
||||
<hr>
|
||||
<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>
|
||||
<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>
|
||||
</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-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" 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-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" 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.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>
|
||||
@ -57,7 +98,93 @@
|
||||
|
||||
<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 class="headerdesign" style="background-color: #e00201;margin:0px !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: #fff">
|
||||
{{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.COMPLETED && master.pd_status!=pdStatusCheck.ADD_ON_PENDING && 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.COMPLETED && master.pd_status!=pdStatusCheck.ADD_ON_PENDING && 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.TRIGGERED && enableStartPD" mat-raised-button mat-button-md mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Discussion" matTooltipPosition="above" (click)="getPDStart(addresses,master.pd_status)"><mat-icon>question_answer</mat-icon></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div fxLayout="row nowrap">
|
||||
<div fxFlex="100">
|
||||
<div fxFlex="40" align="left" style="color: #fff">
|
||||
<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: #fff" *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 *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">
|
||||
{{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.COMPLETED && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.ADD_ON_PENDING && 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.COMPLETED && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.ADD_ON_PENDING && 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>
|
||||
<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.TRIGGERED" mat-raised-button mat-button-md mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Discussion" matTooltipPosition="above" (click)="getPDStart(addresses,addresses.addtional_pd_data[0].pd_status)"><mat-icon>question_answer</mat-icon></button>
|
||||
</div>
|
||||
</div>
|
||||
<div fxLayout="row nowrap">
|
||||
<div fxFlex="40" align="left" style="color: #fff">
|
||||
<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: #fff" *ngIf="addresses.addtional_pd_data[0].scheduled_on">
|
||||
{{addresses.addtional_pd_data[0].scheduled_on}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</mat-card>
|
||||
|
||||
<mat-card-content>
|
||||
<div fxLayout="row nowrap">
|
||||
<div fxFlex="10" appPdLocatedMapView [value]="addresses">
|
||||
@ -71,114 +198,20 @@
|
||||
</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.COMPLETED && master.pd_status!=pdStatusCheck.ADD_ON_PENDING && 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.COMPLETED && master.pd_status!=pdStatusCheck.ADD_ON_PENDING && 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.TRIGGERED && enableStartPD" mat-raised-button mat-button-md mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Discussion" matTooltipPosition="above" (click)="getPDStart(addresses,master.pd_status)"><mat-icon>question_answer</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.COMPLETED && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.ADD_ON_PENDING && 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.COMPLETED && addresses.addtional_pd_data[0].pd_status!=pdStatusCheck.ADD_ON_PENDING && 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>
|
||||
<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.TRIGGERED" mat-raised-button mat-button-md mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Discussion" matTooltipPosition="above" (click)="getPDStart(addresses,addresses.addtional_pd_data[0].pd_status)"><mat-icon>question_answer</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-header>
|
||||
<mat-card-title>Remarks</mat-card-title>
|
||||
<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-content>
|
||||
<p>{{master.remarks}}</p>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@ -1,3 +1,4 @@
|
||||
|
||||
.cardEdit {
|
||||
float:right;
|
||||
padding-top:3%;
|
||||
@ -12,7 +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;
|
||||
}
|
||||
|
||||
:host {
|
||||
margin-left: -5px;
|
||||
@ -35,12 +41,12 @@
|
||||
}
|
||||
}
|
||||
|
||||
.mat-list .mat-list-item.center .mat-list-item-content{
|
||||
justify-content: center;
|
||||
// color: #fff
|
||||
}
|
||||
.mat-list .mat-list-item.center .mat-list-text>*{
|
||||
margin: 0 auto 0 0;
|
||||
}
|
||||
// .mat-list .mat-list-item.center .mat-list-item-content{
|
||||
// justify-content: center;
|
||||
// // color: #fff
|
||||
// }
|
||||
// .mat-list .mat-list-item.center .mat-list-text>*{
|
||||
// margin: 0 auto 0 0;
|
||||
// }
|
||||
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user