save

src/app/pages/gabinete-digital/pedidos/pedidos.page.html

@@ -18,7 +18,7 @@
         Parecer
       </ion-segment-button>
       <ion-segment-button value="deferimento">
-        Defereimento
+        Deferimento
       </ion-segment-button>
     </ion-segment>
   </ion-toolbar>

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

@@ -9,6 +9,8 @@ import { MessagesPageRoutingModule } from './messages-routing.module';
 import { MessagesPage } from './messages.page';
 import { SharedModule } from 'src/app/shared/shared.module';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { MatButtonModule } from '@angular/material/button';
+import {MatMenuModule} from '@angular/material/menu';
 
 @NgModule({
   imports: [
@@ -16,7 +18,10 @@ import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
     FormsModule,
     IonicModule,
     FontAwesomeModule,
-    MessagesPageRoutingModule
+    MessagesPageRoutingModule,
+    MatButtonModule,
+    MatMenuModule
+
   ],
   exports: [MessagesPage],
   declarations: [MessagesPage]

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

@@ -34,14 +34,12 @@
     <div class="messages-list-item-wrapper container-width-100" *ngFor="let msg of chatMessageStore.message[roomId]; let last = last">
       <div class='message-item incoming-{{msg.u.username!=loggedUser.me.username}} max-width-45'>
         <div class="message-item-options d-flex justify-content-end">
-          <fa-icon (click)="mesageItemDropdownOptions=true" icon="chevron-down" class="message-options-icon"></fa-icon>
-          <!-- <div class="mesage-item-dropdown-options" *ngIf="mesageItemDropdownOptions">
-            <ion-label>Apagar mensagem</ion-label>
-          </div> -->
-          <ion-select hidden class="message-options-icon" interface="popover">
-            <ion-select-option value="nes">Apagar mensagem</ion-select-option>
-          </ion-select>
 
+          <fa-icon [matMenuTriggerFor]="beforeMenu" icon="chevron-down" class="message-options-icon cursor-pointer"></fa-icon>
+
+          <mat-menu #beforeMenu="matMenu" xPosition="before">
+            <button (click)="deleteMessage()" class="menuButton">Apagar mensagem</button>
+          </mat-menu>
         </div>
         <div class="title">
           <ion-label>{{msg.u.name}}</ion-label>

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

@@ -207,6 +207,10 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
       }); */
       //this.showLoader = false;
     })
+  }2
+
+  deleteMessage(){
+    alert('This');
   }
 
   viewDocument(url:string){

src/global.scss

@@ -1085,6 +1085,7 @@ ngx-mat-datetime-content{
 
           //box-shadow: rgba(0, 30, 0, 0.15) 1.95px 1.95px 2.6px;
         }
+
         .mesage-item-dropdown-options{
           display: none;
           margin-top: 15px;
@@ -1112,6 +1113,15 @@ ngx-mat-datetime-content{
   }
 }
 
+.menuButton{
+  width: 100%;
+  background: none;
+  padding: 10px 5px 10px 5px;
+}
+.menuButton:hover{
+  background: #e6f6ff75;
+}
+
 .message-attachments{
   border-radius: 5px;
   background-color: #42b9fe13;