CIT/Vmeda.Online
3
0
Fork 1
forked from EVOgeek/Vmeda.Online
Code Pull Requests Activity

MOBILE-3320 tabs: Call navigation hooks

Browse Source
This commit is contained in:
Noel De Martin 2021-06-15 18:28:20 +02:00
parent 1e651de59e
commit 4567846209
1 changed files with 39 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/core/components/tabs-outlet/tabs-outlet.ts
View File

@ -23,7 +23,7 @@ import {
ElementRef,
SimpleChange,
} from '@angular/core';
import { IonTabs } from '@ionic/angular';
import { IonTabs, ViewDidEnter, ViewDidLeave } from '@ionic/angular';
import { Subscription } from 'rxjs';
import { CoreUtils } from '@services/utils/utils';
@ -65,10 +65,11 @@ export class CoreTabsOutletComponent extends CoreTabsBaseComponent<CoreTabsOutle
@ViewChild(IonTabs) protected ionTabs?: IonTabs;
protected stackEventsSubscription?: Subscription;
protected outletActivatedSubscription?: Subscription;
protected lastActiveComponent?: Partial<ViewDidLeave>;
protected existsInNavigationStack = false;
constructor(
element: ElementRef,
) {
constructor(element: ElementRef) {
super(element);
}
@ -110,6 +111,9 @@ export class CoreTabsOutletComponent extends CoreTabsBaseComponent<CoreTabsOutle
this.showHideTabs(scrollElement.scrollTop, scrollElement);
}
});
this.outletActivatedSubscription = this.ionTabs?.outlet.activateEvents.subscribe(() => {
this.lastActiveComponent = this.ionTabs?.outlet.component;
});
}
/**
@ -127,6 +131,35 @@ export class CoreTabsOutletComponent extends CoreTabsBaseComponent<CoreTabsOutle
super.ngOnChanges(changes);
}
/**
* @inheritdoc
*/
ionViewDidEnter(): void {
super.ionViewDidEnter();
// The `ionViewDidEnter` method is not called on nested outlets unless the parent page is leaving the navigation stack,
// that's why we need to call it manually if the page that is entering already existed in the stack (meaning that it is
// entering in response to a back navigation from the page on top).
if (this.existsInNavigationStack && this.ionTabs?.outlet.isActivated) {
(this.ionTabs?.outlet.component as Partial<ViewDidEnter>).ionViewDidEnter?.();
}
// After the view has entered for the first time, we can assume that it'll always be in the navigation stack
// until it's destroyed.
this.existsInNavigationStack = true;
}
/**
* @inheritdoc
*/
ionViewDidLeave(): void {
super.ionViewDidLeave();
// The `ionViewDidLeave` method is not called on nested outlets unless the active view changes, that's why
// we need to call it manually if the page is leaving and the last active component was not notified.
this.lastActiveComponent?.ionViewDidLeave?.();
}
/**
* Load the tab.
*
@ -165,6 +198,8 @@ export class CoreTabsOutletComponent extends CoreTabsBaseComponent<CoreTabsOutle
ngOnDestroy(): void {
super.ngOnDestroy();
this.stackEventsSubscription?.unsubscribe();
this.outletActivatedSubscription?.unsubscribe();
this.existsInNavigationStack = false;
}
}