mirror of
https://code.equilibrium.co.ao/ITO/doneit-web.git
synced 2026-04-18 20:47:54 +00:00
Peter Maquiran
88 lines
3.8 KiB
HTML
88 lines
3.8 KiB
HTML
<ion-header class="ion-no-border px-20">
|
|
<ion-toolbar class="px-10">
|
|
<ion-title class="pa-0">Adicionar intervenientes</ion-title>
|
|
</ion-toolbar>
|
|
<ion-searchbar class="attendee-search-bar" (ionChange)="onChange($event)" placeholder="Insira email para adicionar destinatário"></ion-searchbar><!-- [(ngModel)]="searchCountryString" -->
|
|
<ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
|
|
</ion-header>
|
|
|
|
<ion-content class="height-100 overflow-y-auto">
|
|
|
|
<ion-item-group class="d-flex flex-column height-100 ">
|
|
<ion-list lines="none" class="flex-grow-1 overflow-y-auto height-100" >
|
|
<ion-item-sliding class="px-20">
|
|
<div *ngFor="let attendee of contacts;">
|
|
<ion-item lines="none" *ngIf="filterSearchList(attendee)" >
|
|
<div class="pr-10">
|
|
<ion-icon class="font-35" src="assets/images/icons-userprofile.svg"></ion-icon>
|
|
</div>
|
|
<ion-label>
|
|
<h3>{{ attendee.Name }}</h3>
|
|
<p>{{ attendee.EmailAddress }}</p>
|
|
</ion-label>
|
|
<div (click)="selectContact(attendee)">
|
|
<ion-icon class="font-35" src="assets/images/icons-add-25.svg"></ion-icon>
|
|
</div>
|
|
</ion-item>
|
|
</div>
|
|
|
|
</ion-item-sliding>
|
|
</ion-list>
|
|
<hr/>
|
|
|
|
|
|
<ion-list lines="none" *ngIf="taskParticipants.length >= 1 && adding == 'intervenient' " class="flex-grow-1 overflow-y-auto height-100 pb-0" >
|
|
<div class="px-20 font-15 pt-20" style="border-top:1px solid #ebebeb;font-weight: 500;" *ngIf="taskParticipants.length >= 1 || taskParticipantsCc.length >= 1" > Destinatário</div>
|
|
<ion-item-sliding class="px-20">
|
|
<ion-item lines="none" *ngFor="let attendee of taskParticipants;" class="d-flex">
|
|
<div class="pr-10">
|
|
<ion-icon class="font-35" src="assets/images/icons-userprofile.svg"></ion-icon>
|
|
</div>
|
|
<ion-label>
|
|
<h3>{{ attendee.Name }}</h3>
|
|
<p>{{ attendee.EmailAddress }}</p>
|
|
</ion-label>
|
|
<div (click)="remove(attendee)">
|
|
<ion-icon class="font-35" src="assets/images/icons-delete-25.svg"></ion-icon>
|
|
</div>
|
|
</ion-item>
|
|
</ion-item-sliding>
|
|
</ion-list>
|
|
<ion-list lines="none" *ngIf="taskParticipantsCc.length >= 1 && adding == 'CC' " class="flex-grow-1 overflow-y-auto height-100 pb-0" >
|
|
<div class="px-20 font-15 pt-20" style="border-top:1px solid #ebebeb;font-weight: 500;" *ngIf="taskParticipants.length >= 1 || taskParticipantsCc.length >= 1" > Destinatário</div>
|
|
|
|
<ion-item-sliding class="px-20">
|
|
<ion-item lines="none" *ngFor="let attendee of taskParticipantsCc;" class="d-flex">
|
|
<div class="pr-10">
|
|
<ion-icon class="font-35" src="assets/images/icons-userprofile.svg"></ion-icon>
|
|
</div>
|
|
<ion-label>
|
|
<h3>{{ attendee.Name }}</h3>
|
|
<p>{{ attendee.EmailAddress }}</p>
|
|
</ion-label>
|
|
<div (click)="remove(attendee)">
|
|
<ion-icon class="font-35" src="assets/images/icons-delete-25.svg"></ion-icon>
|
|
</div>
|
|
</ion-item>
|
|
</ion-item-sliding>
|
|
</ion-list>
|
|
</ion-item-group>
|
|
|
|
</ion-content>
|
|
|
|
<ion-footer class="ion-no-border">
|
|
<ion-toolbar class="d-flex">
|
|
<ion-buttons class="flex-grow-1" slot="start">
|
|
<ion-button class="btn-cancel" fill="clear" color="#061b52" (click)="close()">
|
|
<ion-label>Cancelar</ion-label>
|
|
<ion-icon name="close" slot="start"></ion-icon>
|
|
</ion-button>
|
|
</ion-buttons>
|
|
<ion-buttons class="flex-grow-1" slot="end">
|
|
<ion-button class="btn-ok" fill="clear" color="#fff" (click)="save()">
|
|
<ion-label>Gravar</ion-label>
|
|
<ion-icon name="checkmark" slot="start"></ion-icon>
|
|
</ion-button>
|
|
</ion-buttons>
|
|
</ion-toolbar>
|
|
</ion-footer> |