diff --git a/src/app/pages/chat/chat.page.html b/src/app/pages/chat/chat.page.html index 743f2003a..d67ffc9d0 100644 --- a/src/app/pages/chat/chat.page.html +++ b/src/app/pages/chat/chat.page.html @@ -94,17 +94,40 @@
- - - - - - + + + + + + + + + + + + + (openGroupContacts)="openGroupContactsPage($event)" + (openEditGroupPage)="openEditGroupPage($event)" + *ngIf="showGroupMessages" + class="d-flex height-100 flex-column" + [roomId]="roomId" #messagecontainer> +
diff --git a/src/app/shared/btn-seguinte/btn-seguinte.page.html b/src/app/shared/btn-seguinte/btn-seguinte.page.html index 526d8f40c..5bd4371f1 100644 --- a/src/app/shared/btn-seguinte/btn-seguinte.page.html +++ b/src/app/shared/btn-seguinte/btn-seguinte.page.html @@ -1,3 +1,5 @@ -
- Seguinte +
+
\ No newline at end of file diff --git a/src/app/shared/chat/edit-group/edit-group.page.html b/src/app/shared/chat/edit-group/edit-group.page.html index 70ef13159..9d046bfe9 100644 --- a/src/app/shared/chat/edit-group/edit-group.page.html +++ b/src/app/shared/chat/edit-group/edit-group.page.html @@ -3,7 +3,9 @@
- +
Alterar assunto @@ -14,9 +16,9 @@ - -
-
+ +
+
@@ -24,8 +26,8 @@ Grupo Ultra-secreto
-
-
+
+
diff --git a/src/app/shared/chat/edit-group/edit-group.page.scss b/src/app/shared/chat/edit-group/edit-group.page.scss index 428f62e08..9dd7ea684 100644 --- a/src/app/shared/chat/edit-group/edit-group.page.scss +++ b/src/app/shared/chat/edit-group/edit-group.page.scss @@ -6,7 +6,7 @@ ion-content{ --opacity: 1; } .div-top-header{ - width: 400px; + //width: 400px; margin: 0 auto; background-color: #0782c9; overflow: auto; @@ -47,7 +47,7 @@ ion-content{ transform: translate3d(0, 1px, 0); .title-content{ - width: 360px; + //width: 360px; margin: 0px auto; overflow: auto; padding: 0 !important; @@ -92,8 +92,6 @@ ion-content{ } .main-content{ - width: 100%; /* 400px */ - height: 100%; font-family: Roboto; margin: 0 auto; background-color: #fff; @@ -101,7 +99,7 @@ ion-content{ padding: 15px 20px 0 20px; .item-container{ - width: 360px; + //width: 360px; margin: 15px auto; border: 1px solid #ebebeb; border-radius: 5px; @@ -110,7 +108,7 @@ ion-content{ .item-container-no-border{ display: flex; - width: 360px; + //width: 360px; margin: 25px auto; border-radius: 5px; align-items: center; @@ -128,7 +126,7 @@ ion-content{ overflow: auto; .ion-item-class-2{ - width: 360px; + //width: 360px; margin: 0px auto; .ion-icon-class{ @@ -140,7 +138,7 @@ ion-content{ } } .ion-input-class{ - width: 315px; + width: calc(100% - 45px); height: 45px; border: 1px solid #ebebeb; border-radius: 5px; diff --git a/src/app/shared/chat/edit-group/edit-group.page.ts b/src/app/shared/chat/edit-group/edit-group.page.ts index b6b98717c..0674396eb 100644 --- a/src/app/shared/chat/edit-group/edit-group.page.ts +++ b/src/app/shared/chat/edit-group/edit-group.page.ts @@ -1,5 +1,5 @@ import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core'; -import { ModalController, NavParams, PickerController } from '@ionic/angular'; +import { ModalController, PickerController } from '@ionic/angular'; import { ChatService } from 'src/app/services/chat.service'; @Component({ @@ -16,12 +16,13 @@ export class EditGroupPage implements OnInit { room:any; @Input() roomId:string; @Output() openGroupContacts:EventEmitter = new EventEmitter(); + @Output() openGroupMessage:EventEmitter = new EventEmitter(); + @Output() closeAllDesktopComponents:EventEmitter = new EventEmitter(); constructor( private modalController: ModalController, private pickerController: PickerController, private chatService: ChatService, - private navParams: NavParams, ) { } @@ -38,7 +39,9 @@ export class EditGroupPage implements OnInit { } close(){ - this.modalController.dismiss(); + //this.modalController.dismiss(); + this.closeAllDesktopComponents.emit(); + this.openGroupMessage.emit(this.roomId); } changeGroupName(){ @@ -54,8 +57,10 @@ export class EditGroupPage implements OnInit { } else{ console.log("Invalid name!"); - } + } + this.close(); } + _ionChange(event){ this.showDuration = event.detail.checked; } diff --git a/src/app/shared/chat/group-messages/group-messages.page.ts b/src/app/shared/chat/group-messages/group-messages.page.ts index f85873c95..b1f3c1e75 100644 --- a/src/app/shared/chat/group-messages/group-messages.page.ts +++ b/src/app/shared/chat/group-messages/group-messages.page.ts @@ -30,7 +30,7 @@ export class GroupMessagesPage implements OnInit, OnChanges { @Output() closeAllDesktopComponents:EventEmitter = new EventEmitter(); @Output() showEmptyContainer:EventEmitter = new EventEmitter(); @Output() openGroupContacts:EventEmitter = new EventEmitter(); - @Output() openEditGroup:EventEmitter = new EventEmitter(); + @Output() openEditGroupPage:EventEmitter = new EventEmitter(); constructor( private menu: MenuController, @@ -210,7 +210,9 @@ export class GroupMessagesPage implements OnInit, OnChanges { console.log('CANCEL'); } else if(res.data == 'edit'){ - console.log('CANCEL'); + console.log(this.roomId); + //this.closeAllDesktopComponents.emit(); + this.openEditGroupPage.emit(this.roomId); } else{ this.roomName = res.data.name.split('-').join(' ');