Improve responsiveness

src/app/shared/agenda/view-event/view-event.page.html

@@ -1,3 +1,46 @@
+<ion-menu autoHide="false" side="end" content-id="main-content" >
+  <ion-header>
+    <ion-toolbar translucent>
+      <ion-title>Menu</ion-title>
+    </ion-toolbar>
+  </ion-header>
+  <ion-content>
+    <ion-list>
+      <ion-item (click)="openExpedientActionsModal('0',fulltask)">
+        <ion-icon name="documents" slot="start"></ion-icon>
+        <ion-label>Efectuar Despacho</ion-label>
+      </ion-item>
+      <ion-item (click)="openExpedientActionsModal('1',fulltask)">
+        <ion-icon name="arrow-undo" slot="start"></ion-icon>
+        <ion-label>Pedido de Parecer</ion-label>
+      </ion-item>
+      <ion-item (click)="openExpedientActionsModal('2',fulltask)">
+        <ion-icon name="arrow-redo" slot="start"></ion-icon>
+        <ion-label>Pedido de Deferimento</ion-label>
+      </ion-item>
+      <ion-item (click)="openBookMeetingModal(task)">
+        <ion-icon name="calendar" slot="start"></ion-icon>
+        <ion-label>Marcar reunião</ion-label>
+      </ion-item>
+      <ion-item (click)="deleteEvent()">
+        <ion-icon name="trash" slot="start"></ion-icon>
+        <ion-label>Descartar</ion-label>
+      </ion-item>
+      <ion-item (click)="editEvent()">
+        <ion-icon name="create-outline" slot="start"></ion-icon>
+        <ion-label>Editar</ion-label>
+      </ion-item>
+      <ion-item hidden disabled>
+        <ion-icon name="paper-plane" slot="start"></ion-icon>
+        <ion-label>Enviar para pendentes</ion-label>
+      </ion-item>
+    </ion-list>
+  </ion-content>
+</ion-menu>
+<div class="ion-page d-none" id="main-content">
+  <ion-menu-button></ion-menu-button>
+</div>
+
 <ion-header  class="ion-no-border">
   <ion-toolbar class="header-toolbar">
     <div class="main-header px-20">
@@ -10,14 +53,21 @@
         <div class="middle flex-grow-1">
           <ion-label class="title">{{loadedEvent.Subject}}</ion-label>
         </div>
-        <div class="div-icon">
+
+        <div class="div-icon d-none">
           <button class="btn-no-color" (click)="editEvent()">
             <ion-icon class="edit" slot="end" src="assets/images/icons-edit.svg" ></ion-icon>
           </button>
           <button class="btn-no-color" (click)="deleteEvent()">
             <ion-icon class="delete" name="trash-sharp"></ion-icon> 
           </button>
+          
         </div>
+
+        <ion-menu-button style="width: 35px; height: 41px;" autoHide="false">
+          <ion-icon  name="ellipsis-vertical-outline"></ion-icon>
+        </ion-menu-button>
+
       </div>
     </div>
   </ion-toolbar>

src/app/shared/agenda/view-event/view-event.page.scss

@@ -6,7 +6,7 @@ ion-content{
     font-size: 18px;
 }
 ion-menu{
-    --height: 225px;
+ 
   }
 .header-toolbar{
    --background:transparent;

src/app/shared/agenda/view-event/view-event.page.ts

@@ -8,6 +8,7 @@ import { Event } from 'src/app/models/event.model';
 import { EditEventPage } from 'src/app/pages/agenda/edit-event/edit-event.page';
 import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
 import { ProcessesService } from 'src/app/services/processes.service';
+import { ExpedientTaskModalPage } from 'src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page';
 
 @Component({
   selector: 'app-view-event',
@@ -46,6 +47,7 @@ export class ViewEventPage implements OnInit {
     public alertController: AlertController,
     private iab: InAppBrowser,
     private processes: ProcessesService,
+    private modalController: ModalController,
   ) 
   {
     this.isEventEdited = false;
@@ -127,4 +129,35 @@ export class ViewEventPage implements OnInit {
     });
   }
 
+
+  async openExpedientActionsModal(taskAction: any, task: any) {
+    //this.modalController.dismiss();
+    let classs;
+    if( window.innerWidth <= 800){
+      classs = 'modal modal-desktop'
+    } else  {
+      classs = 'modal modal-desktop showAsideOptions'
+    }
+    const modal = await this.modalController.create({
+      component: ExpedientTaskModalPage,
+      componentProps: {
+        taskAction: taskAction,
+        task: task,
+        profile: this.profile,
+      },
+      cssClass: classs,
+    });
+    await modal.present();
+    modal.onDidDismiss().then(res=>{
+      console.log(res['data']);
+      if(res['data']=='openDiscart'){
+        console.log('open discart');
+        
+        // this.distartExpedientModal();
+
+      }
+
+    });
+  }
+
 }

src/app/shared/header-pr/header-pr.page.html

@@ -1,4 +1,4 @@
-<ion-toolbar class="bg-blue">
+<ion-toolbar>
   <div class="div-top-header">
     <div class="div-search">
       <ion-icon src='assets/images/icons-search.svg'></ion-icon>

src/app/shared/header/header.page.html

@@ -1,4 +1,4 @@
-<ion-toolbar class="bg-blue pb-10">
+<div class=" pb-10 ion-toolbar text-white">
 
 
   <div class="mobile d-flex  div-top-header justify-space-between">
@@ -89,5 +89,5 @@
 
   </div>
   
-</ion-toolbar>
+</div>
   

src/app/shared/header/header.page.scss

@@ -2,7 +2,7 @@
 
 .div-top-header{
   margin: 0 em(20px);
-  background-color: #0782c9;
+  // background-color: #0782c9;
   padding-top: em(15px);
   border: 0!important;
 }

src/app/shared/headers/header-no-search/header-no-search.page.html

@@ -1,4 +1,4 @@
-<ion-toolbar class="bg-blue pb-10">
+<div class=" pb-10 ion-toolbar text-white">
 
 
   <div class="mobile d-flex  div-top-header justify-space-between">
@@ -64,5 +64,5 @@
 
   </div>
   
-</ion-toolbar>
+</div>
   

src/app/shared/headers/header-no-search/header-no-search.page.scss

@@ -2,7 +2,7 @@
 
 .div-top-header{
   margin: 0 em(20px);
-  background-color: #0782c9;
+  // background-color: #0782c9;
   padding-top: em(15px);
   border: 0!important;
 }