Finished layout of generic page for Despacho, Parecer e Deferimento

src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.html

@@ -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">
+        <div class="list-people">
           <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-label>Adicionar intervenientes</ion-label>
-            <ion-item lines="none">segpr@exemplo.gov.ao</ion-item>
+              <ion-label>segpr@exemplo.gov.ao</ion-label>
             </ion-list>
           </ion-item>
-        <!-- <ion-input class="add-border" placeholder="Adicionar Destinatários"></ion-input> -->
+        </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">
+      <div class="ion-input-class-no-height">
-        <ion-input class="add-border" placeholder="Adicionar CC"></ion-input>
+        <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

@@ -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

@@ -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,
+  modalTitle: string[] = [
-    private router:Router,) { }
+    '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

@@ -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

@@ -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

@@ -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>