Improve agenda

src/app/pages/agenda/agenda.page.ts

@@ -9,7 +9,7 @@ import { AlertService } from 'src/app/services/alert.service';
 import { NewEventPage } from './new-event/new-event.page';
 import { ViewEventPage } from './view-event/view-event.page';
 import { momentG }  from 'src/plugin/momentG';
-import {DomSanitizer} from "@angular/platform-browser";
+import { DomSanitizer } from "@angular/platform-browser";
 
 // showTimeline
 import { setHours, setMinutes } from 'date-fns';
@@ -20,7 +20,6 @@ import {
   DAYS_OF_WEEK,
 } from 'angular-calendar';
 import { CustomDateFormatter } from './custom-date-formatter.provider';
-import { ApproveEventModalPage } from './approve-event-modal/approve-event-modal.page';
 import { EventListPage } from '../gabinete-digital/event-list/event-list.page';
 
 @Component({
@@ -107,7 +106,15 @@ export class AgendaPage implements OnInit {
     showAddNewEvent: false,
     showEditEvent: false,
     showEventDitails: false,
-    showEventList: false
+    showEventList: false,
+    transparentEventList: false,
+    showEventToApprove: false
+  }
+
+  eventToaprove: any = {
+    back: false,
+    serialNumber: "",
+    saveData: {}
   }
 
   constructor( 
@@ -722,15 +729,45 @@ export class AgendaPage implements OnInit {
 
   } 
 
+  approveEventDismiss({saveData, serialNumber, action}){
+
+    if(action == 'Aprovar'){
+      this.eventToaprove = {
+        back: true,
+        saveData: saveData,
+        serialNumber:serialNumber
+      }
+      // this.mobileComponent.showEventList = false;
+      this.mobileComponent.transparentEventList = true;
+      this.mobileComponent.showEventToApprove = true;
+    }
+  }
+
+  closeEventToApprove(){
+    if (this.eventToaprove.back ==true && this.mobileComponent.showEventList ==true){
+      this.mobileComponent.transparentEventList = false;
+      this.mobileComponent.showEventToApprove = false;
+      this.eventToaprove.back = false;
+    }
+    else {
+      this.mobileComponent.showEventToApprove = false;
+      this.mobileComponent.showEventList = false;
+    }
+    
+  }
+
   async cloneAllmobileComponent(){
     
     this.mobileComponent= {
       showAddNewEvent: false,
       showEditEvent: false,
       showEventDitails: false,
-      showEventList: false
+      showEventList: false,
+      showEventToApprove: false
     }
 
+    this.closeEventToApprove();
+
   }
 
 }