-implement create chat group

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

@@ -17,7 +17,7 @@
 <ion-content>
   <div class="main-content">
     <div class="item-container">
-      <ion-input placeholder="Título"></ion-input>
+      <ion-input [(ngModel)]="groupName" placeholder="Título"></ion-input>
     </div>
     <div class="item-container-no-border">
       <ion-checkbox (ionChange)="_ionChange($event)" color="primary"></ion-checkbox>

src/app/pages/chat/new-group/new-group.page.ts

@@ -1,6 +1,6 @@
 import { analyzeAndValidateNgModules } from '@angular/compiler';
 import { Component, OnInit } from '@angular/core';
-import { ModalController, PickerController, PopoverController } from '@ionic/angular';
+import { ModalController, NavParams, PickerController, PopoverController } from '@ionic/angular';
 import { GroupDurationPage } from 'src/app/shared/popover/group-duration/group-duration.page';
 import { GroupContactsPage } from '../group-messages/group-contacts/group-contacts.page';
 
@@ -10,17 +10,22 @@ import { GroupContactsPage } from '../group-messages/group-contacts/group-contac
   styleUrls: ['./new-group.page.scss'],
 })
 export class NewGroupPage implements OnInit {
+  isGroupCreated:boolean;
   showLoader: boolean;
   displayDuration: any;
   showDuration: boolean;
   selectedDuration = ['','',''];
+  groupName:string;
 
   constructor(
     private pickerController: PickerController,
     private popoverController: PopoverController,
-    private modalController: ModalController, 
-  ) { 
-
+    private modalController: ModalController,
+    private navParams: NavParams,
+  ) 
+  { 
+    this.isGroupCreated = false;
+    this.groupName = this.navParams.get('name');
   }
 
   ngOnInit() {
@@ -34,16 +39,20 @@ export class NewGroupPage implements OnInit {
   }
 
   async addContacts(){
-    this.close();
+    this.modalController.dismiss();
+
     const modal = await this.modalController.create({
       component: GroupContactsPage,
-      componentProps: {}, 
+      componentProps: {
+        isCreated:this.isGroupCreated,
+        name:this.groupName,
+        duration:'',
+      }, 
       cssClass: 'contacts',
       backdropDismiss: false
     });
 
     await modal.present();
-
     modal.onDidDismiss();
   }