Improve workflow of creating new messages group

+ add new customised buttons

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

@@ -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>

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

@@ -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 = { 

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

@@ -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>

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

@@ -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();
   }

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

@@ -5,7 +5,7 @@
         <div class="middle">
           <ion-label class="title">Novo Grupo</ion-label>
         </div>
-        <app-btn-seguinte *ngIf="groupName" (click)="createGroup()"></app-btn-seguinte> <!-- addContacts -->
+        <app-btn-criar *ngIf="groupName" (click)="createGroup()"></app-btn-criar> <!-- addContacts -->
       </div>
     </div>
   </ion-toolbar>
@@ -16,7 +16,7 @@
     <div class="item-container">
       <ion-input [(ngModel)]="groupName" placeholder="Título"></ion-input>
     </div>
-    <div *ngIf="true" class="item-container-no-border">
+    <div *ngIf="false" class="item-container-no-border">
       <ion-checkbox (ionChange)="_ionChange($event)" color="primary"></ion-checkbox>
       <ion-label>Grupo Ultra-secreto</ion-label>
     </div>