You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2018/11/14 19:26:59 UTC
[royale-asjs] branch develop updated: Jewel Wizard initial example
in JewelExample
This is an automated email from the ASF dual-hosted git repository.
carlosrovira pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git
The following commit(s) were added to refs/heads/develop by this push:
new 5589a71 Jewel Wizard initial example in JewelExample
5589a71 is described below
commit 5589a71204a6ac1757319981f1767f2fda355ba5
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Wed Nov 14 20:26:52 2018 +0100
Jewel Wizard initial example in JewelExample
---
.../JewelExample/src/main/royale/MainContent.mxml | 1 +
.../src/main/royale/WizardPlayGround.mxml | 91 ++++++++++++++++++++++
.../src/main/royale/models/MainNavigationModel.as | 3 +-
3 files changed, 94 insertions(+), 1 deletion(-)
diff --git a/examples/royale/JewelExample/src/main/royale/MainContent.mxml b/examples/royale/JewelExample/src/main/royale/MainContent.mxml
index effb677..aba15fd 100644
--- a/examples/royale/JewelExample/src/main/royale/MainContent.mxml
+++ b/examples/royale/JewelExample/src/main/royale/MainContent.mxml
@@ -144,6 +144,7 @@ limitations under the License.
<local:TabBarPlayGround id="tabbar_panel"/>
<local:ViewStatesPlayGround id="viewstates_panel"/>
<local:LayoutsPlayGround id="layouts_panel"/>
+ <local:WizardPlayGround id="wizards_panel"/>
</j:ApplicationMainContent>
<!-- <j:ResponsiveSizeMonitor/> -->
diff --git a/examples/royale/JewelExample/src/main/royale/WizardPlayGround.mxml b/examples/royale/JewelExample/src/main/royale/WizardPlayGround.mxml
new file mode 100644
index 0000000..2766bec
--- /dev/null
+++ b/examples/royale/JewelExample/src/main/royale/WizardPlayGround.mxml
@@ -0,0 +1,91 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+Licensed to the Apache Software Foundation (ASF) under one or more
+contributor license agreements. See the NOTICE file distributed with
+this work for additional information regarding copyright ownership.
+The ASF licenses this file to You under the Apache License, Version 2.0
+(the "License"); you may not use this file except in compliance with
+the License. You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+
+-->
+<j:SectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:html="library://ns.apache.org/royale/html">
+
+ <fx:Script>
+ <![CDATA[
+ import org.apache.royale.jewel.Button;
+ ]]>
+ </fx:Script>
+
+ <j:beads>
+ <js:ContainerDataBinding/>
+ </j:beads>
+
+ <j:Card width="600">
+ <html:H3 text="Wizard Example"/>
+
+ <j:Wizard id="wizard" >
+ <j:previousButton>
+ <j:IconButton emphasis="{Button.SECONDARY}">
+ <j:icon>
+ <js:FontIcon text="{MaterialIconType.ARROW_BACK_IOS}" material="true"/>
+ </j:icon>
+ </j:IconButton>
+ </j:previousButton>
+
+ <j:nextButton>
+ <j:IconButton emphasis="{Button.SECONDARY}">
+ <j:icon>
+ <js:FontIcon text="{MaterialIconType.ARROW_FORWARD_IOS}" material="true"/>
+ </j:icon>
+ </j:IconButton>
+ </j:nextButton>
+
+ <j:WizardPage id="page1">
+ <views:step>
+ <j:WizardStep name="page1" nextStep="page2" initialPage="true"/>
+ </views:step>
+ <j:Label text="Page 1"/>
+ </j:WizardPage>
+
+ <j:WizardPage id="page2">
+ <views:step>
+ <j:WizardStep name="page2" previousStep="page1" nextStep="page3"/>
+ </views:step>
+ <j:Label text="Page 2"/>
+ </j:WizardPage>
+
+ <j:WizardPage id="page3">
+ <views:step>
+ <j:WizardStep name="page3" previousStep="page2" nextStep="page4"/>
+ </views:step>
+ <j:Label text="Page 3"/>
+ </j:WizardPage>
+
+ <j:WizardPage id="page4">
+ <views:step>
+ <j:WizardStep name="page4" previousStep="page3" nextStep="page5"/>
+ </views:step>
+ <j:Label text="Page 4"/>
+ </j:WizardPage>
+
+ <j:WizardPage id="page5">
+ <views:step>
+ <j:WizardStep name="page5" previousStep="page4"/>
+ </views:step>
+ <j:Label text="Page 5"/>
+ </j:WizardPage>
+ </j:Wizard>
+ </j:Card>
+</j:SectionContent>
diff --git a/examples/royale/JewelExample/src/main/royale/models/MainNavigationModel.as b/examples/royale/JewelExample/src/main/royale/models/MainNavigationModel.as
index aa0638c..474d253 100644
--- a/examples/royale/JewelExample/src/main/royale/models/MainNavigationModel.as
+++ b/examples/royale/JewelExample/src/main/royale/models/MainNavigationModel.as
@@ -56,7 +56,8 @@ package models
new NavigationLinkVO("Grid", "grid_panel", MaterialIconType.GRID_ON),
new NavigationLinkVO("Tables", "tables_panel", MaterialIconType.VIEW_LIST),
new NavigationLinkVO("TabBar", "tabbar_panel", MaterialIconType.TAB),
- new NavigationLinkVO("Card", "card_panel", MaterialIconType.WEB_ASSET)
+ new NavigationLinkVO("Card", "card_panel", MaterialIconType.WEB_ASSET),
+ new NavigationLinkVO("Wizard", "wizards_panel", MaterialIconType.MOVIE_FILTER)
// new NavigationLinkVO("Tabs", "tabs_panel")
]);