add history in chat to record meeting created!

src/app/pages/chat/messages/messages.page.html

@@ -51,7 +51,7 @@
   <div (click)="handleClick()" class="messages" #scrollMe>
     <div class="messages-list-item-wrapper container-width-100" *ngFor="let msg of messages; let last = last"
     [class.messages-list-item-wrapper-active]="msg._id == selectedMsgId"  >
-      <div (press)="handlePress(msg._id)" class='message-container incoming-{{msg.u.username!=loggedUser.me.username}}' (click)="openPreview(msg)">
+      <div (press)="handlePress(msg._id)" class='message-container incoming-{{msg.u.username!=loggedUser.me.username}}' (click)="openPreview(msg)" *ngIf="msg.msg !=''">
         <div class="title">
           <ion-label>{{msg.u.name}}</ion-label>
           <span class="time">{{showDateDuration(msg._updatedAt)}}</span>
@@ -91,6 +91,15 @@
           {{last ? scrollToBottom() : ''}}
         </div>
       </div>
+      <div *ngIf="msg.file" class="info-meeting">
+        <div *ngIf="msg.file.type == 'application/meeting'">
+          <ion-label class="info-meeting-small">{{msg.u.name}} criou esta reunião</ion-label><br />
+          <button (click)="goToEvent(msg.file.id)" class="btn-no-color info-meeting-normal"><ion-label class="info-meeting-normal">{{msg.file.subject}}</ion-label></button><br />
+          <ion-label class="info-meeting-medium"><ion-icon name="calendar-outline"></ion-icon> De {{showDateDuration(msg.file.start_date)}} a {{showDateDuration(msg.file.end_date)}}</ion-label><br />
+          <ion-label class="info-meeting-medium"><ion-icon></ion-icon><ion-icon name="location-outline"></ion-icon> {{msg.file.venue}}</ion-label><br />
+        </div>
+        {{last ? scrollToBottom() : ''}}
+      </div>
     </div>
   </div>
   <ion-fab horizontal="end" vertical="bottom" slot="fixed">

src/app/pages/chat/messages/messages.page.scss

@@ -190,6 +190,37 @@
    }
  }
 
+ .info-meeting{
+  /* width: 322px; */
+  width: em(422px);
+  background: var(--chat-alert-msg-color);
+  text-align: center;
+  font-size: 13px;
+  color: #262420;
+  padding: 10px;
+  margin: 10px auto;
+  line-height: 1.2rem;
+  /* margin: 15px 0px 15px 0px; */
+  border-radius: 8px;
+
+  .info-meeting-small{
+    font-size: 10px;
+    font-style: italic;
+  }
+  .info-meeting-medium{
+    font-size: 12px;
+  }
+  .info-meeting-normal{
+    color: #0782c9;
+    font-weight: 700;
+    text-decoration: underline;
+  }
+  .info-meeting-normal:hover{
+    text-decoration: underline;
+    color: #0782c9;
+  }
+ }
+
  ion-footer{
   padding-top: 7.5px;
   padding-bottom: 7.5px;

src/app/pages/chat/messages/messages.page.ts

@@ -27,6 +27,7 @@ import { PreviewCameraPage } from 'src/app/modals/preview-camera/preview-camera.
 import { SqliteService } from 'src/app/services/sqlite.service';
 import { elementAt } from 'rxjs-compat/operator/elementAt';
 import { ViewMediaPage } from 'src/app/modals/view-media/view-media.page';
+import { ViewEventPage } from 'src/app/modals/view-event/view-event.page';
 
 const IMAGE_DIR = 'stored-images';
 
@@ -283,7 +284,25 @@ export class MessagesPage implements OnInit, AfterViewInit, OnDestroy {
     } catch (err) { }
   }
 
-
+  async goToEvent(eventId: any) {
+    let classs;
+    if (window.innerWidth < 701) {
+      classs = 'modal modal-desktop'
+    } else {
+      classs = 'modal modal-desktop showAsideOptions'
+    }
+    const modal = await this.modalController.create({
+      component: ViewEventPage,
+      componentProps: {
+        eventId: eventId,
+      },
+      cssClass: classs,
+    });
+    await modal.present();
+    modal.onDidDismiss().then((res) => {
+      console.log(res);
+    });
+  }
 
   onContentScrolled(e) {
     this.startPosition = e.srcElement.scrollTop;