doneit-web/src/app/pages/publications/publication-detail/publication-detail.page.ts

import { Component, OnInit } from '@angular/core';
import { AnimationController, ModalController, NavParams } from '@ionic/angular';
import { Publication } from 'src/app/models/publication';
import { PublicationsService } from 'src/app/services/publications.service';
import { ToastService } from 'src/app/services/toast.service';
import { ImageModalPage } from '../gallery/image-modal/image-modal.page';
import { NewPublicationPage } from '../new-publication/new-publication.page';
import { SqliteService } from 'src/app/services/sqlite.service';
import { BackgroundService } from 'src/app/services/background.service';
import { ThemeService } from 'src/app/services/theme.service'
import { RouteService } from 'src/app/services/route.service';
import { PermissionService } from 'src/app/services/permission.service';
import { HttpErrorHandle } from 'src/app/services/http-error-handle.service';

@Component({
  selector: 'app-publication-detail',
  templateUrl: './publication-detail.page.html',
  styleUrls: ['./publication-detail.page.scss'],
})
export class PublicationDetailPage implements OnInit {
  showLoader: boolean;
  publicationId: string;
  folderId: string;
  publication: Publication;

  constructor(
    private modalController: ModalController,
    private navParams:NavParams,
    private publications:PublicationsService,
    private toastService: ToastService,
    private RouteService: RouteService,
    public ThemeService: ThemeService,
    public p:PermissionService,
    private httpErrorHandle: HttpErrorHandle ) {

      this.publicationId = this.navParams.get('publicationId');
      /* this.folderId = this.navParams.get('folderIdId'); */
      this.publication = {
        DateIndex: null,
        DocumentId: null,
        ProcessId:'',
        Title:'',
        Message: '',
        /* image: null, */
        DatePublication: null,
        FileBase64: '',
        OriginalFileName: '',
        FileExtension: '',
      };
    }

  ngOnInit() {
    this.getPublicationDetail();
  }
  doRefresh(event) {
    this.getPublicationDetail();

    setTimeout(() => {
      try {
  event?.target?.complete();
} catch(error) {}
    }, 2000);
  }

  getPublicationDetail() {
    this.showLoader = true;
    this.publications.GetPublicationById(this.publicationId).subscribe(res=>{
      
      /* this.publication = 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.showLoader = false;
    });
  }

  getFromDB() {

  }

  close() {
    this.RouteService.goBack()

  }

  async deletePost() {

    const loader = this.toastService.loading()

    try {
      await this.publications.DeletePublication(this.folderId, this.publicationId).toPromise();
      this.httpErrorHandle.httpsSucessMessagge('Eliminar publicação')
      if(window['app-view-publications-page-doRefresh']) {
        window['app-view-publications-page-doRefresh']()
      }
      this.close();
    } catch (error) {
      this.httpErrorHandle.httpStatusHandle(error)
    } finally {
      loader.remove()
    }

  }

  async editPost(publicationType:any) {

    
    const modal = await this.modalController.create({
      component: NewPublicationPage,
      componentProps:{
        publicationType: publicationType,
        publication: this.publication,
      },
      cssClass: 'new-publication modal modal-desktop',
      backdropDismiss: false
    });
    await modal.present();
    modal.onDidDismiss().then(()=>{
      setTimeout(() => {
        this.getPublicationDetail();
    }, 5000);
    });
  }

  openPreview(imageUrl:string){
    this.modalController.create({
      component: ImageModalPage,
      componentProps: {
        imageUrl:imageUrl,
      }
    }).then(modal => modal.present());
  }





}