Icon Changes In PD screen
This commit is contained in:
parent
1bc5a1b754
commit
c9f1f0266b
@ -1,6 +1,27 @@
|
||||
<mat-card-content>
|
||||
<mat-table [dataSource]="dataSourceTab1" matSort *ngIf="PdListData.length > 0" >
|
||||
|
||||
|
||||
<ng-container matColumnDef="PDType">
|
||||
<mat-cell fxFlex="10" class="cell" style="padding-top:2.5% !important;" *matCellDef="let details;">
|
||||
|
||||
|
||||
<!-- <button *ngIf="details.fk_pd_type == '1'" mat-icon-button class="hover-icon pd_circle" matTooltip="Full PD"
|
||||
matTooltipPosition="above"><strong>F</strong></button> -->
|
||||
<!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' " mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button"
|
||||
matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> -->
|
||||
<button *ngIf="details.fk_pd_type != null" [matTooltip]="details.pd_type_name" mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button"
|
||||
matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button>
|
||||
<!-- <button *ngIf="details.fk_pd_type == '3'" mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button" matTooltip="Tele PD"
|
||||
matTooltipPosition="above"><strong>T</strong></button> -->
|
||||
|
||||
<!-- <strong *ngIf="details.fk_pd_type == '2'" class="pd_circle" >S</strong>
|
||||
<strong *ngIf="details.fk_pd_type == '3'" class="pd_circle" >T</strong> -->
|
||||
<!-- <mat-icon color="primary" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : 'Tele PD' "
|
||||
matTooltipPosition="above" class="mr-1 mb-1">control_camera</mat-icon>
|
||||
-->
|
||||
|
||||
</mat-cell>
|
||||
</ng-container>
|
||||
<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>
|
||||
|
||||
@ -13,4 +13,14 @@
|
||||
}
|
||||
.fontsize{
|
||||
font-size:14px;
|
||||
}
|
||||
}
|
||||
.pd_circle {
|
||||
width: 50px !important;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
font-size: 18px;
|
||||
color: #ffffff;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
background: red
|
||||
}
|
||||
@ -16,7 +16,7 @@ export class AllPdComponent implements OnInit, OnChanges {
|
||||
tabStatus:string="ALL";
|
||||
public dataLengthTab1: number;
|
||||
public dataSourceTab1 = new MatTableDataSource();
|
||||
displayedColumns = ['Name','Lenderid','Address','Status','Action'];
|
||||
displayedColumns = ['PDType','Name','Lenderid','Address','Status','Action'];
|
||||
|
||||
@ViewChild(MatPaginator) paginator: MatPaginator;
|
||||
@ViewChild(MatSort) sort: MatSort;
|
||||
|
||||
@ -1,6 +1,14 @@
|
||||
<mat-card-content>
|
||||
<mat-table [dataSource]="dataSourceTab4" matSort *ngIf="completedPdListData.length > 0" >
|
||||
|
||||
<ng-container matColumnDef="PDType">
|
||||
<mat-cell fxFlex="10" class="cell" style="padding-top:2.5% !important;" *matCellDef="let details;">
|
||||
<!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' " mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button"
|
||||
matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> -->
|
||||
<button *ngIf="details.fk_pd_type != null" [matTooltip]="details.pd_type_name" mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button"
|
||||
matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button>
|
||||
</mat-cell>
|
||||
</ng-container>
|
||||
<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>
|
||||
|
||||
@ -13,4 +13,14 @@
|
||||
}
|
||||
.fontsize{
|
||||
font-size:14px;
|
||||
}
|
||||
}
|
||||
.pd_circle {
|
||||
width: 50px !important;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
font-size: 18px;
|
||||
color: #ffffff;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
background: red
|
||||
}
|
||||
@ -16,7 +16,7 @@ export class CompletedPdComponent implements OnInit, OnChanges {
|
||||
tabStatus:string="COMPLETED";
|
||||
public dataLengthTab4: number;
|
||||
public dataSourceTab4 = new MatTableDataSource();
|
||||
displayedColumns = ['Name','Lenderid','Address','Status','Action'];
|
||||
displayedColumns = ['PDType','Name','Lenderid','Address','Status','Action'];
|
||||
|
||||
@ViewChild(MatPaginator) paginator: MatPaginator;
|
||||
@ViewChild(MatSort) sort: MatSort;
|
||||
|
||||
@ -1,6 +1,13 @@
|
||||
<mat-card-content>
|
||||
<mat-table [dataSource]="dataSourceTab2" matSort *ngIf="progressPdListData.length > 0" >
|
||||
|
||||
<ng-container matColumnDef="PDType">
|
||||
<mat-cell fxFlex="10" class="cell" style="padding-top:2.5% !important;" *matCellDef="let details;">
|
||||
<!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' " mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button"
|
||||
matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> -->
|
||||
<button *ngIf="details.fk_pd_type != null" [matTooltip]="details.pd_type_name" mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button"
|
||||
matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button>
|
||||
</mat-cell>
|
||||
</ng-container>
|
||||
<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>
|
||||
|
||||
@ -13,4 +13,14 @@
|
||||
}
|
||||
.fontsize{
|
||||
font-size:14px;
|
||||
}
|
||||
}
|
||||
.pd_circle {
|
||||
width: 50px !important;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
font-size: 18px;
|
||||
color: #ffffff;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
background: red
|
||||
}
|
||||
@ -14,7 +14,7 @@ export class InprogressPdComponent implements OnInit, OnChanges {
|
||||
tabStatus:string="INPROGRESS";
|
||||
public dataLengthTab2: number;
|
||||
public dataSourceTab2 = new MatTableDataSource();
|
||||
displayedColumns = ['Name','Lenderid','Address','Status','Action'];
|
||||
displayedColumns = ['PDType','Name','Lenderid','Address','Status','Action'];
|
||||
|
||||
@ViewChild(MatPaginator) paginator: MatPaginator;
|
||||
@ViewChild(MatSort) sort: MatSort;
|
||||
|
||||
@ -1,6 +1,13 @@
|
||||
<mat-card-content>
|
||||
<mat-table [dataSource]="dataSourceTab5" matSort *ngIf="qcCompletedPdListData.length > 0" >
|
||||
|
||||
<ng-container matColumnDef="PDType">
|
||||
<mat-cell fxFlex="10" class="cell" style="padding-top:2.5% !important;" *matCellDef="let details;">
|
||||
<!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' " mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button"
|
||||
matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> -->
|
||||
<button *ngIf="details.fk_pd_type != null" [matTooltip]="details.pd_type_name" mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button"
|
||||
matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button>
|
||||
</mat-cell>
|
||||
</ng-container>
|
||||
<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>
|
||||
|
||||
@ -13,4 +13,14 @@
|
||||
}
|
||||
.fontsize{
|
||||
font-size:14px;
|
||||
}
|
||||
}
|
||||
.pd_circle {
|
||||
width: 50px !important;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
font-size: 18px;
|
||||
color: #ffffff;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
background: red
|
||||
}
|
||||
@ -16,7 +16,7 @@ export class QcCompletedPdComponent implements OnInit, OnChanges {
|
||||
tabStatus:string="QC_COMPLETED";
|
||||
public dataLengthTab5: number;
|
||||
public dataSourceTab5 = new MatTableDataSource();
|
||||
displayedColumns = ['Name','Lenderid','Address','Status','Action'];
|
||||
displayedColumns = ['PDType','Name','Lenderid','Address','Status','Action'];
|
||||
|
||||
@ViewChild(MatPaginator) paginator: MatPaginator;
|
||||
@ViewChild(MatSort) sort: MatSort;
|
||||
|
||||
@ -1,6 +1,13 @@
|
||||
<mat-card-content>
|
||||
<mat-table [dataSource]="dataSourceTab3" matSort *ngIf="scheduledPdListData.length > 0" >
|
||||
|
||||
<ng-container matColumnDef="PDType">
|
||||
<mat-cell fxFlex="10" class="cell" style="padding-top:2.5% !important;" *matCellDef="let details;">
|
||||
<!-- <button *ngIf="details.fk_pd_type != null" [matTooltip]="details.fk_pd_type == '1' ? 'Full PD' : details.fk_pd_type == '2' ? 'Smart PD' : details.fk_pd_type == '3' ? 'Tele PD' : '' " mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button"
|
||||
matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button> -->
|
||||
<button *ngIf="details.fk_pd_type != null" [matTooltip]="details.pd_type_name" mat-button mat-icon-button class="mr-1 mb-1 hover-icon pd_circle" type="button"
|
||||
matTooltipPosition="above"><strong>{{(details.pd_type_name | slice:0:1)}}</strong></button>
|
||||
</mat-cell>
|
||||
</ng-container>
|
||||
<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>
|
||||
|
||||
@ -13,4 +13,14 @@
|
||||
}
|
||||
.fontsize{
|
||||
font-size:14px;
|
||||
}
|
||||
}
|
||||
.pd_circle {
|
||||
width: 50px !important;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
font-size: 18px;
|
||||
color: #ffffff;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
background: red
|
||||
}
|
||||
@ -14,7 +14,7 @@ export class ScheduledPdComponent implements OnInit, OnChanges {
|
||||
tabStatus:string="SCHEDULED";
|
||||
public dataLengthTab3: number;
|
||||
public dataSourceTab3 = new MatTableDataSource();
|
||||
displayedColumns = ['Name','Lenderid','Address','Status','Action'];
|
||||
displayedColumns = ['PDType','Name','Lenderid','Address','Status','Action'];
|
||||
|
||||
@ViewChild(MatPaginator) paginator: MatPaginator;
|
||||
@ViewChild(MatSort) sort: MatSort;
|
||||
|
||||
@ -12,8 +12,12 @@
|
||||
<button *ngIf="master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.COMPLETED && currentPDStatus!=pdStatusCheck.QC_COMPLETED" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Schedule" matTooltipPosition="above" (click)="scheduleDetails(master)"><mat-icon>schedule</mat-icon></button>
|
||||
<button *ngIf="master.pd_type_name && currentPDStatus!=pdStatusCheck.DRAFT && currentPDStatus!=pdStatusCheck.TRIGGERED && currentPDStatus!=pdStatusCheck.DRAFT" mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Discussion" matTooltipPosition="above" (click)="getPDStart(viewID)"><mat-icon>question_answer</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>
|
||||
<br>
|
||||
<span *ngIf="master.pd_allocated_to" style="color:red;text-align:left">{{master.pd_allocated_to | titlecase}}</span>
|
||||
<br>
|
||||
<!-- <span *ngIf="master.pd_allocated_to" style="color:red;text-align:left" class="fa-1x fa fa-user-secret" matTooltip="PD Officer"
|
||||
matTooltipPosition="above"></span> -->
|
||||
|
||||
<span *ngIf="master.pd_allocated_to" style="color:red;text-align:left"><mat-icon color="primary" class="hover-icon" matTooltip="PD Officer"
|
||||
matTooltipPosition="above">person</mat-icon>{{master.pd_allocated_to | titlecase}}</span>
|
||||
<span *ngIf="master.pd_status==pdStatusCheck.SCHEDULED" style="color:red;text-align:left">{{master.pd_status | titlecase}} On {{master.scheduled_on}}</span>
|
||||
<span *ngIf="master.pd_status!=pdStatusCheck.SCHEDULED" style="color:red;text-align:left">{{master.pd_status | titlecase}} On {{ (master.updatedon)? (master.updatedon | slice:0:10):(master.updatedon) }}</span>
|
||||
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
.form-bg {
|
||||
background-image:url('http://www.ssa.sineedge.com/beta/assets/images/login.jpg') !important;
|
||||
height: 100vh !important;
|
||||
background-position: center !important;
|
||||
min-height: calc(0vh + 0px) !important;
|
||||
|
||||
@ -41,7 +41,7 @@
|
||||
<div fxLayout="row" fxLayoutAlign="start none">
|
||||
<mat-checkbox formControlName="isactive" [ngModel]="f.isactive.value === 1 ? true : false"
|
||||
(ngModelChange)="f.get('isactive').value = $event ? 1 : 0">Active/InActive</mat-checkbox>
|
||||
|
||||
|
||||
</div>
|
||||
<div fxLayout="row" fxLayoutAlign="start none">
|
||||
<div formArrayName="answers" class="example-full-width">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user