git pull made

src/app/pages/publications/view-publications/publication-detail/publication-detail.page.html

@@ -23,7 +23,7 @@
       </div>
 
       <div class="post-item overflow-y-auto">
-        <div *ngIf="publication.FileBase64.length > 30" class="post-img">
+        <div (click)="openPreview(publication)" *ngIf="publication.FileBase64.length > 30" class="post-img">
           <img src="{{publication.FileBase64}}" alt="image" >
         </div>
         <div *ngIf="publication.FileBase64.length < 30" class="post-img">

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

@@ -8,6 +8,7 @@ import { ImageModalPage } from '../../gallery/image-modal/image-modal.page';
 import { NewPublicationPage } from '../../new-publication/new-publication.page';
 import { Location } from '@angular/common';
 import { ThemeService } from 'src/app/services/theme.service'
+import { ViewMediaPage } from 'src/app/modals/view-media/view-media.page';
 
 
 @Component({
@@ -122,7 +123,7 @@ export class PublicationDetailPage implements OnInit {
     }  finally {
       loader.remove()
     }
-    
+
 
   }
 
@@ -146,13 +147,17 @@ export class PublicationDetailPage implements OnInit {
     });
   }
 
-  openPreview(imageUrl:string){
-    this.modalController.create({
-      component: ImageModalPage,
+  async openPreview(item) {
+    const modal = await this.modalController.create({
+      component:  ViewMediaPage,
+      cssClass: 'modal modal-desktop',
       componentProps: {
-        imageUrl:imageUrl,
+        image: item.FileBase64,
+        username: item.Title,
+        _updatedAt: item.DatePublication
       }
-    }).then(modal => modal.present());
+    });
+    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,18 +116,12 @@ export class ViewPublicationsPage implements OnInit {
   }
 
   getPublicationDetail() {
-
-    setTimeout(() => {
-
-      let allActions = this.publicationEventFolderStorage.list.concat(this.publicationTravelFolderService.list)
-      console.log('ACTION ACTION', this.publicationList)
-      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() {
 
@@ -178,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; */
     });
@@ -233,8 +227,8 @@ export class ViewPublicationsPage implements OnInit {
     forkJoin([
       this.getPublicationsIds(),
       this.getPublications(),
-      
-      
+
+
     ]).subscribe(allResults =>{
       this.publicationList = allResults[2]
     })