Include example action-bar flat property (NativeScript#4618)

SvetoslavTsenov · web-flow · commit d949cc71282a · 2017-07-31T13:11:07.000+03:00
* Inlcude example for flat property

* Update xml
diff --git a/apps/app/ui-tests-app/action-bar/flat.ts 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;
+}
diff --git a/apps/app/ui-tests-app/action-bar/flat.xml 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>
diff --git 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;
 }

Original file line number	Diff line number	Diff line change
`@@ -21,6 +21,7 @@ export function loadExamples() {`
`21`	`21`	`examples.set("actTransparentBgCss", "action-bar/transparent-bg-css");`
`22`	`22`	`examples.set("modalHiddenActBar", "action-bar/modal-test-hidden-action-bar");`
`23`	`23`	`examples.set("modalShownActBar", "action-bar/modal-test-with-action-bar");`
	`24`	`+ examples.set("flat", "action-bar/flat");`
`24`	`25`
`25`	`26`	`return examples;`
`26`	`27`	`}`