save

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

@@ -42,7 +42,7 @@
       <div *ngIf="msg.t != 'r'" class='incoming-{{msg.u.username!=loggedUser.me.username}} max-width-45'>
         <div class="title">
           <ion-label>{{msg.u.name}}</ion-label>
-          <span class="time">{{msg._updatedAt | date: 'HH:mm' }}</span>
+          <span class="time">{{showDateDuration(msg._updatedAt)}}</span>
         </div>
         <div>
           <ion-label>{{msg.msg}}</ion-label>

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

@@ -10,6 +10,7 @@ import { GroupContactsPage } from './group-contacts/group-contacts.page';
 import { Router } from '@angular/router'
 import { ChatOptionsPopoverPage } from '../../popover/chat-options-popover/chat-options-popover.page';
 import { ChatOptionsFeaturesPage } from 'src/app/modals/chat-options-features/chat-options-features.page';
+import { TimeService } from 'src/app/services/functions/time.service';
 
 @Component({
   selector: 'app-group-messages',
@@ -54,7 +55,8 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
     private authService: AuthService,
     private animationController: AnimationController,
     private alertService: AlertService,
-    private route: Router
+    private route: Router,
+    private timeService: TimeService,
   ) {
     this.loggedUserChat = authService.ValidatedUserChat['data'];
     this.isGroupCreated = true;
@@ -140,6 +142,9 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
     console.log('here watching');
     return this.roomId;
   }
+  showDateDuration(start:any){
+    return this.timeService.showDateDuration(start);
+  }
 
   getRoomInfo(){
     this.showLoader = true;

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

@@ -35,7 +35,7 @@
       <div class='incoming-{{msg.u.username!=loggedUser.me.username}} max-width-45'>
         <div class="title">
           <ion-label>{{msg.u.name}}</ion-label>
-          <span class="time">{{msg._updatedAt | date: 'HH:mm' }}</span>
+          <span class="time">{{showDateDuration(msg._updatedAt)}}</span>
         </div>
         <div>
           <ion-label>{{msg.msg}}</ion-label>

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

@@ -12,6 +12,7 @@ import { synchro } from 'src/app/services/socket/synchro.service';
 import { ChatOptionsFeaturesPage } from 'src/app/modals/chat-options-features/chat-options-features.page';
 import { ChatMessageStore } from 'src/app/store/chat/chat-message.service';
 import { ChatUserStorage } from 'src/app/store/chat/chat-user.service';
+import { TimeService } from 'src/app/services/functions/time.service';
 
 @Component({
   selector: 'app-messages',
@@ -58,7 +59,8 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
     private animationController: AnimationController,
     private alertService: AlertService,
     private toastService: ToastService,
-    private route: Router
+    private route: Router,
+    private timeService: TimeService,
   ) {
     this.loggedUser = authService.ValidatedUserChat['data'];
 
@@ -151,6 +153,10 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
     this.openNewEventPage.emit(data);
   }
 
+  showDateDuration(start:any){
+    return this.timeService.showDateDuration(start);
+  }
+
   sendMessage() {
 
     this.synchro.$send({})