From df265794e8eb443c967bb0f1fff02b638f59a399 Mon Sep 17 00:00:00 2001
From: Vasil Chimev <Vasil.Chimev@telerik.com>
Date: Mon, 15 Jun 2015 15:09:56 +0300
Subject: [PATCH] Add modal-view demo to ui-tests-app.

---
 apps/ui-tests-app/modal-view/login-page.ts  | 32 +++++++++++++++++++++
 apps/ui-tests-app/modal-view/login-page.xml |  7 +++++
 apps/ui-tests-app/modal-view/modal-view.ts  | 19 ++++++++++++
 apps/ui-tests-app/modal-view/modal-view.xml |  7 +++++
 4 files changed, 65 insertions(+)
 create mode 100644 apps/ui-tests-app/modal-view/login-page.ts
 create mode 100644 apps/ui-tests-app/modal-view/login-page.xml
 create mode 100644 apps/ui-tests-app/modal-view/modal-view.ts
 create mode 100644 apps/ui-tests-app/modal-view/modal-view.xml

diff --git a/apps/ui-tests-app/modal-view/login-page.ts b/apps/ui-tests-app/modal-view/login-page.ts
new file mode 100644
index 000000000..a4bd28fc3
--- /dev/null
+++ b/apps/ui-tests-app/modal-view/login-page.ts
@@ -0,0 +1,32 @@
+import pages = require("ui/page");
+import textField = require("ui/text-field");
+import observable = require("data/observable");
+
+var context: any;
+var closeCallback: Function;
+
+var page: pages.Page;
+var usernameTextField: textField.TextField;
+var passwordTextField: textField.TextField;
+
+export function onShownModally(args: pages.ShownModallyData) {
+    console.log("login-page.onShownModally, context: " + args.context);
+    context = args.context;
+    closeCallback = args.closeCallback;
+}
+
+export function onLoaded(args: observable.EventData) {
+    console.log("login-page.onLoaded");
+    page = <pages.Page>args.object;
+    usernameTextField = page.getViewById<textField.TextField>("username");
+    passwordTextField = page.getViewById<textField.TextField>("password");
+}
+
+export function onUnloaded() {
+    console.log("login-page.onUnloaded");
+}
+
+export function onLoginButtonTap() {
+    console.log("login-page.onLoginButtonTap");
+    closeCallback(usernameTextField.text, passwordTextField.text);
+}
\ No newline at end of file
diff --git a/apps/ui-tests-app/modal-view/login-page.xml b/apps/ui-tests-app/modal-view/login-page.xml
new file mode 100644
index 000000000..745e7e296
--- /dev/null
+++ b/apps/ui-tests-app/modal-view/login-page.xml
@@ -0,0 +1,7 @@
+<Page xmlns="http://www.nativescript.org/tns.xsd" shownModally="onShownModally" loaded="onLoaded" unloaded="onUnloaded" backgroundColor="Red">
+  <StackLayout backgroundColor="PaleGreen">
+    <TextField hint="username" id="username" text="username"/>
+    <TextField hint="password" id="password" text="password" secure="true"/>
+    <Button text="Login" tap="onLoginButtonTap"/>
+  </StackLayout>
+</Page>
\ No newline at end of file
diff --git a/apps/ui-tests-app/modal-view/modal-view.ts b/apps/ui-tests-app/modal-view/modal-view.ts
new file mode 100644
index 000000000..d18c0e28f
--- /dev/null
+++ b/apps/ui-tests-app/modal-view/modal-view.ts
@@ -0,0 +1,19 @@
+import pages = require("ui/page");
+import labelModule = require("ui/label");
+import observable = require("data/observable");
+
+var page: pages.Page;
+var label: labelModule.Label;
+
+export function pageLoaded(args: observable.EventData) {
+    page = <pages.Page>args.object;
+    label = page.getViewById<labelModule.Label>("label");
+}
+
+export function onTap(args: observable.EventData) {
+    var fullscreen = (<any>args.object).text.indexOf("(full-screen)") !== -1;
+    page.showModal("modal-view/login-page", "context", function (username: string, password: string) {
+        console.log(username + "/" + password);
+        label.text = username + "/" + password;
+    }, fullscreen);
+}
\ No newline at end of file
diff --git a/apps/ui-tests-app/modal-view/modal-view.xml b/apps/ui-tests-app/modal-view/modal-view.xml
new file mode 100644
index 000000000..d123afe19
--- /dev/null
+++ b/apps/ui-tests-app/modal-view/modal-view.xml
@@ -0,0 +1,7 @@
+<Page xmlns="http://www.nativescript.org/tns.xsd" loaded="pageLoaded" backgroundColor="Red">
+  <StackLayout backgroundColor="PaleGreen">
+    <Button text="Login (pop-up)" tap="onTap" />
+    <Button text="Login (full-screen)" tap="onTap" />
+    <Label id="label" text="Anonymous"/>
+  </StackLayout>
+</Page>
\ No newline at end of file