|
|
|
|
@ -1,14 +1,12 @@
|
|
|
|
|
<ion-header *ngIf="!messageSuccess">
|
|
|
|
|
<ion-toolbar>
|
|
|
|
|
<!-- class="header-toolbar" <nav-buttons></nav-buttons> -->
|
|
|
|
|
<ion-title *ngIf="!isAnswer && getPassActionMode !='REQUEST_INFO' && getPassActionMode !='DELEGATE'" color="dark">{{
|
|
|
|
|
<ion-header *ngIf="!messageSuccess" no-border>
|
|
|
|
|
<ion-toolbar no-border>
|
|
|
|
|
<!-- <ion-title *ngIf="!isAnswer && getPassActionMode !='REQUEST_INFO' && getPassActionMode !='DELEGATE'" color="dark">{{
|
|
|
|
|
'replacementRoll, title' | translate}}</ion-title>
|
|
|
|
|
<ion-title *ngIf="getPassActionMode =='REQUEST_INFO'" color="dark">{{ 'worklistMain, request' | translate}}
|
|
|
|
|
</ion-title>
|
|
|
|
|
<ion-title *ngIf="getPassActionMode =='DELEGATE'" color="dark">{{ 'worklistMain, delegate' | translate}}</ion-title>
|
|
|
|
|
<ion-title *ngIf="getPassActionMode =='DELEGATE'" color="dark">{{ 'worklistMain, delegate' | translate}}</ion-title> -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <ion-title *ngIf="isAnswer" color="dark">Answer</ion-title> -->
|
|
|
|
|
|
|
|
|
|
</ion-toolbar>
|
|
|
|
|
</ion-header>
|
|
|
|
|
@ -18,9 +16,15 @@
|
|
|
|
|
|
|
|
|
|
<ion-list [hidden]="isAnswer==true">
|
|
|
|
|
<ion-list-header>
|
|
|
|
|
<ion-label class="boldTxtNav">{{'replacementRoll, searchBy' | translate}}</ion-label>
|
|
|
|
|
|
|
|
|
|
<ion-title class="boldTxtNav" *ngIf="!isAnswer && getPassActionMode !='REQUEST_INFO' && getPassActionMode !='DELEGATE'" color="dark">{{
|
|
|
|
|
'replacementRoll, title' | translate}}</ion-title>
|
|
|
|
|
<ion-title class="boldTxtNav" *ngIf="getPassActionMode =='REQUEST_INFO'" color="dark">{{ 'worklistMain, request' | translate}}
|
|
|
|
|
</ion-title>
|
|
|
|
|
<ion-title class="boldTxtNav" *ngIf="getPassActionMode =='DELEGATE'" color="dark">{{ 'worklistMain, delegate' | translate}}</ion-title>
|
|
|
|
|
|
|
|
|
|
</ion-list-header>
|
|
|
|
|
<ion-radio-group [(ngModel)]="searchBy" (ionChange)="onChangeSelect($event)">
|
|
|
|
|
<!-- <ion-radio-group [(ngModel)]="searchBy" (ionChange)="onChangeSelect($event)">
|
|
|
|
|
<ion-row class="top-radio-row" style="display: flex;">
|
|
|
|
|
<ion-item lines='none'>
|
|
|
|
|
<ion-radio mode="md" value="1" checked></ion-radio>
|
|
|
|
|
@ -53,13 +57,12 @@
|
|
|
|
|
</ion-label>
|
|
|
|
|
</ion-item>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-radio-group>
|
|
|
|
|
</ion-radio-group> -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div style="padding: 5px;" *ngIf="!isFilter">
|
|
|
|
|
<!-- <div style="padding: 5px;" *ngIf="!isFilter">
|
|
|
|
|
|
|
|
|
|
<!-- <ion-input (ionInput)="onChangeInput()" [ngClass]="direction == 'en'? 'filterInput':'filterInput-ar'" [(ngModel)]="inputSearch" [placeholder]='getPlaceHolder()' clearInput="true"></ion-input> -->
|
|
|
|
|
<ion-grid>
|
|
|
|
|
<ion-row style="height: 45px; border: 1px solid lightgray; border-radius: 50px;">
|
|
|
|
|
<ion-col size='9'>
|
|
|
|
|
@ -80,12 +83,50 @@
|
|
|
|
|
<div *ngIf="isFilter">
|
|
|
|
|
<ion-searchbar class="filterClass" mode='md' (ionInput)="filterList($event)" placeholder="Filter">
|
|
|
|
|
</ion-searchbar>
|
|
|
|
|
</div> -->
|
|
|
|
|
|
|
|
|
|
<div style="border: 1px solid lightgray; border-radius: 100px; width: 100%;">
|
|
|
|
|
<ion-grid style="height: 50px; padding: 1px 1px 1px 1px;">
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col size="7">
|
|
|
|
|
<div *ngIf="isFilter" style="height: 0px;">
|
|
|
|
|
<ion-searchbar style="padding-top: 1px;" class="filterClass" mode='md' (ionInput)="filterList($event)" placeholder="Filter">
|
|
|
|
|
</ion-searchbar>
|
|
|
|
|
</div>
|
|
|
|
|
<ion-input *ngIf="!isFilter" class='replacmentSearchBar' clearInput="true"
|
|
|
|
|
[(ngModel)]="inputSearch" [placeholder]='"replacementRoll, searchbyname" | translate'>
|
|
|
|
|
<ion-icon style="width: 50px; height: 21px;" name="search"></ion-icon>
|
|
|
|
|
</ion-input>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col size="5" style="display: flex;">
|
|
|
|
|
<div class="vl"></div>
|
|
|
|
|
<ion-item lines="none" style="display: flex;">
|
|
|
|
|
<ion-select style="min-width: 100%; height: 40px; padding-top: 5px;" [(ngModel)]="searchBy" (ionChange)="onChangeSelect($event)">
|
|
|
|
|
<ion-select-option value="1" ><p style="min-width: 100%; font-size: 11px; font-weight: bold;">{{'replacementRoll, workflow' | translate}}</p></ion-select-option>
|
|
|
|
|
<ion-select-option value="4" ><p style="min-width: 100%; font-size: 11px; font-weight: bold;">{{'replacementRoll, favorite' | translate}}</p></ion-select-option>
|
|
|
|
|
<ion-select-option value="2" ><p style="min-width: 100%; font-size: 11px; font-weight: bold;">{{'replacementRoll, employee-id' | translate}}</p></ion-select-option>
|
|
|
|
|
<ion-select-option value="3" ><p style="min-width: 100%; font-size: 11px; font-weight: bold;">{{'replacementRoll, employee-email' | translate}}</p></ion-select-option>
|
|
|
|
|
<ion-select-option value="5" ><p style="min-width: 100%; font-size: 11px; font-weight: bold;">{{'replacementRoll, employee-name' | translate}}</p></ion-select-option>
|
|
|
|
|
</ion-select>
|
|
|
|
|
</ion-item>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-grid>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-grid>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<div style="text-align: end;" *ngIf='inputSearch && !userSelected && !isFilter'>
|
|
|
|
|
<button ion-button clear class="searchText" (click)="onChangeInput()" type="button" item-right >
|
|
|
|
|
{{"general, search" | translate}}
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-grid>
|
|
|
|
|
</ion-list>
|
|
|
|
|
|
|
|
|
|
<div style="font-weight: bold;" *ngIf="searchBy === '4' && !isFavoriteLetterActive">
|
|
|
|
|
<div style="font-weight: bold;" *ngIf="searchBy === '4' && !isFavoriteLetterActive && !userSelected">
|
|
|
|
|
<ion-slides [options]="slideOptsOne">
|
|
|
|
|
<ion-slide *ngFor="let filter of favLetter; let i=index">
|
|
|
|
|
<div>
|
|
|
|
|
@ -95,7 +136,7 @@
|
|
|
|
|
</ion-slides>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div style="font-weight: bold;" *ngIf="searchBy === '4' && isFavoriteLetterActive">
|
|
|
|
|
<div style="font-weight: bold;" *ngIf="searchBy === '4' && isFavoriteLetterActive && !userSelected">
|
|
|
|
|
<ion-slides [options]="slideOptsOne">
|
|
|
|
|
<ion-slide *ngFor="let filter of favLetter; let i=index">
|
|
|
|
|
<div [ngClass]="returnIsActiveFunction(i)? 'isFavLetterActive':''">
|
|
|
|
|
|