Improve workflow of creating new messages group

+ add new customised buttons
This commit is contained in:
tiago.kayaya
2021-03-17 11:13:09 +01:00
parent 61a97eb0c7
commit c161ec0855
23 changed files with 211 additions and 17 deletions
@@ -3,12 +3,12 @@
<div class="main-header width-100">
<div class="title-content width-100">
<div class="back-icon">
<ion-icon (click)="close()" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
<ion-icon (click)="openGroupMessagesPage()" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
</div>
<div class="div-title">
<ion-label class="title">Contactos</ion-label>
</div>
<app-btn-seguinte (click)="updateGroup()"></app-btn-seguinte>
<app-btn-adicionar (click)="updateGroup()"></app-btn-adicionar>
</div>
</div>
</ion-toolbar>
@@ -70,6 +70,11 @@ export class GroupContactsPage implements OnInit {
this.openGroupMessage.emit(this.room._id)
});
}
openGroupMessagesPage(){
this.showLoader = true;
this.openGroupMessage.emit(this.roomId)
this.showLoader = false;
}
loadUsers(){
this.options = {
@@ -9,7 +9,7 @@
<ion-icon (click)="openOptions()" src="assets/images/icons-menu.svg"></ion-icon>
</div>
</div>
<div (click)="addContacts()" class="header-bottom">
<div (click)="openGroupContactsPage()" class="header-bottom">
<div class="header-bottom-icon">
<ion-icon src="assets/icon/icons-user.svg"></ion-icon>
</div>
@@ -1,4 +1,4 @@
import { Component, OnChanges, OnInit, Input, SimpleChanges} from '@angular/core';
import { Component, OnChanges, OnInit, Input, SimpleChanges, Output, EventEmitter} from '@angular/core';
import { ActionSheetController, MenuController, ModalController, PopoverController } from '@ionic/angular';
import { AuthService } from 'src/app/services/auth.service';
import { ChatService } from 'src/app/services/chat.service';
@@ -25,6 +25,7 @@ export class GroupMessagesPage implements OnInit, OnChanges {
members:any;
@Input() roomId:string;
@Output() openGroupContacts:EventEmitter<any> = new EventEmitter<any>();
constructor(
private menu: MenuController,
@@ -49,6 +50,10 @@ export class GroupMessagesPage implements OnInit, OnChanges {
console.log(this.roomId);
}
openGroupContactsPage(){
this.openGroupContacts.emit(this.roomId);
}
close(){
this.modalController.dismiss();
}