Auto close modal for table

src/app/pages/agenda/agenda.page.scss

@@ -556,7 +556,7 @@ app-view-event{
   flex-direction: column;
 }
 
-app-edit-even{
+app-edit-event{
   display: flex;
   flex-direction: column;
   height: 100%;

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

@@ -147,6 +147,16 @@ export class AgendaPage implements OnInit {
         }
       }
     });
+
+
+    window.onresize = (event) => {
+      // if not table remove all component
+      if( window.innerWidth <= 1024){
+        console.log('mobile')
+        this.cloneAllmobileComponent();
+      }
+    };
+
   }
 
   //Go to the next view of the calendar month/week/day
@@ -211,8 +221,8 @@ export class AgendaPage implements OnInit {
   }
 
   onTimeSelected = (ev: { selectedTime: Date, events: any[] }) => {
-        console.log('Selected time: ' + ev.selectedTime + ', hasEvents: ' + (ev.events !== undefined && ev.events.length !== 0));
-        this.eventSelectedDate2 = ev.selectedTime;
+    console.log('Selected time: ' + ev.selectedTime + ', hasEvents: ' + (ev.events !== undefined && ev.events.length !== 0));
+    this.eventSelectedDate2 = ev.selectedTime;
   }; 
 
   onRangeChanged (ev: { startTime: Date, endTime: Date }) {

src/app/pages/agenda/approve-event-modal/approve-event-modal.page.ts

@@ -42,6 +42,13 @@ export class ApproveEventModalPage implements OnInit {
   ngOnInit() {
     this.getTask();
     this.getAttachments();
+
+    window.onresize = (event) => {
+      // if not mobile remove all component
+      if( window.innerWidth >= 1024){
+        this.modalController.dismiss(null);
+      }
+    };
   }
 
   notImplemented(){

src/app/pages/agenda/edit-event/edit-event.page.ts

@@ -48,6 +48,13 @@ export class EditEventPage implements OnInit {
   ngOnInit() {
     console.log(this.profile);
     console.log(this.postEvent);
+
+    window.onresize = (event) => {
+      // if not mobile remove all component
+      if( window.innerWidth >= 1024){
+        this.modalController.dismiss();
+      }
+    };
     
   }
   close(){

src/app/pages/agenda/new-event/new-event.page.ts

@@ -87,6 +87,15 @@ export class NewEventPage implements OnInit {
         HasAttachments: false,
       };
     }
+
+
+    window.onresize = (event) => {
+      // if not mobile remove all component
+      if( window.innerWidth >= 1024){
+        this.modalController.dismiss();
+      }
+    };
+
   }
   close(){
     this.modalController.dismiss();

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

@@ -55,6 +55,14 @@ export class ViewEventPage implements OnInit {
     /* console.log(this.eventId); */
     this.loadEvent();
     this.getAttachments();
+
+
+    window.onresize = (event) => {
+      // if not mobile remove all component
+      if( window.innerWidth >= 1024){
+        this.modalController.dismiss(this.isEventEdited);
+      }
+    };
     
   }
   close(){