Styled book-meeting-modal

This commit is contained in:
Tiago Kayaya
2020-11-10 16:44:38 +01:00
parent 247c6e0a51
commit 87d643f451
19 changed files with 628 additions and 44 deletions
@@ -1,9 +1,84 @@
<ion-header>
<ion-toolbar>
<ion-title>expedient-task-modal</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-item lines="none">
<ion-label class="title">Solicitar Parecer</ion-label>
</ion-item>
<div class="ion-item-container">
<ion-input placeholder="Assunto"></ion-input>
</div>
<div class="container-div">
<div class="ion-item-class-2">
<div class="ion-icon-class">
<ion-icon slot="start" src="assets/images/icons-description.svg"></ion-icon>
</div>
<div class="ion-input-class">
<ion-input class="add-border" placeholder="Descrição"></ion-input>
</div>
</div>
</div>
<div class="container-div">
<div class="ion-item-class-2">
<div class="ion-icon-class">
<ion-icon slot="start" src="assets/images/icons-calendar.svg"></ion-icon>
</div>
<div class="ion-input-class">
<ion-select value="Normal" interface="action-sheet" Cancel-text="Cancelar" required>
<ion-select-option Pessoal="Reunião">Normal</ion-select-option>
<ion-select-option Oficial="Viagem">Urgente</ion-select-option>
<ion-select-option Oficial="Viagem">Muito Urgente</ion-select-option>
<ion-select-option Oficial="Viagem">Urgentíssimo</ion-select-option>
</ion-select>
</div>
</div>
</div>
<div class="container-div">
<div class="ion-item-class-2">
<div class="ion-icon-class">
<ion-icon slot="start" src="assets/images/icons-person.svg"></ion-icon>
</div>
<div class="ion-input-class-no-height">
<ion-item lines="none">
<ion-button slot="end"><ion-icon name="people"></ion-icon></ion-button>
<ion-list>
<ion-item lines="none">segpr@exemplo.gov.ao</ion-item>
<ion-item lines="none">segpr@exemplo.gov.ao</ion-item>
</ion-list>
</ion-item>
<!-- <ion-input class="add-border" placeholder="Adicionar Destinatários"></ion-input> -->
</div>
</div>
</div>
<div class="container-div">
<div class="ion-item-class-2">
<div class="ion-icon-class">
<ion-icon slot="start" src="assets/images/icons-people-cc.svg"></ion-icon>
</div>
<div class="ion-input-class">
<ion-input class="add-border" placeholder="Adicionar CC"></ion-input>
</div>
</div>
</div>
<div class="ion-item-container-no-border">
<ion-item lines="none">
<ion-icon slot="start" src="assets/images/icons-attach-doc.svg"></ion-icon>
<ion-label>Anexar Documentos</ion-label>
</ion-item>
</div>
</ion-content>
<ion-footer>
<ion-toolbar>
<ion-item lines="none">
<p>
<ion-button class="button-cancel" shape="round" (click)="cancelTask()">Cancelar</ion-button>
</p>
<p>
<ion-button class="button-save" shape="round" (click)="saveTask()">Guardar</ion-button>
</p>
</ion-item>
</ion-toolbar>
</ion-footer>