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

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

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

  publicationList: Publication[];
  item: PublicationFolder;

  error: any;

  @Input() folderId: string;
  @Output() addNewPublication =  new EventEmitter<any>();
  @Output() openPublicationDetails= new EventEmitter<any>();
  @Output() goBackToViewPublications = new EventEmitter();
  @Output() closeDesktopComponent =  new EventEmitter<any>();
  @Output() goBacktoPublicationDetails = new EventEmitter<any>();

  constructor(
    private loadingController: LoadingService,
    private modalController: ModalController,
    private publications: PublicationsService,
    ) { 
      this.item = new PublicationFolder();
  }

  ngOnInit() {
    console.log(this.folderId);

    if(typeof(this.folderId) == 'object') {
      this.folderId = this.folderId['ProcessId']
    }
    
    this.getPublications();
    this.getPublicationDetail();
  }

  ngOnChanges(changes: any): void {
    console.log(this.folderId)

    if(typeof(this.folderId) == 'object') {
      this.folderId = this.folderId['ProcessId']
    }

    this.getPublications();
    this.getPublicationDetail();
  }

  doRefresh(event) {
    this.getPublications();

    setTimeout(() => {
      this.getPublications();
      this.getPublicationDetail();
      event.target.complete();
    }, 3000);
  }

  close(){
    this.closeDesktopComponent.emit();
  }
  
  getPublicationDetail() {
    this.publications.GetPresidentialAction(this.folderId).subscribe(res=>{
      console.log(res);
      this.item = res;
    });
  }

  getPublications() {
    this.showLoader = true;
    
    this.publications.GetPublications(this.folderId).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 = {
          "DateIndex": element.DateIndex,
          "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);
      this.showLoader = false;
    },
    (error)=>{
      if(error.status == '404'){
        this.error = 'Sem publicações disponíveis!';
        this.publicationList=null;
      }

      this.showLoader = false;
      
    })

  }

  async AddPublication(publicationType:any, folderId:any) {

    if( window.innerWidth <= 1024) {
      const modal = await this.modalController.create({
        component: NewPublicationPage,
        componentProps:{
          publicationType: publicationType,
          folderId: folderId,
        },
        cssClass: 'new-publication modal modal-desktop',
        backdropDismiss: false
      });
      await modal.present();
      modal.onDidDismiss().then(()=>{
        this.doRefresh(event);
      });
    } else {
      this.addNewPublication.emit({
        publicationType: publicationType,
        folderId: folderId
      })
    }

  }

  async viewPublicationDetail(publicationId:string) {

    console.log(publicationId);

    if( window.innerWidth <= 1024) {
      const modal = await this.modalController.create({
        component: PublicationDetailPage,
        componentProps:{
          publicationId: publicationId,
        },
        cssClass: 'publication-detail modal modal-desktop',
        //backdropDismiss: false
      });
      await modal.present();
      modal.onDidDismiss().then(()=>{
        this.doRefresh(event);
      });
    } else {
      // open publication details
      this.openPublicationDetails.emit(publicationId);
    }

  }

}