peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-18 12:37:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Finished layout of generic page for Despacho, Parecer e Deferimento

Browse Source
This commit is contained in:
Tiago Kayaya
2020-11-11 10:20:01 +01:00
parent 87d643f451
commit f69661fee9
6 changed files with 79 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.html
+26 -13
View File
@@ -1,6 +1,6 @@
<ion-content>
<ion-item lines="none">
<ion-label class="title">Solicitar Parecer</ion-label>
<ion-label class="title">{{modalTitle[taskType]}}</ion-label>
</ion-item>
<div class="ion-item-container">
<ion-input placeholder="Assunto"></ion-input>
@@ -39,14 +39,17 @@
<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 class="list-people">
<ion-item lines="none">
<ion-list>
<ion-label>Adicionar intervenientes</ion-label>
<ion-label>segpr@exemplo.gov.ao</ion-label>
</ion-list>
</ion-item>
</div>
<div class="add-people">
<ion-icon (click)="clicked()" slot="start" src="assets/images/icons-arrow-forward.svg"></ion-icon>
</div>
</div>
</div>
</div>
@@ -56,8 +59,18 @@
<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 class="ion-input-class-no-height">
<div class="list-people">
<ion-item lines="none">
<ion-list>
<ion-label>Com conhecimento</ion-label>
<ion-label>segpr@exemplo.gov.ao</ion-label>
</ion-list>
</ion-item>
</div>
<div class="add-people">
<ion-icon (click)="clicked()" slot="start" src="assets/images/icons-arrow-forward.svg"></ion-icon>
</div>
</div>
</div>
</div>
@@ -65,7 +78,7 @@
<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-label class="attach-document">Anexar Documentos</ion-label>
</ion-item>
</div>
@@ -77,7 +90,7 @@
<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>
<ion-button class="button-save" shape="round" (click)="saveTask()">Gravar</ion-button>
</p>
</ion-item>
</ion-toolbar>
src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.scss
+19 -1
View File
@@ -49,7 +49,25 @@ ion-select{
float: left;
}
.ion-input-class-no-height{
border: 1px solid red;
border: 1px solid #ebebeb;
border-radius: 5px;
overflow: auto;
}
.list-people{
width: 256px;
float: left;
}
.add-people{
width: 45px;
float: right;
overflow: auto;
font-size: 25px;
padding: 10px;
}
.attach-document{
font-size: 15px;
color: #0d89d1;
}
.container-footer{
margin:0 auto;
src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.ts
+18 -3
View File
@@ -1,6 +1,6 @@
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { ModalController } from '@ionic/angular';
import { ModalController, NavParams } from '@ionic/angular';
@Component({
selector: 'app-expedient-task-modal',
@@ -9,10 +9,21 @@ import { ModalController } from '@ionic/angular';
})
export class ExpedientTaskModalPage implements OnInit {
constructor(private modalController: ModalController,
private router:Router,) { }
modalTitle: string[] = [
'Efectuar Despacho',
'Solicitar Parecer',
'Solicitar Deferimento'
];
taskType:number;
constructor(
private modalController: ModalController,
private router:Router,
private navParams: NavParams,
) { }
ngOnInit() {
this.taskType = this.navParams.get('taskType');
}
close(){
@@ -25,5 +36,9 @@ export class ExpedientTaskModalPage implements OnInit {
saveTask(){
}
clicked(){
console.log('clicked');
}
}
src/app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page.html
+3 -3
View File
@@ -20,15 +20,15 @@
</ion-header>
<ion-content>
<ion-list>
<ion-item (click)="openExpedientActionsModal()">
<ion-item (click)="openExpedientActionsModal('0')">
<ion-icon name="documents" slot="start"></ion-icon>
<ion-label>Efectuar Despacho</ion-label>
</ion-item>
<ion-item (click)="openExpedientActionsModal()">
<ion-item (click)="openExpedientActionsModal('1')">
<ion-icon name="arrow-undo" slot="start"></ion-icon>
<ion-label>Pedido de Parecer</ion-label>
</ion-item>
<ion-item (click)="openExpedientActionsModal()">
<ion-item (click)="openExpedientActionsModal('2')">
<ion-icon name="arrow-redo" slot="start"></ion-icon>
<ion-label>Pedido de Deferimento</ion-label>
</ion-item>
src/app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page.ts
+2 -2
View File
@@ -92,11 +92,11 @@ export class ExpedienteDetailPage implements OnInit {
dispatchExpedient(){
this.alertService.presentAlert('Funcionalidade em desenvolvimento');
}
async openExpedientActionsModal(eventSerialNumber){
async openExpedientActionsModal(taskType:any){
const modal = await this.modalController.create({
component: ExpedientTaskModalPage,
componentProps:{
serialNumber: eventSerialNumber,
taskType: taskType,
},
cssClass: 'expedient-task-modal',
backdropDismiss: false
src/assets/images/icons-arrow-forward.svg
+11
View File
@@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25">
<g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<g stroke="#42B9FE" stroke-width="2">
<g>
<g>
<path d="M15.5 7.5L9.5 13 15.5 18.5" transform="translate(-346 -459) translate(20 449) translate(326 10) matrix(-1 0 0 1 25 0)"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 470 B