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 <[email protected]> Authored: Wed Jan 14 15:22:56 2015 -0500 Committer: Peter Ent <[email protected]> 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
