Add New publication component

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

@@ -1,5 +1,5 @@
-import { Component, OnInit, Input, Output } from '@angular/core';
-import { ModalController, NavParams } from '@ionic/angular';
+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';
@@ -20,6 +20,7 @@ export class ViewPublicationsPage implements OnInit {
   item: PublicationFolder;
 
   @Input() folderId: string;
+  @Output() addNewPublication =  new EventEmitter<any>();
   
 
   constructor(
@@ -96,19 +97,28 @@ export class ViewPublicationsPage implements OnInit {
   }
 
   async AddPublication(publicationType:any, folderId:string) {
-    const modal = await this.modalController.create({
-      component: NewPublicationPage,
-      componentProps:{
+
+    if( window.innerWidth <= 1024) {
+      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);
+      });
+    } else {
+      this.addNewPublication.emit({
         publicationType: publicationType,
-        folderId: folderId,
-      },
-      cssClass: 'new-publication',
-      backdropDismiss: false
-    });
-    await modal.present();
-    modal.onDidDismiss().then(()=>{
-      this.doRefresh(event);
-    });
+        folderId: folderId
+      })
+    }
+
   }
 
   async viewPublicationDetail(publicationId:string) {