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

import { Component, OnInit } from '@angular/core';
import { ModalController, NavParams } from '@ionic/angular';
import { Publication } from 'src/app/models/publication';
import { PublicationFolder } from 'src/app/models/publicationfolder';
import { PublicationsService } from 'src/app/services/publications.service';
import { NewPublicationPage } from '../new-publication/new-publication.page';
import { PublicationDetailPage } from './publication-detail/publication-detail.page';

@Component({
  selector: 'app-view-publications',
  templateUrl: './view-publications.page.html',
  styleUrls: ['./view-publications.page.scss'],
})
export class ViewPublicationsPage implements OnInit {
  showLoader: boolean;

  publicationList: Publication[];
  item: PublicationFolder;

  constructor(
    private modalController: ModalController,
    private publications: PublicationsService,
    private navParams: NavParams,
    ) { 
      this.item = this.navParams.get('item');
     }

  ngOnInit() {
    this.getPublications()
    /* console.log(this.item); */
  }
  doRefresh(event) {
    this.getPublications()

    setTimeout(() => {
      event.target.complete();
    }, 2000);
  }
  close(){
    this.modalController.dismiss();
  }
  getPublications(){
    /* console.log(this.item.ProcessId); */
    
    this.publications.GetPublications(this.item.ProcessId).subscribe(res=>{
      this.publicationList = new Array();
      console.log(res);
      res.forEach(element => {
        let itemImage = {
          title: 'Title',
          url: "data:image/jpg;base64," + element.FileBase64,
          format: 'png'
        }
        let item: Publication = {
          "DocumentId":element.DocumentId,
          "ProcessId":element.ProcessId,
          "Title":element.Title,
          "Message": element.Message,
          "DatePublication": element.DatePublication,
          /* image:itemImage, */
          "FileBase64": "data:image/jpg;base64," + element.FileBase64,
          "OriginalFileName": '',
          "FileExtension": '',
        }
        this.publicationList.push(item);
      });
      console.log(this.publicationList);
    });
  }

  async AddPublication(publicationType:any, folderId:string) {
    const modal = await this.modalController.create({
      component: NewPublicationPage,
      componentProps:{
        publicationType: publicationType,
        folderId: folderId,
      },
      cssClass: 'new-publication',
      backdropDismiss: false
    });
    await modal.present();
    modal.onDidDismiss();
  }

  async viewPublicationDetail(processId:string, publicationId:string) {
    const modal = await this.modalController.create({
      component: PublicationDetailPage,
      componentProps:{
        publicationId: publicationId,
        folderId: processId,
      },
      cssClass: 'publication-detail',
      backdropDismiss: false
    });
    await modal.present();
    modal.onDidDismiss();
  }

}