merg

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

@@ -9,6 +9,7 @@ import { ViewMediaPage } from 'src/app/modals/view-media/view-media.page';
 import { PermissionService } from 'src/app/services/permission.service';
 import { HttpErrorHandle } from 'src/app/services/http-error-handle.service';
 import { PublicationFolderService } from 'src/app/store/publication-folder.service';
+import { PublicationPipe } from 'src/app/pipes/publication.pipe';
 @Component({
   selector: 'app-publication-detail-shared',
   templateUrl: './publication-detail.page.html',
@@ -23,6 +24,7 @@ export class PublicationDetailPage implements OnInit {
   @Output() addNewPublication =  new EventEmitter<any>();
   @Output() closeDesktopComponent =  new EventEmitter<any>();
   @Output() goBackToViewPublications = new EventEmitter();
+  publicationPipe = new PublicationPipe()
 
   constructor(
     private modalController: ModalController,
@@ -67,35 +69,18 @@ export class PublicationDetailPage implements OnInit {
     const folderId = this.folderId
     const localPublication = this.publicationFolderService.getLocalPublication(folderId, this.publicationId);
 
-    if(localPublication?.DocumentId) {
+    if(localPublication?.ProcessId) {
   
-      this.publication = {
-        DateIndex: localPublication.DateIndex,
-        DocumentId: localPublication.DocumentId,
-        ProcessId:localPublication.ProcessId,
-        Title:localPublication.Title,
-        Message: localPublication.Message,
-        DatePublication: localPublication.DatePublication,
-        FileBase64: localPublication.FileBase64,
-        OriginalFileName: localPublication.OriginalFileName,
-        FileExtension: 'jpeg',
-      }
+      this.publication = localPublication
+
     } else {
           
       this.showLoader = true;
       this.publications.GetPublicationById(this.publicationId).subscribe(res => {
         
-        this.publication = {
-          DateIndex: res.DateIndex,
-          DocumentId: res.DocumentId,
-          ProcessId:res.ProcessId,
-          Title:res.Title,
-          Message: res.Message,
-          DatePublication: res.DatePublication,
-          FileBase64: "data:image/jpg;base64," + res.FileBase64,
-          OriginalFileName: res.OriginalFileName,
-          FileExtension: 'jpeg',
-        }
+        this.publication = this.publicationPipe.itemList(res)
+
+        
         this.showLoader = false;
       }, (error) => {
         this.showLoader = false;
@@ -165,6 +150,7 @@ export class PublicationDetailPage implements OnInit {
       });
       await modal.present();
     } else {
+
       this.addNewPublication.emit({
         publicationType: publicationType,
         folderId: this.folderId,

src/app/shared/publication/view-publications/view-publications.page.html

@@ -38,7 +38,7 @@
     <p class="item-content-detail">{{publicationFolderService.FolderDetails[folderId].Detail}}</p>
 
     <ion-card *ngFor="let publication of publicationFolderService.publicationList[folderId] let i = index"
-    (click)="viewPublicationDetail(publication.DocumentId)">
+    (click)="viewPublicationDetail(publication.DocumentId, publication.ProcessId)">
       <ion-card-content>
         <div  class="post-img">
           <img [lazyLoad]="publication.FileBase64">

src/app/shared/publication/view-publications/view-publications.page.ts

@@ -191,7 +191,6 @@ export class ViewPublicationsPage implements OnInit {
     const found = this.publicationIsPresent(publicationId, folderId)
     if(!found) {
       this.publicationFolderService.publicationList[folderId].push(publicationDetails)
-      // PublicationModel.create(publicationDetails)
     } else {
       this.publicationFolderService.publicationList[folderId][findIndex] = publicationDetails
     }
@@ -287,9 +286,9 @@ export class ViewPublicationsPage implements OnInit {
 
   }
 
-  async viewPublicationDetail(publicationId:string) {
+  async viewPublicationDetail(DocumentId:string, ProcessId: string) {
 
-    this.openPublicationDetails.emit(publicationId);
+    this.openPublicationDetails.emit({DocumentId, ProcessId});
 
   }