[royale-asjs] 12/42: jewel-buttonbar: starting example in Tour de Jewel

[ca...@apache.org]

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

commit 46178d841f62e36f96a23f5b860edff1aaf65af5
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Thu Nov 28 18:37:02 2019 +0100

    jewel-buttonbar: starting example in Tour de Jewel
---
 .../src/main/royale/ButtonBarPlayGround.mxml       | 77 ++++++++++++++++++++++
 .../TourDeJewel/src/main/royale/MainContent.mxml   |  1 +
 .../src/main/royale/models/MainNavigationModel.as  |  1 +
 3 files changed, 79 insertions(+)

diff --git a/examples/royale/TourDeJewel/src/main/royale/ButtonBarPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/ButtonBarPlayGround.mxml
new file mode 100644
index 0000000..2a6047a
--- /dev/null
+++ b/examples/royale/TourDeJewel/src/main/royale/ButtonBarPlayGround.mxml
@@ -0,0 +1,77 @@
+<?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.
+
+-->
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009" 
+	xmlns:j="library://ns.apache.org/royale/jewel" 
+	xmlns:html="library://ns.apache.org/royale/html" 
+	xmlns:js="library://ns.apache.org/royale/basic"
+	xmlns:models="models.*" 
+	xmlns:c="components.*" sourceCodeUrl="ButtonBarPlayGround.mxml">
+	
+	<fx:Script>
+		<![CDATA[
+			[Bindable]
+			public var two_options:Array = ["Features", "Support"];
+			
+			[Bindable]
+			public var three_options:Array = ["Features", "Support", "Service & Operations"];
+		]]>
+	</fx:Script>
+
+	<c:beads>
+		<js:ContainerDataBinding/>
+	</c:beads>
+
+	<j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
+		<j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
+			<j:Card>
+				<html:H3 text="Jewel ButtonBar"/>
+
+				<j:ButtonBar localId="bb1" change="bb1_label.text = bb1.selectedItem as String"
+					dataProvider="{two_options}">
+					<!-- <j:dataProvider>
+						<fx:Array>
+							<fx:String>Features</fx:String>
+							<fx:String>Support</fx:String>
+						</fx:Array>
+					</j:dataProvider> -->
+				</j:ButtonBar>
+				<j:Label localId="bb1_label"/>
+			</j:Card>
+		</j:GridCell>
+		<j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
+			<j:Card>
+				<html:H4 text="ButtonBar"/>
+
+				<j:ButtonBar localId="bb2" change="bb2_label.text = bb2.selectedItem as String"
+					dataProvider="{three_options}">
+					<!-- <js:dataProvider>
+						<fx:Array>
+							<fx:String>Features</fx:String>
+							<fx:String>Support</fx:String>
+							<fx:String>Control</fx:String>
+						</fx:Array>
+					</js:dataProvider> -->
+				</j:ButtonBar>
+				<j:Label localId="bb2_label"/>
+			</j:Card>
+		</j:GridCell>
+	</j:Grid>
+	
+</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/MainContent.mxml b/examples/royale/TourDeJewel/src/main/royale/MainContent.mxml
index 60c6257..accb213 100644
--- a/examples/royale/TourDeJewel/src/main/royale/MainContent.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/MainContent.mxml
@@ -248,6 +248,7 @@ limitations under the License.
         <local:TextInputPlayGround name="textinput_panel"/>
         <local:GridPlayGround name="grid_panel"/>
         <local:CardPlayGround name="card_panel"/>
+        <local:ButtonBarPlayGround name="buttonbar_panel"/>
         <local:DataGridPlayGround name="datagrid_panel"/>
         <local:TablePlayGround name="tables_panel"/>
         <local:FormsValidationPlayGround name="form_validation_panel"/>
diff --git a/examples/royale/TourDeJewel/src/main/royale/models/MainNavigationModel.as b/examples/royale/TourDeJewel/src/main/royale/models/MainNavigationModel.as
index 17a681f..ac2caa2 100644
--- a/examples/royale/TourDeJewel/src/main/royale/models/MainNavigationModel.as
+++ b/examples/royale/TourDeJewel/src/main/royale/models/MainNavigationModel.as
@@ -56,6 +56,7 @@ package models
             new NavigationLinkVO("Card", "card_panel", MaterialIconType.WEB_ASSET),
             new NavigationLinkVO("Layouts", "layouts_panel", MaterialIconType.VIEW_QUILT),
             new NavigationLinkVO("Grid", "grid_panel", MaterialIconType.GRID_ON),
+            new NavigationLinkVO("ButtonBar", "buttonbar_panel", MaterialIconType.VIEW_CAROUSEL),
             new NavigationLinkVO("DataGrid", "datagrid_panel", MaterialIconType.VIEW_LIST),
             new NavigationLinkVO("Tables", "tables_panel", MaterialIconType.VIEW_COMFY),
             new NavigationLinkVO("TabBar", "tabbar_panel", MaterialIconType.TAB),