fix(ios-dialogs): unable to show dialog from modal view without a page (#5881)

* fix(ios-dialogs): unable to show dialog from modal view

* tests(modal-navigation): add test that opens dialog inside modal view

e2e/modal-navigation/app/home/home-page.ts

@@ -20,6 +20,15 @@ export function onNavigatedFrom(args: NavigatedData) {
     console.log("home-page onNavigatedFrom");
 }
 
+export function onModalNoPage(args: EventData) {
+    const view = args.object as View;
+
+    view.showModal("modal-no-page/modal-no-page",
+        "context",
+        () => console.log("home-page modal frame closed"),
+        false);
+}
+
 export function onModalFrame(args: EventData) {
     const view = args.object as View;
 

e2e/modal-navigation/app/home/home-page.xml

@@ -10,6 +10,7 @@
     </ActionBar>
 
     <StackLayout>
+        <Button text="Show Modal Without Page" tap="onModalNoPage" />
         <Button text="Show Modal Page With Frame" tap="onModalFrame" />
         <Button text="Show Modal Page" tap="onModalPage" />
         <Button text="Show Modal Layout" tap="onModalLayout" />

e2e/modal-navigation/app/layout-root.ios.ts

@@ -1,4 +1,5 @@
 export {
+    onModalNoPage,
     onModalFrame,
     onModalPage,
     onModalLayout,

e2e/modal-navigation/app/layout-root.ios.xml

@@ -1,5 +1,6 @@
 <StackLayout>
     <Label text="Home" horizontalAlignment="center" />
+    <Button text="Show Modal Without Page" tap="onModalNoPage" />
     <Button text="Show Modal Page With Frame" tap="onModalFrame" />
     <Button text="Show Modal Page" tap="onModalPage" />
     <Button text="Show Modal Layout" tap="onModalLayout" />

e2e/modal-navigation/app/modal-no-page/modal-no-page.ts

@@ -0,0 +1,28 @@
+import { StackLayout } from "tns-core-modules/ui/layouts/stack-layout";
+import { NavigatedData, Page } from "tns-core-modules/ui/page";
+import { View, EventData } from "tns-core-modules/ui/core/view";
+import { Frame, ShownModallyData } from "tns-core-modules/ui/frame";
+import { fromObject } from "tns-core-modules/data/observable";
+import { confirm } from "ui/dialogs";
+
+export function onLoaded(args) {
+    console.log("modal-no-page loaded");
+}
+
+export function closeModal(args: EventData) {
+    (args.object as View).closeModal();
+}
+
+export function showDialog(args: EventData) {
+    let options = {
+        title: "Dialog",
+        message: "Message",
+        okButtonText: "Yes",
+        cancelButtonText: "No"
+
+    }
+
+    confirm(options).then((result: boolean) => {
+        console.log(result);
+    })
+}

e2e/modal-navigation/app/modal-no-page/modal-no-page.xml

@@ -0,0 +1,4 @@
+<StackLayout backgroundColor="lightGreen" loaded="onLoaded">
+    <Button text="Show Dialog" tap="showDialog"/>
+    <Button text="Close Modal" tap="closeModal" />
+</StackLayout>

e2e/modal-navigation/app/modal/modal-page.ts

@@ -3,6 +3,7 @@ import { NavigatedData, Page } from "tns-core-modules/ui/page";
 import { View, EventData } from "tns-core-modules/ui/core/view";
 import { Frame, ShownModallyData } from "tns-core-modules/ui/frame";
 import { fromObject } from "tns-core-modules/data/observable";
+import { confirm } from "ui/dialogs";
 
 export function onShowingModally(args: ShownModallyData) {
     console.log("modal-page showingModally");
@@ -64,4 +65,18 @@ export function onNavigate(args: EventData) {
     const view = args.object as View;
     const page = view.page as Page;
     page.frame.navigate("modal-second/modal-second-page");
+}
+
+export function showDialog(args: EventData) {
+    let options = {
+        title: "Dialog",
+        message: "Message",
+        okButtonText: "Yes",
+        cancelButtonText: "No"
+
+    }
+
+    confirm(options).then((result: boolean) => {
+        console.log(result);
+    })
 }

e2e/modal-navigation/app/modal/modal-page.xml

@@ -10,6 +10,7 @@
 
     <StackLayout backgroundColor="lightGreen">
         <Button text="Navigate To Second Page" tap="onNavigate" visibility="{{ navigationVisibility }}" />
+        <Button text="Show Dialog" tap="showDialog" />
         <Button text="Show Nested Modal Page With Frame" tap="showNestedModalFrame" />
         <Button text="Show Nested Modal Page" tap="showNestedModalPage" />
         <Button text="Close Modal" tap="closeModal" />