fix media preview for tablet and desktop

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

@@ -60,7 +60,9 @@
           <ion-label>{{msg.msg}}</ion-label>
           <div *ngIf="msg.attachments" class="message-attachments">
             <div *ngFor="let file of msg.attachments let i = index">
-              <img *ngIf="file.image_url" src="{{file.image_url}}" alt="image" (click)="imageSize(file.image_url)">
+              <div (click)="openPreview(msg)">
+                <img *ngIf="file.image_url" src="{{file.image_url}}" alt="image">
+              </div>
               <div>
                 <div>
                   <div class="file">
@@ -138,7 +140,7 @@
   <button (click)="stopRecording()">Stop Recording</button> -->
   <div class="container width-100 d-flex">
     <div>
-    
+
       <button class="btn-no-color" (click)="openChatOptions()">
         <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="chat-icon-options" src="assets/images/icons-add.svg"></ion-icon>
         <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="chat-icon-options" src="assets/images/theme/gov/icons-add.svg"></ion-icon>

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

@@ -24,6 +24,7 @@ import { Filesystem, Directory, Encoding } from '@capacitor/filesystem';
 import { VoiceRecorder, VoiceRecorderPlugin, RecordingData, GenericResponse, CurrentRecordingStatus } from 'capacitor-voice-recorder';
 import { Haptics, ImpactStyle } from '@capacitor/haptics';
 import { PreviewCameraPage } from 'src/app/modals/preview-camera/preview-camera.page';
+import { ViewMediaPage } from 'src/app/modals/view-media/view-media.page';
 
 const IMAGE_DIR = 'stored-images';
 
@@ -639,15 +640,13 @@ touchStart(card) {
 
   async openPreview(msg) {
     const modal = await this.modalController.create({
-      component:  PreviewCameraPage,
+      component:  ViewMediaPage,
       cssClass: 'modal modal-desktop',
       componentProps: {
         image: msg.attachments[0].image_url,
         username: msg.u.name,
         _updatedAt: msg._updatedAt,
       }
-
-
     });
     modal.present();
   }

src/app/pages/publications/view-publications/view-publications.page.scss

@@ -45,8 +45,6 @@
     width: 100%; /* 400px */
     height: 100%;
     font-family: Roboto;
-    border-top-left-radius: 25px;
-    border-top-right-radius: 25px;
     background-color: #fff;
     overflow:hidden;
     padding: 25px 20px 0px 20px;
@@ -96,9 +94,11 @@
     /* padding: 0!important; */
     float: left;
     margin: 2.5px 0 0 5px;
+    color: #000 !important;
   }
   .title{
     font-size: 25px;
+    color: #000 !important;
   }
 
   .actions-icon{
@@ -126,7 +126,7 @@
   }
   .post-img{
       width: 100%;
-      height: 400px;
+      //height: 400px;
       margin: 0 auto;
       border-radius: 0px!important;
       overflow: hidden;

src/app/pages/publications/view-publications/view-publications.page.ts

@@ -116,17 +116,12 @@ export class ViewPublicationsPage implements OnInit {
   }
 
   getPublicationDetail() {
-
-    setTimeout(() => {
-
-      let allActions = this.publicationEventFolderStorage.list.concat(this.publicationTravelFolderService.list)
-      this.item = allActions.find((e) => e.ProcessId == this.folderId);
-      this.publicationDitails = this.item
-      console.log('item', this.item)
-
-    }, 100);
-
+    this.publications.GetPresidentialAction(this.folderId).subscribe(res=>{
+      console.log(res);
+      this.item = res;
+    });
   }
+
 // goes to fork
   // getPublicationsIds() {
 
@@ -177,14 +172,14 @@ export class ViewPublicationsPage implements OnInit {
       this.showLoader = false;
 
       /*  this.publicationList = new Array();
- 
+
        res.forEach(element => {
          console.log('getPublications', element)
          let item: Publication = this.publicationPipe.itemList(element)
          this.publicationList.push(item);
        });
        this.sqliteservice.updateactions(this.folderId, JSON.stringify(this.publicationList));
- 
+
        this.publicationListStorage.add(folderId, this.publicationList)
        this.getpublication = this.publicationList; */
     });
@@ -232,8 +227,8 @@ export class ViewPublicationsPage implements OnInit {
     forkJoin([
       this.getPublicationsIds(),
       this.getPublications(),
-      
-      
+
+
     ]).subscribe(allResults =>{
       this.publicationList = allResults[2]
     })