Add view event desktop

src/app/pages/publications/publications.page.ts

@@ -31,6 +31,13 @@ export class PublicationsPage implements OnInit {
   months: string[];
   days:string[];
 
+
+  desktopComponent: any = {
+    showViewPublication: false,
+  }
+
+  folderId: string;
+
   constructor(
     private router: Router, 
     private modalController: ModalController,
@@ -130,19 +137,31 @@ export class PublicationsPage implements OnInit {
     }
  
 
-    /* let item =  this.publicationFolderList; */
-    const modal = await this.modalController.create({
-      component: ViewPublicationsPage,
-      enterAnimation,
-      leaveAnimation,
-      componentProps:{
-        folderId:folderId,
-      },
-      cssClass: 'new-action',
-      backdropDismiss: false
-    });
-    await modal.present();
-    modal.onDidDismiss();
+
+    // OpenModal
+    if( window.innerWidth <= 1024){
+      /* let item =  this.publicationFolderList; */
+      const modal = await this.modalController.create({
+        component: ViewPublicationsPage,
+        enterAnimation,
+        leaveAnimation,
+        componentProps:{
+          folderId:folderId,
+        },
+        cssClass: 'new-action',
+        backdropDismiss: false
+      });
+      await modal.present();
+      modal.onDidDismiss();
+
+    } else {
+      // open angular component
+      this.folderId = folderId
+      this.desktopComponent.showViewPublication = true;
+      
+    }
+
+
   }
 
 }