You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by ca...@apache.org on 2016/11/10 09:23:20 UTC
[13/53] git commit: [flex-asjs] [refs/heads/feature/mdl] - -
Refactored the directory structure of the example projects to be maven-style
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/data/catalog.json
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/data/catalog.json b/examples/flexjs/FlexJSStore/src/data/catalog.json
deleted file mode 100755
index 89bdd43..0000000
--- a/examples/flexjs/FlexJSStore/src/data/catalog.json
+++ /dev/null
@@ -1,236 +0,0 @@
-{ 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/e75059f7/examples/flexjs/FlexJSStore/src/data/catalog.xml
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/data/catalog.xml b/examples/flexjs/FlexJSStore/src/data/catalog.xml
deleted file mode 100755
index 423e177..0000000
--- a/examples/flexjs/FlexJSStore/src/data/catalog.xml
+++ /dev/null
@@ -1,256 +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.
-
- -->
-<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/e75059f7/examples/flexjs/FlexJSStore/src/main.css
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main.css b/examples/flexjs/FlexJSStore/src/main.css
deleted file mode 100755
index 0787a24..0000000
--- a/examples/flexjs/FlexJSStore/src/main.css
+++ /dev/null
@@ -1,100 +0,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.
-//
-////////////////////////////////////////////////////////////////////////////////
-*/
-
-@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;
-}
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/FlexJSStore.mxml
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/FlexJSStore.mxml b/examples/flexjs/FlexJSStore/src/main/flex/FlexJSStore.mxml
new file mode 100755
index 0000000..8f4ade3
--- /dev/null
+++ b/examples/flexjs/FlexJSStore/src/main/flex/FlexJSStore.mxml
@@ -0,0 +1,268 @@
+<?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.
+
+-->
+<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:js="library://ns.apache.org/flexjs/basic"
+ 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" complete="if (pView) pView.catalog = catalog">
+ <js:inputParser>
+ <js:JSONInputParser />
+ </js:inputParser>
+ <js:itemConverter>
+ <ProductJSONItemConverter />
+ </js:itemConverter>
+ </js:LazyCollection>
+ </js:HTTPService>
+ </fx:Declarations>
+ <js:valuesImpl>
+ <js:SimpleCSSValuesImpl />
+ </js:valuesImpl>
+ <js:beads>
+ <js:ViewSourceContextMenuOption />
+ <js:CallLaterBead id="callLater" />
+ <js:ApplicationDataBinding />
+ </js:beads>
+ <js:initialView>
+ <js:View width="990" height="585"
+ 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:beads>
+ <js:Image id="image" />
+ <!-- click="toggleTheme()" -->
+ <!-- toolTip="Change Theme"/ -->
+ <js:ToggleTextButton id="homeButton"
+ text="Home"
+ height="100%"
+ selected="true"
+ className="storeButtonBar"
+ click="headHome()" />
+ <js:ToggleTextButton id="productsButton"
+ text="Products"
+ height="100%"
+ className="storeButtonBar"
+ click="headToProducts()"/>
+ <js:ToggleTextButton id="supportButton"
+ text="Support"
+ height="100%"
+ className="storeButtonBar"
+ click="headToSupport()"/>
+ </js:ControlBar>
+ <js:Container width="990" id="viewholder">
+ <js:style>
+ <js:SimpleCSSStyles paddingLeft="0" paddingRight="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="if (catalog.length) pView.catalog = catalog"
+ />
+ <SupportView id="supportView" includeIn="Support"
+ width="100%" height="550"
+ />
+ </js:Container>
+ </js:View>
+ </js:initialView>
+</js:Application>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/HomeView.mxml
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/HomeView.mxml b/examples/flexjs/FlexJSStore/src/main/flex/HomeView.mxml
new file mode 100755
index 0000000..6e237d2
--- /dev/null
+++ b/examples/flexjs/FlexJSStore/src/main/flex/HomeView.mxml
@@ -0,0 +1,194 @@
+<?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="*" 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" />
+ <js: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 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%"/>
+
+ <js:CheckBox text="Remember my phone number" selected="true"/>
+ <js:Spacer height="8" width="100%"/>
+
+ <js: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="margin:auto;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:Container width="100%">
+ <js:Image id="image1" source="assets/akotter.jpg" style="margin:auto;verticalCenter:0"/>
+ </js:Container>
+
+ <js:Container width="100%">
+ <js:Label text="Annette Kotter" id="feat_prod_1" style="margin:auto;fontWeight:'bold';fontSize:12"/>
+ </js:Container>
+
+ </js:VContainer>
+
+ <js:VContainer width="33%" height="100%">
+ <js:Container width="100%">
+ <js:Image id="image2" style="margin:auto;verticalCenter:0" source="assets/bcrater.jpg"/>
+ </js:Container>
+
+ <js:Container width="100%">
+ <js:Label text="Ben Crater" id="feat_prod_2" style="margin:auto;fontWeight:'bold';fontSize:12"/>
+ </js:Container>
+
+ </js:VContainer>
+
+ <js:VContainer width="33%" height="100%">
+ <js:Container width="100%">
+ <js:Image id="image3" style="margin:auto;verticalCenter:0" source="assets/jproctor.jpg"/>
+ </js:Container>
+
+ <js:Container width="100%">
+ <js:Label text="Jane Proctor" id="feat_prod_3" style="margin:auto;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/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/ProductJSONItemConverter.as
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/ProductJSONItemConverter.as b/examples/flexjs/FlexJSStore/src/main/flex/ProductJSONItemConverter.as
new file mode 100755
index 0000000..cb27bde
--- /dev/null
+++ b/examples/flexjs/FlexJSStore/src/main/flex/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/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/ProductsView.mxml
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/ProductsView.mxml b/examples/flexjs/FlexJSStore/src/main/flex/ProductsView.mxml
new file mode 100755
index 0000000..579de46
--- /dev/null
+++ b/examples/flexjs/FlexJSStore/src/main/flex/ProductsView.mxml
@@ -0,0 +1,121 @@
+<?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%"
+ >
+ <js:beads>
+ <js:OneFlexibleChildHorizontalLayout flexibleChild="spacer" />
+ </js:beads>
+ <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"/>
+
+ <js:Spacer id="spacer" />
+
+ <productsView:ProductCart id="cartPanel" width="265" height="100%" />
+
+ <productsView:Grip id="cartGrip" gripIcon="assets/icon_cart_empty.png"
+ gripTip="Show cart" click="currentState = 'showCart'" />
+
+ </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/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/SupportView.mxml
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/SupportView.mxml b/examples/flexjs/FlexJSStore/src/main/flex/SupportView.mxml
new file mode 100755
index 0000000..3d30a9d
--- /dev/null
+++ b/examples/flexjs/FlexJSStore/src/main/flex/SupportView.mxml
@@ -0,0 +1,149 @@
+<?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="420">
+
+ <js:Label y="10" text="Check Location" className="sectionHeader" x="20"/>
+
+ <js:Container height="150" y="64" style="margin:auto">
+ <js:beads>
+ <js:VerticalColumnLayout numColumns="2" />
+ </js:beads>
+ <js:Label text="Address:"/>
+ <js:TextInput id="address"/>
+
+ <js:Label text="City:" style="marginTop:20"/>
+ <js:TextInput id="city" style="marginTop:20"/>
+
+ <js:Label text="State:" style="marginTop:20"/>
+ <js:DropDownList id="state" style="marginTop:20">
+ <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:" style="marginTop:20"/>
+ <js:TextInput id="zip" style="marginTop:20"/>
+
+ </js:Container>
+
+ <js:Label y="38" text="Option1: Enter Address" style="margin:auto" className="instructions"/>
+
+ <js:TextButton y="297" text="Locate" click="SimpleAlert.show('This feature is not implemented in this sample', 'Locate')"
+ style="margin:auto"/>
+
+ <js:HContainer y="327" height="20" >
+ <js:style>
+ <js:SimpleCSSStyles margin="auto" verticalAlign="middle" />
+ </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="margin:auto" className="instructions"/>
+
+ <js:Image y="380" style="margin:auto" source="assets/support_mapmarker_plus.png"/>
+
+ <js:HRule y="415" style="margin:auto" width="200" alpha="0.6"/>
+
+ </js:Container>
+
+ <js:Container width="100%" height="130">
+ <js:VContainer width="80%" height="90%" >
+ <js:style>
+ <js:SimpleCSSStyles margin="auto" 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%">
+ <fx:Script>
+ <![CDATA[
+ import samples.flexstore.Product;
+ [Bindable("__NoChangeEvent__")]
+ private function get product():Product
+ {
+ return data as Product;
+ }
+ ]]>
+ </fx:Script>
+ <js:Image width="21" height="25" source="{product.image}" />
+ <js:Label width="100%" text="{product.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/427px-Bayarea_map.png">
+ <js:style>
+ <js:SimpleCSSStyles left="12" top="12"/>
+ </js:style>
+ </js:Image>
+ </js:Container>
+
+ </js:HContainer>
+
+</js:Container>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/427px-Bayarea_map.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/427px-Bayarea_map.png b/examples/flexjs/FlexJSStore/src/main/flex/assets/427px-Bayarea_map.png
new file mode 100644
index 0000000..a183699
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/427px-Bayarea_map.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/akotter.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/akotter.jpg b/examples/flexjs/FlexJSStore/src/main/flex/assets/akotter.jpg
new file mode 100755
index 0000000..1124b71
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/akotter.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/bcrater.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/bcrater.jpg b/examples/flexjs/FlexJSStore/src/main/flex/assets/bcrater.jpg
new file mode 100755
index 0000000..fd15d59
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/bcrater.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/beige_background.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/beige_background.jpg b/examples/flexjs/FlexJSStore/src/main/flex/assets/beige_background.jpg
new file mode 100755
index 0000000..8f034ba
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/beige_background.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/beige_dotted_map.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/beige_dotted_map.png b/examples/flexjs/FlexJSStore/src/main/flex/assets/beige_dotted_map.png
new file mode 100755
index 0000000..e88d9ef
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/beige_dotted_map.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/blue_background.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/blue_background.jpg b/examples/flexjs/FlexJSStore/src/main/flex/assets/blue_background.jpg
new file mode 100755
index 0000000..361ce0e
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/blue_background.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/blue_dotted_map.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/blue_dotted_map.png b/examples/flexjs/FlexJSStore/src/main/flex/assets/blue_dotted_map.png
new file mode 100755
index 0000000..5fa6714
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/blue_dotted_map.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/button_cart_empty.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/button_cart_empty.png b/examples/flexjs/FlexJSStore/src/main/flex/assets/button_cart_empty.png
new file mode 100644
index 0000000..0e1a2b5
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/button_cart_empty.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/button_cart_full.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/button_cart_full.png b/examples/flexjs/FlexJSStore/src/main/flex/assets/button_cart_full.png
new file mode 100644
index 0000000..9c9eea0
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/button_cart_full.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/button_compare.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/button_compare.png b/examples/flexjs/FlexJSStore/src/main/flex/assets/button_compare.png
new file mode 100644
index 0000000..c2ac969
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/button_compare.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/button_details.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/button_details.png b/examples/flexjs/FlexJSStore/src/main/flex/assets/button_details.png
new file mode 100644
index 0000000..3e6238c
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/button_details.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/button_tiles.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/button_tiles.png b/examples/flexjs/FlexJSStore/src/main/flex/assets/button_tiles.png
new file mode 100644
index 0000000..4266a22
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/button_tiles.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/grip.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/grip.png b/examples/flexjs/FlexJSStore/src/main/flex/assets/grip.png
new file mode 100755
index 0000000..64ee835
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/grip.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/icon_cart_empty.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/icon_cart_empty.png b/examples/flexjs/FlexJSStore/src/main/flex/assets/icon_cart_empty.png
new file mode 100644
index 0000000..562064b
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/icon_cart_empty.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/icon_compare.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/icon_compare.png b/examples/flexjs/FlexJSStore/src/main/flex/assets/icon_compare.png
new file mode 100644
index 0000000..efc3ea1
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/icon_compare.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/icon_magnifier.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/icon_magnifier.png b/examples/flexjs/FlexJSStore/src/main/flex/assets/icon_magnifier.png
new file mode 100755
index 0000000..939f814
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/icon_magnifier.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/icon_tiles.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/icon_tiles.png b/examples/flexjs/FlexJSStore/src/main/flex/assets/icon_tiles.png
new file mode 100644
index 0000000..dbf75b6
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/icon_tiles.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/jproctor.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/jproctor.jpg b/examples/flexjs/FlexJSStore/src/main/flex/assets/jproctor.jpg
new file mode 100755
index 0000000..1111787
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/jproctor.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/logo_blue.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/logo_blue.png b/examples/flexjs/FlexJSStore/src/main/flex/assets/logo_blue.png
new file mode 100755
index 0000000..85bad70
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/logo_blue.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/logo_orange.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/logo_orange.png b/examples/flexjs/FlexJSStore/src/main/flex/assets/logo_orange.png
new file mode 100755
index 0000000..0ce7dc4
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/logo_orange.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/abrilliam.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/abrilliam.jpg b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/abrilliam.jpg
new file mode 100755
index 0000000..6954858
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/abrilliam.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/akotter.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/akotter.jpg b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/akotter.jpg
new file mode 100755
index 0000000..1124b71
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/akotter.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/bcrater.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/bcrater.jpg b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/bcrater.jpg
new file mode 100755
index 0000000..fd15d59
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/bcrater.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/bleporte.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/bleporte.jpg b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/bleporte.jpg
new file mode 100755
index 0000000..c4769e8
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/bleporte.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/bvanbrocklin.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/bvanbrocklin.jpg b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/bvanbrocklin.jpg
new file mode 100755
index 0000000..489fa2e
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/bvanbrocklin.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/ccarpenter.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/ccarpenter.jpg b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/ccarpenter.jpg
new file mode 100755
index 0000000..c1dc3d8
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/ccarpenter.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/clampberto.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/clampberto.jpg b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/clampberto.jpg
new file mode 100755
index 0000000..9deacd2
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/clampberto.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/davenon.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/davenon.jpg b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/davenon.jpg
new file mode 100755
index 0000000..6a2a142
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/davenon.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/dmcgoyal.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/dmcgoyal.jpg b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/dmcgoyal.jpg
new file mode 100755
index 0000000..1124b71
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/dmcgoyal.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/dwillhelm.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/dwillhelm.jpg b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/dwillhelm.jpg
new file mode 100755
index 0000000..fd15d59
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/dwillhelm.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/esunderland.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/esunderland.jpg b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/esunderland.jpg
new file mode 100755
index 0000000..c4769e8
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/esunderland.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/jproctor.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/jproctor.jpg b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/jproctor.jpg
new file mode 100755
index 0000000..1111787
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/jproctor.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/mfields.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/mfields.jpg b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/mfields.jpg
new file mode 100755
index 0000000..489fa2e
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/mfields.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/pdempsey.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/pdempsey.jpg b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/pdempsey.jpg
new file mode 100755
index 0000000..9deacd2
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/pdempsey.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/ptranep.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/ptranep.jpg b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/ptranep.jpg
new file mode 100755
index 0000000..4b9a03b
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/ptranep.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/rcrawley.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/rcrawley.jpg b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/rcrawley.jpg
new file mode 100755
index 0000000..9b60320
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/rcrawley.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/rdreifus.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/rdreifus.jpg b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/rdreifus.jpg
new file mode 100755
index 0000000..6a2a142
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/rdreifus.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/twong.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/twong.jpg b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/twong.jpg
new file mode 100755
index 0000000..1124b71
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/pic/twong.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/support_mapmarker_a.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/support_mapmarker_a.png b/examples/flexjs/FlexJSStore/src/main/flex/assets/support_mapmarker_a.png
new file mode 100755
index 0000000..20c21e1
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/support_mapmarker_a.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/support_mapmarker_b.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/support_mapmarker_b.png b/examples/flexjs/FlexJSStore/src/main/flex/assets/support_mapmarker_b.png
new file mode 100755
index 0000000..069ccd8
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/support_mapmarker_b.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/support_mapmarker_c.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/support_mapmarker_c.png b/examples/flexjs/FlexJSStore/src/main/flex/assets/support_mapmarker_c.png
new file mode 100755
index 0000000..f6b587e
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/support_mapmarker_c.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/support_mapmarker_plus.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/support_mapmarker_plus.png b/examples/flexjs/FlexJSStore/src/main/flex/assets/support_mapmarker_plus.png
new file mode 100755
index 0000000..4192088
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/support_mapmarker_plus.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/assets/trashcan.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/assets/trashcan.png b/examples/flexjs/FlexJSStore/src/main/flex/assets/trashcan.png
new file mode 100644
index 0000000..483a37c
Binary files /dev/null and b/examples/flexjs/FlexJSStore/src/main/flex/assets/trashcan.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/beige.css
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/beige.css b/examples/flexjs/FlexJSStore/src/main/flex/beige.css
new file mode 100755
index 0000000..ce8f5ae
--- /dev/null
+++ b/examples/flexjs/FlexJSStore/src/main/flex/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/e75059f7/examples/flexjs/FlexJSStore/src/main/flex/blue.css
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore/src/main/flex/blue.css b/examples/flexjs/FlexJSStore/src/main/flex/blue.css
new file mode 100755
index 0000000..5f8629b
--- /dev/null
+++ b/examples/flexjs/FlexJSStore/src/main/flex/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;
+}
+