chore(e2e-tests): add nested tabs test app

feat(location-strategy): refactor location strategy to support nested p-r-o

feat(reuse-strategy): refactor reuse strategy to support nested p-r-o

chore(frame-service): cleanup FrameService from unused methods

feat(router-extensions): extend back() to handle specific outlets by relative route

feat(location-strategy): rework location strategy to support simultaneously outlets back navigation

chore(e2e-tests): extend nested tabs test app with 'split view'

chore: mark states with the current parent route path

chore: add parent outlet to Outlet

chore(router-extensions): prevent back navigation of outlet that already navigating back

chore(reuse-strategy): extend cache key with parent route state string (unique)

fix(router-extensions): fix back navigation when only relative route provided. Should find and back in the current outlet

chore(e2e-tests): extend nested-router-tab-view app with tests

chore(location-strategy): rework location strategy to store outlets by their parent path and current outlet name

chore(reuse-strategy): child components should not be reteached when parent is detached

chore(e2e-tests): extend e2e tests

chore(reuse-strategy): modify shouldDetach to mark parent outlet

chore(location-strategy): Modify getRouteFullPath method

chore(p-r-o): mark all activated routes child routes that have coresponding outlet

chore(router-extensions): find top activated route  node for outlet when going back

chore(location-strategy): modify getRouteFullPath to generates proper url path

chore(p-r-o): find the top activated route for outlet inside activateWith method

chore(e2e-tests): extend nested tab view app with lazy loaded home module

feat(router-extensions): extend canGoBack() to handle specific outlets by relative route

e2e tests added

feat(modal-views): remove the back navigation when destroying modal views with p-r-o

Introduce modalNavigationDepth to mark all p-r-o , along with their states, shown as modals.

chore(e2e-modal-navigation): modify goBack to back in the current ActivatedRoute

feat(modal-views): create outlet for any p-r-o displayed as modal view (even if it's 'primary')

feat: introduce NSEmptyOutletComponent to support nested named lazy loaded modules

feat(page-router-outlet): support named lazy loaded outlet

Allow Outlet to be associated with more than one p-r-o (NSEmptyOutlet)

Author: ADjenkov

e2e/modal-navigation-ng/app/modal-second/modal-second.component.html

@@ -4,6 +4,6 @@
 </ActionBar>
 
 <GridLayout #rootLayout rows="auto, auto" (loaded)="onLoaded($event)">
-    <Button text="Go Back" (tap)="goBack()"></Button>
+    <Button text="Go Back(activatedRoute)" (tap)="goBack()"></Button>
     <Button row="1" text="Close Modal" (tap)="close(rootLayout)"></Button>
 </GridLayout>

e2e/modal-navigation-ng/app/modal-second/modal-second.component.ts

@@ -1,4 +1,5 @@
 import { Component } from "@angular/core";
+import { ActivatedRoute } from "@angular/router";
 import { View, EventData } from "ui/core/view"
 import { RouterExtensions } from "nativescript-angular/router";
 
@@ -8,14 +9,14 @@ import { RouterExtensions } from "nativescript-angular/router";
     templateUrl: "./modal-second.component.html"
 })
 export class ModalSecondComponent {
-    constructor(private routerExtension: RouterExtensions) { }
+    constructor(private routerExtension: RouterExtensions, private activeRoute: ActivatedRoute) { }
 
-    onLoaded(args: EventData) {
+    onLoaded() {
         console.log("modal-second loaded");
     }
 
     goBack() {
-        this.routerExtension.back();
+        this.routerExtension.back({ relativeTo: this.activeRoute });
     }
 
     close(layoutRoot: View) {

e2e/modal-navigation-ng/e2e/screen.ts

@@ -27,7 +27,7 @@ const confirmDialog = "Yes";
 const confirmDialogMessage = "Message";
 const closeModalNested = "Close Modal Nested";
 const closeModal = "Close Modal";
-const goBack = "Go Back";
+const goBack = "Go Back(activatedRoute)";
 
 export class Screen {
 

e2e/modal-navigation-ng/package.json

@@ -57,7 +57,8 @@
     "webpack": "~4.6.0",
     "webpack-bundle-analyzer": "~2.13.0",
     "webpack-cli": "~2.1.3",
-    "webpack-sources": "~1.1.0"
+    "webpack-sources": "~1.1.0",
+    "@angular-devkit/core": "~0.7.0-beta.1"
   },
   "scripts": {
     "e2e": "tsc -p e2e && mocha --opts ../config/mocha.opts --recursive e2e --appiumCapsLocation ../config/appium.capabilities.json",

e2e/nested-router-tab-view/.gitignore

@@ -0,0 +1,12 @@
+.vscode
+
+platforms
+node_modules
+hooks
+
+/**/*.js
+/**/*.map
+e2e/reports
+test-results.xml
+
+instrumentscli*.trace

e2e/nested-router-tab-view/app/App_Resources/Android/AndroidManifest.xml

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+	package="__PACKAGE__"
+	android:versionCode="1"
+	android:versionName="1.0">
+
+	<supports-screens
+		android:smallScreens="true"
+		android:normalScreens="true"
+		android:largeScreens="true"
+		android:xlargeScreens="true"/>
+
+	<uses-sdk
+		android:minSdkVersion="17"
+		android:targetSdkVersion="__APILEVEL__"/>
+
+	<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
+	<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
+	<uses-permission android:name="android.permission.INTERNET"/>
+
+	<application
+		android:name="com.tns.NativeScriptApplication"
+		android:allowBackup="true"
+		android:icon="@drawable/icon"
+		android:label="@string/app_name"
+		android:theme="@style/AppTheme">
+
+		<activity
+			android:name="com.tns.NativeScriptActivity"
+			android:label="@string/title_activity_kimera"
+			android:configChanges="keyboardHidden|orientation|screenSize"
+			android:theme="@style/LaunchScreenTheme">
+
+			<meta-data android:name="SET_THEME_ON_LAUNCH" android:resource="@style/AppTheme" />
+
+			<intent-filter>
+				<action android:name="android.intent.action.MAIN" />
+				<category android:name="android.intent.category.LAUNCHER" />
+			</intent-filter>
+		</activity>
+		<activity android:name="com.tns.ErrorReportActivity"/>
+	</application>
+</manifest>

e2e/nested-router-tab-view/app/App_Resources/Android/app.gradle

@@ -0,0 +1,16 @@
+// Add your native dependencies here:
+
+// Uncomment to add recyclerview-v7 dependency
+//dependencies {
+//	compile 'com.android.support:recyclerview-v7:+'
+//}
+
+android {  
+  defaultConfig {  
+    generatedDensities = []
+    applicationId = "org.nativescript.nestedroutertabview"  
+  }  
+  aaptOptions {  
+    additionalParameters "--no-version-vectors"  
+  }  
+}