You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by pe...@apache.org on 2015/01/14 21:23:05 UTC
[3/3] git commit: [flex-asjs] [refs/heads/develop] - Created
FlexJSStore_jquery example.
Created FlexJSStore_jquery example.
Project: http://git-wip-us.apache.org/repos/asf/flex-asjs/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-asjs/commit/2bd7d1e8
Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/2bd7d1e8
Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/2bd7d1e8
Branch: refs/heads/develop
Commit: 2bd7d1e8c435b9e710b64c75bed1acdb8ea825ef
Parents: 2be6d73
Author: Peter Ent <pe...@apache.org>
Authored: Wed Jan 14 15:22:56 2015 -0500
Committer: Peter Ent <pe...@apache.org>
Committed: Wed Jan 14 15:22:56 2015 -0500
----------------------------------------------------------------------
.../FlexJSStore/src/FlexJSStore_jquery.mxml | 270 ---------
examples/FlexJSStore/src/HomeView_jquery.mxml | 207 -------
examples/FlexJSStore_jquery/build.xml | 65 +++
.../FlexJSStore_jquery/src/FlexJSStore.mxml | 270 +++++++++
examples/FlexJSStore_jquery/src/HomeView.mxml | 207 +++++++
.../src/ProductJSONItemConverter.as | 41 ++
.../FlexJSStore_jquery/src/ProductsView.mxml | 126 +++++
.../FlexJSStore_jquery/src/SupportView.mxml | 139 +++++
.../FlexJSStore_jquery/src/assets/akotter.jpg | Bin 0 -> 19395 bytes
.../FlexJSStore_jquery/src/assets/bcrater.jpg | Bin 0 -> 22670 bytes
.../src/assets/beige_background.jpg | Bin 0 -> 12533 bytes
.../src/assets/beige_dotted_map.png | Bin 0 -> 216598 bytes
.../src/assets/blue_background.jpg | Bin 0 -> 12868 bytes
.../src/assets/blue_dotted_map.png | Bin 0 -> 217088 bytes
.../src/assets/button_cart_empty.png | Bin 0 -> 289 bytes
.../src/assets/button_cart_full.png | Bin 0 -> 308 bytes
.../src/assets/button_compare.png | Bin 0 -> 304 bytes
.../src/assets/button_details.png | Bin 0 -> 284 bytes
.../src/assets/button_tiles.png | Bin 0 -> 218 bytes
examples/FlexJSStore_jquery/src/assets/grip.png | Bin 0 -> 19836 bytes
.../src/assets/icon_cart_empty.png | Bin 0 -> 29594 bytes
.../src/assets/icon_compare.png | Bin 0 -> 30218 bytes
.../src/assets/icon_magnifier.png | Bin 0 -> 30454 bytes
.../src/assets/icon_tiles.png | Bin 0 -> 27988 bytes
.../FlexJSStore_jquery/src/assets/jproctor.jpg | Bin 0 -> 21684 bytes
.../FlexJSStore_jquery/src/assets/logo_blue.png | Bin 0 -> 33427 bytes
.../src/assets/logo_orange.png | Bin 0 -> 33897 bytes
.../src/assets/pic/abrilliam.jpg | Bin 0 -> 18903 bytes
.../src/assets/pic/akotter.jpg | Bin 0 -> 19395 bytes
.../src/assets/pic/bcrater.jpg | Bin 0 -> 22670 bytes
.../src/assets/pic/bleporte.jpg | Bin 0 -> 23363 bytes
.../src/assets/pic/bvanbrocklin.jpg | Bin 0 -> 18066 bytes
.../src/assets/pic/ccarpenter.jpg | Bin 0 -> 19219 bytes
.../src/assets/pic/clampberto.jpg | Bin 0 -> 18611 bytes
.../src/assets/pic/davenon.jpg | Bin 0 -> 20028 bytes
.../src/assets/pic/dmcgoyal.jpg | Bin 0 -> 19395 bytes
.../src/assets/pic/dwillhelm.jpg | Bin 0 -> 22670 bytes
.../src/assets/pic/esunderland.jpg | Bin 0 -> 23363 bytes
.../src/assets/pic/jproctor.jpg | Bin 0 -> 21684 bytes
.../src/assets/pic/mfields.jpg | Bin 0 -> 18066 bytes
.../src/assets/pic/pdempsey.jpg | Bin 0 -> 18611 bytes
.../src/assets/pic/ptranep.jpg | Bin 0 -> 19627 bytes
.../src/assets/pic/rcrawley.jpg | Bin 0 -> 23692 bytes
.../src/assets/pic/rdreifus.jpg | Bin 0 -> 20028 bytes
.../FlexJSStore_jquery/src/assets/pic/twong.jpg | Bin 0 -> 19395 bytes
.../src/assets/support_map.png | Bin 0 -> 172293 bytes
.../src/assets/support_mapmarker_a.png | Bin 0 -> 834 bytes
.../src/assets/support_mapmarker_b.png | Bin 0 -> 822 bytes
.../src/assets/support_mapmarker_c.png | Bin 0 -> 817 bytes
.../src/assets/support_mapmarker_plus.png | Bin 0 -> 827 bytes
.../FlexJSStore_jquery/src/assets/trashcan.png | Bin 0 -> 182 bytes
examples/FlexJSStore_jquery/src/beige.css | 171 ++++++
examples/FlexJSStore_jquery/src/blue.css | 165 ++++++
.../FlexJSStore_jquery/src/data/catalog.json | 236 ++++++++
.../FlexJSStore_jquery/src/data/catalog.xml | 256 +++++++++
examples/FlexJSStore_jquery/src/main.css | 100 ++++
.../src/productsView/CatalogTitleButtons.mxml | 70 +++
.../src/productsView/Grip.mxml | 49 ++
.../src/productsView/ProductCart.mxml | 117 ++++
.../src/productsView/ProductCatalogPanel.mxml | 548 +++++++++++++++++++
.../ProductCatalogPanelTitleBarView.mxml | 50 ++
.../productsView/ProductCatalogThumbnail.mxml | 221 ++++++++
.../src/productsView/ProductDetails.mxml | 153 ++++++
.../src/productsView/ProductFilterPanel.mxml | 216 ++++++++
.../src/productsView/ProductList.mxml | 217 ++++++++
.../src/productsView/ProductListItem.mxml | 131 +++++
.../src/productsView/ProductSupport.mxml | 91 +++
.../samples/flexstore/ButtonBarButtonSkin.as | 298 ++++++++++
.../src/samples/flexstore/Product.as | 78 +++
.../src/samples/flexstore/ProductFilter.as | 56 ++
.../src/samples/flexstore/ProductFilterEvent.as | 39 ++
.../src/samples/flexstore/ProductListEvent.as | 42 ++
.../src/samples/flexstore/ProductThumbEvent.as | 45 ++
73 files changed, 4197 insertions(+), 477 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore/src/FlexJSStore_jquery.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/FlexJSStore_jquery.mxml b/examples/FlexJSStore/src/FlexJSStore_jquery.mxml
deleted file mode 100755
index cdf073a..0000000
--- a/examples/FlexJSStore/src/FlexJSStore_jquery.mxml
+++ /dev/null
@@ -1,270 +0,0 @@
-<?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.
-
--->
-<jquery:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:basic="library://ns.apache.org/flexjs/basic"
- xmlns:mx="library://ns.adobe.com/flex/mx"
- xmlns:jquery="library://ns.apache.org/flexjs/jquery"
- xmlns="*"
- initialize="startService()"
- pageTitle="FlexStore">
-
- <fx:Script>
- <![CDATA[
- import org.apache.flex.core.ValuesManager;
-
- /*
- private var currentTheme:String = "beige";
-
- private function toggleTheme():void
- {
- if (currentTheme == "beige")
- {
- currentTheme = "blue";
- }
- else
- {
- currentTheme = "beige";
- }
-
- loadStyle();
- }
- */
-
- private function startService():void
- {
- productService.send();
- }
-
- private function loadStyle():void
- {
- /* load css not implemented yet
- var eventDispatcher:IEventDispatcher =
- styleManager.loadStyleDeclarations(currentTheme + ".swf");
- eventDispatcher.addEventListener(StyleEvent.COMPLETE, completeHandler);
- */
- }
-
- private function completeHandler(event:Event):void
- {
- image.source = ValuesManager.valuesImpl.getValue(acb, "storeLogo");
- /*
- super.initialized = true;
- */
- callLater.callLater(prebake);
- }
-
- /*
- override public function set initialized(value:Boolean):void
- {
- // Hold off until the Runtime CSS SWF is done loading.
- }
- */
-
- private var stateChain:Array;
-
- private function headHome():void
- {
- homeButton.selected = true;
- if (initialView.currentState == "ProductsState")
- {
- productsButton.selected = false;
- stateChain = ["ProductsWipeUp", "HomeWipeDown", "HomeState"];
- initialView.currentState = "ProductsWipeUp";
- }
- else if (initialView.currentState == "SupportState")
- {
- supportButton.selected = false;
- stateChain = ["SupportWipeUp", "HomeWipeDown", "HomeState"];
- initialView.currentState = "SupportWipeUp";
- }
- }
-
- private function headToProducts():void
- {
- productsButton.selected = true;
- if (initialView.currentState == "SupportState")
- {
- supportButton.selected = false;
- stateChain = ["SupportWipeUp", "ProductsWipeDown", "ProductsState"];
- initialView.currentState = "SupportWipeUp";
- }
- if (initialView.currentState == "HomeState")
- {
- homeButton.selected = false;
- stateChain = ["HomeWipeUp", "ProductsWipeDown", "ProductsState"];
- initialView.currentState = "HomeWipeUp";
- }
- }
-
- private function headToSupport():void
- {
- supportButton.selected = true;
- if (initialView.currentState == "ProductsState")
- {
- productsButton.selected = false;
- stateChain = ["ProductsWipeUp", "SupportWipeDown", "SupportState"];
- initialView.currentState = "ProductsWipeUp";
- }
- if (initialView.currentState == "HomeState")
- {
- homeButton.selected = false;
- stateChain = ["HomeWipeUp", "SupportWipeDown", "SupportState"];
- initialView.currentState = "HomeWipeUp";
- }
- }
-
- private function prebake():void
- {
- callLater.callLater(prebake2);
- }
-
- private function prebake2():void
- {
- trace("prebake2");
- stateChain = ["ProductsPreBake", "HomeState"];
- initialView.currentState = "ProductsPreBake";
- }
-
- private function chainStatesIfNeeded():void
- {
- if (stateChain != null)
- {
- if (initialView.currentState == stateChain[0])
- {
- callLater.callLater(nextState);
- }
- }
- }
-
- private function nextState():void
- {
- stateChain.shift();
- if (stateChain.length)
- initialView.currentState = stateChain[0];
- else
- stateChain = null;
- }
- ]]>
- </fx:Script>
-
- <fx:Style source="main.css"/>
- <fx:Style source="beige.css"/>
-
- <fx:Declarations>
- <basic:HTTPService id="productService" url="data/catalog.json">
- <basic:LazyCollection id="catalog">
- <basic:inputParser>
- <basic:JSONInputParser />
- </basic:inputParser>
- <basic:itemConverter>
- <ProductJSONItemConverter />
- </basic:itemConverter>
- </basic:LazyCollection>
- </basic:HTTPService>
- </fx:Declarations>
- <jquery:valuesImpl>
- <basic:SimpleCSSValuesImpl />
- </jquery:valuesImpl>
- <jquery:beads>
- <basic:CallLaterBead id="callLater" />
- <basic:ApplicationDataBinding />
- </jquery:beads>
- <jquery:initialView>
- <basic:ViewBase width="990" height="550"
- initComplete="completeHandler(null)"
- stateChangeComplete="chainStatesIfNeeded()">
- <basic:states>
- <mx:State name="HomeState" stateGroups="['Home']" />
- <mx:State name="HomeWipeUp" stateGroups="['Home']" />
- <mx:State name="HomeWipeDown" stateGroups="['Home']" />
- <mx:State name="ProductsPreBake" stateGroups="['Home', 'Products']" />
- <mx:State name="ProductsState" stateGroups="['Products']" />
- <mx:State name="ProductsWipeUp" stateGroups="['Products']" />
- <mx:State name="ProductsWipeDown" stateGroups="['Products']" />
- <mx:State name="SupportState" stateGroups="['Support']" />
- <mx:State name="SupportWipeUp" stateGroups="['Support']" />
- <mx:State name="SupportWipeDown" stateGroups="['Support']" />
- </basic:states>
-
- <basic:transitions>
- <basic:Transition fromState="HomeState" toState="HomeWipeUp">
- <basic:Wipe direction="up" target="homeView" />
- </basic:Transition>
- <basic:Transition fromState="HomeWipeDown" toState="HomeState">
- <basic:Wipe direction="down" target="homeView" />
- </basic:Transition>
- <basic:Transition fromState="ProductsState" toState="ProductsWipeUp">
- <basic:Wipe direction="up" target="pView" />
- </basic:Transition>
- <basic:Transition fromState="ProductsWipeDown" toState="ProductsState">
- <basic:Wipe direction="down" target="pView" />
- </basic:Transition>
- <basic:Transition fromState="SupportState" toState="SupportWipeUp">
- <basic:Wipe direction="up" target="supportView" />
- </basic:Transition>
- <basic:Transition fromState="SupportWipeDown" toState="SupportState">
- <basic:Wipe direction="down" target="supportView" />
- </basic:Transition>
- </basic:transitions>
- <basic:beads>
- <basic:NonVirtualVerticalLayout />
- </basic:beads>
- <basic:ControlBar id="acb" width="100%" className="storeControlBar" >
- <basic:beads>
- <basic:NonVirtualHorizontalLayout />
- <basic:LayoutChangeNotifier watchedProperty="{image.width}" />
- </basic:beads>
- <basic:Image id="image" />
- <!-- click="toggleTheme()" -->
- <!-- toolTip="Change Theme"/ -->
- <basic:ToggleTextButton id="homeButton"
- text="Home"
- height="100%"
- selected="true"
- className="storeButtonBar"
- click="headHome()" />
- <basic:ToggleTextButton id="productsButton"
- text="Products"
- height="100%"
- className="storeButtonBar"
- click="headToProducts()"/>
- <basic:ToggleTextButton id="supportButton"
- text="Support"
- height="100%"
- className="storeButtonBar"
- click="headToSupport()"/>
- </basic:ControlBar>
- <basic:Container width="990" >
- <basic:style>
- <basic:SimpleCSSStyles paddingLeft="0" paddingRight="0" horizontalCenter="0"/>
- </basic:style>
-
- <HomeView id="homeView" width="100%" height="550" includeIn="Home"
- />
- <ProductsView id="pView" includeIn="Products" visible.ProductsPreBake="false"
- width="100%" height="550" initComplete="pView.catalog = catalog"
- />
- <SupportView id="supportView" includeIn="Support"
- width="100%" height="550"
- />
- </basic:Container>
- </basic:ViewBase>
- </jquery:initialView>
-</jquery:Application>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore/src/HomeView_jquery.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/HomeView_jquery.mxml b/examples/FlexJSStore/src/HomeView_jquery.mxml
deleted file mode 100755
index 8273c19..0000000
--- a/examples/FlexJSStore/src/HomeView_jquery.mxml
+++ /dev/null
@@ -1,207 +0,0 @@
-<?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.
-
--->
-<!--
-This component is primarily static and is only meant to show what other
-pages of the store could look like.
-
-Note that this page was put together in the Design view so you'll see more
-hard coded locations and sizes.
-
-Also note when working with a Canvas that using the constraint styles
-(e.g., left, top, right, bottom) can provide better layout predictability than
-using x and y, especially when percentage widths and heights are used.
-
-Width and height are hard-coded in the root tag to help the Design view.
--->
-<basic:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:basic="library://ns.apache.org/flexjs/basic"
- xmlns:mx="library://ns.adobe.com/flex/mx"
- xmlns:jquery="library://ns.apache.org/flexjs/jquery"
- xmlns="*" width="990" height="550"
- initComplete="updateMapImage()">
- <fx:Script>
- <![CDATA[
- import org.apache.flex.core.ValuesManager;
- import org.apache.flex.html.SimpleAlert;
-
- public function updateMapImage():void
- {
- mapImage.source = ValuesManager.valuesImpl.getValue(mapCanvas, 'dottedMap');
- }
- ]]>
- </fx:Script>
- <basic:beads>
- <basic:ContainerDataBinding />
- </basic:beads>
- <basic:HContainer width="100%" height="100%" y="0" x="0" className="colorPanel">
- <basic:VContainer width="230" height="100%">
- <basic:Container width="100%" height="100%">
-
- <basic:Container height="60" className="homeSection">
- <basic:style>
- <basic:SimpleCSSStyles backgroundColor="#ebebe9" left="10" top="10" right="10"/>
- </basic:style>
- <basic:Label style="left:10;top:10" text="Search Developers" height="22" className="sectionHeader" />
- <jquery:TextButton style="left:168;top:30" text="Go" width="27" height="20" className="glass" click="SimpleAlert.show('This feature is not implemented in this sample', 'Go')"/>
- <basic:TextInput style="left:10;top:30" height="20" width="150"/>
- </basic:Container>
-
- <basic:Container height="280" className="homeSection">
- <basic:style>
- <basic:SimpleCSSStyles backgroundColor="#ffffff" left="10" top="78" right="10" />
- </basic:style>
- <basic:VContainer width="100%" height="100%">
- <basic:style>
- <basic:SimpleCSSStyles left="10" top="10" />
- </basic:style>
- <basic:Label text="Flex Experts That Can Help You" className="sectionHeader"/>
- <basic:HRule height="5" width="187" style="marginLeft:0"/>
- <basic:Label text="General" className="homeProgramHeader"/>
- <basic:Label text="BlazeDS Experts" style="fontSize:9"/>
- <basic:Spacer height="8" width="100%"/>
- <basic:Label text="Server-side" className="homeProgramHeader"/>
- <basic:Label text="Java, PHP Developers" style="fontSize:9"/>
- <basic:Spacer height="8" width="100%"/>
- <basic:Label text="Mobile" className="homeProgramHeader"/>
- <basic:Label text="Android, IOS and more" style="fontSize:9"/>
- <basic:Spacer height="8" width="100%"/>
- <basic:Label text="Students" className="homeProgramHeader"/>
- <basic:Label text="Free Assistance" style="fontSize:9"/>
- <basic:Spacer height="8" width="100%"/>
- </basic:VContainer>
- </basic:Container>
-
- <basic:Container height="174" className="homeSection">
- <basic:style>
- <basic:SimpleCSSStyles backgroundColor="#ebebe9" left="10" top="366" right="10" />
- </basic:style>
- <basic:VContainer width="100%" height="100%">
- <basic:style>
- <basic:SimpleCSSStyles left="10" top="10" />
- </basic:style>
- <basic:Label text="Manage My Account" className="sectionHeader"/>
-
- <basic:Label text="Phone Number"/>
-
- <basic:HContainer width="100%" height="25" >
- <basic:style>
- <basic:SimpleCSSStyles horizontalAlign="left" verticalAlign="middle" />
- </basic:style>
- <basic:TextInput height="20" width="40"/>
- <basic:HRule width="8" height="2"/>
- <basic:TextInput height="20" width="40"/>
- <basic:HRule width="8" height="2"/>
- <basic:TextInput height="20" width="40"/>
- </basic:HContainer>
-
- <basic:Label text="Password"/>
- <basic:TextInput height="20"/>
- <basic:Spacer height="8" width="100%"/>
-
- <jquery:CheckBox text="Remember my phone number" selected="true"/>
- <basic:Spacer height="8" width="100%"/>
-
- <jquery:TextButton text="Login" className="glass" height="20" width="55" click="SimpleAlert.show('This feature is not implemented in this sample', 'Login')"/>
-
- </basic:VContainer>
- </basic:Container>
-
- </basic:Container>
-
- </basic:VContainer>
-
- <basic:VContainer width="750" height="100%">
- <basic:Container width="100%" height="100%">
-
- <!-- can't use binding to set the mapImage source because the style isn't available early enough -->
- <basic:Container id="mapCanvas" height="35%" className="homeMap">
- <basic:style>
- <basic:SimpleCSSStyles left="0" right="10" top="10" />
- </basic:style>
- <basic:Image id="mapImage" width="487" height="100%" alpha="1.0" style="left:10;top:10"/>
- <basic:Label y="110" text="US Developers . Flex . FlexJS" width="95%" height="40" style="horizontalCenter:0;fontWeight:'bold';fontSize:22;color:#ffffff;fontFamily:'Arial';textAlign:'center'"/>
- <basic:Label text="Learn More >>" width="95" style="fontSize:12;fontFamily:'Arial';bottom:10;right:10"/>
- <basic:Label text="$60/hr" style="color:#ffffff;fontWeight:'bold';fontFamily:'Arial';fontSize:20;right:10:top:10"/>
- <basic:Label text="Rates as low as" x="551" y="16" style="fontSize:12"/>
- </basic:Container>
-
- <basic:Container height="330" >
- <basic:style>
- <basic:SimpleCSSStyles backgroundColor="#ffffff" borderStyle="solid" bottom="10" right="10" left="0" /> <!-- cornerRadius="4" -->
- </basic:style>
-
- <basic:Label style="left:10;top:10" text="Featured Developers" width="173" height="25" className="sectionHeader"/>
-
- <basic:HContainer style="left:10;top:43" width="100%" height="100%">
- <basic:VContainer width="33%" height="100%">
- <basic:beads>
- <basic:LayoutChangeNotifier watchedProperty="{image1.height}" />
- </basic:beads>
- <basic:Container width="100%">
- <basic:Image id="image1" source="assets/akotter.jpg" style="horizontalCenter:0;verticalCenter:0"/>
- </basic:Container>
-
- <basic:Container width="100%">
- <basic:Label text="Annette Kotter" id="feat_prod_1" style="horizontalCenter:0;fontWeight:'bold';fontSize:12"/>
- </basic:Container>
-
- </basic:VContainer>
-
- <basic:VContainer width="33%" height="100%">
- <basic:beads>
- <basic:LayoutChangeNotifier watchedProperty="{image2.height}" />
- </basic:beads>
-
- <basic:Container width="100%">
- <basic:Image id="image2" style="horizontalCenter:0;verticalCenter:0" source="assets/bcrater.jpg"/>
- </basic:Container>
-
- <basic:Container width="100%">
- <basic:Label text="Ben Crater" id="feat_prod_2" style="horizontalCenter:0;fontWeight:'bold';fontSize:12"/>
- </basic:Container>
-
- </basic:VContainer>
-
- <basic:VContainer width="33%" height="100%">
- <basic:beads>
- <basic:LayoutChangeNotifier watchedProperty="{image3.height}" />
- </basic:beads>
-
- <basic:Container width="100%">
- <basic:Image id="image3" style="horizontalCenter:0;verticalCenter:0" source="assets/jproctor.jpg"/>
- </basic:Container>
-
- <basic:Container width="100%">
- <basic:Label text="Jane Proctor" id="feat_prod_3" style="horizontalCenter:0;fontWeight:'bold';fontSize:12"/>
- </basic:Container>
-
- </basic:VContainer>
-
- </basic:HContainer>
-
- </basic:Container>
-
- </basic:Container>
-
- </basic:VContainer>
-
- </basic:HContainer>
-
-</basic:Container>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/build.xml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/build.xml b/examples/FlexJSStore_jquery/build.xml
new file mode 100644
index 0000000..1aa7d57
--- /dev/null
+++ b/examples/FlexJSStore_jquery/build.xml
@@ -0,0 +1,65 @@
+<?xml version="1.0"?>
+<!--
+
+ 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.
+
+-->
+
+
+<project name="flexjsstore" default="main" basedir=".">
+ <property name="FLEXJS_HOME" location="../.."/>
+ <property name="example" value="FlexJSStore" />
+
+ <property file="${FLEXJS_HOME}/env.properties"/>
+ <property environment="env"/>
+ <property file="${FLEXJS_HOME}/build.properties"/>
+ <property name="FLEX_HOME" value="${FLEXJS_HOME}"/>
+ <property name="FALCON_HOME" value="${env.FALCON_HOME}"/>
+ <property name="FALCONJX_HOME" value="${env.FALCONJX_HOME}"/>
+ <property name="GOOG_HOME" value="${env.GOOG_HOME}"/>
+
+ <include file="${basedir}/../build_example.xml" />
+
+ <target name="main" depends="clean,build_example.compile,build_example.compilejs" description="Clean build of ${example}">
+ <mkdir dir="${basedir}/bin-debug/data" />
+ <copy file="${basedir}/src/data/catalog.json" tofile="${basedir}/bin-debug/data/catalog.json" />
+ <mkdir dir="${basedir}/bin/js-debug/data" />
+ <copy file="${basedir}/src/data/catalog.json" tofile="${basedir}/bin/js-debug/data/catalog.json" />
+ <mkdir dir="${basedir}/bin/js-release/data" />
+ <copy file="${basedir}/src/data/catalog.json" tofile="${basedir}/bin/js-release/data/catalog.json" />
+ <mkdir dir="${basedir}/bin/js-debug/assets" />
+ <copy todir="${basedir}/bin/js-debug/assets" >
+ <fileset dir="${basedir}/src/assets">
+ <include name="**" />
+ </fileset>
+ </copy>
+ <mkdir dir="${basedir}/bin/js-release/assets" />
+ <copy todir="${basedir}/bin/js-release/assets" >
+ <fileset dir="${basedir}/src/assets">
+ <include name="**" />
+ </fileset>
+ </copy>
+ </target>
+
+ <target name="clean">
+ <delete dir="${basedir}/bin" failonerror="false" />
+ <delete dir="${basedir}/bin-debug" failonerror="false" />
+ <delete dir="${basedir}/bin-release" failonerror="false" />
+ </target>
+
+
+
+</project>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/FlexJSStore.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/FlexJSStore.mxml b/examples/FlexJSStore_jquery/src/FlexJSStore.mxml
new file mode 100755
index 0000000..cdf073a
--- /dev/null
+++ b/examples/FlexJSStore_jquery/src/FlexJSStore.mxml
@@ -0,0 +1,270 @@
+<?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.
+
+-->
+<jquery:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:basic="library://ns.apache.org/flexjs/basic"
+ xmlns:mx="library://ns.adobe.com/flex/mx"
+ xmlns:jquery="library://ns.apache.org/flexjs/jquery"
+ xmlns="*"
+ initialize="startService()"
+ pageTitle="FlexStore">
+
+ <fx:Script>
+ <![CDATA[
+ import org.apache.flex.core.ValuesManager;
+
+ /*
+ private var currentTheme:String = "beige";
+
+ private function toggleTheme():void
+ {
+ if (currentTheme == "beige")
+ {
+ currentTheme = "blue";
+ }
+ else
+ {
+ currentTheme = "beige";
+ }
+
+ loadStyle();
+ }
+ */
+
+ private function startService():void
+ {
+ productService.send();
+ }
+
+ private function loadStyle():void
+ {
+ /* load css not implemented yet
+ var eventDispatcher:IEventDispatcher =
+ styleManager.loadStyleDeclarations(currentTheme + ".swf");
+ eventDispatcher.addEventListener(StyleEvent.COMPLETE, completeHandler);
+ */
+ }
+
+ private function completeHandler(event:Event):void
+ {
+ image.source = ValuesManager.valuesImpl.getValue(acb, "storeLogo");
+ /*
+ super.initialized = true;
+ */
+ callLater.callLater(prebake);
+ }
+
+ /*
+ override public function set initialized(value:Boolean):void
+ {
+ // Hold off until the Runtime CSS SWF is done loading.
+ }
+ */
+
+ private var stateChain:Array;
+
+ private function headHome():void
+ {
+ homeButton.selected = true;
+ if (initialView.currentState == "ProductsState")
+ {
+ productsButton.selected = false;
+ stateChain = ["ProductsWipeUp", "HomeWipeDown", "HomeState"];
+ initialView.currentState = "ProductsWipeUp";
+ }
+ else if (initialView.currentState == "SupportState")
+ {
+ supportButton.selected = false;
+ stateChain = ["SupportWipeUp", "HomeWipeDown", "HomeState"];
+ initialView.currentState = "SupportWipeUp";
+ }
+ }
+
+ private function headToProducts():void
+ {
+ productsButton.selected = true;
+ if (initialView.currentState == "SupportState")
+ {
+ supportButton.selected = false;
+ stateChain = ["SupportWipeUp", "ProductsWipeDown", "ProductsState"];
+ initialView.currentState = "SupportWipeUp";
+ }
+ if (initialView.currentState == "HomeState")
+ {
+ homeButton.selected = false;
+ stateChain = ["HomeWipeUp", "ProductsWipeDown", "ProductsState"];
+ initialView.currentState = "HomeWipeUp";
+ }
+ }
+
+ private function headToSupport():void
+ {
+ supportButton.selected = true;
+ if (initialView.currentState == "ProductsState")
+ {
+ productsButton.selected = false;
+ stateChain = ["ProductsWipeUp", "SupportWipeDown", "SupportState"];
+ initialView.currentState = "ProductsWipeUp";
+ }
+ if (initialView.currentState == "HomeState")
+ {
+ homeButton.selected = false;
+ stateChain = ["HomeWipeUp", "SupportWipeDown", "SupportState"];
+ initialView.currentState = "HomeWipeUp";
+ }
+ }
+
+ private function prebake():void
+ {
+ callLater.callLater(prebake2);
+ }
+
+ private function prebake2():void
+ {
+ trace("prebake2");
+ stateChain = ["ProductsPreBake", "HomeState"];
+ initialView.currentState = "ProductsPreBake";
+ }
+
+ private function chainStatesIfNeeded():void
+ {
+ if (stateChain != null)
+ {
+ if (initialView.currentState == stateChain[0])
+ {
+ callLater.callLater(nextState);
+ }
+ }
+ }
+
+ private function nextState():void
+ {
+ stateChain.shift();
+ if (stateChain.length)
+ initialView.currentState = stateChain[0];
+ else
+ stateChain = null;
+ }
+ ]]>
+ </fx:Script>
+
+ <fx:Style source="main.css"/>
+ <fx:Style source="beige.css"/>
+
+ <fx:Declarations>
+ <basic:HTTPService id="productService" url="data/catalog.json">
+ <basic:LazyCollection id="catalog">
+ <basic:inputParser>
+ <basic:JSONInputParser />
+ </basic:inputParser>
+ <basic:itemConverter>
+ <ProductJSONItemConverter />
+ </basic:itemConverter>
+ </basic:LazyCollection>
+ </basic:HTTPService>
+ </fx:Declarations>
+ <jquery:valuesImpl>
+ <basic:SimpleCSSValuesImpl />
+ </jquery:valuesImpl>
+ <jquery:beads>
+ <basic:CallLaterBead id="callLater" />
+ <basic:ApplicationDataBinding />
+ </jquery:beads>
+ <jquery:initialView>
+ <basic:ViewBase width="990" height="550"
+ initComplete="completeHandler(null)"
+ stateChangeComplete="chainStatesIfNeeded()">
+ <basic:states>
+ <mx:State name="HomeState" stateGroups="['Home']" />
+ <mx:State name="HomeWipeUp" stateGroups="['Home']" />
+ <mx:State name="HomeWipeDown" stateGroups="['Home']" />
+ <mx:State name="ProductsPreBake" stateGroups="['Home', 'Products']" />
+ <mx:State name="ProductsState" stateGroups="['Products']" />
+ <mx:State name="ProductsWipeUp" stateGroups="['Products']" />
+ <mx:State name="ProductsWipeDown" stateGroups="['Products']" />
+ <mx:State name="SupportState" stateGroups="['Support']" />
+ <mx:State name="SupportWipeUp" stateGroups="['Support']" />
+ <mx:State name="SupportWipeDown" stateGroups="['Support']" />
+ </basic:states>
+
+ <basic:transitions>
+ <basic:Transition fromState="HomeState" toState="HomeWipeUp">
+ <basic:Wipe direction="up" target="homeView" />
+ </basic:Transition>
+ <basic:Transition fromState="HomeWipeDown" toState="HomeState">
+ <basic:Wipe direction="down" target="homeView" />
+ </basic:Transition>
+ <basic:Transition fromState="ProductsState" toState="ProductsWipeUp">
+ <basic:Wipe direction="up" target="pView" />
+ </basic:Transition>
+ <basic:Transition fromState="ProductsWipeDown" toState="ProductsState">
+ <basic:Wipe direction="down" target="pView" />
+ </basic:Transition>
+ <basic:Transition fromState="SupportState" toState="SupportWipeUp">
+ <basic:Wipe direction="up" target="supportView" />
+ </basic:Transition>
+ <basic:Transition fromState="SupportWipeDown" toState="SupportState">
+ <basic:Wipe direction="down" target="supportView" />
+ </basic:Transition>
+ </basic:transitions>
+ <basic:beads>
+ <basic:NonVirtualVerticalLayout />
+ </basic:beads>
+ <basic:ControlBar id="acb" width="100%" className="storeControlBar" >
+ <basic:beads>
+ <basic:NonVirtualHorizontalLayout />
+ <basic:LayoutChangeNotifier watchedProperty="{image.width}" />
+ </basic:beads>
+ <basic:Image id="image" />
+ <!-- click="toggleTheme()" -->
+ <!-- toolTip="Change Theme"/ -->
+ <basic:ToggleTextButton id="homeButton"
+ text="Home"
+ height="100%"
+ selected="true"
+ className="storeButtonBar"
+ click="headHome()" />
+ <basic:ToggleTextButton id="productsButton"
+ text="Products"
+ height="100%"
+ className="storeButtonBar"
+ click="headToProducts()"/>
+ <basic:ToggleTextButton id="supportButton"
+ text="Support"
+ height="100%"
+ className="storeButtonBar"
+ click="headToSupport()"/>
+ </basic:ControlBar>
+ <basic:Container width="990" >
+ <basic:style>
+ <basic:SimpleCSSStyles paddingLeft="0" paddingRight="0" horizontalCenter="0"/>
+ </basic:style>
+
+ <HomeView id="homeView" width="100%" height="550" includeIn="Home"
+ />
+ <ProductsView id="pView" includeIn="Products" visible.ProductsPreBake="false"
+ width="100%" height="550" initComplete="pView.catalog = catalog"
+ />
+ <SupportView id="supportView" includeIn="Support"
+ width="100%" height="550"
+ />
+ </basic:Container>
+ </basic:ViewBase>
+ </jquery:initialView>
+</jquery:Application>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/HomeView.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/HomeView.mxml b/examples/FlexJSStore_jquery/src/HomeView.mxml
new file mode 100755
index 0000000..8273c19
--- /dev/null
+++ b/examples/FlexJSStore_jquery/src/HomeView.mxml
@@ -0,0 +1,207 @@
+<?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.
+
+-->
+<!--
+This component is primarily static and is only meant to show what other
+pages of the store could look like.
+
+Note that this page was put together in the Design view so you'll see more
+hard coded locations and sizes.
+
+Also note when working with a Canvas that using the constraint styles
+(e.g., left, top, right, bottom) can provide better layout predictability than
+using x and y, especially when percentage widths and heights are used.
+
+Width and height are hard-coded in the root tag to help the Design view.
+-->
+<basic:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:basic="library://ns.apache.org/flexjs/basic"
+ xmlns:mx="library://ns.adobe.com/flex/mx"
+ xmlns:jquery="library://ns.apache.org/flexjs/jquery"
+ xmlns="*" width="990" height="550"
+ initComplete="updateMapImage()">
+ <fx:Script>
+ <![CDATA[
+ import org.apache.flex.core.ValuesManager;
+ import org.apache.flex.html.SimpleAlert;
+
+ public function updateMapImage():void
+ {
+ mapImage.source = ValuesManager.valuesImpl.getValue(mapCanvas, 'dottedMap');
+ }
+ ]]>
+ </fx:Script>
+ <basic:beads>
+ <basic:ContainerDataBinding />
+ </basic:beads>
+ <basic:HContainer width="100%" height="100%" y="0" x="0" className="colorPanel">
+ <basic:VContainer width="230" height="100%">
+ <basic:Container width="100%" height="100%">
+
+ <basic:Container height="60" className="homeSection">
+ <basic:style>
+ <basic:SimpleCSSStyles backgroundColor="#ebebe9" left="10" top="10" right="10"/>
+ </basic:style>
+ <basic:Label style="left:10;top:10" text="Search Developers" height="22" className="sectionHeader" />
+ <jquery:TextButton style="left:168;top:30" text="Go" width="27" height="20" className="glass" click="SimpleAlert.show('This feature is not implemented in this sample', 'Go')"/>
+ <basic:TextInput style="left:10;top:30" height="20" width="150"/>
+ </basic:Container>
+
+ <basic:Container height="280" className="homeSection">
+ <basic:style>
+ <basic:SimpleCSSStyles backgroundColor="#ffffff" left="10" top="78" right="10" />
+ </basic:style>
+ <basic:VContainer width="100%" height="100%">
+ <basic:style>
+ <basic:SimpleCSSStyles left="10" top="10" />
+ </basic:style>
+ <basic:Label text="Flex Experts That Can Help You" className="sectionHeader"/>
+ <basic:HRule height="5" width="187" style="marginLeft:0"/>
+ <basic:Label text="General" className="homeProgramHeader"/>
+ <basic:Label text="BlazeDS Experts" style="fontSize:9"/>
+ <basic:Spacer height="8" width="100%"/>
+ <basic:Label text="Server-side" className="homeProgramHeader"/>
+ <basic:Label text="Java, PHP Developers" style="fontSize:9"/>
+ <basic:Spacer height="8" width="100%"/>
+ <basic:Label text="Mobile" className="homeProgramHeader"/>
+ <basic:Label text="Android, IOS and more" style="fontSize:9"/>
+ <basic:Spacer height="8" width="100%"/>
+ <basic:Label text="Students" className="homeProgramHeader"/>
+ <basic:Label text="Free Assistance" style="fontSize:9"/>
+ <basic:Spacer height="8" width="100%"/>
+ </basic:VContainer>
+ </basic:Container>
+
+ <basic:Container height="174" className="homeSection">
+ <basic:style>
+ <basic:SimpleCSSStyles backgroundColor="#ebebe9" left="10" top="366" right="10" />
+ </basic:style>
+ <basic:VContainer width="100%" height="100%">
+ <basic:style>
+ <basic:SimpleCSSStyles left="10" top="10" />
+ </basic:style>
+ <basic:Label text="Manage My Account" className="sectionHeader"/>
+
+ <basic:Label text="Phone Number"/>
+
+ <basic:HContainer width="100%" height="25" >
+ <basic:style>
+ <basic:SimpleCSSStyles horizontalAlign="left" verticalAlign="middle" />
+ </basic:style>
+ <basic:TextInput height="20" width="40"/>
+ <basic:HRule width="8" height="2"/>
+ <basic:TextInput height="20" width="40"/>
+ <basic:HRule width="8" height="2"/>
+ <basic:TextInput height="20" width="40"/>
+ </basic:HContainer>
+
+ <basic:Label text="Password"/>
+ <basic:TextInput height="20"/>
+ <basic:Spacer height="8" width="100%"/>
+
+ <jquery:CheckBox text="Remember my phone number" selected="true"/>
+ <basic:Spacer height="8" width="100%"/>
+
+ <jquery:TextButton text="Login" className="glass" height="20" width="55" click="SimpleAlert.show('This feature is not implemented in this sample', 'Login')"/>
+
+ </basic:VContainer>
+ </basic:Container>
+
+ </basic:Container>
+
+ </basic:VContainer>
+
+ <basic:VContainer width="750" height="100%">
+ <basic:Container width="100%" height="100%">
+
+ <!-- can't use binding to set the mapImage source because the style isn't available early enough -->
+ <basic:Container id="mapCanvas" height="35%" className="homeMap">
+ <basic:style>
+ <basic:SimpleCSSStyles left="0" right="10" top="10" />
+ </basic:style>
+ <basic:Image id="mapImage" width="487" height="100%" alpha="1.0" style="left:10;top:10"/>
+ <basic:Label y="110" text="US Developers . Flex . FlexJS" width="95%" height="40" style="horizontalCenter:0;fontWeight:'bold';fontSize:22;color:#ffffff;fontFamily:'Arial';textAlign:'center'"/>
+ <basic:Label text="Learn More >>" width="95" style="fontSize:12;fontFamily:'Arial';bottom:10;right:10"/>
+ <basic:Label text="$60/hr" style="color:#ffffff;fontWeight:'bold';fontFamily:'Arial';fontSize:20;right:10:top:10"/>
+ <basic:Label text="Rates as low as" x="551" y="16" style="fontSize:12"/>
+ </basic:Container>
+
+ <basic:Container height="330" >
+ <basic:style>
+ <basic:SimpleCSSStyles backgroundColor="#ffffff" borderStyle="solid" bottom="10" right="10" left="0" /> <!-- cornerRadius="4" -->
+ </basic:style>
+
+ <basic:Label style="left:10;top:10" text="Featured Developers" width="173" height="25" className="sectionHeader"/>
+
+ <basic:HContainer style="left:10;top:43" width="100%" height="100%">
+ <basic:VContainer width="33%" height="100%">
+ <basic:beads>
+ <basic:LayoutChangeNotifier watchedProperty="{image1.height}" />
+ </basic:beads>
+ <basic:Container width="100%">
+ <basic:Image id="image1" source="assets/akotter.jpg" style="horizontalCenter:0;verticalCenter:0"/>
+ </basic:Container>
+
+ <basic:Container width="100%">
+ <basic:Label text="Annette Kotter" id="feat_prod_1" style="horizontalCenter:0;fontWeight:'bold';fontSize:12"/>
+ </basic:Container>
+
+ </basic:VContainer>
+
+ <basic:VContainer width="33%" height="100%">
+ <basic:beads>
+ <basic:LayoutChangeNotifier watchedProperty="{image2.height}" />
+ </basic:beads>
+
+ <basic:Container width="100%">
+ <basic:Image id="image2" style="horizontalCenter:0;verticalCenter:0" source="assets/bcrater.jpg"/>
+ </basic:Container>
+
+ <basic:Container width="100%">
+ <basic:Label text="Ben Crater" id="feat_prod_2" style="horizontalCenter:0;fontWeight:'bold';fontSize:12"/>
+ </basic:Container>
+
+ </basic:VContainer>
+
+ <basic:VContainer width="33%" height="100%">
+ <basic:beads>
+ <basic:LayoutChangeNotifier watchedProperty="{image3.height}" />
+ </basic:beads>
+
+ <basic:Container width="100%">
+ <basic:Image id="image3" style="horizontalCenter:0;verticalCenter:0" source="assets/jproctor.jpg"/>
+ </basic:Container>
+
+ <basic:Container width="100%">
+ <basic:Label text="Jane Proctor" id="feat_prod_3" style="horizontalCenter:0;fontWeight:'bold';fontSize:12"/>
+ </basic:Container>
+
+ </basic:VContainer>
+
+ </basic:HContainer>
+
+ </basic:Container>
+
+ </basic:Container>
+
+ </basic:VContainer>
+
+ </basic:HContainer>
+
+</basic:Container>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/ProductJSONItemConverter.as
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/ProductJSONItemConverter.as b/examples/FlexJSStore_jquery/src/ProductJSONItemConverter.as
new file mode 100755
index 0000000..4d44ecf
--- /dev/null
+++ b/examples/FlexJSStore_jquery/src/ProductJSONItemConverter.as
@@ -0,0 +1,41 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+// 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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package
+{
+ import org.apache.flex.net.JSONItemConverter;
+
+ import samples.flexstore.Product;
+
+ public class ProductJSONItemConverter extends JSONItemConverter
+ {
+ public function ProductJSONItemConverter()
+ {
+ super();
+ }
+
+ override public function convertItem(data:String):Object
+ {
+ var obj:Object = super.convertItem(data);
+ var product:Product = new Product();
+ for (var p:String in obj)
+ product[p] = obj[p];
+ return product;
+ }
+ }
+}
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/ProductsView.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/ProductsView.mxml b/examples/FlexJSStore_jquery/src/ProductsView.mxml
new file mode 100755
index 0000000..8f9ec9a
--- /dev/null
+++ b/examples/FlexJSStore_jquery/src/ProductsView.mxml
@@ -0,0 +1,126 @@
+<?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.
+
+-->
+<!-- width and height hard-coded in the root tag to better support the
+ Design view in FlexBuilder since we know the width and height from the
+ settings in flexstore.mxml -->
+<basic:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:basic="library://ns.apache.org/flexjs/basic"
+ xmlns:mx="library://ns.adobe.com/flex/mx"
+ xmlns:productsView="productsView.*"
+ width="990" height="550"
+ currentState="showFilter"
+ >
+
+ <fx:Script>
+ <![CDATA[
+ import org.apache.flex.events.Event;
+ import org.apache.flex.net.dataConverters.LazyCollection;
+ import samples.flexstore.Product;
+
+ private var _catalog:LazyCollection;
+
+ [Bindable("catalogChange")]
+ public function get catalog():LazyCollection
+ {
+ return _catalog;
+ }
+
+ public function set catalog(c:LazyCollection):void
+ {
+ _catalog = c;
+ if (filterPanel != null)
+ {
+ filterPanel.filter.count = c.length;
+ }
+ dispatchEvent(new org.apache.flex.events.Event("catalogChange"));
+ }
+
+ public function addToCompare(product:Product):void
+ {
+ //setting the state before adding the product avoids jumpiness in the transition, not sure why
+ currentState = 'showFilter';
+ filterPanel.productList.addProduct(product);
+ }
+
+ public function addToCart(product:Product):void
+ {
+ //setting the state before adding the product avoids jumpiness in the transition, not sure why
+ currentState = 'showCart';
+ cartPanel.productList.addProduct(product);
+ }
+
+
+ ]]>
+ </fx:Script>
+ <basic:beads>
+ <basic:ContainerDataBinding />
+ </basic:beads>
+ <basic:Container
+ className="colorPanel"
+ height="100%" width="100%"
+ >
+
+ <productsView:Grip id="filterGrip" gripIcon="assets/icon_magnifier.png"
+ gripTip="Show filter panel" click="currentState = 'showFilter'"/>
+
+ <productsView:ProductFilterPanel x="{filterGrip.width}" y="0" id="filterPanel" width="265" height="100%"
+ filter="catalogPanel.filter(event.filter, event.live)"
+ compare="catalogPanel.compare(filterPanel.productList.getProducts())"
+ initComplete="if (catalog) filterPanel.filter.count = catalog.length"/>
+
+ <productsView:ProductCart id="cartPanel" width="265" height="100%">
+ <productsView:style>
+ <basic:SimpleCSSStyles right="{cartGrip.width}" top="0" />
+ </productsView:style>
+ </productsView:ProductCart>
+
+ <productsView:Grip id="cartGrip" gripIcon="assets/icon_cart_empty.png"
+ gripTip="Show cart" click="currentState = 'showCart'">
+ <productsView:style>
+ <basic:SimpleCSSStyles right="0" top="0"/>
+ </productsView:style>
+ </productsView:Grip>
+
+ </basic:Container>
+
+ <productsView:ProductCatalogPanel id="catalogPanel" y="4" width="685" height="540"
+ x.showFilter="288" x.showCart="0"
+ catalog="{catalog}"
+ compare="addToCompare(event.product)"
+ purchase="addToCart(event.product)"
+ cartCount="{cartPanel.numProducts}">
+ </productsView:ProductCatalogPanel>
+
+ <basic:states>
+ <mx:State name="showFilter" />
+ <mx:State name="showCart" />
+ </basic:states>
+
+ <!--
+ make sure to use transitions here instead of applying a Move effect
+ to the Panel itself which will result in odd behavior
+ -->
+ <basic:transitions>
+ <basic:Transition fromState="*" toState="*">
+ <basic:Move target="catalogPanel" />
+ </basic:Transition>
+ </basic:transitions>
+
+</basic:Container>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/SupportView.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/SupportView.mxml b/examples/FlexJSStore_jquery/src/SupportView.mxml
new file mode 100755
index 0000000..0410e1b
--- /dev/null
+++ b/examples/FlexJSStore_jquery/src/SupportView.mxml
@@ -0,0 +1,139 @@
+<?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.
+
+-->
+<!--
+This component is primarily static and is only meant to show what other
+pages of the store could look like.
+
+Note that this page was put together in the Design view so you'll see more
+hard coded locations and sizes.
+
+We did not have sizing issues here as much so you'll see more hardcoded
+"y" values rather than "top."
+
+The width and height are hard-coded in the root tag to help the Design view.
+-->
+<basic:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:basic="library://ns.apache.org/flexjs/basic"
+ xmlns:mx="library://ns.adobe.com/flex/mx" xmlns="*" alpha="1.0"
+ width="990" height="550">
+
+ <fx:Script>
+ <![CDATA[
+ import org.apache.flex.html.SimpleAlert;
+ ]]>
+ </fx:Script>
+
+ <fx:Declarations>
+ <fx:Array id="locations">
+ <fx:Object image="assets/support_mapmarker_a.png" name="601 Townsend St" />
+ <fx:Object image="assets/support_mapmarker_b.png" name="Location B" />
+ <fx:Object image="assets/support_mapmarker_c.png" name="Location C" />
+ </fx:Array>
+
+ </fx:Declarations>
+
+ <basic:HContainer x="0" y="0" width="100%" height="100%" className="colorPanel">
+
+ <basic:VContainer width="32%" height="100%">
+ <basic:Container width="100%" height="60%">
+
+ <basic:Label y="10" text="Check Location" className="sectionHeader" x="20"/>
+
+ <basic:Container width="95%" height="150" y="64" style="horizontalCenter:0">
+ <basic:beads>
+ <basic:VerticalColumnLayout numColumns="2" />
+ </basic:beads>
+ <basic:Label text="Address:" width="100%"/>
+ <basic:TextInput id="address" width="90%"/>
+
+ <basic:Label text="City:" width="100%"/>
+ <basic:TextInput id="city" width="60%"/>
+
+ <basic:Label text="State:" width="100%"/>
+ <basic:DropDownList id="state" width="50%">
+ <basic:dataProvider>
+ <fx:Array>
+ <fx:String>California</fx:String>
+ <fx:String>Nevada</fx:String>
+ <fx:String>Oregon</fx:String>
+ <fx:String>Washington</fx:String>
+ </fx:Array>
+ </basic:dataProvider>
+ </basic:DropDownList>
+
+ <basic:Label text="ZIP Code:" width="100%" />
+ <basic:TextInput id="zip" width="30%"/>
+
+ </basic:Container>
+
+ <basic:Label y="38" text="Option1: Enter Address" style="horizontalCenter:0" className="instructions"/>
+
+ <basic:TextButton y="297" text="Locate" click="SimpleAlert.show('This feature is not implemented in this sample', 'Locate')"
+ style="horizontalCenter:0"/>
+
+ <basic:HContainer y="327" width="80%" height="20" >
+ <basic:style>
+ <basic:SimpleCSSStyles horizontalAlign="center" verticalAlign="middle" horizontalCenter="0" />
+ </basic:style>
+ <basic:HRule width="60" />
+ <basic:Label text="OR"/>
+ <basic:HRule width="60" />
+ </basic:HContainer>
+
+ <basic:Label y="355" text="Option 2: Drag this marker into the map" style="horizontalCenter:0" className="instructions"/>
+
+ <basic:Image y="380" style="horizontalCenter:0" source="assets/support_mapmarker_plus.png"/>
+
+ <basic:HRule y="415" style="horizontalCenter:0" width="200" alpha="0.6"/>
+
+ </basic:Container>
+
+ <basic:Container width="100%" height="40%">
+ <basic:VContainer width="80%" height="90%" >
+ <basic:style>
+ <basic:SimpleCSSStyles horizontalCenter="0" top="0"/>
+ </basic:style>
+ <basic:Label text="Location" className="instructions"/>
+ <basic:List width="100%" dataProvider="{locations}">
+ <basic:itemRenderer>
+ <fx:Component>
+ <basic:DataItemRenderer className="listItem" width="100%">
+ <basic:Image width="21" height="25" source="{data.image}" />
+ <basic:Label width="100%" text="{data.name}" />
+ </basic:DataItemRenderer>
+ </fx:Component>
+ </basic:itemRenderer>
+ </basic:List>
+ </basic:VContainer>
+ </basic:Container>
+
+ </basic:VContainer>
+
+ <basic:Container width="68%" height="100%">
+ <basic:Image source="assets/support_map.png">
+ <basic:style>
+ <basic:SimpleCSSStyles left="2" right="2" top="2" bottom="2"/>
+ </basic:style>
+ </basic:Image>
+ </basic:Container>
+
+ </basic:HContainer>
+
+</basic:Container>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/akotter.jpg
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/akotter.jpg b/examples/FlexJSStore_jquery/src/assets/akotter.jpg
new file mode 100755
index 0000000..1124b71
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/akotter.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/bcrater.jpg
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/bcrater.jpg b/examples/FlexJSStore_jquery/src/assets/bcrater.jpg
new file mode 100755
index 0000000..fd15d59
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/bcrater.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/beige_background.jpg
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/beige_background.jpg b/examples/FlexJSStore_jquery/src/assets/beige_background.jpg
new file mode 100755
index 0000000..8f034ba
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/beige_background.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/beige_dotted_map.png
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/beige_dotted_map.png b/examples/FlexJSStore_jquery/src/assets/beige_dotted_map.png
new file mode 100755
index 0000000..e88d9ef
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/beige_dotted_map.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/blue_background.jpg
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/blue_background.jpg b/examples/FlexJSStore_jquery/src/assets/blue_background.jpg
new file mode 100755
index 0000000..361ce0e
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/blue_background.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/blue_dotted_map.png
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/blue_dotted_map.png b/examples/FlexJSStore_jquery/src/assets/blue_dotted_map.png
new file mode 100755
index 0000000..5fa6714
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/blue_dotted_map.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/button_cart_empty.png
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/button_cart_empty.png b/examples/FlexJSStore_jquery/src/assets/button_cart_empty.png
new file mode 100644
index 0000000..0e1a2b5
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/button_cart_empty.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/button_cart_full.png
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/button_cart_full.png b/examples/FlexJSStore_jquery/src/assets/button_cart_full.png
new file mode 100644
index 0000000..9c9eea0
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/button_cart_full.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/button_compare.png
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/button_compare.png b/examples/FlexJSStore_jquery/src/assets/button_compare.png
new file mode 100644
index 0000000..c2ac969
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/button_compare.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/button_details.png
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/button_details.png b/examples/FlexJSStore_jquery/src/assets/button_details.png
new file mode 100644
index 0000000..3e6238c
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/button_details.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/button_tiles.png
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/button_tiles.png b/examples/FlexJSStore_jquery/src/assets/button_tiles.png
new file mode 100644
index 0000000..4266a22
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/button_tiles.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/grip.png
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/grip.png b/examples/FlexJSStore_jquery/src/assets/grip.png
new file mode 100755
index 0000000..64ee835
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/grip.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/icon_cart_empty.png
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/icon_cart_empty.png b/examples/FlexJSStore_jquery/src/assets/icon_cart_empty.png
new file mode 100644
index 0000000..562064b
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/icon_cart_empty.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/icon_compare.png
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/icon_compare.png b/examples/FlexJSStore_jquery/src/assets/icon_compare.png
new file mode 100644
index 0000000..efc3ea1
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/icon_compare.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/icon_magnifier.png
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/icon_magnifier.png b/examples/FlexJSStore_jquery/src/assets/icon_magnifier.png
new file mode 100755
index 0000000..939f814
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/icon_magnifier.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/icon_tiles.png
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/icon_tiles.png b/examples/FlexJSStore_jquery/src/assets/icon_tiles.png
new file mode 100644
index 0000000..dbf75b6
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/icon_tiles.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/jproctor.jpg
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/jproctor.jpg b/examples/FlexJSStore_jquery/src/assets/jproctor.jpg
new file mode 100755
index 0000000..1111787
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/jproctor.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/logo_blue.png
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/logo_blue.png b/examples/FlexJSStore_jquery/src/assets/logo_blue.png
new file mode 100755
index 0000000..132b894
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/logo_blue.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/logo_orange.png
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/logo_orange.png b/examples/FlexJSStore_jquery/src/assets/logo_orange.png
new file mode 100755
index 0000000..c776c8c
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/logo_orange.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/pic/abrilliam.jpg
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/pic/abrilliam.jpg b/examples/FlexJSStore_jquery/src/assets/pic/abrilliam.jpg
new file mode 100755
index 0000000..6954858
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/pic/abrilliam.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/pic/akotter.jpg
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/pic/akotter.jpg b/examples/FlexJSStore_jquery/src/assets/pic/akotter.jpg
new file mode 100755
index 0000000..1124b71
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/pic/akotter.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/pic/bcrater.jpg
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/pic/bcrater.jpg b/examples/FlexJSStore_jquery/src/assets/pic/bcrater.jpg
new file mode 100755
index 0000000..fd15d59
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/pic/bcrater.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/pic/bleporte.jpg
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/pic/bleporte.jpg b/examples/FlexJSStore_jquery/src/assets/pic/bleporte.jpg
new file mode 100755
index 0000000..c4769e8
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/pic/bleporte.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/pic/bvanbrocklin.jpg
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/pic/bvanbrocklin.jpg b/examples/FlexJSStore_jquery/src/assets/pic/bvanbrocklin.jpg
new file mode 100755
index 0000000..489fa2e
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/pic/bvanbrocklin.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/pic/ccarpenter.jpg
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/pic/ccarpenter.jpg b/examples/FlexJSStore_jquery/src/assets/pic/ccarpenter.jpg
new file mode 100755
index 0000000..c1dc3d8
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/pic/ccarpenter.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/pic/clampberto.jpg
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/pic/clampberto.jpg b/examples/FlexJSStore_jquery/src/assets/pic/clampberto.jpg
new file mode 100755
index 0000000..9deacd2
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/pic/clampberto.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/pic/davenon.jpg
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/pic/davenon.jpg b/examples/FlexJSStore_jquery/src/assets/pic/davenon.jpg
new file mode 100755
index 0000000..6a2a142
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/pic/davenon.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/pic/dmcgoyal.jpg
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/pic/dmcgoyal.jpg b/examples/FlexJSStore_jquery/src/assets/pic/dmcgoyal.jpg
new file mode 100755
index 0000000..1124b71
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/pic/dmcgoyal.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/pic/dwillhelm.jpg
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/pic/dwillhelm.jpg b/examples/FlexJSStore_jquery/src/assets/pic/dwillhelm.jpg
new file mode 100755
index 0000000..fd15d59
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/pic/dwillhelm.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/pic/esunderland.jpg
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/pic/esunderland.jpg b/examples/FlexJSStore_jquery/src/assets/pic/esunderland.jpg
new file mode 100755
index 0000000..c4769e8
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/pic/esunderland.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/pic/jproctor.jpg
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/pic/jproctor.jpg b/examples/FlexJSStore_jquery/src/assets/pic/jproctor.jpg
new file mode 100755
index 0000000..1111787
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/pic/jproctor.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/pic/mfields.jpg
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/pic/mfields.jpg b/examples/FlexJSStore_jquery/src/assets/pic/mfields.jpg
new file mode 100755
index 0000000..489fa2e
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/pic/mfields.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/pic/pdempsey.jpg
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/pic/pdempsey.jpg b/examples/FlexJSStore_jquery/src/assets/pic/pdempsey.jpg
new file mode 100755
index 0000000..9deacd2
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/pic/pdempsey.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/pic/ptranep.jpg
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/pic/ptranep.jpg b/examples/FlexJSStore_jquery/src/assets/pic/ptranep.jpg
new file mode 100755
index 0000000..4b9a03b
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/pic/ptranep.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/pic/rcrawley.jpg
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/pic/rcrawley.jpg b/examples/FlexJSStore_jquery/src/assets/pic/rcrawley.jpg
new file mode 100755
index 0000000..9b60320
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/pic/rcrawley.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/pic/rdreifus.jpg
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/pic/rdreifus.jpg b/examples/FlexJSStore_jquery/src/assets/pic/rdreifus.jpg
new file mode 100755
index 0000000..6a2a142
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/pic/rdreifus.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/pic/twong.jpg
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/pic/twong.jpg b/examples/FlexJSStore_jquery/src/assets/pic/twong.jpg
new file mode 100755
index 0000000..1124b71
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/pic/twong.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/support_map.png
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/support_map.png b/examples/FlexJSStore_jquery/src/assets/support_map.png
new file mode 100755
index 0000000..c2f2394
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/support_map.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/support_mapmarker_a.png
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/support_mapmarker_a.png b/examples/FlexJSStore_jquery/src/assets/support_mapmarker_a.png
new file mode 100755
index 0000000..20c21e1
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/support_mapmarker_a.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/support_mapmarker_b.png
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/support_mapmarker_b.png b/examples/FlexJSStore_jquery/src/assets/support_mapmarker_b.png
new file mode 100755
index 0000000..069ccd8
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/support_mapmarker_b.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/support_mapmarker_c.png
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/support_mapmarker_c.png b/examples/FlexJSStore_jquery/src/assets/support_mapmarker_c.png
new file mode 100755
index 0000000..f6b587e
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/support_mapmarker_c.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/support_mapmarker_plus.png
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/support_mapmarker_plus.png b/examples/FlexJSStore_jquery/src/assets/support_mapmarker_plus.png
new file mode 100755
index 0000000..4192088
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/support_mapmarker_plus.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/2bd7d1e8/examples/FlexJSStore_jquery/src/assets/trashcan.png
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/assets/trashcan.png b/examples/FlexJSStore_jquery/src/assets/trashcan.png
new file mode 100644
index 0000000..483a37c
Binary files /dev/null and b/examples/FlexJSStore_jquery/src/assets/trashcan.png differ