Publication page add go back to functionality

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

@@ -76,15 +76,20 @@
         class="height-100 d-flex flex-column overflow-hidden flex-grow-1"
         (addNewPublication)="addNewPublication($event)"
         (openPublicationDetails)="openPublicationDetails($event)"
+        (goBackToViewPublications)="goBackToViewPublications($event)"
+        (closeDesktopComponent)="closeDesktopComponent($event)"
       >
       </app-view-publications>
 
-      <app-new-publication *ngIf="desktopComponent.showAddNewPublication"
+      <app-new-publication 
+        *ngIf="desktopComponent.showAddNewPublication"
         class="height-100 d-flex flex-column overflow-hidden background-white flex-grow-1"
         [folderId]="folderId"
         [publicationType]="publicationType"
         [publication]="publication"
         (closeDesktopComponent)="closeDesktopComponent($event)"
+        (goBacktoPublicationDetails)="goBacktoPublicationDetails($event)"
+        (goBackToViewPublications)="goBackToViewPublications($event)"
       >
       </app-new-publication>
 
@@ -94,6 +99,8 @@
         [publicationId]="publicationId"
         (addNewPublication)="addNewPublication($event)"
         (closeDesktopComponent)="closeDesktopComponent($event)"
+        (goBacktoPublicationDetails)="goBacktoPublicationDetails($event)"
+        (goBackToViewPublications)="goBackToViewPublications($event)"
       ></app-publication-detail-shared>
 
       <app-new-action

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

@@ -175,10 +175,25 @@ export class PublicationsPage implements OnInit {
     } else {
       // open angular component
       this.folderId = folderId
-      this.desktopComponent.showViewPublication = true;
+      this.desktopComponent.showViewPublication = true; 
-      
     }
 
+  }
+  // called from view publications
+  goBackToViewPublications(){
+
+    this.closeDesktopComponent();
+    this.desktopComponent.showViewPublication = true;
+  }
+
+  goBackToPubications(){
+    this.closeDesktopComponent();
+    this.desktopComponent.showViewPublication = true;
+  }
+
+  async goBacktoPublicationDetails(){
+    this.closeDesktopComponent();
+    this.desktopComponent.showPublicationDetail = true;
 
   }
 
@@ -202,6 +217,7 @@ export class PublicationsPage implements OnInit {
     this.desktopComponent.showPublicationDetail = true;
 
   }
+  
 
   async closeDesktopComponent (xx?: any){
 

src/app/shared/publication/new-publication/new-publication.page.html

@@ -1,5 +1,8 @@
 <ion-header class="ion-no-border background-white px-20 pt-25">
-  <div class="title-content">
+  <div class="title-content d-flex">
+    <div class="back-icon">
+      <ion-icon class="font-35" (click)="goBack()" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+    </div>
     <div class="div-title">
       <ion-label class="title">{{publicationTitle}}</ion-label>
     </div>

src/app/shared/publication/new-publication/new-publication.page.ts

@@ -39,7 +39,8 @@ export class NewPublicationPage implements OnInit {
   @Input() publicationType: string;
   @Input() folderId: string;
   @Output() closeDesktopComponent =  new EventEmitter<any>();
-  
+  @Output() goBacktoPublicationDetails = new EventEmitter();
+
   
   guestPicture:any;
 
@@ -181,6 +182,11 @@ export class NewPublicationPage implements OnInit {
     }
   }
 
+  async goBack(){
+
+    this.goBacktoPublicationDetails.emit();
+  }
+
   /* async openGallery() {
     const modal = await this.modalController.create({
       component: GalleryPage,

src/app/shared/publication/view-publications/publication-detail/publication-detail.page.html

@@ -8,8 +8,8 @@
   <div class="content-container">
     <div *ngIf="publication.Title != ''">
     <div class="title-content d-flex pl-20">
-      <div class="back-icon d-md-none" >
+      <div class="back-icon " >
-        <ion-icon (click)="close()" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+        <ion-icon (click)="goBack()" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
       </div>
       <div class="div-title">
         <ion-label class="title"> {{publication.Title}}</ion-label>

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

@@ -17,7 +17,9 @@ export class PublicationDetailPage implements OnInit {
 
   @Input() publicationId: string;
   @Output() addNewPublication =  new EventEmitter<any>();
-  
+  @Output() closeDesktopComponent =  new EventEmitter<any>();
+  @Output() goBackToViewPublications = new EventEmitter();
+
   constructor(
     private modalController: ModalController,
     private publications:PublicationsService,
@@ -81,7 +83,7 @@ export class PublicationDetailPage implements OnInit {
       console.log(res);
       
     });
-    this.close();
+   this.closeDesktopComponent.emit();
   }
 
   async editPost(publicationType:any) {
@@ -122,4 +124,9 @@ export class PublicationDetailPage implements OnInit {
     }).then(modal => modal.present());
   }
 
+  async goBack(){
+
+    this.goBackToViewPublications.emit();
+  }
+
 }

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

@@ -3,8 +3,8 @@
 <ion-header class="ion-no-border">
   <div class="main-header">
     <div class="title-content">
-      <div class="back-icon">
+      <div class="back-icon" (click)="goBack()">
-       <!--  <ion-icon (click)="close()" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon> -->
+        <ion-icon  slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
       </div>
       <div class="div-title">
         <ion-label class="title">{{item.Description}}</ion-label>

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

@@ -170,10 +170,3 @@
 
 
 
-
-
-@media only screen and (min-width: 1366px) {
-  .post-img{
-    width: unset !important;
-}
-}

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

@@ -22,6 +22,9 @@ export class ViewPublicationsPage implements OnInit {
   @Input() folderId: string;
   @Output() addNewPublication =  new EventEmitter<any>();
   @Output() openPublicationDetails= new EventEmitter<any>();
+  @Output() goBackToViewPublications = new EventEmitter();
+  @Output() closeDesktopComponent =  new EventEmitter<any>();
+  @Output() goBacktoPublicationDetails = new EventEmitter<any>();
 
   constructor(
     private loadingController: LoadingService,
@@ -56,7 +59,7 @@ export class ViewPublicationsPage implements OnInit {
     }, 3000);
   }
   close(){
-    this.modalController.dismiss();
+    this.closeDesktopComponent.emit();
   }
   getPublicationDetail(){
     this.publications.GetPublicationFolderById(this.folderId).subscribe(res=>{
@@ -146,4 +149,9 @@ export class ViewPublicationsPage implements OnInit {
 
   }
 
+  async goBack(){
+    console.log('!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!')
+    this.goBacktoPublicationDetails.emit();
+  }
+
 }