Improve generic components

src/app/pages/agenda/agenda.page.html

@@ -286,8 +286,8 @@
     <div class="event-details  bg-blue ">
       
       <!-- New -->
-      <app-new-event *ngIf="mobileComponent.showAddNewEvent"
-        style="height: 100%;display: flex;flex-wrap: wrap;"
+      <app-new-event  *ngIf="mobileComponent.showAddNewEvent"
+
 
         [profile]="profile"
         [selectedSegment]=segment
@@ -296,8 +296,7 @@
         
       ></app-new-event>
       <!-- Edit -->
-      <app-edit-event *ngIf="mobileComponent.showEditEvent"
-        style="height: 100%;display: flex;flex-wrap: wrap;"
+      <app-edit-event  *ngIf="mobileComponent.showEditEvent"
         
         [profile]="profile"
         [selectedSegment]="segment"

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

@@ -543,4 +543,28 @@ td.monthview-primary-with-event {
   .event-details{
     display: block;
   }
+}
+
+
+
+
+
+app-view-event{
+  height: 100%;
+  display: flex;
+  flex-wrap: wrap-reverse;
+  flex-direction: column;
+}
+
+app-edit-even{
+  height: 100%;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+app-new-event{
+  height: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: column;
 }

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

@@ -628,22 +628,25 @@ export class AgendaPage implements OnInit {
 
   openAddEventDismiss(data){
     this.cloneAllmobileComponent();
-    
-    let postEvent: Event = data;
-    if (postEvent.Subject != null)
-    {
-      this.eventSource.push({
-        title: postEvent.Subject,
-        startTime: new Date(postEvent.StartDate),
-        endTime: new Date(postEvent.EndDate),
-        allDay: false,
-        event: postEvent
-      });
-      this.myCal.update();
-      this.myCal.loadEvents();
-      this.loadRangeEvents(this.rangeStartDate, this.rangeEndDate);
+
+    if(data.type == 'save'){
+      let postEvent: Event = data;
+      if (postEvent.Subject != null)
+      {
+        this.eventSource.push({
+          title: postEvent.Subject,
+          startTime: new Date(postEvent.StartDate),
+          endTime: new Date(postEvent.EndDate),
+          allDay: false,
+          event: postEvent
+        });
+        this.myCal.update();
+        this.myCal.loadEvents();
+        this.loadRangeEvents(this.rangeStartDate, this.rangeEndDate);
+      }
+      this.mobileComponent.showAddNewEvent = false;
     }
-    this.mobileComponent.showAddNewEvent = false;
+
   }
 
   async viewEventDetail(eventId:any) {

src/app/shared/agenda/new-event/new-event.component.html

@@ -3,7 +3,7 @@
     <div class="main-header">
       <div class="title-content">
         <div class="middle">
-          <ion-label class="title">Novo Evento1</ion-label>
+          <ion-label class="title">Novo Evento</ion-label>
         </div>
       </div>
     </div>

src/app/shared/agenda/new-event/new-event.component.ts

@@ -90,13 +90,13 @@ export class NewEventPage implements OnInit {
     }
   }
   close(){
-    this.modalController.dismiss();
+    this.onAddEvent.emit({
+      type:'close',
+      data: this.postEvent
+    });
   }
   save(){
-    console.log(this.postEvent);
-    console.log(this.profile);
-    
-    
+        
     if(this.profile=='mdgpr'){
       this.eventService.postEventMd(this.postEvent, this.postEvent.CalendarName).subscribe();
     }
@@ -104,7 +104,10 @@ export class NewEventPage implements OnInit {
       this.eventService.postEventPr(this.postEvent, this.postEvent.CalendarName).subscribe();
     }
     
-    this.onAddEvent.emit(this.postEvent);
+    this.onAddEvent.emit({
+      type:'save',
+      data: this.postEvent
+    });
   }
 
   async openAttendees()

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

@@ -1,4 +1,4 @@
-
+<ion-header  class="ion-no-border">
   <ion-toolbar class="header-toolbar">
     <div class="main-header">
       <div class="title-content">
@@ -15,9 +15,9 @@
       </div>
     </div>
   </ion-toolbar>
+</ion-header>
 
-
-
+<ion-content>
   <div class="main-content">
     <div class="upper-content">
       <div class="content-location">
@@ -67,3 +67,4 @@
       </ion-list>
     </div>
   </div>    
+</ion-content>