129 lines
4.6 KiB
HTML
129 lines
4.6 KiB
HTML
<ion-header>
|
|
<ion-toolbar color="optblue">
|
|
<ion-buttons slot="start">
|
|
<ion-menu-button></ion-menu-button>
|
|
</ion-buttons>
|
|
<ion-title>Sales PD List</ion-title>
|
|
<!-- <ion-buttons slot="end">
|
|
<ion-button (click)="openFilterModal()">
|
|
<ion-icon name="options" style="font-size: 23px;"></ion-icon>
|
|
</ion-button>
|
|
</ion-buttons>
|
|
<ion-buttons slot="end">
|
|
<ion-button (click)="takePicture()">
|
|
<ion-icon name="camera-outline" style="font-size: 23px;"></ion-icon>
|
|
</ion-button>
|
|
</ion-buttons>
|
|
<ion-buttons slot="end">
|
|
<ion-button (click)="logout()">
|
|
<ion-icon name="exit-outline" style="font-size: 23px;"></ion-icon>
|
|
</ion-button>
|
|
</ion-buttons> -->
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content padding >
|
|
<ion-fab slot="fixed" vertical="top" horizontal="end" [edge]="true">
|
|
<ion-fab-button size="small">
|
|
<ion-icon name="chevron-down-circle"></ion-icon>
|
|
</ion-fab-button>
|
|
<ion-fab-list side="bottom">
|
|
<ion-fab-button (click)="openFilterModal()">
|
|
<ion-icon name="options"></ion-icon>
|
|
</ion-fab-button>
|
|
<ion-fab-button (click)="newForm()" *ngIf="is_sales_login">
|
|
<ion-icon name="add"></ion-icon>
|
|
</ion-fab-button>
|
|
<ion-fab-button (click)="logout()">
|
|
<ion-icon name="exit-outline"></ion-icon>
|
|
</ion-fab-button>
|
|
</ion-fab-list>
|
|
</ion-fab>
|
|
|
|
|
|
<ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
|
|
<ion-refresher-content></ion-refresher-content>
|
|
</ion-refresher>
|
|
|
|
<!-- <div class="pdf_source">
|
|
<pdf-viewer [src]="reportSrc" [render-text]="true" [original-size]="false" [autoresize]="true" style="display: block;"></pdf-viewer>
|
|
</div> -->
|
|
<ion-list>
|
|
<ion-item-sliding *ngFor="let val of sales_displayValue" style="padding: 0px">
|
|
<ion-item (click)="val.status != 'COMPLETED' ? editForm(val) : salesPDpdf(val)">
|
|
<ion-grid>
|
|
<ion-row class="ion-align-items-center">
|
|
<ion-col class="applicant_name" col-6 *ngIf="val.applicant_name != null" >
|
|
<h1>{{val.applicant_name}}</h1>
|
|
</ion-col>
|
|
<ion-col col-6 *ngIf="val.applicant_name == null">
|
|
<h1>Name Not Given</h1>
|
|
</ion-col>
|
|
<ion-col col-6 class="ion-text-end">
|
|
<div style="font-size: 10px;color: #473938;">
|
|
<p>{{val.createdon | date:'dd-MM-yy h:mm:ss a'}}</p>
|
|
</div>
|
|
</ion-col>
|
|
</ion-row>
|
|
<ion-row class="ion-align-items-center">
|
|
<ion-col col-6>
|
|
<h6 class="app_id">{{val.sales_pd_type == '1' ? 'Physical PD' : 'Telephonic PD'}}</h6>
|
|
</ion-col>
|
|
<ion-col col-6 class="ion-text-end">
|
|
<div style="font-size: 13px;">
|
|
<h6>
|
|
<span style="font-size: 13px;color: black;">{{val.abbr}}</span> <span style="font-weight: bold;color: black;">|</span> <span style="font-weight: bold; font-size: 13px" [ngStyle]="{'color': val.status == 'COMPLETED' ? 'green' : 'orange'}">{{val.status}}</span>
|
|
</h6>
|
|
</div>
|
|
</ion-col>
|
|
</ion-row>
|
|
</ion-grid>
|
|
<!-- <ion-row>
|
|
<ion-col text-right col-12>
|
|
<a [href]="val.link" [target]="val.link"><ion-icon style="color: #008828; font-size: 25px;" name="link"></ion-icon></a>
|
|
</ion-col>
|
|
</ion-row> -->
|
|
</ion-item>
|
|
<ion-item-options>
|
|
<ion-item-option (click)="goToUrl(val.link)">
|
|
<ion-icon style="color: #69f0ae; font-size: 25px;" name="link"></ion-icon>
|
|
</ion-item-option>
|
|
<!-- <ion-item-option color="danger">Delete</ion-item-option> -->
|
|
</ion-item-options>
|
|
</ion-item-sliding>
|
|
</ion-list>
|
|
<!-- <ion-fab slot="fixed" vertical="bottom" horizontal="end" (click)="newForm()" *ngIf="is_sales_login">
|
|
<ion-fab-button size="small">
|
|
<ion-icon name="add"></ion-icon>
|
|
</ion-fab-button>
|
|
</ion-fab> -->
|
|
|
|
</ion-content>
|
|
<ion-footer>
|
|
<!-- <ion-tabs>
|
|
<ion-tab-button (click)="redirectToAnotherPage()">
|
|
<ion-icon name="list"></ion-icon>
|
|
<ion-label>List</ion-label>
|
|
</ion-tab-button>
|
|
</ion-tabs> -->
|
|
|
|
<ion-tabs>
|
|
<ion-tab-bar slot="bottom">
|
|
<ion-tab-button>
|
|
<ion-icon name="home"></ion-icon>
|
|
<ion-label>Home</ion-label>
|
|
</ion-tab-button>
|
|
|
|
<ion-tab-button>
|
|
<ion-icon name="add"></ion-icon>
|
|
<ion-label>PD</ion-label>
|
|
</ion-tab-button>
|
|
|
|
<ion-tab-button>
|
|
<ion-icon name="power"></ion-icon>
|
|
<ion-label>Logout</ion-label>
|
|
</ion-tab-button>
|
|
</ion-tab-bar>
|
|
</ion-tabs>
|
|
</ion-footer>
|