PD and Map view
This commit is contained in:
saravanakumarkandasami
parent
28a86dfbb8
commit
994d6ffa9b
@ -21,25 +21,37 @@
|
||||
<mat-table [dataSource]="dataSource" matSort *ngIf="pdList.length > 0" >
|
||||
|
||||
<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>
|
||||
<span *ngIf="details.lender_full_name" mat-line> {{details.lender_full_name}} </span><br>
|
||||
<span *ngIf="details.product_abbr" mat-line> {{details.product_abbr}}/{{details.subproduct_abbr}}/{{details.customer_segment_abbr}} </span> </mat-cell>
|
||||
<mat-cell class="cell" *matCellDef="let details;">
|
||||
<span *ngIf="details.applicat_details" mat-line><b>{{details.applicat_details[0].applicant_name}}</b></span><br>
|
||||
<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 matColumnDef="Lenderid">
|
||||
<mat-cell class="cell" *matCellDef="let details"><span> {{details.lender_applicant_id}} </span><br>
|
||||
|
||||
<span><i class="fa-1x fa fa-rupee"></i> {{details.loan_amount}}</span> </mat-cell>
|
||||
<mat-cell class="cell" *matCellDef="let details">
|
||||
<span *ngIf="details.lender_full_name" mat-line> {{details.lender_full_name}} </span><br>
|
||||
<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 matColumnDef="Address">
|
||||
<mat-cell class="cell" *matCellDef="let details;"> <span>{{details.pd_date_of_initiation}}</span><br>
|
||||
<span> <i class="fa-1x fa fa-map-marker"> </i> {{details.city_name}}/{{details.state_name}}-{{details.pincode}} </span> </mat-cell>
|
||||
<mat-cell class="cell" *matCellDef="let details;">
|
||||
<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 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">
|
||||
<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>
|
||||
</ng-container>
|
||||
<!---- <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-table>
|
||||
|
||||
|
||||
@ -10,4 +10,7 @@
|
||||
}
|
||||
.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 {
|
||||
public dataLength: number;
|
||||
public dataSource = new MatTableDataSource();
|
||||
displayedColumns = ['Name','Lenderid','Address','Action'];
|
||||
displayedColumns = ['Name','Lenderid','Address','Status','Action'];
|
||||
|
||||
@ViewChild(MatPaginator) paginator: MatPaginator;
|
||||
@ViewChild(MatSort) sort: MatSort;
|
||||
|
||||
@ -16,11 +16,11 @@
|
||||
|
||||
<div [style.overflow]="'auto'" [style.height.px]="'500'" *ngIf="pdList.length > 0">
|
||||
<mat-expansion-panel>
|
||||
<mat-expansion-panel-header>
|
||||
<mat-expansion-panel-header style="background-color:#f44336;color:#fff">
|
||||
PD Details
|
||||
</mat-expansion-panel-header>
|
||||
<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>
|
||||
<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;">
|
||||
<div fxLayout="row" fxFlex="100">
|
||||
<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 fxFlex="45">
|
||||
<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 mb-1 hover-icon" type="button" (click)="scheduleDetails(details)"><mat-icon>schedule</mat-icon></button>
|
||||
<div fxFlex="45" style="text-align:right;">
|
||||
<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=" hover-icon" type="button" (click)="scheduleDetails(details)"><mat-icon>schedule</mat-icon></button>
|
||||
</div>
|
||||
</div>
|
||||
</mat-card-title>
|
||||
<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>
|
||||
<p *ngIf="details.product_abbr">{{details.product_abbr}}/{{details.subproduct_abbr}}</p>
|
||||
<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>
|
||||
<p>{{details.pd_date_of_initiation}}</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>
|
||||
<span *ngIf="details.product_abbr">{{details.product_abbr}}/{{details.subproduct_abbr}}</span><br>
|
||||
<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>
|
||||
<span>{{details.pd_date_of_initiation}}</span>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
<mat-list *ngIf="recordStatus">
|
||||
|
||||
@ -353,7 +353,7 @@ this.loader = true;
|
||||
|
||||
let users= {
|
||||
'userid':this.usersData.userid,
|
||||
'entityid':this.usersData.fk_entity_id,
|
||||
'entityid':this.usersData.fk_entity_type_id,
|
||||
'profilepic':this.usersData.profilepic
|
||||
}
|
||||
this.profileaccess = false;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user