|
|
|
|
<ion-header>
|
|
|
|
|
<ion-toolbar class="header-toolbar">
|
|
|
|
|
<ion-title color="light"> {{ts.trPK('home','worklist')}}</ion-title>
|
|
|
|
|
<ion-buttons slot="start">
|
|
|
|
|
<nav-buttons backLink="/home"></nav-buttons>
|
|
|
|
|
</ion-buttons>
|
|
|
|
|
</ion-toolbar>
|
|
|
|
|
</ion-header>
|
|
|
|
|
<ion-content>
|
|
|
|
|
<div class="result-graph">
|
|
|
|
|
<div class="request-heading">
|
|
|
|
|
<span>Open Request Analysis</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="result-text-container">
|
|
|
|
|
<h2>287</h2>
|
|
|
|
|
<span>TOTAL <br> OPEN REQUEST</span>
|
|
|
|
|
</div>
|
|
|
|
|
<p-chart class="today-graph" type="doughnut" [data]="data" [options]="options"></p-chart>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<ion-row class="filters-row">
|
|
|
|
|
<ion-slides [options]="slideOptsOne">
|
|
|
|
|
<ion-slide *ngFor="let filter of filters; let i=index">
|
|
|
|
|
<app-card-filter
|
|
|
|
|
[value]="filter.value"
|
|
|
|
|
[text]="filter.text"
|
|
|
|
|
[color]="filter.color"
|
|
|
|
|
[active]="filter.active"
|
|
|
|
|
(click)="activeFilter(i)"
|
|
|
|
|
></app-card-filter>
|
|
|
|
|
</ion-slide>
|
|
|
|
|
</ion-slides>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row class="search-container">
|
|
|
|
|
<ion-icon name="search" ></ion-icon>
|
|
|
|
|
<span>Advanced Search</span>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<div class="work-list-container">
|
|
|
|
|
<div>
|
|
|
|
|
<span class="date-span">December 02, 2019</span>
|
|
|
|
|
<div class="date-data">
|
|
|
|
|
<p>Missing swipes request for James Bond, Approved by David</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="date-data">
|
|
|
|
|
<p>Missing swipes request for James Bond, Approved by David</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="date-data">
|
|
|
|
|
<p>Missing swipes request for James Bond, Approved by David</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="date-data">
|
|
|
|
|
<p>Missing swipes request for James Bond, Approved by David</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<span class="date-span">December 02, 2019</span>
|
|
|
|
|
<div class="date-data">
|
|
|
|
|
<p>Missing swipes request for James Bond, Approved by David</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="date-data">
|
|
|
|
|
<p>Missing swipes request for James Bond, Approved by David</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="date-data">
|
|
|
|
|
<p>Missing swipes request for James Bond, Approved by David</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="date-data">
|
|
|
|
|
<p>Missing swipes request for James Bond, Approved by David</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-content>
|