add history in chat to record meeting created!

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

@@ -57,7 +57,7 @@
       <ion-label>A conversa original mantêm-se como chat individual</ion-label>
     </div>
     <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 *ngIf="msg.t != 'r' && msg.t != 'ul' && msg.t != 'ru'" (press)="handlePress(msg._id)" class='message-container incoming-{{msg.u.username!=loggedUser.me.username}}'>
+      <div *ngIf="msg.t != 'r' && msg.t != 'ul' && msg.t != 'ru' && msg.msg !=''" (press)="handlePress(msg._id)" class='message-container incoming-{{msg.u.username!=loggedUser.me.username}}'>
         <div class="title">
           <ion-label>{{msg.u.name}}</ion-label>
           <span class="time">{{showDateDuration(msg._updatedAt)}}</span>
@@ -119,6 +119,15 @@
         </div>
         {{last ? scrollToBottom() : ''}}
       </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/group-messages/group-messages.page.scss

@@ -235,6 +235,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;
@@ -281,7 +312,7 @@
 .preview-slides {
   margin-top: 20%;
   background: #e6e6e6;
- 
+
   img {
       padding-top: 20px;
       padding-bottom: 20px;
@@ -299,15 +330,15 @@
 .image-card {
     overflow: visible;
 }
- 
+
 .image-card {
     z-index: 9;
 }
- 
+
 .backdrop {
     height: 200%;
     width: 100%;
     background: black;
     position: absolute;
     z-index: 10;
-}
+}

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

@@ -22,6 +22,7 @@ import { ViewDocumentPage } from 'src/app/modals/view-document/view-document.pag
 import { ThemeService } from 'src/app/services/theme.service'
 import { PreviewCameraPage } from 'src/app/modals/preview-camera/preview-camera.page';
 import { ViewMediaPage } from 'src/app/modals/view-media/view-media.page';
+import { ViewEventPage } from 'src/app/modals/view-event/view-event.page';
 
 @Component({
   selector: 'app-group-messages',
@@ -166,6 +167,27 @@ export class GroupMessagesPage implements OnInit, AfterViewInit, OnDestroy {
     this.currentPosition = scroll;
   }
 
+  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);
+    });
+  }
+
   ngOnDestroy() {
     window.removeEventListener('scroll', this.scrollChangeCallback, true);
   }