add book meeting in desktop component

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

@@ -10,15 +10,15 @@ import { GroupMessagesPage } from './group-messages.page';
 import { SharedModule } from 'src/app/shared/shared.module';
 
 import { ChatPopoverPageModule } from '../../popover/chat-popover/chat-popover.module';
+import { NewEventPageModule } from '../../agenda/new-event/new-event.module';
 
 @NgModule({
   imports: [
     CommonModule,
     FormsModule,
     IonicModule,
-
     ChatPopoverPageModule,
-    GroupMessagesPageRoutingModule
+    GroupMessagesPageRoutingModule,
   ],
   exports: [GroupMessagesPage],
   declarations: [GroupMessagesPage]

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

@@ -3,12 +3,13 @@ import { ActionSheetController, AnimationController, MenuController, ModalContro
 import { AlertService } from 'src/app/services/alert.service';
 import { AuthService } from 'src/app/services/auth.service';
 import { ChatService } from 'src/app/services/chat.service';
-import { ChatOptionsPopoverPage } from 'src/app/shared/popover/chat-options-popover/chat-options-popover.page';
 import { ChatPopoverPage } from 'src/app/shared/popover/chat-popover/chat-popover.page';
 import { ContactsPage } from '../new-group/contacts/contacts.page';
 import { NewGroupPage } from '../new-group/new-group.page';
 import { GroupContactsPage } from './group-contacts/group-contacts.page';
 import { Router } from '@angular/router'
+import { ChatOptionsPopoverPage } from '../../popover/chat-options-popover/chat-options-popover.page';
+import { ChatOptionsFeaturesPage } from 'src/app/modals/chat-options-features/chat-options-features.page';
 
 @Component({
   selector: 'app-group-messages',
@@ -34,6 +35,7 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewChecked {
   @Output() showEmptyContainer:EventEmitter<any> = new EventEmitter<any>();
   @Output() openGroupContacts:EventEmitter<any> = new EventEmitter<any>();
   @Output() openEditGroupPage:EventEmitter<any> = new EventEmitter<any>();
+  @Output() openNewEventPage:EventEmitter<any> = new EventEmitter<any>();
 
   @ViewChild('scrollMe') private myScrollContainer: ElementRef;
 
@@ -79,6 +81,14 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewChecked {
     this.openGroupContacts.emit(this.roomId);
   }
 
+  openBookMeetingComponent(){
+    let data = {
+      roomId: this.roomId,
+      members: this.members
+    }
+    this.openNewEventPage.emit(data);
+  }
+
   close(){
     this.modalController.dismiss();
   }
@@ -280,6 +290,7 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewChecked {
       event: ev,
       componentProps: {
         room: this.room,
+        members: this.members,
       },
       translucent: true
     });
@@ -334,6 +345,7 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewChecked {
  */
 
   async _openChatOptions() {
+
     const enterAnimation = (baseEl: any) => {
       const backdropAnimation = this.animationController.create()
         .addElement(baseEl.querySelector('ion-backdrop')!)
@@ -349,7 +361,7 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewChecked {
       return this.animationController.create()
         .addElement(baseEl)
         .easing('ease-out')
-        .duration(500)
+        .duration(5000)
         .addAnimation([backdropAnimation, wrapperAnimation]);
     }
 
@@ -360,13 +372,27 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewChecked {
     const modal = await this.modalController.create({
       enterAnimation,
       leaveAnimation,
-      component: ChatOptionsPopoverPage,
-      cssClass: 'model',
+      component: ChatOptionsFeaturesPage,
+      cssClass: 'model profile-modal search-submodal',
       componentProps: {
         roomId: this.roomId,
+        members: this.members,
       }
     });
-    return await modal.present();
+
+    await modal.present();
+    modal.onDidDismiss().then((res)=>{
+      console.log(res['data']);
+      if(res['data'] == 'meeting'){
+        //this.closeAllDesktopComponents.emit();
+        let data = {
+          roomId: this.roomId,
+          members: this.members
+        }
+        this.openNewEventPage.emit(data);
+      }
+
+    });
   }
 
   async serverLongPull(){

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

@@ -50,7 +50,7 @@
 <ion-footer>
   <div class="container width-100 d-flex">
     <div>
-      <button class="btn-no-color" > <!-- (click)="openSendMessageOptions()" -->
+      <button class="btn-no-color" (click)="openSendMessageOptions()">
         <ion-icon class="chat-icon-options" src="assets/icon/icons-chat-options.svg"></ion-icon>
       </button>
     </div>