save

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

@@ -12,11 +12,14 @@ import { GroupMessagesPage } from './group-messages.page';
 import { ChatPopoverPageModule } from 'src/app/shared/popover/chat-popover/chat-popover.module';
 import { BtnModalDismissPageModule } from 'src/app/shared/btn-modal-dismiss/btn-modal-dismiss.module';
 
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+
 @NgModule({
   imports: [
     CommonModule,
     BrowserModule,
     FormsModule,
+    FontAwesomeModule,
     IonicModule,
 
     GroupMessagesPageRoutingModule,

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

@@ -86,11 +86,11 @@
 <ion-footer>
   <div class="container width-100 d-flex">
     <div>
-      <button class="btn-no-color" > <!-- (click)="openChatOptions()" -->
-        <ion-icon class="chat-icon-options" src="assets/icon/icons-chat-options.svg"></ion-icon>
+      <button class="btn-no-color" (click)="openChatOptions()">
+        <ion-icon class="chat-icon-options" src="assets/images/icons-add-new-event.svg"></ion-icon>
       </button>
     </div>
-    <div class="width-80">
+    <div class="message-box width-80">
       <ion-item class="ion-no-padding type-message" lines="none">
         <ion-textarea clearOnEdit="true" placeholder="Escrever uma mensagem" auto-grow class="message-input" rows="1" [(ngModel)]="message"></ion-textarea>
         <button hidden class="btn-no-color">

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

@@ -187,14 +187,19 @@
  .container{
    justify-content: center;
    justify-content: space-evenly;
+   align-items: center;
+
+   .message-box{
+     margin: 0 5px 0 5px;
+   }
 
  }
 
  .chat-icon-options{
    display:block !important;
-   font-size: 25px;
+   font-size: 35px;
    float: right !important;
-   margin-top: 10px;
+   margin-top: 5px;
  }
 
  .chat-icon-send{
@@ -209,6 +214,7 @@
    border-radius: 25px;
    padding-left: 15px;
    align-items: center;
+
    overflow: auto;
 
    ion-textarea{

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

@@ -31,6 +31,7 @@ export class GroupMessagesPage implements OnInit, AfterViewChecked {
 
   roomId: string;
   loggedUserChat:any;
+  eventSelectedDate: Date = new Date();
 
   @ViewChild('scrollMe') private myScrollContainer: ElementRef;
 
@@ -146,7 +147,6 @@ export class GroupMessagesPage implements OnInit, AfterViewChecked {
   }
 
   async openOptions() {
-    console.log('OK');
     const modal = await this.popoverController.create({
       component: ChatPopoverPage,
       cssClass: 'chat-popover',
@@ -165,17 +165,20 @@ export class GroupMessagesPage implements OnInit, AfterViewChecked {
       else if(res.data == 'edit'){
         this.editGroup(this.roomId);
       }
-
     });
   }
 
   async openChatOptions(ev?: any) {
+    console.log(this.members);
+
     const popover = await this.popoverController.create({
       component: ChatOptionsPopoverPage,
       cssClass: 'chat-options-popover',
       event: ev,
       componentProps: {
         room: this.room,
+        members: this.members,
+        eventSelectedDate: new Date(),
       },
       translucent: true
     });