diff --git a/src/app/pages/chat/group-messages/group-messages.page.html b/src/app/pages/chat/group-messages/group-messages.page.html index 5648a283b..65b2582ff 100644 --- a/src/app/pages/chat/group-messages/group-messages.page.html +++ b/src/app/pages/chat/group-messages/group-messages.page.html @@ -33,11 +33,12 @@ -
- Esta conversa passou a grupo
- A conversa original mantêm-se como chat individual -
+
+
+ Esta conversa passou a grupo
+ A conversa original mantêm-se como chat individual +
diff --git a/src/app/pages/chat/group-messages/group-messages.page.scss b/src/app/pages/chat/group-messages/group-messages.page.scss index d6d2e2fda..2e59497b7 100644 --- a/src/app/pages/chat/group-messages/group-messages.page.scss +++ b/src/app/pages/chat/group-messages/group-messages.page.scss @@ -123,8 +123,17 @@ font-size: 13px; font-family: Roboto; overflow: auto; + + //set scroll do bottom + position: absolute; + top: 0; + left: 0; + overflow-x: hidden; + overflow-y: auto; width: 100%; - //height: 100%; + height: 100%; + word-wrap: break-word; + -webkit-overflow-scrolling: touch; .incoming-true, .incoming-false{ width: 305px; diff --git a/src/app/pages/chat/group-messages/group-messages.page.ts b/src/app/pages/chat/group-messages/group-messages.page.ts index c9c331f2d..2f0ac6cc8 100644 --- a/src/app/pages/chat/group-messages/group-messages.page.ts +++ b/src/app/pages/chat/group-messages/group-messages.page.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnInit, ViewChild } from '@angular/core'; +import { Component, ElementRef, OnInit, ViewChild, AfterViewChecked } from '@angular/core'; import { ActionSheetController, MenuController, ModalController, NavParams, PopoverController } from '@ionic/angular'; import { AlertService } from 'src/app/services/alert.service'; import { AuthService } from 'src/app/services/auth.service'; @@ -14,7 +14,7 @@ import { GroupContactsPage } from './group-contacts/group-contacts.page'; templateUrl: './group-messages.page.html', styleUrls: ['./group-messages.page.scss'], }) -export class GroupMessagesPage implements OnInit { +export class GroupMessagesPage implements OnInit, AfterViewChecked { showLoader: boolean; isGroupCreated:boolean; loggedUser: any; @@ -51,6 +51,7 @@ export class GroupMessagesPage implements OnInit { console.log(this.roomId); this.loggedUser=this.loggedUserChat; this.getRoomInfo(); + this.scrollToBottom(); } ngAfterViewChecked() { @@ -127,12 +128,8 @@ export class GroupMessagesPage implements OnInit { } } sendMessage(){ - let body = { - "message": - { - "rid": this.roomId, "msg": this.message - } + "message": { "rid": this.roomId, "msg": this.message } } this.chatService.sendMessage(body).subscribe(res=> { diff --git a/src/app/pages/chat/messages/messages.page.html b/src/app/pages/chat/messages/messages.page.html index 0a99e035e..5f3dbf293 100644 --- a/src/app/pages/chat/messages/messages.page.html +++ b/src/app/pages/chat/messages/messages.page.html @@ -35,7 +35,7 @@ -
+
{{msg.u.name}}