Update publication page

src/app/pages/publications/publications.module.ts

@@ -11,6 +11,7 @@ import { SharedModule } from 'src/app/shared/shared.module';
 import { ViewPublicationsPage } from 'src/app/shared/publication/view-publications/view-publications.page';
 import { NewPublicationPage } from 'src/app/shared/publication/new-publication/new-publication.page';
 import { PublicationDetailPage } from 'src/app/shared/publication/publication-detail/publication-detail.page';
+import { NewActionPage } from 'src/app/shared/publication/new-action/new-action.page';
 
 
 @NgModule({
@@ -25,7 +26,8 @@ import { PublicationDetailPage } from 'src/app/shared/publication/publication-de
     PublicationsPage,
     ViewPublicationsPage,
     NewPublicationPage,
-    PublicationDetailPage
+    PublicationDetailPage,
+    NewActionPage
   ]
 })
 export class PublicationsPageModule {}

src/app/pages/publications/publications.page.html

@@ -88,6 +88,12 @@
         [publicationId]="publicationId"
       ></app-publication-detail-shared>
 
+      <app-new-action
+        *ngIf="desktopComponent.showAddActions"
+        class="height-100 d-flex flex-column overflow-hidden background-white"
+        (closeDesktopComponent)="closeDesktopComponent($event)"
+      ></app-new-action>
+
     </div>
 
   </div>

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

@@ -35,7 +35,8 @@ export class PublicationsPage implements OnInit {
   desktopComponent: any = {
     showViewPublication: false,
     showAddNewPublication: false,
-    showPublicationDetail: false
+    showPublicationDetail: false,
+    showAddActions: false
   }
 
   folderId: string;
@@ -102,19 +103,24 @@ export class PublicationsPage implements OnInit {
   async AddPublicationFolder(item:any) {
     
     this.closeDesktopComponent();
+    if(window.innerHeight >= 1024){
+      const modal = await this.modalController.create({
+        component: NewActionPage,
+        componentProps:{
+          item: item,
+        },
+        cssClass: 'new-action',
+        backdropDismiss: false
+      });
+      await modal.present();
+      modal.onDidDismiss().then(()=>{
+        this.doRefresh();
+      });
+    } else {
+      this.desktopComponent.showAddActions = true;
+    }
     
-    const modal = await this.modalController.create({
-      component: NewActionPage,
-      componentProps:{
-        item: item,
-      },
-      cssClass: 'new-action',
-      backdropDismiss: false
-    });
-    await modal.present();
-    modal.onDidDismiss().then(()=>{
-      this.doRefresh();
-    });
+
   }
 
   async viewPublications(folderId: string) {
@@ -197,7 +203,8 @@ export class PublicationsPage implements OnInit {
     this.desktopComponent = {
       showViewPublication: false,
       showAddNewPublication: false,
-      showPublicationDetail: false
+      showPublicationDetail: false,
+      showAddActions: false,
     }
   }