http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/FlexJSStore.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/FlexJSStore.mxml b/examples/flexjs/FlexJSStore_jquery/src/FlexJSStore.mxml new file mode 100755 index 0000000..f5700a1 --- /dev/null +++ b/examples/flexjs/FlexJSStore_jquery/src/FlexJSStore.mxml @@ -0,0 +1,269 @@ +<?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:js="library://ns.apache.org/flexjs/basic" + 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> + <js:HTTPService id="productService" url="data/catalog.json"> + <js:LazyCollection id="catalog"> + <js:inputParser> + <js:JSONInputParser /> + </js:inputParser> + <js:itemConverter> + <ProductJSONItemConverter /> + </js:itemConverter> + </js:LazyCollection> + </js:HTTPService> + </fx:Declarations> + <jquery:valuesImpl> + <js:SimpleCSSValuesImpl /> + </jquery:valuesImpl> + <jquery:beads> + <js:CallLaterBead id="callLater" /> + <js:ApplicationDataBinding /> + </jquery:beads> + <jquery:initialView> + <js:ViewBase width="990" height="550" + initComplete="completeHandler(null)" + stateChangeComplete="chainStatesIfNeeded()"> + <js:states> + <js:State name="HomeState" stateGroups="['Home']" /> + <js:State name="HomeWipeUp" stateGroups="['Home']" /> + <js:State name="HomeWipeDown" stateGroups="['Home']" /> + <js:State name="ProductsPreBake" stateGroups="['Home', 'Products']" /> + <js:State name="ProductsState" stateGroups="['Products']" /> + <js:State name="ProductsWipeUp" stateGroups="['Products']" /> + <js:State name="ProductsWipeDown" stateGroups="['Products']" /> + <js:State name="SupportState" stateGroups="['Support']" /> + <js:State name="SupportWipeUp" stateGroups="['Support']" /> + <js:State name="SupportWipeDown" stateGroups="['Support']" /> + </js:states> + + <js:transitions> + <js:Transition fromState="HomeState" toState="HomeWipeUp"> + <js:Wipe direction="up" target="homeView" /> + </js:Transition> + <js:Transition fromState="HomeWipeDown" toState="HomeState"> + <js:Wipe direction="down" target="homeView" /> + </js:Transition> + <js:Transition fromState="ProductsState" toState="ProductsWipeUp"> + <js:Wipe direction="up" target="pView" /> + </js:Transition> + <js:Transition fromState="ProductsWipeDown" toState="ProductsState"> + <js:Wipe direction="down" target="pView" /> + </js:Transition> + <js:Transition fromState="SupportState" toState="SupportWipeUp"> + <js:Wipe direction="up" target="supportView" /> + </js:Transition> + <js:Transition fromState="SupportWipeDown" toState="SupportState"> + <js:Wipe direction="down" target="supportView" /> + </js:Transition> + </js:transitions> + <js:beads> + <js:VerticalLayout /> + </js:beads> + <js:ControlBar id="acb" width="100%" className="storeControlBar" > + <js:beads> + <js:HorizontalLayout /> + <js:LayoutChangeNotifier watchedProperty="{image.width}" /> + </js:beads> + <js:Image id="image" /> + <!-- click="toggleTheme()" --> + <!-- toolTip="Change Theme"/ --> + <jquery:ToggleTextButton id="homeButton" + text="Home" + height="100%" + selected="true" + className="storeButtonBar" + click="headHome()" /> + <jquery:ToggleTextButton id="productsButton" + text="Products" + height="100%" + className="storeButtonBar" + click="headToProducts()"/> + <jquery:ToggleTextButton id="supportButton" + text="Support" + height="100%" + className="storeButtonBar" + click="headToSupport()"/> + </js:ControlBar> + <js:Container width="990" > + <js:style> + <js:SimpleCSSStyles paddingLeft="0" paddingRight="0" horizontalCenter="0"/> + </js: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" + /> + </js:Container> + </js:ViewBase> + </jquery:initialView> +</jquery:Application>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/HomeView.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/HomeView.mxml b/examples/flexjs/FlexJSStore_jquery/src/HomeView.mxml new file mode 100755 index 0000000..caddb64 --- /dev/null +++ b/examples/flexjs/FlexJSStore_jquery/src/HomeView.mxml @@ -0,0 +1,206 @@ +<?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. +--> +<js:Container xmlns:fx="http://ns.adobe.com/mxml/2009"; + xmlns:js="library://ns.apache.org/flexjs/basic" + 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> + <js:beads> + <js:ContainerDataBinding /> + </js:beads> + <js:HContainer width="100%" height="100%" y="0" x="0" className="colorPanel"> + <js:VContainer width="230" height="100%"> + <js:Container width="100%" height="100%"> + + <js:Container height="60" className="homeSection"> + <js:style> + <js:SimpleCSSStyles backgroundColor="#ebebe9" left="10" top="10" right="10"/> + </js:style> + <js: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')"/> + <js:TextInput style="left:10;top:30" height="20" width="150"/> + </js:Container> + + <js:Container height="280" className="homeSection"> + <js:style> + <js:SimpleCSSStyles backgroundColor="#ffffff" left="10" top="78" right="10" /> + </js:style> + <js:VContainer width="100%" height="100%"> + <js:style> + <js:SimpleCSSStyles left="10" top="10" /> + </js:style> + <js:Label text="Flex Experts That Can Help You" className="sectionHeader"/> + <js:HRule height="5" width="187" style="marginLeft:0"/> + <js:Label text="General" className="homeProgramHeader"/> + <js:Label text="BlazeDS Experts" style="fontSize:9"/> + <js:Spacer height="8" width="100%"/> + <js:Label text="Server-side" className="homeProgramHeader"/> + <js:Label text="Java, PHP Developers" style="fontSize:9"/> + <js:Spacer height="8" width="100%"/> + <js:Label text="Mobile" className="homeProgramHeader"/> + <js:Label text="Android, IOS and more" style="fontSize:9"/> + <js:Spacer height="8" width="100%"/> + <js:Label text="Students" className="homeProgramHeader"/> + <js:Label text="Free Assistance" style="fontSize:9"/> + <js:Spacer height="8" width="100%"/> + </js:VContainer> + </js:Container> + + <js:Container height="174" className="homeSection"> + <js:style> + <js:SimpleCSSStyles backgroundColor="#ebebe9" left="10" top="366" right="10" /> + </js:style> + <js:VContainer width="100%" height="100%"> + <js:style> + <js:SimpleCSSStyles left="10" top="10" /> + </js:style> + <js:Label text="Manage My Account" className="sectionHeader"/> + + <js:Label text="Phone Number"/> + + <js:HContainer width="100%" height="25" > + <js:style> + <js:SimpleCSSStyles horizontalAlign="left" verticalAlign="middle" /> + </js:style> + <js:TextInput height="20" width="40"/> + <js:HRule width="8" height="2"/> + <js:TextInput height="20" width="40"/> + <js:HRule width="8" height="2"/> + <js:TextInput height="20" width="40"/> + </js:HContainer> + + <js:Label text="Password"/> + <js:TextInput height="20"/> + <js:Spacer height="8" width="100%"/> + + <jquery:CheckBox text="Remember my phone number" selected="true"/> + <js: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')"/> + + </js:VContainer> + </js:Container> + + </js:Container> + + </js:VContainer> + + <js:VContainer width="750" height="100%"> + <js:Container width="100%" height="100%"> + + <!-- can't use binding to set the mapImage source because the style isn't available early enough --> + <js:Container id="mapCanvas" height="35%" className="homeMap"> + <js:style> + <js:SimpleCSSStyles left="0" right="10" top="10" /> + </js:style> + <js:Image id="mapImage" width="487" height="100%" alpha="1.0" style="left:10;top:10"/> + <js: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'"/> + <js:Label text="Learn More >>" width="95" style="fontSize:12;fontFamily:'Arial';bottom:10;right:10"/> + <js:Label text="$60/hr" style="color:#ffffff;fontWeight:'bold';fontFamily:'Arial';fontSize:20;right:10:top:10"/> + <js:Label text="Rates as low as" x="551" y="16" style="fontSize:12"/> + </js:Container> + + <js:Container height="330" > + <js:style> + <js:SimpleCSSStyles backgroundColor="#ffffff" borderStyle="solid" bottom="10" right="10" left="0" /> <!-- cornerRadius="4" --> + </js:style> + + <js:Label style="left:10;top:10" text="Featured Developers" width="173" height="25" className="sectionHeader"/> + + <js:HContainer style="left:10;top:43" width="100%" height="100%"> + <js:VContainer width="33%" height="100%"> + <js:beads> + <js:LayoutChangeNotifier watchedProperty="{image1.height}" /> + </js:beads> + <js:Container width="100%"> + <js:Image id="image1" source="assets/akotter.jpg" style="horizontalCenter:0;verticalCenter:0"/> + </js:Container> + + <js:Container width="100%"> + <js:Label text="Annette Kotter" id="feat_prod_1" style="horizontalCenter:0;fontWeight:'bold';fontSize:12"/> + </js:Container> + + </js:VContainer> + + <js:VContainer width="33%" height="100%"> + <js:beads> + <js:LayoutChangeNotifier watchedProperty="{image2.height}" /> + </js:beads> + + <js:Container width="100%"> + <js:Image id="image2" style="horizontalCenter:0;verticalCenter:0" source="assets/bcrater.jpg"/> + </js:Container> + + <js:Container width="100%"> + <js:Label text="Ben Crater" id="feat_prod_2" style="horizontalCenter:0;fontWeight:'bold';fontSize:12"/> + </js:Container> + + </js:VContainer> + + <js:VContainer width="33%" height="100%"> + <js:beads> + <js:LayoutChangeNotifier watchedProperty="{image3.height}" /> + </js:beads> + + <js:Container width="100%"> + <js:Image id="image3" style="horizontalCenter:0;verticalCenter:0" source="assets/jproctor.jpg"/> + </js:Container> + + <js:Container width="100%"> + <js:Label text="Jane Proctor" id="feat_prod_3" style="horizontalCenter:0;fontWeight:'bold';fontSize:12"/> + </js:Container> + + </js:VContainer> + + </js:HContainer> + + </js:Container> + + </js:Container> + + </js:VContainer> + + </js:HContainer> + +</js:Container> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/ProductJSONItemConverter.as ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/ProductJSONItemConverter.as b/examples/flexjs/FlexJSStore_jquery/src/ProductJSONItemConverter.as new file mode 100755 index 0000000..cb27bde --- /dev/null +++ b/examples/flexjs/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.collections.converters.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/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/ProductsView.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/ProductsView.mxml b/examples/flexjs/FlexJSStore_jquery/src/ProductsView.mxml new file mode 100755 index 0000000..c563653 --- /dev/null +++ b/examples/flexjs/FlexJSStore_jquery/src/ProductsView.mxml @@ -0,0 +1,125 @@ +<?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 --> +<js:Container xmlns:fx="http://ns.adobe.com/mxml/2009"; + xmlns:js="library://ns.apache.org/flexjs/basic" + xmlns:productsView="productsView.*" + width="990" height="550" + currentState="showFilter" + > + + <fx:Script> + <![CDATA[ + import org.apache.flex.events.Event; + import org.apache.flex.collections.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> + <js:beads> + <js:ContainerDataBinding /> + </js:beads> + <js: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> + <js: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> + <js:SimpleCSSStyles right="0" top="0"/> + </productsView:style> + </productsView:Grip> + + </js: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> + + <js:states> + <js:State name="showFilter" /> + <js:State name="showCart" /> + </js:states> + + <!-- + make sure to use transitions here instead of applying a Move effect + to the Panel itself which will result in odd behavior + --> + <js:transitions> + <js:Transition fromState="*" toState="*"> + <js:Move target="catalogPanel" /> + </js:Transition> + </js:transitions> + +</js:Container> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/SupportView.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/SupportView.mxml b/examples/flexjs/FlexJSStore_jquery/src/SupportView.mxml new file mode 100755 index 0000000..fb68a6c --- /dev/null +++ b/examples/flexjs/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. +--> +<js:Container xmlns:fx="http://ns.adobe.com/mxml/2009"; + xmlns:js="library://ns.apache.org/flexjs/basic" + 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> + + <js:HContainer x="0" y="0" width="100%" height="100%" className="colorPanel"> + + <js:VContainer width="32%" height="100%"> + <js:Container width="100%" height="60%"> + + <js:Label y="10" text="Check Location" className="sectionHeader" x="20"/> + + <js:Container width="95%" height="150" y="64" style="horizontalCenter:0"> + <js:beads> + <js:VerticalColumnLayout numColumns="2" /> + </js:beads> + <js:Label text="Address:" width="100%"/> + <js:TextInput id="address" width="90%"/> + + <js:Label text="City:" width="100%"/> + <js:TextInput id="city" width="60%"/> + + <js:Label text="State:" width="100%"/> + <js:DropDownList id="state" width="50%"> + <js: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> + </js:dataProvider> + </js:DropDownList> + + <js:Label text="ZIP Code:" width="100%" /> + <js:TextInput id="zip" width="30%"/> + + </js:Container> + + <js:Label y="38" text="Option1: Enter Address" style="horizontalCenter:0" className="instructions"/> + + <js:TextButton y="297" text="Locate" click="SimpleAlert.show('This feature is not implemented in this sample', 'Locate')" + style="horizontalCenter:0"/> + + <js:HContainer y="327" width="80%" height="20" > + <js:style> + <js:SimpleCSSStyles horizontalAlign="center" verticalAlign="middle" horizontalCenter="0" /> + </js:style> + <js:HRule width="60" /> + <js:Label text="OR"/> + <js:HRule width="60" /> + </js:HContainer> + + <js:Label y="355" text="Option 2: Drag this marker into the map" style="horizontalCenter:0" className="instructions"/> + + <js:Image y="380" style="horizontalCenter:0" source="assets/support_mapmarker_plus.png"/> + + <js:HRule y="415" style="horizontalCenter:0" width="200" alpha="0.6"/> + + </js:Container> + + <js:Container width="100%" height="40%"> + <js:VContainer width="80%" height="90%" > + <js:style> + <js:SimpleCSSStyles horizontalCenter="0" top="0"/> + </js:style> + <js:Label text="Location" className="instructions"/> + <js:List width="100%" dataProvider="{locations}"> + <js:itemRenderer> + <fx:Component> + <js:DataItemRenderer className="listItem" width="100%"> + <js:Image width="21" height="25" source="{data.image}" /> + <js:Label width="100%" text="{data.name}" /> + </js:DataItemRenderer> + </fx:Component> + </js:itemRenderer> + </js:List> + </js:VContainer> + </js:Container> + + </js:VContainer> + + <js:Container width="68%" height="100%"> + <js:Image source="assets/support_map.png"> + <js:style> + <js:SimpleCSSStyles left="2" right="2" top="2" bottom="2"/> + </js:style> + </js:Image> + </js:Container> + + </js:HContainer> + +</js:Container> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/akotter.jpg ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/akotter.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/akotter.jpg new file mode 100755 index 0000000..1124b71 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/akotter.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/bcrater.jpg ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/bcrater.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/bcrater.jpg new file mode 100755 index 0000000..fd15d59 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/bcrater.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/beige_background.jpg ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/beige_background.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/beige_background.jpg new file mode 100755 index 0000000..8f034ba Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/beige_background.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/beige_dotted_map.png ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/beige_dotted_map.png b/examples/flexjs/FlexJSStore_jquery/src/assets/beige_dotted_map.png new file mode 100755 index 0000000..e88d9ef Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/beige_dotted_map.png differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/blue_background.jpg ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/blue_background.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/blue_background.jpg new file mode 100755 index 0000000..361ce0e Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/blue_background.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/blue_dotted_map.png ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/blue_dotted_map.png b/examples/flexjs/FlexJSStore_jquery/src/assets/blue_dotted_map.png new file mode 100755 index 0000000..5fa6714 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/blue_dotted_map.png differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/button_cart_empty.png ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/button_cart_empty.png b/examples/flexjs/FlexJSStore_jquery/src/assets/button_cart_empty.png new file mode 100644 index 0000000..0e1a2b5 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/button_cart_empty.png differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/button_cart_full.png ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/button_cart_full.png b/examples/flexjs/FlexJSStore_jquery/src/assets/button_cart_full.png new file mode 100644 index 0000000..9c9eea0 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/button_cart_full.png differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/button_compare.png ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/button_compare.png b/examples/flexjs/FlexJSStore_jquery/src/assets/button_compare.png new file mode 100644 index 0000000..c2ac969 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/button_compare.png differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/button_details.png ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/button_details.png b/examples/flexjs/FlexJSStore_jquery/src/assets/button_details.png new file mode 100644 index 0000000..3e6238c Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/button_details.png differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/button_tiles.png ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/button_tiles.png b/examples/flexjs/FlexJSStore_jquery/src/assets/button_tiles.png new file mode 100644 index 0000000..4266a22 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/button_tiles.png differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/grip.png ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/grip.png b/examples/flexjs/FlexJSStore_jquery/src/assets/grip.png new file mode 100755 index 0000000..64ee835 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/grip.png differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/icon_cart_empty.png ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/icon_cart_empty.png b/examples/flexjs/FlexJSStore_jquery/src/assets/icon_cart_empty.png new file mode 100644 index 0000000..562064b Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/icon_cart_empty.png differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/icon_compare.png ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/icon_compare.png b/examples/flexjs/FlexJSStore_jquery/src/assets/icon_compare.png new file mode 100644 index 0000000..efc3ea1 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/icon_compare.png differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/icon_magnifier.png ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/icon_magnifier.png b/examples/flexjs/FlexJSStore_jquery/src/assets/icon_magnifier.png new file mode 100755 index 0000000..939f814 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/icon_magnifier.png differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/icon_tiles.png ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/icon_tiles.png b/examples/flexjs/FlexJSStore_jquery/src/assets/icon_tiles.png new file mode 100644 index 0000000..dbf75b6 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/icon_tiles.png differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/jproctor.jpg ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/jproctor.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/jproctor.jpg new file mode 100755 index 0000000..1111787 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/jproctor.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/logo_blue.png ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/logo_blue.png b/examples/flexjs/FlexJSStore_jquery/src/assets/logo_blue.png new file mode 100755 index 0000000..132b894 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/logo_blue.png differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/logo_orange.png ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/logo_orange.png b/examples/flexjs/FlexJSStore_jquery/src/assets/logo_orange.png new file mode 100755 index 0000000..c776c8c Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/logo_orange.png differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/abrilliam.jpg ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/abrilliam.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/abrilliam.jpg new file mode 100755 index 0000000..6954858 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/abrilliam.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/akotter.jpg ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/akotter.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/akotter.jpg new file mode 100755 index 0000000..1124b71 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/akotter.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/bcrater.jpg ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/bcrater.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/bcrater.jpg new file mode 100755 index 0000000..fd15d59 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/bcrater.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/bleporte.jpg ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/bleporte.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/bleporte.jpg new file mode 100755 index 0000000..c4769e8 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/bleporte.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/bvanbrocklin.jpg ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/bvanbrocklin.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/bvanbrocklin.jpg new file mode 100755 index 0000000..489fa2e Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/bvanbrocklin.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/ccarpenter.jpg ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/ccarpenter.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/ccarpenter.jpg new file mode 100755 index 0000000..c1dc3d8 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/ccarpenter.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/clampberto.jpg ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/clampberto.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/clampberto.jpg new file mode 100755 index 0000000..9deacd2 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/clampberto.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/davenon.jpg ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/davenon.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/davenon.jpg new file mode 100755 index 0000000..6a2a142 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/davenon.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/dmcgoyal.jpg ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/dmcgoyal.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/dmcgoyal.jpg new file mode 100755 index 0000000..1124b71 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/dmcgoyal.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/dwillhelm.jpg ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/dwillhelm.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/dwillhelm.jpg new file mode 100755 index 0000000..fd15d59 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/dwillhelm.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/esunderland.jpg ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/esunderland.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/esunderland.jpg new file mode 100755 index 0000000..c4769e8 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/esunderland.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/jproctor.jpg ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/jproctor.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/jproctor.jpg new file mode 100755 index 0000000..1111787 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/jproctor.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/mfields.jpg ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/mfields.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/mfields.jpg new file mode 100755 index 0000000..489fa2e Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/mfields.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/pdempsey.jpg ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/pdempsey.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/pdempsey.jpg new file mode 100755 index 0000000..9deacd2 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/pdempsey.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/ptranep.jpg ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/ptranep.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/ptranep.jpg new file mode 100755 index 0000000..4b9a03b Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/ptranep.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/rcrawley.jpg ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/rcrawley.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/rcrawley.jpg new file mode 100755 index 0000000..9b60320 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/rcrawley.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/rdreifus.jpg ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/rdreifus.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/rdreifus.jpg new file mode 100755 index 0000000..6a2a142 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/rdreifus.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/twong.jpg ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/twong.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/twong.jpg new file mode 100755 index 0000000..1124b71 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/twong.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/support_map.png ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/support_map.png b/examples/flexjs/FlexJSStore_jquery/src/assets/support_map.png new file mode 100755 index 0000000..c2f2394 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/support_map.png differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_a.png ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_a.png b/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_a.png new file mode 100755 index 0000000..20c21e1 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_a.png differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_b.png ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_b.png b/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_b.png new file mode 100755 index 0000000..069ccd8 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_b.png differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_c.png ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_c.png b/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_c.png new file mode 100755 index 0000000..f6b587e Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_c.png differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_plus.png ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_plus.png b/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_plus.png new file mode 100755 index 0000000..4192088 Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_plus.png differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/trashcan.png ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/trashcan.png b/examples/flexjs/FlexJSStore_jquery/src/assets/trashcan.png new file mode 100644 index 0000000..483a37c Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/trashcan.png differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/beige.css ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/beige.css b/examples/flexjs/FlexJSStore_jquery/src/beige.css new file mode 100755 index 0000000..764b49c --- /dev/null +++ b/examples/flexjs/FlexJSStore_jquery/src/beige.css @@ -0,0 +1,171 @@ +/* +//////////////////////////////////////////////////////////////////////////////// +// +// 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. +// +//////////////////////////////////////////////////////////////////////////////// +*/ + +/* Style for color-specific state - Beige */ + +@namespace "library://ns.apache.org/flexjs/basic"; + +/* +//---------------------------- +// Global styles +//---------------------------- +*/ +.global +{ + highlightAlphas: .5, .25; + borderColor: #939A9D; + headerColors: #A65904, #E68701; + themeColor: #75B1CE; + rollOverColor: #D6E6EE; + selectionColor: #B8D5E4; +} + +/* +//---------------------------- +// Type selectors +//---------------------------- +*/ +Application +{ + backgroundColor: #EAE6DD; + backgroundImage: "assets/beige_background.jpg"; +} + +/* +//---------------------------- +// Apply to Panels and Alerts by default +//---------------------------- +*/ +.windowStatus { + color: #FFCC99; +} + +.windowStyles { /* catalog panel's title text */ + color: #FFCC99; +} + +/* +//---------------------------- +// Named styles +//---------------------------- +*/ + +.colorPanel /* for the background of some surfaces */ +{ + borderStyle: "solid"; + borderWidth: 0; + backgroundColor: #BCB29F; + backgroundAlpha: 0.4; + color: #170505; + cornerRadius: 4; + dropShadowEnabled: true; +} + +.homeProgramHeader /* in HomeView */ +{ + fontWeight: "bold"; + fontSize: 13; + color: #BE7E3F; +} + +.homeMap +{ + borderStyle: "solid"; + cornerRadius: 4; + backgroundColor: #BE7E3F; + alpha: 1; + dottedMap: "assets/beige_dotted_map.png"; +} + +.instructions +{ + alpha: .85; + color: #5C5857; +} + +.storeControlBar +{ + fillAlphas: .60, .40; + fillColors: #8F8879, #BCB29F; + highlightAlphas: .05, .25; + cornerRadius: 3; + shadowDistance: 4; + paddingLeft: 0; + paddingRight: 0; + paddingTop: 0; + paddingBottom: 0; + horizontalGap: 0; + storeLogo: "assets/logo_orange.png"; +} + +.storeButtonBar +{ + cornerRadius: 0; + buttonStyleName: "storeButton"; + themeColor: #A65904; +} + +.storeButton +{ + cornerRadius: 0; + fillColors: #8F8879, #BCB29F, #A65904, #E68701; + fillAlphas: 1, 1; + highlightAlphas: .5, .25; + fontWeight: "normal"; + /** need to port to ButtonView + selectedOverSkin: ClassReference("samples.flexstore.ButtonBarButtonSkin"); + selectedUpSkin: ClassReference("samples.flexstore.ButtonBarButtonSkin"); + overSkin: ClassReference("samples.flexstore.ButtonBarButtonSkin"); + **/ +} + +.catalogTitleButtonSelected +{ + color: #FFFFFF; + fontWeight: "bold"; +} + +.catalogTitleButtonDeselected +{ + color: #222222; + fontWeight: "bold"; +} + +.catalogTitleButtonHighlighted +{ + color: #FFCC99; + fontWeight: "bold"; +} + +.catalogPanel +{ + highlightAlphas: .5, .25; + headerColors: #A65904, #E68701; + borderAlpha: 1; + borderColor: #FFFFFF; + border-width: 1px; + borderThicknessRight: 1; + borderThicknessBottom: 1; + paddingRight: 0; + paddingBottom: 0; +} + + http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/blue.css ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/blue.css b/examples/flexjs/FlexJSStore_jquery/src/blue.css new file mode 100755 index 0000000..58e98cd --- /dev/null +++ b/examples/flexjs/FlexJSStore_jquery/src/blue.css @@ -0,0 +1,165 @@ +/* +//////////////////////////////////////////////////////////////////////////////// +// +// 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. +// +//////////////////////////////////////////////////////////////////////////////// +*/ + +/* Style for color-specific state - Beige */ + +/* +//---------------------------- +// Global styles +//---------------------------- +*/ +.global +{ + highlightAlphas: .5, .25; + borderColor: #939A9D; + headerColors: #456F84, #9ABBC9; + themeColor: #75B1CE; + rollOverColor: #D6E6EE; + selectionColor: #B8D5E4; +} + +/* +//---------------------------- +// Type selectors +//---------------------------- +*/ +Application +{ + backgroundColor: #AAB2B7; + backgroundImage: Embed("assets/blue_background.jpg"); +} + +/* +//---------------------------- +// Apply to Panels and Alerts by default +//---------------------------- +*/ +.windowStatus { + color: #BDE9FA; +} + +.windowStyles { /* catalog panel's title text */ + color: #BDE9FA; +} + +/* +//---------------------------- +// Named styles +//---------------------------- +*/ + +.colorPanel /* for the background of some surfaces */ +{ + borderStyle: "solid"; + borderThickness: 0; + backgroundColor: #BDD6E2; + backgroundAlpha: 0.4; + color: #170505; + cornerRadius: 4; + dropShadowEnabled: true; +} + +.homeProgramHeader /* in HomeView */ +{ + fontWeight: "bold"; + fontSize: 13; + color: #7AA4B9; +} + +.homeMap +{ + borderStyle: "solid"; + cornerRadius: 4; + backgroundColor: #7AA4B9; + alpha: 1; + dottedMap: Embed("assets/blue_dotted_map.png"); +} + +.instructions +{ + alpha: .85; + color: #5C5857; +} + +.storeControlBar +{ + fillAlphas: .60, .40; + fillColors: #4A6F81, #BDD6E2; + highlightAlphas: .05, .25; + cornerRadius: 3; + shadowDistance: 4; + paddingLeft: 0; + paddingRight: 0; + paddingTop: 0; + paddingBottom: 0; + horizontalGap: 0; + storeLogo: Embed("assets/logo_blue.png"); +} + +.storeButtonBar +{ + cornerRadius: 0; + buttonStyleName: "storeButton"; + themeColor: #456F84; +} + +.storeButton +{ + cornerRadius: 0; + fillColors: #4A6F81, #BDD6E2, #456F84, #9ABBC9; + fillAlphas: 1, 1; + highlightAlphas: .5, .25; + fontWeight: "normal"; + selectedOverSkin: ClassReference("samples.flexstore.ButtonBarButtonSkin"); + selectedUpSkin: ClassReference("samples.flexstore.ButtonBarButtonSkin"); + overSkin: ClassReference("samples.flexstore.ButtonBarButtonSkin"); +} + +.catalogTitleButtonSelected +{ + color: #FFFFFF; + fontWeight: "bold"; +} + +.catalogTitleButtonDeselected +{ + color: #222222; + fontWeight: "bold"; +} + +.catalogTitleButtonHighlighted +{ + color: #BDE9FA; + fontWeight: "bold"; +} + +.catalogPanel +{ + highlightAlphas: .5, .25; + headerColors: #456F84, #9ABBC9; + borderAlpha: 1; + borderColor: #FFFFFF; + borderThicknessRight: 1; + borderThicknessBottom: 1; + paddingRight: 0; + paddingBottom: 0; +} + http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/data/catalog.json ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/data/catalog.json b/examples/flexjs/FlexJSStore_jquery/src/data/catalog.json new file mode 100755 index 0000000..89bdd43 --- /dev/null +++ b/examples/flexjs/FlexJSStore_jquery/src/data/catalog.json @@ -0,0 +1,236 @@ +{ catalog : [ + + { "productId" :"1", + "name" : "Andrew Brilliam", + "description" : "15 years experience. 8 years with Flex. Specializing in Text Layout Framework", + "price" : 60.00, + "image" : "assets/pic/abrilliam.jpg", + "experience" : 15, + "blazeds" : false, + "mobile" : false, + "video" : false, + "highlight1" : "Text Layout Framework", + "highlight2" : "Parsley" + }, + + { "productId" : "2", + "name" : "Annette Kotter", + "description" : "Specializing in custom components. PHP servers.", + "price" : 55, + "image" : "assets/pic/akotter.jpg", + "experience" : 3, + "blazeds" : true, + "mobile" : false, + "video" : false, + "highlight1" : "Custom Components", + "highlight2" : "PHP" + }, + + { "productId" : "3", + "name" : "Ben Crater", + "description" : "Specializing in BlazeDS backends.", + "price" : 55, + "image" : "assets/pic/bcrater.jpg", + "experience" : 4, + "blazeds" : true, + "mobile" : false, + "video" : false, + "highlight1" : "BlazeDS", + "highlight2" : "Remote Object" + }, + + { "productId" : "4", + "name" : "Beth Leporte", + "description" : "BlazeDS or PHP servers. Multimedia messagin.", + "price" : 70.00, + "image" : "assets/pic/bleporte.jpg", + "experience" : 6, + "blazeds" : true, + "mobile" : false, + "video" : false, + "highlight1" : "Multimedia messaging", + "highlight2" : "BlazeDS" + }, + + { "productId" : "5", + "name" : "Brad Van Brocklin", + "description" : "Emphasis on mobile application development", + "price" : 80, + "image" : "assets/pic/bvanbrocklin.jpg", + "experience" : 6, + "blazeds" : false, + "mobile" : true, + "video" : false, + "highlight1" : "Mobile", + "highlight2" : "Android" + }, + + { "productId" : "6", + "name" : "Carlos Carpenter", + "description" : "Built many mobile apps and video apps.", + "price" : 80, + "image" : "assets/pic/ccarpenter.jpg", + "experience" : 4, + "blazeds" : false, + "mobile" : true, + "video" : true, + "highlight1" : "Mobile", + "highlight2" : "Video" + }, + + { "productId" : "7", + "name" : "Christine Lampberto", + "description" : "7 years experience building mobile applications.", + "price" : 90, + "image" : "assets/pic/clampberto.jpg", + "experience" : 7, + "blazeds" : true, + "mobile" : true, + "video" : false, + "highlight1" : "BlazeDS", + "highlight2" : "Mobile" + }, + + { "productId" : "8", + "name" : "Dee Dee Avenon", + "description" : "I've been making video apps for over 5 years and mobile apps for about 3 years.", + "price" : 100, + "image" : "assets/pic/davenon.jpg", + "experience" : 10, + "blazeds" : false, + "mobile" : true, + "video" : true, + "highlight1" : "Video Applications", + "highlight2" : "Mobile Applications" + }, + + { "productId" : "9", + "name" : "Denise McGoyal", + "description" : "Specializing in video sharing applicaions. MObile apps too.", + "price" : 100, + "image" : "assets/pic/dmcgoyal.jpg", + "experience" : 5, + "blazeds" : false, + "mobile" : true, + "video" : true, + "highlight1" : "Video Applications", + "highlight2" : "Mobile Applications" + }, + + { "productId" : "10", + "name" : "Daniel Willhelm", + "description" : "I'm into mobile apps, video apps and social apps.", + "price" : 70, + "image" : "assets/pic/dwillhelm.jpg", + "experience" : 90, + "blazeds" : false, + "mobile" : true, + "video" : true, + "highlight1" : "Video Applications", + "highlight2" : "Mobile Applications" + }, + + { "productId" : "11", + "name" : "Eunice Sunderland", + "description" : "My recent focus is on mobile apps, but I have considerable experience in video apps as well.", + "price" : 150, + "image" : "assets/pic/esunderland.jpg", + "experience" : 30, + "blazeds" : false, + "mobile" : true, + "video" : true, + "highlight1" : "Video Applications", + "highlight2" : "Mobile Applications" + }, + + { "productId" : "12", + "name" : "Jane Proctor", + "description" : "I've been developing mobile companion apps for the past 3 years.", + "price" : 75, + "image" : "assets/pic/jproctor.jpg", + "experience" : 6, + "blazeds" : false, + "mobile" : true, + "video" : true, + "highlight1" : "Video Applications", + "highlight2" : "Mobile Applications" + }, + + { "productId" : "13", + "name" : "Mark Fields", + "description" : "Video is my favorite thing. Mobile is also a favorite.", + "price" : 60, + "image" : "assets/pic/mfields.jpg", + "experience" : 70, + "blazeds" : false, + "mobile" : true, + "video" : true, + "highlight1" : "Video Applications", + "highlight2" : "Mobile Applications" + }, + + { "productId" : "14", + "name" : "Patricia Dempsey", + "description" : "I've been cranking out mobile apps for the past 6 years. A few have involved video as well.", + "price" : 120, + "image" : "assets/pic/pdempsey.jpg", + "experience" : 7, + "blazeds" : false, + "mobile" : true, + "video" : true, + "highlight1" : "Video Applications", + "highlight2" : "Mobile Applications" + }, + + { "productId" : "15", + "name" : "Paul Trandep", + "description" : "I've been working on a mobile app that incorporates music. It just shipped so now I'm looking for the next fun thing to work on.'", + "price" : 50, + "image" : "assets/pic/ptranep.jpg", + "experience" : 6, + "blazeds" : false, + "mobile" : true, + "video" : true, + "highlight1" : "Video Applications", + "highlight2" : "Mobile Applications" + }, + + { "productId" : "16", + "name" : "Roscoe Crawley", + "description" : "My main specialty is in BlazeDS connected to Flex.", + "price" : 59, + "image" : "assets/pic/rcrawley.jpg", + "experience" : 9, + "blazeds" : true, + "mobile" : false, + "video" : false, + "highlight1" : "BlazeDS", + "highlight2" : "Remote Object" + }, + + { "productId" : "17", + "name" : "Renee Dreifus", + "description" : "I can do it all: BlazeDS, Mobile, Video.", + "price" : 79, + "image" : "assets/pic/rdreifus.jpg", + "experience" : 90, + "blazeds" : true, + "mobile" : true, + "video" : true, + "highlight1" : "Video Applications", + "highlight2" : "Mobile Applications" + }, + + { "productId" : "18", + "name" : "Tina Wong", + "description" : "I've been developing Flex apps since 1.5. Most of my recent work has been on mobile apps.", + "price" : 109, + "image" : "assets/pic/twong.jpg", + "experience" : 9, + "blazeds" : false, + "mobile" : true, + "video" : true, + "highlight1" : "Video Applications", + "highlight2" : "Mobile Applications" + +]; http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/data/catalog.xml ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/data/catalog.xml b/examples/flexjs/FlexJSStore_jquery/src/data/catalog.xml new file mode 100755 index 0000000..423e177 --- /dev/null +++ b/examples/flexjs/FlexJSStore_jquery/src/data/catalog.xml @@ -0,0 +1,256 @@ +<?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. + + --> +<catalog> + + <product productId="1"> + <name>Andrew Brilliam</name> + <description>15 years experience. 8 years with Flex. Specializing in Text Layout Framework</description> + <price>60.00</price> + <image>assets/pic/abrilliam.jpg</image> + <experience>15</experience> + <blazeds>false</blazeds> + <mobile>false</mobile> + <video>false</video> + <highlight1>Text Layout Framework</highlight1> + <highlight2>Parsley</highlight2> + </product> + + <product productId="2"> + <name>Annette Kotter</name> + <description>Specializing in custom components. PHP servers.</description> + <price>55</price> + <image>assets/pic/akotter.jpg</image> + <experience>3</experience> + <blazeds>true</blazeds> + <mobile>false</mobile> + <video>false</video> + <highlight1>Custom Components</highlight1> + <highlight2>PHP</highlight2> + </product> + + <product productId="3"> + <name>Ben Crater</name> + <description>Specializing in BlazeDS backends.</description> + <price>55</price> + <image>assets/pic/bcrater.jpg</image> + <experience>4</experience> + <blazeds>true</blazeds> + <mobile>false</mobile> + <video>false</video> + <highlight1>BlazeDS</highlight1> + <highlight2>Remote Object</highlight2> + </product> + + <product productId="4"> + <name>Beth Leporte</name> + <description>BlazeDS or PHP servers. Multimedia messagin.</description> + <price>70.00</price> + <image>assets/pic/bleporte.jpg</image> + <experience>6</experience> + <blazeds>true</blazeds> + <mobile>false</mobile> + <video>false</video> + <highlight1>Multimedia messaging</highlight1> + <highlight2>BlazeDS</highlight2> + </product> + + <product productId="5"> + <name>Brad Van Brocklin</name> + <description>Emphasis on mobile application development</description> + <price>80</price> + <image>assets/pic/bvanbrocklin.jpg</image> + <experience>6</experience> + <blazeds>false</blazeds> + <mobile>true</mobile> + <video>false</video> + <highlight1>Mobile</highlight1> + <highlight2>Android</highlight2> + </product> + + <product productId="6"> + <name>Carlos Carpenter</name> + <description>Built many mobile apps and video apps.</description> + <price>80</price> + <image>assets/pic/ccarpenter.jpg</image> + <experience>4</experience> + <blazeds>false</blazeds> + <mobile>true</mobile> + <video>true</video> + <highlight1>Mobile</highlight1> + <highlight2>Video</highlight2> + </product> + + <product productId="7"> + <name>Christine Lampberto</name> + <description>7 years experience building mobile applications.</description> + <price>90</price> + <image>assets/pic/clampberto.jpg</image> + <experience>7</experience> + <blazeds>true</blazeds> + <mobile>true</mobile> + <video>false</video> + <highlight1>BlazeDS</highlight1> + <highlight2>Mobile</highlight2> + </product> + + <product productId="8"> + <name>Dee Dee Avenon</name> + <description>I've been making video apps for over 5 years and mobile apps for about 3 years.</description> + <price>100</price> + <image>assets/pic/davenon.jpg</image> + <experience>10</experience> + <blazeds>false</blazeds> + <mobile>true</mobile> + <video>true</video> + <highlight1>Video Applications</highlight1> + <highlight2>Mobile Applications</highlight2> + </product> + + <product productId="9"> + <name>Denise McGoyal</name> + <description>Specializing in video sharing applicaions. MObile apps too.</description> + <price>100</price> + <image>assets/pic/dmcgoyal.jpg</image> + <experience>5</experience> + <blazeds>false</blazeds> + <mobile>true</mobile> + <video>true</video> + <highlight1>Video Applications</highlight1> + <highlight2>Mobile Applications</highlight2> + </product> + + <product productId="10"> + <name>Daniel Willhelm</name> + <description>I'm into mobile apps, video apps and social apps.</description> + <price>70</price> + <image>assets/pic/dwillhelm.jpg</image> + <experience>90</experience> + <blazeds>false</blazeds> + <mobile>true</mobile> + <video>true</video> + <highlight1>Video Applications</highlight1> + <highlight2>Mobile Applications</highlight2> + </product> + + <product productId="11"> + <name>Eunice Sunderland</name> + <description>My recent focus is on mobile apps, but I have considerable experience in video apps as well.</description> + <price>150</price> + <image>assets/pic/esunderland.jpg</image> + <experience>30</experience> + <blazeds>false</blazeds> + <mobile>true</mobile> + <video>true</video> + <highlight1>Video Applications</highlight1> + <highlight2>Mobile Applications</highlight2> + </product> + + <product productId="12"> + <name>Jane Proctor</name> + <description>I've been developing mobile companion apps for the past 3 years.</description> + <price>75</price> + <image>assets/pic/jproctor.jpg</image> + <experience>6</experience> + <blazeds>false</blazeds> + <mobile>true</mobile> + <video>true</video> + <highlight1>Video Applications</highlight1> + <highlight2>Mobile Applications</highlight2> + </product> + + <product productId="13"> + <name>Mark Fields</name> + <description>Video is my favorite thing. Mobile is also a favorite.</description> + <price>60</price> + <image>assets/pic/mfields.jpg</image> + <experience>70</experience> + <blazeds>false</blazeds> + <mobile>true</mobile> + <video>true</video> + <highlight1>Video Applications</highlight1> + <highlight2>Mobile Applications</highlight2> + </product> + + <product productId="14"> + <name>Patricia Dempsey</name> + <description>I've been cranking out mobile apps for the past 6 years. A few have involved video as well.</description> + <price>120</price> + <image>assets/pic/pdempsey.jpg</image> + <experience>7</experience> + <blazeds>false</blazeds> + <mobile>true</mobile> + <video>true</video> + <highlight1>Video Applications</highlight1> + <highlight2>Mobile Applications</highlight2> + </product> + + <product productId="15"> + <name>Paul Trandep</name> + <description>I've been working on a mobile app that incorporates music. It just shipped so now I'm looking for the next fun thing to work on.'</description> + <price>50</price> + <image>assets/pic/ptranep.jpg</image> + <experience>6</experience> + <blazeds>false</blazeds> + <mobile>true</mobile> + <video>true</video> + <highlight1>Video Applications</highlight1> + <highlight2>Mobile Applications</highlight2> + </product> + + <product productId="16"> + <name>Roscoe Crawley</name> + <description>My main specialty is in BlazeDS connected to Flex.</description> + <price>59</price> + <image>assets/pic/rcrawley.jpg</image> + <experience>9</experience> + <blazeds>true</blazeds> + <mobile>false</mobile> + <video>false</video> + <highlight1>BlazeDS</highlight1> + <highlight2>Remote Object</highlight2> + </product> + + <product productId="17"> + <name>Renee Dreifus</name> + <description>I can do it all: BlazeDS, Mobile, Video.</description> + <price>79</price> + <image>assets/pic/rdreifus.jpg</image> + <experience>90</experience> + <blazeds>true</blazeds> + <mobile>true</mobile> + <video>true</video> + <highlight1>Video Applications</highlight1> + <highlight2>Mobile Applications</highlight2> + </product> + + <product productId="18"> + <name>Tina Wong</name> + <description>I've been developing Flex apps since 1.5. Most of my recent work has been on mobile apps.</description> + <price>109</price> + <image>assets/pic/twong.jpg</image> + <experience>9</experience> + <blazeds>false</blazeds> + <mobile>true</mobile> + <video>true</video> + <highlight1>Video Applications</highlight1> + <highlight2>Mobile Applications</highlight2> + </product> + +</catalog> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/main.css ---------------------------------------------------------------------- diff --git a/examples/flexjs/FlexJSStore_jquery/src/main.css b/examples/flexjs/FlexJSStore_jquery/src/main.css new file mode 100755 index 0000000..0787a24 --- /dev/null +++ b/examples/flexjs/FlexJSStore_jquery/src/main.css @@ -0,0 +1,100 @@ +/* +//////////////////////////////////////////////////////////////////////////////// +// +// 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. +// +//////////////////////////////////////////////////////////////////////////////// +*/ + +@namespace basic "library://ns.apache.org/flexjs/basic"; + +/* +//---------------------------- +// Global styles +//---------------------------- +*/ +.global { + IStatesImpl: ClassReference("org.apache.flex.core.StatesWithTransitionsImpl"); + color: #170505; + fillAlphas: 1.00, 1.00; /* last pair are for OVER state */ + fillColors: #FFFFFF, #DDDDDD, #FFFFFF, #EEEEEE; +} + +global { + IStatesImpl: ClassReference("org.apache.flex.core.StatesWithTransitionsImpl"); +} + +/* +//---------------------------- +// Type selectors +//---------------------------- + +HRule +{ + color: #666666; +} +*/ + +/* +//---------------------------- +// Named styles +//---------------------------- +*/ +.glass { + borderColor: #767473; + fillAlphas: .60, .60, .60, .60; + fillColors: #888888, #F3F3F3, #9E9E9E, #FCFCFC; + highlightAlphas: .07, .45; +} + +.glassSlider +{ + fillAlphas: .80, .80, .80, .80; + fillColors: #F3F3F3, #BBBBBB, #FCFCFC, #CCCCCC; +} + +.listItem +{ + paddingLeft: 4; + paddingRight: 4; + horizontalGap: 5; + verticalAlign: "middle"; + backgroundColor: #FFFFFF; + backgroundAlpha: .5; + borderStyle: "outset"; +} + +basic|Container +{ + IBeadLayout: ClassReference("org.apache.flex.html.beads.layouts.BasicLayout"); +} + +.sectionHeader +{ + fontWeight: "bold"; + fontSize: 11; +} + +.homeSection +{ + cornerRadius: 4; + borderStyle: "solid"; +} + +.hoverButton +{ + height: 20px; +}
