Merge branch 'master' of bitbucket.org:venbaittech/salespd_pwa
This commit is contained in:
surya
commit
a651a770e6
@ -1,215 +1,246 @@
|
||||
<mat-card class="p-2" style="box-shadow: 0 0 1px rgba(0,0,0,.18), 0 0 1px rgba(0,0,0,.15) !important">
|
||||
<div fxLayout="row">
|
||||
<div fxFlex="50" class="pb-0 text-sm-left">
|
||||
<mat-form-field dividerColor="primary" style="width: 50%;">
|
||||
<input matInput (keyup)="applyFilter($event.target.value)" placeholder="Search">
|
||||
</mat-form-field>
|
||||
<div fxLayout="row">
|
||||
<div fxFlex="50" class="pb-0 text-sm-left">
|
||||
<mat-form-field dividerColor="primary" style="width: 50%;">
|
||||
<input matInput (keyup)="applyFilter($event.target.value)" placeholder="Search">
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div fxFlex="50" class="pb-0 text-sm-left" fxLayoutAlign="end center">
|
||||
<div class="example-button-container">
|
||||
<button (click)="newForm()" mat-mini-fab color="primary" aria-label="Example icon button with a menu icon">
|
||||
<mat-icon>add</mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div fxFlex="50" class="pb-0 text-sm-left" fxLayoutAlign="end center">
|
||||
<div class="example-button-container">
|
||||
<button (click)="newForm()" mat-mini-fab color="primary" aria-label="Example icon button with a menu icon">
|
||||
<mat-icon>add</mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<mat-tab-group class="mt-1">
|
||||
<mat-tab>
|
||||
<ng-template mat-tab-label>Sales PD</ng-template>
|
||||
<mat-card-content style="padding: 0px !important;">
|
||||
<app-advance-filter [drop_down_datas]="filter_drop_down_data" (filteredlistData)="filteredDataSource($event)"
|
||||
></app-advance-filter>
|
||||
<p class="note" *ngIf="!recordStatus && limitMsg">Showing data for last {{common}}. To see older records, please use advanced filter</p>
|
||||
<br/>
|
||||
<div class="example-container">
|
||||
<!--Start Mobile View Code-->
|
||||
<div fxLayout="row wrap" *ngFor="let details of salesPdData" class="webhide">
|
||||
<div fxFlex.xs="40" fxFlex.sm="40" class="webhide" style="text-align: left;" (click)="editForm(details)">
|
||||
<small mat-line *ngIf="details.applicant_name == null">Name Not Given</small>
|
||||
<small mat-line *ngIf="details.applicant_name != null">{{details.applicant_name}}</small><br/>
|
||||
<small style="font-size: 10px;color:black" mat-line>{{details.sales_pd_type == '1' ? 'Physical PD' : 'Telephonic PD'}}</small>
|
||||
</div>
|
||||
<div fxFlex.xs="50" fxFlex.sm="50" class="webhide" style="text-align: right;" (click)="editForm(details)" >
|
||||
<!-- <div fxLayout="row wrap" style="margin-left: 6px;" fxLayoutAlign="end"> -->
|
||||
<!-- <div fxFlex.xs="85" fxFlex.sm="85" class="webhide"> -->
|
||||
<span style="font-size: 10px;color:black" mat-line>
|
||||
{{details.createdon | date:'dd-MM-yy h:mm:ss a'}}
|
||||
</span> <br/>
|
||||
<span> <span style="font-size:13px">{{details.abbr}}</span> <span style="font-weight: bold">|</span> <span style="font-weight:bold;font-size:13px" [ngStyle]="{'color':details.status == 'COMPLETED' ? 'green' : 'orange'}">{{details.status}}</span></span>
|
||||
<!-- </div>
|
||||
<div fxFlex.xs="15" fxFlex.sm="15" class="webhide" style="text-align: right;">
|
||||
<button style="float: right" mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="PDF Download" [disabled]="details.status != 'COMPLETED'"
|
||||
matTooltipPosition="above" color="primary" (click)="salesPDpdf(details.sales_pd_id)"><mat-icon>file_download</mat-icon></button><br/>
|
||||
<button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="editForm(details)"
|
||||
matTooltip="View" matTooltipPosition="above">
|
||||
<mat-icon>visibility</mat-icon>
|
||||
</button>
|
||||
</div> -->
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
<div fxFlex.xs="10" fxFlex.sm="10" class="webhide" style="text-align: right;">
|
||||
<button style="width: 43px !important;height: 23px !important;line-height: 0px !important;" mat-button mat-icon-button type="button" [disabled]="details.status != 'COMPLETED'"
|
||||
color="primary" (click)="salesPDpdf(details.sales_pd_id)"><mat-icon>file_download</mat-icon></button><br>
|
||||
<button mat-button mat-icon-button (click)="newPortal()" type="button" matTooltip="link" matTooltipPosition="above" color="primary"><mat-icon>link</mat-icon></button>
|
||||
</div>
|
||||
<mat-divider></mat-divider>
|
||||
</div>
|
||||
<!--End Mobile View Code-->
|
||||
|
||||
<!--Start Web View Code-->
|
||||
<div fxLayout="row wrap" *ngFor="let details of salesPdData">
|
||||
<div class="cell" fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="6" fxFlex.lg="6" fxFlex.xl="9" style="justify-content:flex-end">
|
||||
<small mat-line>{{details.sales_pd_id}}</small>
|
||||
</div>
|
||||
<div fxFlex.xs="14" fxFlex.sm="14" fxFlex.md="14" fxFlex.lg="14" fxFlex.xl="14" class="cell" style="justify-content:flex-end" style="color:rgb(224, 2, 1);font-weight: bold;text-align: left">
|
||||
<small mat-line>{{details.sales_pd_sno}}</small><br/>
|
||||
<small style="color: black;text-align:center;font-weight: normal;font-size: 15px;">{{details.sales_pd_type == '1' ? 'Physical PD' : 'Telephonic PD'}}</small>
|
||||
</div>
|
||||
<div fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="13" fxFlex.lg="13" fxFlex.xl="13" class="cell" style="justify-content:flex-end">
|
||||
<span *ngIf="!details.applicant_name" mat-line>
|
||||
<small>--</small>
|
||||
</span>
|
||||
<span *ngIf="details.applicant_name" mat-line>
|
||||
<b>{{details.applicant_name}}</b>
|
||||
</span><br>
|
||||
<span class="fontsize" mat-line> {{details.applicant_id}}</span>
|
||||
</div>
|
||||
<div fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="8" fxFlex.lg="8" fxFlex.xl="8" class="cell center" style="justify-content:flex-end">
|
||||
<span style="font-weight:500"> <small mat-line>{{details.short_name}}</small></span><br/>
|
||||
<span style="text-align: center;font-weight:400;font-size: 17px;"> <small mat-line>{{details.abbr}}</small></span>
|
||||
</div>
|
||||
<div fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="13" fxFlex.lg="13" fxFlex.xl="13" class="center no-pad cell" style="justify-content:flex-end">
|
||||
<span *ngIf="!details.officer_name" mat-line>
|
||||
<small>--</small>
|
||||
</span>
|
||||
<span *ngIf="details.officer_name" mat-line>
|
||||
<small mat-line >{{details.officer_name}}</small>
|
||||
</span>
|
||||
</div>
|
||||
<div fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="13" fxFlex.lg="13" fxFlex.xl="13" class="center no-pad cell" style="justify-content:flex-end">
|
||||
|
||||
<span *ngIf="!details.status" mat-line>
|
||||
<small>--</small>
|
||||
</span>
|
||||
<span *ngIf="details.status" mat-line>
|
||||
<small mat-line [ngStyle]="{'color':details.status == 'COMPLETED' ? 'green' :'orange'}">{{details.status}}</small>
|
||||
</span>
|
||||
</div>
|
||||
<div fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="12" fxFlex.lg="12" fxFlex.xl="12" class="center no-pad cell" style="justify-content:flex-end">
|
||||
<small mat-line>{{details.createdon | date: 'dd/MM/yyyy'}}</small>
|
||||
</div>
|
||||
<div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell center" style="justify-content:flex-end" *ngIf="details.pd_status != 'BOUNCED' || details.fk_pd_allocated_to == user_id">
|
||||
<button style="float: right" mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="PDF Download" [disabled]="details.status != 'COMPLETED'"
|
||||
matTooltipPosition="top" color="primary" (click)="salesPDpdf(details.sales_pd_id)"><mat-icon>file_download</mat-icon></button>
|
||||
<!-- <button [disabled]="((roleID===11)? false:((details.status === 'COMPLETED')?true:false))" mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="editForm(details)"
|
||||
matTooltip="View" matTooltipPosition="top"><mat-icon>visibility</mat-icon></button> -->
|
||||
<!-- <button [disabled]="((roleID===11)? false:((details.status === 'COMPLETED')?true:false))" mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="editForm(details)"
|
||||
matTooltip="View" matTooltipPosition="top"><mat-icon>visibility</mat-icon></button> -->
|
||||
<button [disabled]="((roleID == 11)?false:true)" mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="editForm(details)"
|
||||
matTooltip="View" matTooltipPosition="top"><mat-icon>visibility</mat-icon></button>
|
||||
<!-- <div *ngIf="roleID == 11">
|
||||
<button *ngIf="details.status == 'COMPLETED'" mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="editForm(details)"
|
||||
matTooltip="View" matTooltipPosition="top"><mat-icon>visibility</mat-icon></button>
|
||||
<mat-tab-group class="mt-1">
|
||||
<mat-tab>
|
||||
<ng-template mat-tab-label>Sales PD</ng-template>
|
||||
<mat-card-content style="padding: 0px !important;">
|
||||
<app-advance-filter [drop_down_datas]="filter_drop_down_data" (filteredlistData)="filteredDataSource($event)"
|
||||
></app-advance-filter>
|
||||
<p class="note" *ngIf="!recordStatus && limitMsg">Showing data for last {{common}}. To see older records, please use advanced filter</p>
|
||||
<br/>
|
||||
<div class="example-container">
|
||||
<!--Start Mobile View Code-->
|
||||
<div fxLayout="row wrap" *ngFor="let details of salesPdData" class="webhide">
|
||||
<div fxFlex.xs="40" fxFlex.sm="40" class="webhide" style="text-align: left;" (click)="editForm(details)">
|
||||
<small mat-line *ngIf="details.applicant_name == null">Name Not Given</small>
|
||||
<small mat-line *ngIf="details.applicant_name != null">{{details.applicant_name}}</small><br/>
|
||||
<small style="font-size: 10px;color:black" mat-line>{{details.sales_pd_type == '1' ? 'Physical PD' : 'Telephonic PD'}}</small>
|
||||
</div>
|
||||
<div *ngIf="roleID != 11">
|
||||
<button [disabled]="details.status === 'COMPLETED'" mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="editForm(details)"
|
||||
matTooltip="View" matTooltipPosition="top"><mat-icon>visibility</mat-icon></button>
|
||||
</div> -->
|
||||
<!-- <a href={{link}} target={{link}}> -->
|
||||
|
||||
<!-- </a> -->
|
||||
<!-- <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="viewPD(details.is_child == 0 ? details.pd_id : details.parent_pd_id,details.random_string)"
|
||||
matTooltip="View" matTooltipPosition="above">
|
||||
<mat-icon>visibility</mat-icon>
|
||||
</button> -->
|
||||
<!-- <mat-cell class="cell" fxFlex.xs="10" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="10" style="justify-content: flex-start"> -->
|
||||
|
||||
<!-- </mat-cell> -->
|
||||
</div>
|
||||
<mat-divider></mat-divider>
|
||||
</div>
|
||||
<!--End Web View Code-->
|
||||
</div>
|
||||
<!-- <mat-table [dataSource]="dataSourceTab4" matSort *ngIf="salesPdData.length > 0" >
|
||||
<div fxFlex.xs="50" fxFlex.sm="50" class="webhide" style="text-align: right;" (click)="editForm(details)" >
|
||||
<!-- <div fxLayout="row wrap" style="margin-left: 6px;" fxLayoutAlign="end"> -->
|
||||
<!-- <div fxFlex.xs="85" fxFlex.sm="85" class="webhide"> -->
|
||||
<span style="font-size: 10px;color:black" mat-line>
|
||||
{{details.createdon | date:'dd-MM-yy h:mm:ss a'}}
|
||||
</span> <br/>
|
||||
<span> <span style="font-size:13px">{{details.abbr}}</span> <span style="font-weight: bold">|</span> <span style="font-weight:bold;font-size:13px" [ngStyle]="{'color':details.status == 'COMPLETED' ? 'green' : 'orange'}">{{details.status}}</span></span>
|
||||
<!-- </div>
|
||||
<div fxFlex.xs="15" fxFlex.sm="15" class="webhide" style="text-align: right;">
|
||||
<button style="float: right" mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="PDF Download" [disabled]="details.status != 'COMPLETED'"
|
||||
matTooltipPosition="above" color="primary" (click)="salesPDpdf(details.sales_pd_id)"><mat-icon>file_download</mat-icon></button><br/>
|
||||
<button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="editForm(details)"
|
||||
matTooltip="View" matTooltipPosition="above">
|
||||
<mat-icon>visibility</mat-icon>
|
||||
</button>
|
||||
</div> -->
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
<div fxFlex.xs="10" fxFlex.sm="10" class="webhide" style="text-align: right;">
|
||||
<button style="width: 43px !important;height: 23px !important;line-height: 0px !important;" mat-button mat-icon-button type="button" [disabled]="details.status != 'COMPLETED'"
|
||||
color="primary" (click)="salesPDpdf(details.sales_pd_id)"><mat-icon>file_download</mat-icon></button><br>
|
||||
<button mat-button mat-icon-button (click)="newPortal()" type="button" matTooltip="link" matTooltipPosition="above" color="primary"><mat-icon>link</mat-icon></button>
|
||||
</div>
|
||||
<mat-divider></mat-divider>
|
||||
</div>
|
||||
<!--End Mobile View Code-->
|
||||
|
||||
<!--Start Web View Code-->
|
||||
<div fxLayout="row wrap" *ngFor="let details of salesPdData">
|
||||
<div class="cell" fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="6" fxFlex.lg="6" fxFlex.xl="9" style="justify-content:flex-end">
|
||||
<small mat-line>{{details.sales_pd_id}}</small>
|
||||
</div>
|
||||
<div fxFlex.xs="14" fxFlex.sm="14" fxFlex.md="14" fxFlex.lg="14" fxFlex.xl="14" class="cell" style="justify-content:flex-end" style="color:rgb(224, 2, 1);font-weight: bold;text-align: left">
|
||||
<small mat-line>{{details.sales_pd_sno}}</small><br/>
|
||||
<small style="color: black;text-align:center;font-weight: normal;font-size: 15px;">{{details.sales_pd_type == '1' ? 'Physical PD' : 'Telephonic PD'}}</small>
|
||||
</div>
|
||||
<div fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="13" fxFlex.lg="13" fxFlex.xl="13" class="cell" style="justify-content:flex-end">
|
||||
<span *ngIf="!details.applicant_name" mat-line>
|
||||
<small>--</small>
|
||||
</span>
|
||||
<span *ngIf="details.applicant_name" mat-line>
|
||||
<b>{{details.applicant_name}}</b>
|
||||
</span><br>
|
||||
<span class="fontsize" mat-line> {{details.applicant_id}}</span>
|
||||
</div>
|
||||
<div fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="8" fxFlex.lg="8" fxFlex.xl="8" class="cell center" style="justify-content:flex-end">
|
||||
<span style="font-weight:500"> <small mat-line>{{details.short_name}}</small></span><br/>
|
||||
<span style="text-align: center;font-weight:400;font-size: 17px;"> <small mat-line>{{details.abbr}}</small></span>
|
||||
</div>
|
||||
<div fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="13" fxFlex.lg="13" fxFlex.xl="13" class="center no-pad cell" style="justify-content:flex-end">
|
||||
<span *ngIf="!details.officer_name" mat-line>
|
||||
<small>--</small>
|
||||
</span>
|
||||
<span *ngIf="details.officer_name" mat-line>
|
||||
<small mat-line >{{details.officer_name}}</small>
|
||||
</span>
|
||||
</div>
|
||||
<div fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="13" fxFlex.lg="13" fxFlex.xl="13" class="center no-pad cell" style="justify-content:flex-end">
|
||||
|
||||
<ng-container matColumnDef="SalesPdId">
|
||||
<mat-cell class="cell" *matCellDef="let details;" fxFlex.xs="7" fxFlex.sm="7" fxFlex.md="7" fxFlex.lg="7" fxFlex.xl="10">
|
||||
<small mat-line>{{details.sales_pd_id}}</small>
|
||||
</mat-cell>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="SalesPdSno">
|
||||
<mat-cell fxFlex.xs="15" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="16" fxFlex.xl="15" class="cell" *matCellDef="let details;" style="color:rgb(224, 2, 1);font-weight: bold;text-align: left" >
|
||||
<small mat-line>{{details.sales_pd_sno}}</small><br/>
|
||||
<small style="color: black;text-align:center;font-weight: normal;font-size: 15px;">{{details.sales_pd_type == '1' ? 'Physical PD' : 'Telephonic PD'}}</small>
|
||||
</mat-cell>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="Applicant Name">
|
||||
<mat-cell class="cell" *matCellDef="let details;" fxFlex.xs="20" fxFlex.sm="17" fxFlex.md="18" fxFlex.lg="20" fxFlex.xl="18">
|
||||
<span *ngIf="!details.applicant_name" mat-line>
|
||||
<small>--</small>
|
||||
</span>
|
||||
<span *ngIf="details.applicant_name" mat-line>
|
||||
<b>{{details.applicant_name}}</b>
|
||||
</span><br>
|
||||
<span class="fontsize" mat-line> {{details.applicant_id}}</span>
|
||||
<span *ngIf="!details.status" mat-line>
|
||||
<small>--</small>
|
||||
</span>
|
||||
<span *ngIf="details.status" mat-line>
|
||||
<small mat-line [ngStyle]="{'color':details.status == 'COMPLETED' ? 'green' :'orange'}">{{details.status}}</small>
|
||||
</span>
|
||||
</div>
|
||||
<div fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="12" fxFlex.lg="12" fxFlex.xl="12" class="center no-pad cell" style="justify-content:flex-end">
|
||||
<small mat-line>{{details.createdon | date: 'dd/MM/yyyy'}}</small>
|
||||
</div>
|
||||
<div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="20.66" fxFlex.lg="20.66" fxFlex.xl="20.66" class="cell center">
|
||||
<div fxFlex="row">
|
||||
<div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="20.66" fxFlex.lg="20.66" fxFlex.xl="20.66" class="cell center">
|
||||
<button style="float: right" mat-button mat-icon-button class="hover-icon" type="button" matTooltip="PDF Download" [disabled]="details.status != 'COMPLETED'"
|
||||
matTooltipPosition="top" color="primary" (click)="salesPDpdf(details.sales_pd_id)"><mat-icon>file_download</mat-icon></button>
|
||||
</div>
|
||||
<div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="20.66" fxFlex.lg="20.66" fxFlex.xl="20.66" class="cell center">
|
||||
<div *ngIf="roleID == 30">
|
||||
<button *ngIf="details.status == 'COMPLETED'" mat-button mat-icon-button class="hover-icon" type="button" color="primary" (click)="editForm(details)"
|
||||
matTooltip="View" matTooltipPosition="top" style="color:rgba(0, 0, 0, 0.26) !important"><mat-icon>visibility</mat-icon></button>
|
||||
<button *ngIf="details.status == 'STARTED'" mat-button mat-icon-button class=" hover-icon" type="button" color="primary" (click)="editForm(details)"
|
||||
matTooltip="View" matTooltipPosition="top" ><mat-icon>visibility</mat-icon></button>
|
||||
</div>
|
||||
<div *ngIf="roleID != 30">
|
||||
<button [disabled]="details.status === 'COMPLETED'" mat-button mat-icon-button class="hover-icon" type="button" color="primary" (click)="editForm(details)"
|
||||
matTooltip="View" matTooltipPosition="top"><mat-icon>visibility</mat-icon></button>
|
||||
</div>
|
||||
</div>
|
||||
<div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="20.66" fxFlex.lg="20.66" fxFlex.xl="20.66" class="cell center">
|
||||
<button mat-button mat-icon-button class="hover-icon" (click)="newPortal()" type="button" matTooltip="link" matTooltipPosition="above" color="primary"><mat-icon>link</mat-icon></button>
|
||||
</div>
|
||||
<div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="20.66" fxFlex.lg="20.66" fxFlex.xl="20.66" class="cell center">
|
||||
<button *ngIf="roleID == 30" mat-button mat-icon-button class="hover-icon" type="button" matTooltip="ReGenerate"
|
||||
matTooltipPosition="above" color="primary" [matMenuTriggerFor]="menu1"><mat-icon>more_vert</mat-icon></button>
|
||||
<mat-menu #menu1="matMenu">
|
||||
<button mat-menu-item (click)="regeneratereport(details.sales_pd_id,'report')">
|
||||
|
||||
<mat-icon>autorenew</mat-icon>
|
||||
<span>Re-Generate Report</span>
|
||||
</button>
|
||||
|
||||
<button mat-menu-item (click)="regeneratereport(details.sales_pd_id,'location')">
|
||||
|
||||
<mat-icon>location_on</mat-icon>
|
||||
<span>Re-Generate Location</span>
|
||||
</button>
|
||||
<button mat-menu-item (click)="regeneratereport(details.sales_pd_id,'mail')">
|
||||
|
||||
<mat-icon>email</mat-icon>
|
||||
<span>Resent Mail</span>
|
||||
</button>
|
||||
</mat-menu>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <button [disabled]="((roleID===11)? false:((details.status === 'COMPLETED')?true:false))" mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="editForm(details)"
|
||||
matTooltip="View" matTooltipPosition="top"><mat-icon>visibility</mat-icon></button> -->
|
||||
|
||||
<!-- <a href={{link}} target={{link}}> -->
|
||||
|
||||
<!-- </a> -->
|
||||
<!-- <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="viewPD(details.is_child == 0 ? details.pd_id : details.parent_pd_id,details.random_string)"
|
||||
matTooltip="View" matTooltipPosition="above">
|
||||
<mat-icon>visibility</mat-icon>
|
||||
</button> -->
|
||||
<!-- <mat-cell class="cell" fxFlex.xs="10" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="10" style="justify-content: flex-start"> -->
|
||||
|
||||
<!-- </mat-cell> -->
|
||||
</div>
|
||||
<mat-divider></mat-divider>
|
||||
</div>
|
||||
<!--End Web View Code-->
|
||||
</div>
|
||||
<!-- <mat-table [dataSource]="dataSourceTab4" matSort *ngIf="salesPdData.length > 0" >
|
||||
|
||||
<ng-container matColumnDef="SalesPdId">
|
||||
<mat-cell class="cell" *matCellDef="let details;" fxFlex.xs="7" fxFlex.sm="7" fxFlex.md="7" fxFlex.lg="7" fxFlex.xl="10">
|
||||
<small mat-line>{{details.sales_pd_id}}</small>
|
||||
</mat-cell>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="SalesPdSno">
|
||||
<mat-cell fxFlex.xs="15" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="16" fxFlex.xl="15" class="cell" *matCellDef="let details;" style="color:rgb(224, 2, 1);font-weight: bold;text-align: left" >
|
||||
<small mat-line>{{details.sales_pd_sno}}</small><br/>
|
||||
<small style="color: black;text-align:center;font-weight: normal;font-size: 15px;">{{details.sales_pd_type == '1' ? 'Physical PD' : 'Telephonic PD'}}</small>
|
||||
</mat-cell>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="Applicant Name">
|
||||
<mat-cell class="cell" *matCellDef="let details;" fxFlex.xs="20" fxFlex.sm="17" fxFlex.md="18" fxFlex.lg="20" fxFlex.xl="18">
|
||||
<span *ngIf="!details.applicant_name" mat-line>
|
||||
<small>--</small>
|
||||
</span>
|
||||
<span *ngIf="details.applicant_name" mat-line>
|
||||
<b>{{details.applicant_name}}</b>
|
||||
</span><br>
|
||||
<span class="fontsize" mat-line> {{details.applicant_id}}</span>
|
||||
</mat-cell>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="Short Name">
|
||||
<mat-cell class="cell" *matCellDef="let details" fxLayoutAlign="center start" fxFlex.xs="9" fxFlex.sm="9" fxFlex.md="9" fxFlex.lg="9">
|
||||
<span style="font-weight:500"> <small mat-line>{{details.short_name}}</small></span><br/>
|
||||
<span style="text-align: center;font-weight:400;font-size: 17px;"> <small mat-line>{{details.abbr}}</small></span>
|
||||
</mat-cell>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="Officer Name">
|
||||
<mat-cell fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="10" fxFlex.lg="13" class="cell" *matCellDef="let details;" fxLayoutAlign="center start">
|
||||
<span *ngIf="!details.officer_name" mat-line>
|
||||
<small>--</small>
|
||||
</span>
|
||||
<span *ngIf="details.officer_name" mat-line>
|
||||
<small mat-line >{{details.officer_name}}</small>
|
||||
</span>
|
||||
</mat-cell>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="status">
|
||||
<mat-cell fxFlex.xs="10" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="18" class="cell" *matCellDef="let details;" style="justify-content: flex-start;;text-align: center;font-weight: bold" fxLayoutAlign="start">
|
||||
<span *ngIf="!details.status" mat-line>
|
||||
<small>--</small>
|
||||
</span>
|
||||
<span *ngIf="details.status" mat-line>
|
||||
<small mat-line [ngStyle]="{'color':details.status == 'COMPLETED' ? 'green' :'orange'}">{{details.status}}</small>
|
||||
</span>
|
||||
</mat-cell>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="Short Name">
|
||||
<mat-cell class="cell" *matCellDef="let details" fxLayoutAlign="center start" fxFlex.xs="9" fxFlex.sm="9" fxFlex.md="9" fxFlex.lg="9">
|
||||
<span style="font-weight:500"> <small mat-line>{{details.short_name}}</small></span><br/>
|
||||
<span style="text-align: center;font-weight:400;font-size: 17px;"> <small mat-line>{{details.abbr}}</small></span>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="Create On">
|
||||
<mat-cell class="cell" *matCellDef="let details;" fxFlex.xs="10" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="10" fxLayoutAlign="center end">
|
||||
<small mat-line>{{details.createdon | date: 'dd/MM/yyyy'}}</small>
|
||||
</mat-cell>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="Officer Name">
|
||||
<mat-cell fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="10" fxFlex.lg="13" class="cell" *matCellDef="let details;" fxLayoutAlign="center start">
|
||||
<span *ngIf="!details.officer_name" mat-line>
|
||||
<small>--</small>
|
||||
</span>
|
||||
<span *ngIf="details.officer_name" mat-line>
|
||||
<small mat-line >{{details.officer_name}}</small>
|
||||
</span>
|
||||
</mat-cell>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="status">
|
||||
<mat-cell fxFlex.xs="10" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="18" class="cell" *matCellDef="let details;" style="justify-content: flex-start;;text-align: center;font-weight: bold" fxLayoutAlign="start">
|
||||
<span *ngIf="!details.status" mat-line>
|
||||
<small>--</small>
|
||||
</span>
|
||||
<span *ngIf="details.status" mat-line>
|
||||
<small mat-line [ngStyle]="{'color':details.status == 'COMPLETED' ? 'green' :'orange'}">{{details.status}}</small>
|
||||
</span>
|
||||
</mat-cell>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="Create On">
|
||||
<mat-cell class="cell" *matCellDef="let details;" fxFlex.xs="10" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="10" fxLayoutAlign="center end">
|
||||
<small mat-line>{{details.createdon | date: 'dd/MM/yyyy'}}</small>
|
||||
</mat-cell>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="Action">
|
||||
<mat-cell class="cell" *matCellDef="let details;" style="justify-content: flex-end;padding: 0 !important" fxFlex.xs="10" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="18">
|
||||
<button style="float: right" mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="PDF Download" [disabled]="details.status != 'COMPLETED'"
|
||||
matTooltipPosition="above" color="primary" (click)="salesPDpdf(details.sales_pd_id)"><mat-icon>file_download</mat-icon></button>
|
||||
<button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="editForm(details)"
|
||||
matTooltip="View" matTooltipPosition="above">
|
||||
<mat-icon>visibility</mat-icon>
|
||||
</button>
|
||||
|
||||
</mat-cell>
|
||||
</ng-container>
|
||||
<mat-row style="align-items: normal !important;" *matRowDef="let row; columns: displayedColumns;">
|
||||
</mat-row>
|
||||
</mat-table> -->
|
||||
|
||||
</mat-card-content>
|
||||
|
||||
<mat-paginator *ngIf="!recordStatus" #paginator class="mat-elevation-z1" [length]="length" [pageIndex]="pageIndex" [pageSize]="pageSize"
|
||||
[pageSizeOptions]="[5, 10, 25,50, 100]" (page)="pageEvent = $event; pageChange($event)" showFirstLastButtons>
|
||||
</mat-paginator>
|
||||
<mat-card-content *ngIf="recordStatus">
|
||||
<h5 align="center" style="font-weight: bold;
|
||||
color: brown;">Showing data for last {{common}}. To see older records, please use advanced filter</h5>
|
||||
</mat-card-content>
|
||||
</mat-tab>
|
||||
</mat-tab-group>
|
||||
</mat-card>
|
||||
</ng-container>
|
||||
<ng-container matColumnDef="Action">
|
||||
<mat-cell class="cell" *matCellDef="let details;" style="justify-content: flex-end;padding: 0 !important" fxFlex.xs="10" fxFlex.sm="15" fxFlex.md="15" fxFlex.lg="18">
|
||||
<button style="float: right" mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="PDF Download" [disabled]="details.status != 'COMPLETED'"
|
||||
matTooltipPosition="above" color="primary" (click)="salesPDpdf(details.sales_pd_id)"><mat-icon>file_download</mat-icon></button>
|
||||
<button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="editForm(details)"
|
||||
matTooltip="View" matTooltipPosition="above">
|
||||
<mat-icon>visibility</mat-icon>
|
||||
</button>
|
||||
|
||||
</mat-cell>
|
||||
</ng-container>
|
||||
<mat-row style="align-items: normal !important;" *matRowDef="let row; columns: displayedColumns;">
|
||||
</mat-row>
|
||||
</mat-table> -->
|
||||
|
||||
</mat-card-content>
|
||||
|
||||
<mat-paginator *ngIf="!recordStatus" #paginator class="mat-elevation-z1" [length]="length" [pageIndex]="pageIndex" [pageSize]="pageSize"
|
||||
[pageSizeOptions]="[5, 10, 25,50, 100]" (page)="pageEvent = $event; pageChange($event)" showFirstLastButtons>
|
||||
</mat-paginator>
|
||||
<mat-card-content *ngIf="recordStatus">
|
||||
<h5 align="center" style="font-weight: bold;
|
||||
color: brown;">Showing data for last {{common}}. To see older records, please use advanced filter</h5>
|
||||
</mat-card-content>
|
||||
</mat-tab>
|
||||
</mat-tab-group>
|
||||
</mat-card>
|
||||
Loading…
Reference in New Issue
Block a user