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/07/22 08:28:12 UTC

[royale-asjs] branch develop updated: Welcome section added to Jewel Example

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 080bd8c  Welcome section added to Jewel Example
080bd8c is described below

commit 080bd8c332cf5113fbd291558c5fb5e41991a283
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Sun Jul 22 10:28:07 2018 +0200

    Welcome section added to Jewel Example
---
 .../JewelExample/src/main/royale/MainContent.mxml  |  3 +-
 .../src/main/royale/WelcomeSection.mxml            | 62 ++++++++++++++++++++++
 2 files changed, 64 insertions(+), 1 deletion(-)

diff --git a/examples/royale/JewelExample/src/main/royale/MainContent.mxml b/examples/royale/JewelExample/src/main/royale/MainContent.mxml
index 8bd7567..e3adad9 100644
--- a/examples/royale/JewelExample/src/main/royale/MainContent.mxml
+++ b/examples/royale/JewelExample/src/main/royale/MainContent.mxml
@@ -109,6 +109,7 @@ limitations under the License.
     </j:TopAppBar>
 
     <j:ApplicationMainContent id="main" hasTopAppBar="true" className="mainContent">
+        <local:WelcomeSection isActive="true"/>
         <local:AlertPlayGround id="alert_panel"/>
         <local:ButtonPlayGround id="button_panel"/>
         <local:DropDownListPlayGround id="dropdownlist_panel"/>
@@ -120,7 +121,7 @@ limitations under the License.
         <local:RadioButtonPlayGround id="radiobutton_panel"/>
         <local:SliderPlayGround id="slider_panel"/>
         <local:TextInputPlayGround id="textinput_panel"/>
-        <local:GridPlayGround id="grid_panel" isActive="true"/>
+        <local:GridPlayGround id="grid_panel"/>
         <local:CardPlayGround id="card_panel"/>
     </j:ApplicationMainContent>
     
diff --git a/examples/royale/JewelExample/src/main/royale/WelcomeSection.mxml b/examples/royale/JewelExample/src/main/royale/WelcomeSection.mxml
new file mode 100644
index 0000000..e94339a
--- /dev/null
+++ b/examples/royale/JewelExample/src/main/royale/WelcomeSection.mxml
@@ -0,0 +1,62 @@
+<?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">
+
+    <j:beads>
+        <j:VerticalCenteredLayout gap="9"/>
+        <js:ContainerDataBinding/>
+    </j:beads>
+    
+    <html:H1 text="Welcome to Apache Royale Jewel"/>
+
+    <j:Label width="400" 
+             multiline="true"
+             text="Jewel is a themeizable set of user interface components built upon Apache Royale to quickly build Front-end Applications with AS3 &amp; MXML">
+        <j:beads>
+            <j:SizeControl size="large"/>
+            <j:TextAlign align="center"/>
+        </j:beads>
+    </j:Label>
+    
+    <j:HGroup gap="3">
+        <j:IconTextInput>
+            <j:beads>
+                <j:TextPrompt prompt="Search..."/>
+                <j:SizeControl size="xlarge"/> 
+            </j:beads>
+            <j:icon>
+                <js:FontIcon text="{MaterialIconType.SEARCH}" material="true"/>
+            </j:icon>
+        </j:IconTextInput>
+        <j:Button text="Search" emphasis="primary">
+            <j:beads>
+                <j:SizeControl size="xlarge"/> 
+            </j:beads>
+        </j:Button>
+    </j:HGroup>
+    
+    <j:Spacer height="200"/>
+
+    <html:Span text="(This search box doesn't implements logic at this time)"/>
+
+</j:SectionContent>