PD and Map view
This commit is contained in:
parent
28a86dfbb8
commit
994d6ffa9b
@ -21,25 +21,37 @@
|
|||||||
<mat-table [dataSource]="dataSource" matSort *ngIf="pdList.length > 0" >
|
<mat-table [dataSource]="dataSource" matSort *ngIf="pdList.length > 0" >
|
||||||
|
|
||||||
<ng-container matColumnDef="Name">
|
<ng-container matColumnDef="Name">
|
||||||
<mat-cell class="cell" *matCellDef="let details;"> <span *ngIf="details.applicat_details" mat-line><b>{{details.applicat_details[0].applicant_name}}</b></span><br>
|
<mat-cell class="cell" *matCellDef="let details;">
|
||||||
<span *ngIf="details.lender_full_name" mat-line> {{details.lender_full_name}} </span><br>
|
<span *ngIf="details.applicat_details" mat-line><b>{{details.applicat_details[0].applicant_name}}</b></span><br>
|
||||||
<span *ngIf="details.product_abbr" mat-line> {{details.product_abbr}}/{{details.subproduct_abbr}}/{{details.customer_segment_abbr}} </span> </mat-cell>
|
<span class="fontsize"> {{details.lender_applicant_id}}</span> <span class="fontsize" *ngIf="details.customer_segment_abbr">-({{details.customer_segment_abbr}} )</span>
|
||||||
|
</mat-cell>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
<ng-container matColumnDef="Lenderid">
|
<ng-container matColumnDef="Lenderid">
|
||||||
<mat-cell class="cell" *matCellDef="let details"><span> {{details.lender_applicant_id}} </span><br>
|
<mat-cell class="cell" *matCellDef="let details">
|
||||||
|
<span *ngIf="details.lender_full_name" mat-line> {{details.lender_full_name}} </span><br>
|
||||||
<span><i class="fa-1x fa fa-rupee"></i> {{details.loan_amount}}</span> </mat-cell>
|
<span *ngIf="details.product_abbr" mat-line class="fontsize"> {{details.product_abbr}}/{{details.subproduct_abbr}}</span> <br>
|
||||||
|
<span *ngIf="details.loan_amount" class="fontsize"><i class="fa-1x fa fa-rupee"></i> {{details.loan_amount}}</span>
|
||||||
|
</mat-cell>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
<ng-container matColumnDef="Address">
|
<ng-container matColumnDef="Address">
|
||||||
<mat-cell class="cell" *matCellDef="let details;"> <span>{{details.pd_date_of_initiation}}</span><br>
|
<mat-cell class="cell" *matCellDef="let details;">
|
||||||
<span> <i class="fa-1x fa fa-map-marker"> </i> {{details.city_name}}/{{details.state_name}}-{{details.pincode}} </span> </mat-cell>
|
<span>{{details.pd_date_of_initiation}}</span><br>
|
||||||
|
<span class="fontsize" *ngIf="details.city_name"> <i class="fa-1x fa fa-map-marker"> </i> {{details.city_name}}-{{details.pincode}} </span>
|
||||||
|
</mat-cell>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
|
<ng-container matColumnDef="Status">
|
||||||
|
<mat-cell class="cell center" *matCellDef="let details;">
|
||||||
|
<span> Triggered</span><br>
|
||||||
|
<span class="fontsize"> 25/10/2018 </span>
|
||||||
|
</mat-cell>
|
||||||
|
</ng-container>
|
||||||
<ng-container matColumnDef="Action">
|
<ng-container matColumnDef="Action">
|
||||||
<mat-cell class="cell center" *matCellDef="let details;"> <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="viewPDDetails(details.pd_id)"><mat-icon>visibility</mat-icon></button>
|
<mat-cell class="cell center" *matCellDef="let details;">
|
||||||
|
<button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="viewPDDetails(details.pd_id)"><mat-icon>visibility</mat-icon></button>
|
||||||
</mat-cell>
|
</mat-cell>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
<!---- <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>-->
|
<!---- <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>-->
|
||||||
<mat-row *matRowDef="let row; columns: displayedColumns;">
|
<mat-row style="align-items: normal !important;" *matRowDef="let row; columns: displayedColumns;">
|
||||||
</mat-row>
|
</mat-row>
|
||||||
</mat-table>
|
</mat-table>
|
||||||
|
|
||||||
|
|||||||
@ -11,3 +11,6 @@
|
|||||||
.center{
|
.center{
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
.fontsize{
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
@ -12,7 +12,7 @@ import { MatPaginator, MatSort, MatTableDataSource, PageEvent } from '@angular/m
|
|||||||
export class ListPdComponent implements OnInit, OnDestroy {
|
export class ListPdComponent implements OnInit, OnDestroy {
|
||||||
public dataLength: number;
|
public dataLength: number;
|
||||||
public dataSource = new MatTableDataSource();
|
public dataSource = new MatTableDataSource();
|
||||||
displayedColumns = ['Name','Lenderid','Address','Action'];
|
displayedColumns = ['Name','Lenderid','Address','Status','Action'];
|
||||||
|
|
||||||
@ViewChild(MatPaginator) paginator: MatPaginator;
|
@ViewChild(MatPaginator) paginator: MatPaginator;
|
||||||
@ViewChild(MatSort) sort: MatSort;
|
@ViewChild(MatSort) sort: MatSort;
|
||||||
|
|||||||
@ -16,11 +16,11 @@
|
|||||||
|
|
||||||
<div [style.overflow]="'auto'" [style.height.px]="'500'" *ngIf="pdList.length > 0">
|
<div [style.overflow]="'auto'" [style.height.px]="'500'" *ngIf="pdList.length > 0">
|
||||||
<mat-expansion-panel>
|
<mat-expansion-panel>
|
||||||
<mat-expansion-panel-header>
|
<mat-expansion-panel-header style="background-color:#f44336;color:#fff">
|
||||||
PD Details
|
PD Details
|
||||||
</mat-expansion-panel-header>
|
</mat-expansion-panel-header>
|
||||||
<div>
|
<div>
|
||||||
<input style="border-bottom: 1px solid #dcd9d9;" matInput (keyup)="applyFilter($event.target.value)" placeholder="Search">
|
<input style="border-bottom: 1px solid #dcd9d9;padding-top: 5%;" matInput (keyup)="applyFilter($event.target.value)" placeholder="Search">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<mat-card class="mb-1" *ngFor="let details of dataSource.connect() | async">
|
<mat-card class="mb-1" *ngFor="let details of dataSource.connect() | async">
|
||||||
@ -28,20 +28,21 @@
|
|||||||
<mat-card-title *ngIf="details.applicat_details" style="margin-bottom: 0px;">
|
<mat-card-title *ngIf="details.applicat_details" style="margin-bottom: 0px;">
|
||||||
<div fxLayout="row" fxFlex="100">
|
<div fxLayout="row" fxFlex="100">
|
||||||
<div fxFlex="55">
|
<div fxFlex="55">
|
||||||
{{details.applicat_details[0].applicant_name}}
|
<span style="font-weight:700">{{details.applicat_details[0].applicant_name}}</span> <br>
|
||||||
|
<span style="font-size: 13px;" >{{details.lender_full_name}}({{details.lender_applicant_id}})</span><br>
|
||||||
</div>
|
</div>
|
||||||
<div fxFlex="45">
|
<div fxFlex="45" style="text-align:right;">
|
||||||
<button mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="pdAllocationTo(details)"><mat-icon>group_add</mat-icon></button>
|
<button mat-raised-button mat-button-sm mat-icon-button class="mr-1 hover-icon" type="button" (click)="pdAllocationTo(details)"><mat-icon>group_add</mat-icon></button>
|
||||||
<button mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="scheduleDetails(details)"><mat-icon>schedule</mat-icon></button>
|
<button mat-raised-button mat-button-sm mat-icon-button class=" hover-icon" type="button" (click)="scheduleDetails(details)"><mat-icon>schedule</mat-icon></button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</mat-card-title>
|
</mat-card-title>
|
||||||
<mat-card-content class="mb-1" style="padding: 0% 0% 0% 6%;">
|
<mat-card-content class="mb-1" style="padding: 0% 0% 0% 6%;">
|
||||||
<p>{{details.lender_full_name}}({{details.lender_applicant_id}})</p>
|
|
||||||
<p class="hover-icon"><i *ngIf="details.city_name" class="fa-1x fa fa-map-marker"> </i>{{details.city_name}}/{{details.state_name}}-{{details.pincode}}</p>
|
<span class="hover-icon"><i *ngIf="details.city_name" class="fa-1x fa fa-map-marker"> </i>{{details.city_name}}/{{details.state_name}}-{{details.pincode}}</span> <br>
|
||||||
<p *ngIf="details.product_abbr">{{details.product_abbr}}/{{details.subproduct_abbr}}</p>
|
<span *ngIf="details.product_abbr">{{details.product_abbr}}/{{details.subproduct_abbr}}</span><br>
|
||||||
<p> {{details.customer_segment_abbr}}<span *ngIf="details.loan_amount" style="padding-left: 4%;" class="hover-icon"><i class="fa-1x fa fa-rupee"> </i>{{details.loan_amount}}</span></p>
|
<span> {{details.customer_segment_abbr}}<span *ngIf="details.loan_amount" style="padding-left: 48%;"><i class="fa-1x fa fa-rupee"> </i>{{details.loan_amount}}</span></span><br>
|
||||||
<p>{{details.pd_date_of_initiation}}</p>
|
<span>{{details.pd_date_of_initiation}}</span>
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
</mat-card>
|
</mat-card>
|
||||||
<mat-list *ngIf="recordStatus">
|
<mat-list *ngIf="recordStatus">
|
||||||
|
|||||||
@ -353,7 +353,7 @@ this.loader = true;
|
|||||||
|
|
||||||
let users= {
|
let users= {
|
||||||
'userid':this.usersData.userid,
|
'userid':this.usersData.userid,
|
||||||
'entityid':this.usersData.fk_entity_id,
|
'entityid':this.usersData.fk_entity_type_id,
|
||||||
'profilepic':this.usersData.profilepic
|
'profilepic':this.usersData.profilepic
|
||||||
}
|
}
|
||||||
this.profileaccess = false;
|
this.profileaccess = false;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user