From d949cc71282af61687ae4f7f40b7cc340a277b18 Mon Sep 17 00:00:00 2001
From: SvetoslavTsenov <tsenov.svetoslav@gmail.com>
Date: Mon, 31 Jul 2017 13:11:07 +0300
Subject: [PATCH] Include example action-bar flat property (#4618)

* Inlcude example for flat property

* Update xml
---
 apps/app/ui-tests-app/action-bar/flat.ts      | 15 +++++++++++++++
 apps/app/ui-tests-app/action-bar/flat.xml     |  9 +++++++++
 apps/app/ui-tests-app/action-bar/main-page.ts |  1 +
 3 files changed, 25 insertions(+)
 create mode 100644 apps/app/ui-tests-app/action-bar/flat.ts
 create mode 100644 apps/app/ui-tests-app/action-bar/flat.xml

diff --git a/apps/app/ui-tests-app/action-bar/flat.ts b/apps/app/ui-tests-app/action-bar/flat.ts
new file mode 100644
index 000000000..07b5e0e6b
--- /dev/null
+++ b/apps/app/ui-tests-app/action-bar/flat.ts
@@ -0,0 +1,15 @@
+import { Label } from "tns-core-modules/ui/Label";
+import { Page } from "tns-core-modules/ui/Page";
+
+export function onNavigateTo(args) {
+    const actionBar = (<Page>args.object).actionBar;
+    args.object.flatPropertyValue = <Label>args.object.getViewById("flatPropertyValue");
+    actionBar.flat = true;
+    args.object.flatPropertyValue.text = "Action bar flat property is set to: " + actionBar.flat;
+}
+
+export function changeFlatPropertyValue(args) {
+    const actionBar = (<Page>args.object.page).actionBar;
+    actionBar.flat = !actionBar.flat;
+    args.object.page.flatPropertyValue.text = "Action bar flat property is set to: " + actionBar.flat;
+}
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/action-bar/flat.xml b/apps/app/ui-tests-app/action-bar/flat.xml
new file mode 100644
index 000000000..21220d00f
--- /dev/null
+++ b/apps/app/ui-tests-app/action-bar/flat.xml
@@ -0,0 +1,9 @@
+<Page navigatedTo="onNavigateTo" >
+  <Page.actionBar>
+    <ActionBar title="Flat property" />
+  </Page.actionBar>
+  <StackLayout>
+    <Button margin="30" text="change flat property" tap="changeFlatPropertyValue"/>
+    <Label id="flatPropertyValue" />
+  </StackLayout>
+</Page>
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/action-bar/main-page.ts b/apps/app/ui-tests-app/action-bar/main-page.ts
index e12c789f6..fa9f55128 100644
--- a/apps/app/ui-tests-app/action-bar/main-page.ts
+++ b/apps/app/ui-tests-app/action-bar/main-page.ts
@@ -21,6 +21,7 @@ export function loadExamples() {
     examples.set("actTransparentBgCss", "action-bar/transparent-bg-css");
     examples.set("modalHiddenActBar", "action-bar/modal-test-hidden-action-bar");
     examples.set("modalShownActBar", "action-bar/modal-test-with-action-bar");
+    examples.set("flat", "action-bar/flat");
 
     return examples;
 }
\ No newline at end of file