PD and Map view

This commit is contained in:
saravanakumarkandasami 2018-10-25 12:20:30 +05:30
parent 28a86dfbb8
commit 994d6ffa9b
5 changed files with 39 additions and 23 deletions

View File

@ -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 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>
<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>

View File

@ -11,3 +11,6 @@
.center{ .center{
text-align:center; text-align:center;
} }
.fontsize{
font-size:14px;
}

View File

@ -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;

View File

@ -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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">

View File

@ -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;