From 4d2a9b2eedc29b1d46e6d80d389842a8297e1347 Mon Sep 17 00:00:00 2001
From: "tiago.kayaya" <tiago.kayaya@equilibrium.co.ao>
Date: Mon, 27 Sep 2021 10:53:57 +0100
Subject: [PATCH] improve conversation list to add details when the message is
 picture or file

---
 src/app/pages/chat/chat.module.ts |  3 ++-
 src/app/pages/chat/chat.page.html | 10 ++++++++++
 src/app/pages/chat/chat.page.scss |  7 +++----
 src/app/pages/chat/chat.page.ts   |  2 +-
 4 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/app/pages/chat/chat.module.ts b/src/app/pages/chat/chat.module.ts
index 957e1967a..596e53b7a 100644
--- a/src/app/pages/chat/chat.module.ts
+++ b/src/app/pages/chat/chat.module.ts
@@ -28,13 +28,14 @@ import { EmptyChatPageModule } from 'src/app/shared/chat/empty-chat/empty-chat.m
 import { HeaderPageModule } from 'src/app/shared/header/header.module';
 import { NewEventPageModule } from 'src/app/shared/agenda/new-event/new-event.module';
 import { AttendeeModalPageModule } from 'src/app/shared/event/attendee-modal/attendee-modal.module';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
 @NgModule({
   imports: [
     CommonModule,
     FormsModule,
     IonicModule,
-
+    FontAwesomeModule,
     PipesModule,
     ChatPageRoutingModule,
     RouterModule,
diff --git a/src/app/pages/chat/chat.page.html b/src/app/pages/chat/chat.page.html
index 897f6b8df..1eddc937c 100644
--- a/src/app/pages/chat/chat.page.html
+++ b/src/app/pages/chat/chat.page.html
@@ -67,6 +67,16 @@
                       </div>
                       <div class="item-description" [class.item-description-active]="dm._id == idSelected">
                         <ion-label *ngIf="dm.lastMessage">{{dm.lastMessage.msg}}</ion-label>
+                        <ion-label *ngIf="dm.lastMessage.file">
+                          <fa-icon icon="file-alt" class="pdf-icon"></fa-icon>
+                          <span> {{dm.lastMessage.file.name}}</span>
+                        </ion-label>
+                        <ion-label *ngIf="dm.lastMessage.attachments">
+                          <div *ngIf="dm.lastMessage.attachments[0].image_url">
+                            <fa-icon icon="image" class="pdf-icon"></fa-icon>
+                            <span> Fotografia</span>
+                          </div>
+                        </ion-label>
                       </div>
                     </div>
                   </div>
diff --git a/src/app/pages/chat/chat.page.scss b/src/app/pages/chat/chat.page.scss
index fba37f381..22e63e1dc 100644
--- a/src/app/pages/chat/chat.page.scss
+++ b/src/app/pages/chat/chat.page.scss
@@ -86,7 +86,7 @@ ion-content{
     }
   }
   .item-content{
-    width: 317px;
+    //width: 317px;
     float:right;
   }
 
@@ -96,7 +96,7 @@ ion-content{
     margin-top: 10px;
   }
   .item-title{
-      width: 80%;
+      width: calc(100% - 75px);
       float: left;
       font-size: 15px;
       color: #0d89d1;
@@ -105,7 +105,7 @@ ion-content{
     color: #fff;
 }
   .item-date{
-    width: 20%;
+    width: 75px;
     float: right;
     font-size: 13px;
     color: #797979;
@@ -130,7 +130,6 @@ ion-content{
 @media only screen and (min-width: 701px) {
   .main-content{
 
-
     .aside-wrapper{
       width: 35%;
       border-right: 1px solid #d8d8d8;
diff --git a/src/app/pages/chat/chat.page.ts b/src/app/pages/chat/chat.page.ts
index c3496e88e..195225832 100644
--- a/src/app/pages/chat/chat.page.ts
+++ b/src/app/pages/chat/chat.page.ts
@@ -384,7 +384,7 @@ hideRefreshButton(){
     this.chatService.getAllDirectMessages().subscribe(async (res:any)=>{
 
       if(res != 200){
-        //console.log(res.ims);
+        console.log(res.ims);
         this.userDirectMessages = res.ims.sort((a,b)=>{
           var dateA = new Date(a._updatedAt).getTime();
           var dateB = new Date(b._updatedAt).getTime();