[FEAT] Close all panes on hardware back button event

[woutersteven]

What are you trying to add to Cupertino-Pane?
Ability to close any and all existing panes.

Describe your feature request detailed
Throughout my Ionic App i use Cupertino Panes (they're great) and i track my hardware back button (see below)... it goes back in the navigation stack and shows a toast "press back again to exist app" once it has reached the last page. This is working well.

I want to add something, so that when a pane is opened... it is closed first when somebody presses the back button.. and then the normal behaviour continues.

This function (see below) is in a service file, and doesn't have access to the components in which the panes are presented.

public hardwareBackButtonEvent(): void {
   this.platform.backButton.subscribeWithPriority(10, () => {
     let currentTime = new Date().getTime();
     if (!this.canGoBack() && this.lastBackTime && this.lastBackTime > 0 && (currentTime - this.lastBackTime < this.intervalExitApp)) {
       (window.navigator as any)["app"].exitApp();
       return;
     }
     // if there is no previous page, show toast to exit app
     if (!this.canGoBack()) {
       this._createToastExitApp();
     } else {
       this.back();
     }
   });
 } // End of backButtonEvent()

I'm not sure how best to approach it, perhaps with events. that when i create a pane, it sends a signal to the navigation service? i'm not sure.

Is there an alternative at the latest version?

[ ] Yes (descripe the alternative)
[X] No

Is this related to an issue?

[ ] Yes (Give a link to the issue)
[X] No

[roman-rr]

@woutersteven2020 Thank you, I'm understand the issue.
Good a feature request, it's would be nice access to Pane instances from window object, from any code part, like window['pane']: [CupertinoPane, CupertinoPane, CupertinoPane, ...].
I will review this feature for the future.

For now, I suggest you to place your pane to some Singleton service where you collect global app variables:

import { SharedService } from '../services/shared/shared/shared.service.ts';

constructor (shared: SharedService) {

  // when you initiate a pane save it to shared scope
  this.shared.pane = new CupertinoPane(...);
}

Than access it from your hardware button service.

Some similar issues about hardware button (#143, #150)

[woutersteven]

Thank you for your reply. I wrote Singeton service and updated my hardwareBackButtonEvent() to check for openPanes first (and close them) before trying to navigate back through the history, it's working nicely!