mirror of
https://code.equilibrium.co.ao/ITO/doneit-web.git
synced 2026-04-18 12:37:53 +00:00
Peter Maquiran
105 lines
4.5 KiB
HTML
105 lines
4.5 KiB
HTML
<ion-header class="ion-no-border">
|
|
<ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar>
|
|
<div class="title">
|
|
<div class="thetitle"><ion-label >Despachos</ion-label></div>
|
|
<div class="theicon d-flex">
|
|
<!-- <button title="Atualizar" class="btn-no-color" (click)="refreshing()">
|
|
<ion-icon slot="end" class="title-icon font-awesome" name="reload-circle"></ion-icon>
|
|
</button> -->
|
|
|
|
<div>
|
|
<div title="Pesquisa" *ngIf="!hideSearchBtn" class="mr-20 d-flex align-center cursor-pointer">
|
|
<div (click)="openSearch();showSearch=true" *ngIf="!showSearch" class="d-flex">
|
|
<ion-icon title="Perfil" *ngIf="ThemeService.currentTheme == 'doneIt' " class="font-35" src="assets/images/theme/doneIt/icons-search.svg"></ion-icon>
|
|
<ion-icon title="Perfil" *ngIf="ThemeService.currentTheme == 'default' " class="font-35" src='assets/images/icons-search.svg'></ion-icon>
|
|
<ion-icon title="Perfil" *ngIf="ThemeService.currentTheme == 'gov' " class="font-35" src='assets/images/theme/gov/icons-search.svg'></ion-icon>
|
|
</div>
|
|
<button title="Fechar" class="btn-no-color d-flex" (click)="closeSearch();showSearch=false;searchSubject=''" *ngIf="showSearch">
|
|
<ion-icon *ngIf="ThemeService.currentTheme == 'default' || ThemeService.currentTheme == 'doneIt' " class="font-35" name="restaurant-outline" src="assets/images/icons-search-close.svg"></ion-icon>
|
|
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="font-35" name="restaurant-outline" src="assets/images/theme/gov/icons-search-close.svg"></ion-icon>
|
|
</button>
|
|
|
|
<div *ngIf="showSearch">
|
|
<div class="d-flex search-input-container ml-10 justify-between" *ngIf="showSearch">
|
|
<!-- <div class="icon" (click)="basicSearch()">
|
|
<ion-icon class="icon-z" slot="end" name="search"></ion-icon>
|
|
</div> -->
|
|
<div class="input-text d-flex ion-align-items-center">
|
|
<ion-input (keyup.enter)="basicSearch()" [(ngModel)]='searchSubject' (ngModelChange)="dynamicSearch()"
|
|
class="search-input text-black" type="search" placeholder="Pesquisar"></ion-input>
|
|
</div>
|
|
|
|
<!-- <div class="icon" (click)="clearSearchInput()">
|
|
<ion-icon title="Limpar" *ngIf="ThemeService.currentTheme == 'default' "name="restaurant-outline" src="assets/images/icons-search-close.svg"></ion-icon>
|
|
<ion-icon title="Limpar" *ngIf="ThemeService.currentTheme == 'doneIt' "name="restaurant-outline" src="assets/images/theme/doneIt/icons-search.svg"></ion-icon>
|
|
<ion-icon title="Limpar" *ngIf="ThemeService.currentTheme == 'gov' " name="restaurant-outline" src="assets/images/theme/gov/icons-search-close.svg"></ion-icon>
|
|
</div> -->
|
|
<div (click)="basicSearch()" class="d-flex align-center icon">
|
|
|
|
<ion-icon class="icon-z" slot="end" src="assets/images/theme/gov/search.svg"></ion-icon>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<mat-form-field class="task-filter-input" appearance="none" color="ion-color-secondary" placeholder="Selecione agenda">
|
|
<mat-select [(value)]="filterName">
|
|
|
|
<mat-option value="Para hoje" >
|
|
Para hoje
|
|
</mat-option>
|
|
|
|
<mat-option value="Novos" >
|
|
Novos
|
|
</mat-option>
|
|
|
|
<mat-option value="Lidos" >
|
|
Lidos
|
|
</mat-option>
|
|
|
|
<mat-option value="Não lidos" >
|
|
Não lidos
|
|
</mat-option>
|
|
|
|
|
|
<mat-option value="OverdueTasks">
|
|
Em atraso
|
|
</mat-option>
|
|
|
|
<mat-option value="Todos" >
|
|
Todos
|
|
</mat-option>
|
|
|
|
|
|
</mat-select>
|
|
</mat-form-field>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</ion-header>
|
|
<ion-content>
|
|
|
|
<ion-refresher name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">
|
|
<ion-refresher-content
|
|
pullingIcon="chevron-down-circle-outline"
|
|
pullingText="deslize para actualizar"
|
|
refreshingSpinner="circles"
|
|
refreshingText="A actualizar...">
|
|
</ion-refresher-content>
|
|
</ion-refresher>
|
|
|
|
<app-task-list
|
|
[taskList] = list
|
|
[skeletonLoader] = skeletonLoader
|
|
(viewTaskDetail)="goToDespacho($event)"
|
|
[filterName]="filterName"
|
|
>
|
|
</app-task-list>
|
|
|
|
</ion-content>
|
|
|