Add view event desktop

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

@@ -0,0 +1,129 @@
+import { Component, OnInit, Input, Output } from '@angular/core';
+import { ModalController, NavParams } 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;
+
+  @Input() folderId: string;
+  
+
+  constructor(
+    private loadingController: LoadingService,
+    private modalController: ModalController,
+    private publications: PublicationsService,
+    ) { 
+      this.item = new PublicationFolder();
+
+    }
+
+  ngOnInit() {
+    console.log(this.folderId);
+    
+    this.getPublications();
+    this.getPublicationDetail();
+  }
+
+  ngOnChanges(changes: any): void {
+    console.log(this.folderId)
+
+    this.getPublications();
+    this.getPublicationDetail();
+  }
+
+  doRefresh(event) {
+    this.getPublications();
+
+    setTimeout(() => {
+      this.getPublications();
+      this.getPublicationDetail();
+      event.target.complete();
+    }, 3000);
+  }
+  close(){
+    this.modalController.dismiss();
+  }
+  getPublicationDetail(){
+    this.publications.GetPublicationFolderById(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;
+    });
+    
+  }
+
+  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().then(()=>{
+      this.doRefresh(event);
+    });
+  }
+
+  async viewPublicationDetail(publicationId:string) {
+    const modal = await this.modalController.create({
+      component: PublicationDetailPage,
+      componentProps:{
+        publicationId: publicationId,
+      },
+      cssClass: 'publication-detail',
+      backdropDismiss: false
+    });
+    await modal.present();
+    modal.onDidDismiss().then(()=>{
+      this.doRefresh(event);
+    });
+  }
+
+}