Save

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

@@ -0,0 +1,58 @@
+import { Component, OnInit } from '@angular/core';
+import { ActionSheetController, MenuController, PopoverController } from '@ionic/angular';
+import { ChatPopoverPage } from 'src/app/shared/popover/chat-popover/chat-popover.page';
+
+@Component({
+  selector: 'app-group-messages',
+  templateUrl: './group-messages.page.html',
+  styleUrls: ['./group-messages.page.scss'],
+})
+export class GroupMessagesPage implements OnInit {
+
+  message:any;
+
+  constructor(
+    private menu: MenuController,
+    private actionSheetController: ActionSheetController,
+    public popoverController: PopoverController,
+  ) { }
+
+  ngOnInit() {
+  }
+
+  async actionSheet() {
+    const actionSheet = await this.actionSheetController.create({
+      cssClass: 'my-custom-class',
+      buttons: [{
+        text: 'Sair do grupo',
+        handler: () => {
+          console.log('Delete clicked');
+        }
+      }, {
+        text: 'Alterar nome do grupo',
+        handler: () => {
+          console.log('Share clicked');
+        }
+      }, {
+        text: 'Apagar o grupo',
+        handler: () => {
+          console.log('Play clicked');
+        }
+      }, 
+      ]
+    });
+    await actionSheet.present();
+  }
+
+  async openOptions(ev: any) {
+    const popover = await this.popoverController.create({
+      component: ChatPopoverPage,
+      cssClass: 'chat-popover',
+      event: ev,
+      translucent: true
+    });
+    return await popover.present();
+  }
+
+
+}