direct message

src/app/ui/chat/component/messages/messages.module.ts

@@ -14,6 +14,7 @@ import {MatMenuModule} from '@angular/material/menu';
 import { LettersAvatarModule } from "ngx-letters-avatar";
 import { PipesModule } from 'src/app/pipes/pipes.module';
 import { SafehtmlPipe } from 'src/app/pipes/safehtml.pipe';
+import { ScrollingModule } from '@angular/cdk/scrolling';
 
 @NgModule({
   imports: [
@@ -26,6 +27,7 @@ import { SafehtmlPipe } from 'src/app/pipes/safehtml.pipe';
     MatMenuModule,
     LettersAvatarModule,
     PipesModule,
+    ScrollingModule,
   ],
   exports: [MessagesPage],
   declarations: [MessagesPage]

src/app/ui/chat/component/messages/messages.page.html

@@ -45,7 +45,7 @@
 
     <div
     *ngFor="let message of messages1[roomId]; let messageIndex = index" class="messages-list-item-wrapper"
-    [ngClass]="{'my-message': message.sender.wxUserId === sessionStore.user.UserId, 'other-message': message.sender.wxUserId !== sessionStore.user.UserId}"
+    [ngClass]="{'my-message': message.sender.wxUserId === SessionStore.user.UserId, 'other-message': message.sender.wxUserId !== SessionStore.user.UserId}"
     >
     <div class="message-container">
 
@@ -67,13 +67,28 @@
             </div>
 
             <div *ngIf="attachment.fileType == MessageAttachmentFileType.Image">
+
               <img
-                *ngIf="attachment.oneShot != true"
+                *ngIf="message.oneShot != true"
                 [src]="attachment.safeFile"
                 (load)="onImageLoad(message, messageIndex)"
-                (error)="onImageError()">
+                (error)="onImageError()"
+              >
+
+              <div *ngIf="SessionStore.user.UserId == message.sender.wxUserId">
+                Mandou uma mensagen com visualização única
               </div>
 
+
+              <!-- <div *ngIf="SessionStore.user.UserId != message.sender.wxUserId && message.oneShot == true"> -->
+              <div *ngIf="message.oneShot == true" class="cursor-pointer">
+                <div (click)="viewOnce($event, message, i)">
+                  Abrir a visualização única
+                </div>
+              </div>
+
+            </div>
+
             <div *ngIf="attachment.fileType == MessageAttachmentFileType.Audio">
               <audio [src]="attachment.safeFile|safehtml" preload="metadata" class="flex-grow-1" controls controlsList="nodownload noplaybackrate"></audio>
             </div>

src/app/ui/chat/component/messages/messages.page.scss

@@ -487,3 +487,11 @@ ion-footer {
 .modal button {
   margin-top: 10px;
 }
+
+
+.view-file {
+  span {}
+
+  img {}
+
+}

src/app/ui/chat/component/messages/messages.page.ts

@@ -47,7 +47,8 @@ import { RoomType } from "src/app/module/chat/domain/entity/group";
 import { RoomTable } from 'src/app/module/chat/infra/database/dexie/schema/room';
 import { Logger } from 'src/app/services/logger/main/service';
 import { tap } from 'rxjs/operators';
-
+import { AlertController } from '@ionic/angular';
+import { ViewOncesImagePage, ViewOncesImagePageInput } from '../../modal/view-onces/view-onces.page';
 
 @Component({
   selector: 'app-messages',
@@ -99,7 +100,7 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
   duration = 0;
 
   audioPermissionStatus: 'granted' | 'denied' | 'prompt' | null = null
-  sessionStore = SessionStore
+  SessionStore = SessionStore
   audioPlay: Howl = null;
   isPlaying = false;
   audioProgress = 0;
@@ -168,6 +169,7 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
     private userTypingLocalRepository: UserTypingLocalRepository,
     private UserTypingRemoteRepositoryService: UserTypingRemoteRepositoryService,
     private messageLocalDataSourceService: MessageLocalDataSourceService,
+    private alertController: AlertController
   ) {
     // update
     this.checkAudioPermission()
@@ -279,6 +281,22 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
 
   async onImageError() {}
 
+  async viewOnce(event: Event, message: MessageEntity, index:number) {
+    const params: ViewOncesImagePageInput = {
+      imageDataUrl: message.attachments[index].safeFile as any,
+    }
+    const modal = await this.modalController.create({
+      component: ViewOncesImagePage,
+      cssClass: '',
+      componentProps: params
+    });
+
+    modal.present()
+
+    return modal.onDidDismiss().then((res) => {
+      this.messageDelete(message)
+    });
+  }
 
   sendReadMessage() {
 
@@ -828,6 +846,8 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
 
   async takePictureMobile() {
 
+    const oneShot = await this.askIfOneShot()
+
     const picture = await this.CameraService.takePicture({
       cameraResultType: CameraResultType.DataUrl,
       quality: 90
@@ -847,6 +867,7 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
 
         const message = new MessageEntity();
         message.roomId = this.roomId
+        message.oneShot = oneShot
 
         message.sender = {
           userPhoto: '',
@@ -934,8 +955,43 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
     await modal.present();
   }
 
+
+
+  askIfOneShot(): Promise<boolean> {
+    return new Promise(async (resolve, reject) => {
+      const alert = await this.alertController.create({
+        header: 'Confirm',
+        message: 'Visualização unica?',
+        buttons: [
+          {
+            text: 'não',
+            role: 'cancel',
+            handler: () => {
+              resolve(false)
+              console.log('User clicked No');
+              // Handle No action here
+            }
+          },
+          {
+            text: 'Sim',
+            handler: () => {
+              console.log('User clicked Yes');
+              resolve(true)
+              // Handle Yes action here
+            }
+          }
+        ]
+      });
+
+      
+      await alert.present();
+    })
+  }
+
   async pickPicture() {
 
+    const oneShot = await this.askIfOneShot()
+
     const file = await this.FilePickerService.getPicture({
       cameraResultType: CameraResultType.Base64
     })
@@ -958,6 +1014,7 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
           message.roomId = this.roomId
 
           message.sentAt = new Date().toISOString()
+          message.oneShot = oneShot
 
           message.sender = {
             userPhoto: '',