|
|
|
|
<ion-header>
|
|
|
|
|
<ion-toolbar class="header-toolbar-new">
|
|
|
|
|
<ion-buttons slot="start">
|
|
|
|
|
<nav-buttons backLink="/home"></nav-buttons>
|
|
|
|
|
</ion-buttons>
|
|
|
|
|
<ion-title>WORK LIST</ion-title>
|
|
|
|
|
</ion-toolbar>
|
|
|
|
|
</ion-header>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-content>
|
|
|
|
|
<div class="contentBg">
|
|
|
|
|
<div class="result-graph">
|
|
|
|
|
<div class="request-heading">
|
|
|
|
|
<span>Open Request Analysis</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="result-text-container" [ngStyle]="showChart === false ? {'visibility': 'hidden'} : {}">
|
|
|
|
|
<span *ngIf="selectedFilter === 'ALL'">{{newWorkListResponse.length + ITGCount}} of </span>
|
|
|
|
|
<span *ngIf="showSearchButton && newWorkListResponse.length > 0 && selectedFilter !== 'ALL' && itemType !== ''">{{newWorkListResponse.length}} of </span>
|
|
|
|
|
<h2 *ngIf="!showSearchButton">{{totalRequestCount}}</h2>
|
|
|
|
|
<h2 *ngIf="showSearchButton && newWorkListResponse.length > 0 && itemType === ''">{{newWorkListResponse[0].NO_OF_ROWS + ITGCount}}</h2>
|
|
|
|
|
<h2 *ngIf="showSearchButton && newWorkListResponse.length > 0 && selectedFilter !== 'ALL' && itemType !== ''">{{newWorkListResponse[0].NO_OF_ROWS}}</h2>
|
|
|
|
|
<span>TOTAL <br> OPEN REQUEST</span>
|
|
|
|
|
</div>
|
|
|
|
|
<p-chart *ngIf="!showChart" class="today-graph" type="doughnut" [data]="data" [options]="options"></p-chart>
|
|
|
|
|
<p-chart *ngIf="showChart" 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" [ngClass]="filter.disable === true ? 'disable-filter' : ''">
|
|
|
|
|
<app-card-filter
|
|
|
|
|
[value]="filter.value"
|
|
|
|
|
[text]="filter.name"
|
|
|
|
|
[color]="filter.color"
|
|
|
|
|
[active]="filter.active"
|
|
|
|
|
(click)="activeFilter(i)"
|
|
|
|
|
></app-card-filter>
|
|
|
|
|
</ion-slide>
|
|
|
|
|
</ion-slides>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row class="search-container">
|
|
|
|
|
<ion-col style="float: left;" size=[6] *ngIf="showSearchButton" (click)="clearSearch()">
|
|
|
|
|
<span style="margin-left: 5px;">Clear Search</span>
|
|
|
|
|
<ion-icon name="close" ></ion-icon>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col style="float: right;" size=[6] (click)="openSearchModal()" *ngIf="selectedFilter === 'ALL'">
|
|
|
|
|
<ion-icon name="search" ></ion-icon>
|
|
|
|
|
<span>Advanced Search</span>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<!-- <div class="total-result" *ngIf="isEmptyObject() && selectedFilter === 'ALL' && showSearchButton === false">
|
|
|
|
|
<span>showing {{newWorkListResponse.length}} of {{filters[0].value}}</span>
|
|
|
|
|
</div> -->
|
|
|
|
|
|
|
|
|
|
<ion-row *ngIf='selectedFilter === "ITG"'>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<ion-slides>
|
|
|
|
|
<ion-slide class='slideCss' *ngFor="let segment of ITGSegment">
|
|
|
|
|
<span [ngClass]="segment.style? 'text-span-active': 'text-span'" (click)="setActive(segment.code)">
|
|
|
|
|
{{segment.name}}
|
|
|
|
|
</span>
|
|
|
|
|
</ion-slide>
|
|
|
|
|
</ion-slides>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<div style="position: relative;">
|
|
|
|
|
<div [ngClass]="showFormattedData.length > 0 ? 'work-list-container' : ''" *ngIf='selectedFilter != "ITG"'>
|
|
|
|
|
<div *ngFor="let formattedData of showFormattedData; let i = index">
|
|
|
|
|
<span class="date-span">{{formattedData.date}}</span>
|
|
|
|
|
<div (click)="openNotificationDetail(data.value)" class="date-data" *ngFor="let workList of formattedData.data; let j = index">
|
|
|
|
|
<p>{{workList.SUBJECT}}</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div [ngClass]="showFormattedData.length > 0 ? 'work-list-container' : ''" *ngIf="selectedFilter == 'ITG'" >
|
|
|
|
|
<div *ngFor='let segmentInfo of ITGItem[0]; let i= index' (click)='openITG(segmentInfo)'>
|
|
|
|
|
<span class="date-span">{{segmentInfo.ModifiedDate |date}}</span>
|
|
|
|
|
<div class="date-data">
|
|
|
|
|
<p>{{segmentInfo.Title}}</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="no-data-available" *ngIf="showFormattedData.length === 0">
|
|
|
|
|
<span>No Data Available</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<ion-infinite-scroll (ionInfinite)="doInfinite($event)" *ngIf="selectedFilter === 'ALL' || itemType !== ''">
|
|
|
|
|
<ion-infinite-scroll-content></ion-infinite-scroll-content>
|
|
|
|
|
</ion-infinite-scroll>
|
|
|
|
|
|
|
|
|
|
</ion-content>
|
|
|
|
|
|