You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by ah...@apache.org on 2015/04/16 16:34:13 UTC
[3/9] git commit: [flex-asjs] [refs/heads/develop] - change 'basic'
prefix to 'js'
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore_jquery/src/SupportView.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/SupportView.mxml b/examples/FlexJSStore_jquery/src/SupportView.mxml
index 0410e1b..f89c412 100755
--- a/examples/FlexJSStore_jquery/src/SupportView.mxml
+++ b/examples/FlexJSStore_jquery/src/SupportView.mxml
@@ -29,8 +29,8 @@ We did not have sizing issues here as much so you'll see more hardcoded
The width and height are hard-coded in the root tag to help the Design view.
-->
-<basic:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:js="library://ns.apache.org/flexjs/basic"
xmlns:mx="library://ns.adobe.com/flex/mx" xmlns="*" alpha="1.0"
width="990" height="550">
@@ -49,91 +49,91 @@ The width and height are hard-coded in the root tag to help the Design view.
</fx:Declarations>
- <basic:HContainer x="0" y="0" width="100%" height="100%" className="colorPanel">
+ <js:HContainer x="0" y="0" width="100%" height="100%" className="colorPanel">
- <basic:VContainer width="32%" height="100%">
- <basic:Container width="100%" height="60%">
+ <js:VContainer width="32%" height="100%">
+ <js:Container width="100%" height="60%">
- <basic:Label y="10" text="Check Location" className="sectionHeader" x="20"/>
+ <js:Label y="10" text="Check Location" className="sectionHeader" x="20"/>
- <basic:Container width="95%" height="150" y="64" style="horizontalCenter:0">
- <basic:beads>
- <basic:VerticalColumnLayout numColumns="2" />
- </basic:beads>
- <basic:Label text="Address:" width="100%"/>
- <basic:TextInput id="address" width="90%"/>
+ <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%"/>
- <basic:Label text="City:" width="100%"/>
- <basic:TextInput id="city" width="60%"/>
+ <js:Label text="City:" width="100%"/>
+ <js:TextInput id="city" width="60%"/>
- <basic:Label text="State:" width="100%"/>
- <basic:DropDownList id="state" width="50%">
- <basic:dataProvider>
+ <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>
- </basic:dataProvider>
- </basic:DropDownList>
+ </js:dataProvider>
+ </js:DropDownList>
- <basic:Label text="ZIP Code:" width="100%" />
- <basic:TextInput id="zip" width="30%"/>
+ <js:Label text="ZIP Code:" width="100%" />
+ <js:TextInput id="zip" width="30%"/>
- </basic:Container>
+ </js:Container>
- <basic:Label y="38" text="Option1: Enter Address" style="horizontalCenter:0" className="instructions"/>
+ <js:Label y="38" text="Option1: Enter Address" style="horizontalCenter:0" className="instructions"/>
- <basic:TextButton y="297" text="Locate" click="SimpleAlert.show('This feature is not implemented in this sample', 'Locate')"
+ <js:TextButton y="297" text="Locate" click="SimpleAlert.show('This feature is not implemented in this sample', 'Locate')"
style="horizontalCenter:0"/>
- <basic:HContainer y="327" width="80%" height="20" >
- <basic:style>
- <basic:SimpleCSSStyles horizontalAlign="center" verticalAlign="middle" horizontalCenter="0" />
- </basic:style>
- <basic:HRule width="60" />
- <basic:Label text="OR"/>
- <basic:HRule width="60" />
- </basic:HContainer>
+ <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>
- <basic:Label y="355" text="Option 2: Drag this marker into the map" style="horizontalCenter:0" className="instructions"/>
+ <js:Label y="355" text="Option 2: Drag this marker into the map" style="horizontalCenter:0" className="instructions"/>
- <basic:Image y="380" style="horizontalCenter:0" source="assets/support_mapmarker_plus.png"/>
+ <js:Image y="380" style="horizontalCenter:0" source="assets/support_mapmarker_plus.png"/>
- <basic:HRule y="415" style="horizontalCenter:0" width="200" alpha="0.6"/>
+ <js:HRule y="415" style="horizontalCenter:0" width="200" alpha="0.6"/>
- </basic:Container>
+ </js:Container>
- <basic:Container width="100%" height="40%">
- <basic:VContainer width="80%" height="90%" >
- <basic:style>
- <basic:SimpleCSSStyles horizontalCenter="0" top="0"/>
- </basic:style>
- <basic:Label text="Location" className="instructions"/>
- <basic:List width="100%" dataProvider="{locations}">
- <basic:itemRenderer>
+ <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>
- <basic:DataItemRenderer className="listItem" width="100%">
- <basic:Image width="21" height="25" source="{data.image}" />
- <basic:Label width="100%" text="{data.name}" />
- </basic:DataItemRenderer>
+ <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>
- </basic:itemRenderer>
- </basic:List>
- </basic:VContainer>
- </basic:Container>
+ </js:itemRenderer>
+ </js:List>
+ </js:VContainer>
+ </js:Container>
- </basic:VContainer>
+ </js:VContainer>
- <basic:Container width="68%" height="100%">
- <basic:Image source="assets/support_map.png">
- <basic:style>
- <basic:SimpleCSSStyles left="2" right="2" top="2" bottom="2"/>
- </basic:style>
- </basic:Image>
- </basic:Container>
+ <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>
- </basic:HContainer>
+ </js:HContainer>
-</basic:Container>
+</js:Container>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore_jquery/src/productsView/CatalogTitleButtons.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/productsView/CatalogTitleButtons.mxml b/examples/FlexJSStore_jquery/src/productsView/CatalogTitleButtons.mxml
index d2cca30..1d2ae72 100755
--- a/examples/FlexJSStore_jquery/src/productsView/CatalogTitleButtons.mxml
+++ b/examples/FlexJSStore_jquery/src/productsView/CatalogTitleButtons.mxml
@@ -17,19 +17,19 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<basic:HContainer xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:HContainer xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:js="library://ns.apache.org/flexjs/basic"
xmlns:mx="library://ns.adobe.com/flex/mx"
currentState="showFilter">
- <basic:style>
- <basic:SimpleCSSStyles verticalAlign="middle"
+ <js:style>
+ <js:SimpleCSSStyles verticalAlign="middle"
paddingTop="0"
paddingBottom="0" />
- </basic:style>
- <basic:beads>
- <basic:ParentDocumentBead id="pdb" />
- <basic:ContainerDataBinding />
- </basic:beads>
+ </js:style>
+ <js:beads>
+ <js:ParentDocumentBead id="pdb" />
+ <js:ContainerDataBinding />
+ </js:beads>
<fx:Script>
<![CDATA[
[Bindable]
@@ -51,20 +51,20 @@ limitations under the License.
<fx:Binding source="ProductsView(ProductCatalogPanel(pdb.parentDocument).pdb.parentDocument).currentState" destination="currentState" />
<fx:Binding destination="ProductsView(ProductCatalogPanel(pdb.parentDocument).pdb.parentDocument).currentState" source="currentState" />
- <basic:Label id="findPhones" text="Find Developers" click="currentState = 'showFilter'"
+ <js:Label id="findPhones" text="Find Developers" click="currentState = 'showFilter'"
className.showFilter="catalogTitleButtonSelected"
className.showCart="catalogTitleButtonDeselected"
rollOver.showCart="rollOverLabel(event)"
rollOut.showCart="rollOutLabel(event)"/>
- <basic:HRule height="{findPhones.height * .75}" alpha=".75" style="color:#333333" />
- <basic:Label id="viewCart" text="View Cart ({cartCount} items)" click="currentState = 'showCart'"
+ <js:HRule height="{findPhones.height * .75}" alpha=".75" style="color:#333333" />
+ <js:Label id="viewCart" text="View Cart ({cartCount} items)" click="currentState = 'showCart'"
className.showFilter="catalogTitleButtonDeselected"
className.showCart="catalogTitleButtonSelected"
rollOver.showFilter="rollOverLabel(event)"
rollOut.showFilter="rollOutLabel(event)"/>
- <basic:states>
+ <js:states>
<mx:State name="showFilter" />
<mx:State name="showCart" />
- </basic:states>
-</basic:HContainer>
+ </js:states>
+</js:HContainer>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore_jquery/src/productsView/Grip.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/productsView/Grip.mxml b/examples/FlexJSStore_jquery/src/productsView/Grip.mxml
index 127c764..c826568 100755
--- a/examples/FlexJSStore_jquery/src/productsView/Grip.mxml
+++ b/examples/FlexJSStore_jquery/src/productsView/Grip.mxml
@@ -17,12 +17,12 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<basic:VContainer xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:VContainer xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:js="library://ns.apache.org/flexjs/basic"
xmlns:mx="library://ns.adobe.com/flex/mx" width="17" height="100%" >
- <basic:style>
- <basic:SimpleCSSStyles paddingTop="10" horizontalAlign="center" />
- </basic:style>
+ <js:style>
+ <js:SimpleCSSStyles paddingTop="10" horizontalAlign="center" />
+ </js:style>
<fx:Script>
<![CDATA[
@@ -33,17 +33,17 @@ limitations under the License.
public var gripIcon:String;
]]>
</fx:Script>
- <basic:beads>
- <basic:ContainerDataBinding />
- <basic:LayoutChangeNotifier watchedProperty="{icon.height}" initialValue="0" />
- <basic:LayoutChangeNotifier watchedProperty="{grip.height}" initialValue="0" />
- </basic:beads>
+ <js:beads>
+ <js:ContainerDataBinding />
+ <js:LayoutChangeNotifier watchedProperty="{icon.height}" initialValue="0" />
+ <js:LayoutChangeNotifier watchedProperty="{grip.height}" initialValue="0" />
+ </js:beads>
- <basic:Image id="icon" source="{gripIcon}" />
- <basic:Image id="grip" source="assets/grip.png" >
- <basic:beads>
- <basic:ToolTipBead toolTip="{gripTip}" />
- </basic:beads>
- </basic:Image>
+ <js:Image id="icon" source="{gripIcon}" />
+ <js:Image id="grip" source="assets/grip.png" >
+ <js:beads>
+ <js:ToolTipBead toolTip="{gripTip}" />
+ </js:beads>
+ </js:Image>
-</basic:VContainer>
+</js:VContainer>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore_jquery/src/productsView/ProductCart.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/productsView/ProductCart.mxml b/examples/FlexJSStore_jquery/src/productsView/ProductCart.mxml
index 40555d9..86b90a2 100755
--- a/examples/FlexJSStore_jquery/src/productsView/ProductCart.mxml
+++ b/examples/FlexJSStore_jquery/src/productsView/ProductCart.mxml
@@ -17,22 +17,22 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<basic:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:js="library://ns.apache.org/flexjs/basic"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:productsView="productsView.*"
>
- <basic:style>
- <basic:SimpleCSSStyles horizontalAlign="right"
+ <js:style>
+ <js:SimpleCSSStyles horizontalAlign="right"
paddingTop="8"
paddingBottom="8"
paddingRight="4"
paddingLeft="4" />
- </basic:style>
- <basic:beads>
- <basic:ContainerDataBinding />
- <basic:OneFlexibleChildVerticalLayout id="flexLayout" flexibleChild="{productList}" />
- </basic:beads>
+ </js:style>
+ <js:beads>
+ <js:ContainerDataBinding />
+ <js:OneFlexibleChildVerticalLayout id="flexLayout" flexibleChild="{productList}" />
+ </js:beads>
<fx:Script>
<![CDATA[
@@ -84,10 +84,10 @@ limitations under the License.
]]>
</fx:Script>
<fx:Declarations>
- <basic:CurrencyFormatter currencySymbol="$" id="cf" fractionalDigits="2"/>
+ <js:CurrencyFormatter currencySymbol="$" id="cf" fractionalDigits="2"/>
</fx:Declarations>
- <basic:Label width="100%" text="Your Shopping Cart" className="sectionHeader"/>
+ <js:Label width="100%" text="Your Shopping Cart" className="sectionHeader"/>
<productsView:ProductList id="productList" width="100%"
newItemStartX="-100" newItemStartY="-100"
@@ -97,21 +97,21 @@ limitations under the License.
removeProduct="productListEventHandler(event)"
showQuantity="true" />
- <basic:Container style="paddingRight:0" width="100%">
- <basic:beads>
- <basic:VerticalColumnLayout numColumns="2" />
- </basic:beads>
- <basic:Label text="Total:" width="100%" />
- <basic:Label width="70" text="{cf.format(total)}" id="lblTotal" style="textAlign:'right'"/>
+ <js:Container style="paddingRight:0" width="100%">
+ <js:beads>
+ <js:VerticalColumnLayout numColumns="2" />
+ </js:beads>
+ <js:Label text="Total:" width="100%" />
+ <js:Label width="70" text="{cf.format(total)}" id="lblTotal" style="textAlign:'right'"/>
- <basic:Label text="Service Fee:" width="100%" />
- <basic:Label width="70" text="{cf.format(numProducts * SHIPPING)}" id="lblFee" style="textAlign:'right'"/>
+ <js:Label text="Service Fee:" width="100%" />
+ <js:Label width="70" text="{cf.format(numProducts * SHIPPING)}" id="lblFee" style="textAlign:'right'"/>
- <basic:Label text="Grand Total:" style="fontWeight:'bold'" width="100%" />
- <basic:Label width="70" text="{cf.format(total + (numProducts * SHIPPING))}" id="lblGrandTotal" style="textAlign:'right'"/>
+ <js:Label text="Grand Total:" style="fontWeight:'bold'" width="100%" />
+ <js:Label width="70" text="{cf.format(total + (numProducts * SHIPPING))}" id="lblGrandTotal" style="textAlign:'right'"/>
- </basic:Container>
+ </js:Container>
- <basic:TextButton text="Submit Order" click="SimpleAlert.show('This feature is not implemented in this sample', 'Submit Order')"/>
+ <js:TextButton text="Submit Order" click="SimpleAlert.show('This feature is not implemented in this sample', 'Submit Order')"/>
-</basic:Container>
+</js:Container>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore_jquery/src/productsView/ProductCatalogPanel.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/productsView/ProductCatalogPanel.mxml b/examples/FlexJSStore_jquery/src/productsView/ProductCatalogPanel.mxml
index e944e9b..4d10bbd 100755
--- a/examples/FlexJSStore_jquery/src/productsView/ProductCatalogPanel.mxml
+++ b/examples/FlexJSStore_jquery/src/productsView/ProductCatalogPanel.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<basic:Panel xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:Panel xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:js="library://ns.apache.org/flexjs/basic"
xmlns:mx="library://ns.adobe.com/flex/mx"
implements="org.apache.flex.core.IDragInitiator"
xmlns:productsView="productsView.*"
@@ -503,32 +503,32 @@ limitations under the License.
]]>
</fx:Script>
- <basic:beads>
- <basic:ContainerDataBinding />
- <basic:NonVirtualVerticalLayout />
- <basic:DragMouseController id="dragger" />
- <basic:ParentDocumentBead id="pdb" />
- <basic:PanelView>
- <basic:titleBar>
- <basic:TitleBar>
- <basic:style>
- <basic:SimpleCSSStyles backgroundColor="0xA65904" />
- </basic:style>
- <basic:beads>
+ <js:beads>
+ <js:ContainerDataBinding />
+ <js:NonVirtualVerticalLayout />
+ <js:DragMouseController id="dragger" />
+ <js:ParentDocumentBead id="pdb" />
+ <js:PanelView>
+ <js:titleBar>
+ <js:TitleBar>
+ <js:style>
+ <js:SimpleCSSStyles backgroundColor="0xA65904" />
+ </js:style>
+ <js:beads>
<productsView:ProductCatalogPanelTitleBarView />
- </basic:beads>
- </basic:TitleBar>
- </basic:titleBar>
- </basic:PanelView>
- </basic:beads>
- <basic:Container width="100%" height="100%">
- <basic:Container id="thumbContentGroup" width="100%" height="100%">
- <basic:beads>
- <basic:ScrollingContainerView id="scv" />
- <basic:NonVirtualBasicScrollingLayout />
- </basic:beads>
- <basic:Container id="thumbContent" width="100%" height="100%" />
- </basic:Container>
+ </js:beads>
+ </js:TitleBar>
+ </js:titleBar>
+ </js:PanelView>
+ </js:beads>
+ <js:Container width="100%" height="100%">
+ <js:Container id="thumbContentGroup" width="100%" height="100%">
+ <js:beads>
+ <js:ScrollingContainerView id="scv" />
+ <js:NonVirtualBasicScrollingLayout />
+ </js:beads>
+ <js:Container id="thumbContent" width="100%" height="100%" />
+ </js:Container>
<productsView:ProductDetails id="details"
width="{ProductCatalogThumbnail.COL_WIDTH_4 * 3}"
height="100%"
@@ -537,12 +537,12 @@ limitations under the License.
compare="productThumbEventHandler(event)"
purchase="productThumbEventHandler(event)"
browse="productThumbEventHandler(event)" />
- </basic:Container>
+ </js:Container>
- <basic:states>
+ <js:states>
<mx:State name="browse" />
<mx:State name="compare" />
<mx:State name="details" />
- </basic:states>
+ </js:states>
-</basic:Panel>
+</js:Panel>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore_jquery/src/productsView/ProductCatalogPanelTitleBarView.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/productsView/ProductCatalogPanelTitleBarView.mxml b/examples/FlexJSStore_jquery/src/productsView/ProductCatalogPanelTitleBarView.mxml
index 004dc1c..3b31871 100755
--- a/examples/FlexJSStore_jquery/src/productsView/ProductCatalogPanelTitleBarView.mxml
+++ b/examples/FlexJSStore_jquery/src/productsView/ProductCatalogPanelTitleBarView.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<basic:MXMLBeadViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:MXMLBeadViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:js="library://ns.apache.org/flexjs/basic"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:productsView="productsView.*"
>
@@ -36,15 +36,15 @@ limitations under the License.
}
]]>
</fx:Script>
- <basic:beads>
- <basic:MXMLBeadViewBaseDataBinding />
- <basic:ParentDocumentBead id="pdb" />
- <basic:LayoutChangeNotifier watchedProperty="{titleLabel.height}" />
- </basic:beads>
- <basic:Label id="titleLabel" text="{ITitleBarModel(model).title}"
+ <js:beads>
+ <js:MXMLBeadViewBaseDataBinding />
+ <js:ParentDocumentBead id="pdb" />
+ <js:LayoutChangeNotifier watchedProperty="{titleLabel.height}" />
+ </js:beads>
+ <js:Label id="titleLabel" text="{ITitleBarModel(model).title}"
/>
- <basic:CloseButton id="closeButton" click="clickHandler()"
+ <js:CloseButton id="closeButton" click="clickHandler()"
visible="{ITitleBarModel(model).showCloseButton}";
/>
<productsView:CatalogTitleButtons />
-</basic:MXMLBeadViewBase>
+</js:MXMLBeadViewBase>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore_jquery/src/productsView/ProductCatalogThumbnail.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/productsView/ProductCatalogThumbnail.mxml b/examples/FlexJSStore_jquery/src/productsView/ProductCatalogThumbnail.mxml
index f7a0ea4..df70ab5 100755
--- a/examples/FlexJSStore_jquery/src/productsView/ProductCatalogThumbnail.mxml
+++ b/examples/FlexJSStore_jquery/src/productsView/ProductCatalogThumbnail.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<basic:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:js="library://ns.apache.org/flexjs/basic"
xmlns:mx="library://ns.adobe.com/flex/mx"
width="{COL_WIDTH_4}" height="{COL_HEIGHT_4}" height.compare="502"
width.x4cols="{COL_WIDTH_4}" height.x4cols="{COL_HEIGHT_4}"
@@ -33,14 +33,14 @@ limitations under the License.
currentState="x4cols"
>
<!-- automationName="{product.name}" -->
- <basic:beads>
- <basic:ContainerDataBinding />
- <basic:LayoutChangeNotifier watchedProperty="{borderStyles.borderColor}" initialValue="#FFFFFF" />
- </basic:beads>
- <basic:style>
- <basic:BindableCSSStyles id="borderStyles" borderStyle="solid"
+ <js:beads>
+ <js:ContainerDataBinding />
+ <js:LayoutChangeNotifier watchedProperty="{borderStyles.borderColor}" initialValue="#FFFFFF" />
+ </js:beads>
+ <js:style>
+ <js:BindableCSSStyles id="borderStyles" borderStyle="solid"
borderColor="#FFFFFF" backgroundColor="#FFFFFF"/>
- </basic:style>
+ </js:style>
<fx:Metadata>
[Event(name="purchase", type="samples.flexstore.ProductThumbEvent")]
[Event(name="compare", type="samples.flexstore.ProductThumbEvent")]
@@ -132,82 +132,82 @@ limitations under the License.
]]>
</fx:Script>
<fx:Declarations>
- <basic:CurrencyFormatter currencySymbol="$" id="cf" fractionalDigits="2"/>
+ <js:CurrencyFormatter currencySymbol="$" id="cf" fractionalDigits="2"/>
</fx:Declarations>
- <basic:VContainer id="vb" width="100%" height="100%">
- <basic:style>
- <basic:SimpleCSSStyles paddingLeft="6" paddingTop="4" paddingRight="8" paddingBottom="4" />
+ <js:VContainer id="vb" width="100%" height="100%">
+ <js:style>
+ <js:SimpleCSSStyles paddingLeft="6" paddingTop="4" paddingRight="8" paddingBottom="4" />
<!-- gap="0"> -->
- </basic:style>
+ </js:style>
- <basic:Label text="{product.name}" style="fontWeight:bold"/>
+ <js:Label text="{product.name}" style="fontWeight:bold"/>
- <basic:HContainer width="100%" >
- <basic:style>
- <basic:SimpleCSSStyles paddingTop="0" /> <!-- gap="4 -->"
- </basic:style>
+ <js:HContainer width="100%" >
+ <js:style>
+ <js:SimpleCSSStyles paddingTop="0" /> <!-- gap="4 -->"
+ </js:style>
- <basic:Image id="img" height="45" width="45"
+ <js:Image id="img" height="45" width="45"
width.x3cols="60" height.x3cols="60"
width.x2cols="60" height.x2cols="60"
source="{product.image}" />
- <basic:VContainer id="descr" height="100%" >
- <basic:style>
- <basic:SimpleCSSStyles paddingTop="0" right="0" /> <!-- gap="0" -->
- </basic:style>
- <basic:Label text="{product.featureString}" width="60" height="48" />
- <basic:Label text="{cf.format(product.price)}" style="fontWeight:bold"/>
- <basic:Spacer height="4"/>
- <basic:Label text="{product.highlight1}" style="color:#EE8D0C" includeIn="x3cols, x2cols"/>
- <basic:Label text="{product.highlight2}" style="color:#EE8D0C" includeIn="x3cols, x2cols"/>
- </basic:VContainer>
-
- </basic:HContainer>
-
- <basic:Spacer height="8"/>
-
- <basic:Label id="compYears" text="Years: {product.experience}" includeIn="compare"/>
- <basic:Label id="compBlaze" text="BlazeDS: {product.blazeds}" includeIn="compare"/>
- <basic:Label id="compMobile" text="Mobile: {product.mobile}" includeIn="compare"/>
- <basic:Label id="compVideo" text="Video: {product.video}" includeIn="compare"/>
- <basic:Label id="compHigh1" text="Highlight: {product.highlight1}" includeIn="compare"/>
- <basic:Label id="compHigh2" text="Highlight: {product.highlight2}" includeIn="compare"/>
- <basic:Label text="Description:" includeIn="compare"/>
- <basic:MultilineLabel id="compDesc" text="{product.description}" width="100%" includeIn="compare"/>
- </basic:VContainer>
-
-
- <basic:VContainer id="buttons" visible="false" width="30">
- <basic:style>
- <basic:SimpleCSSStyles paddingRight="8" right="8" top="12" /> <!-- gap="4" -->
- </basic:style>
- <basic:ImageButton id="purchase" backgroundImage="assets/button_cart_empty.png" className="hoverButton"
+ <js:VContainer id="descr" height="100%" >
+ <js:style>
+ <js:SimpleCSSStyles paddingTop="0" right="0" /> <!-- gap="0" -->
+ </js:style>
+ <js:Label text="{product.featureString}" width="60" height="48" />
+ <js:Label text="{cf.format(product.price)}" style="fontWeight:bold"/>
+ <js:Spacer height="4"/>
+ <js:Label text="{product.highlight1}" style="color:#EE8D0C" includeIn="x3cols, x2cols"/>
+ <js:Label text="{product.highlight2}" style="color:#EE8D0C" includeIn="x3cols, x2cols"/>
+ </js:VContainer>
+
+ </js:HContainer>
+
+ <js:Spacer height="8"/>
+
+ <js:Label id="compYears" text="Years: {product.experience}" includeIn="compare"/>
+ <js:Label id="compBlaze" text="BlazeDS: {product.blazeds}" includeIn="compare"/>
+ <js:Label id="compMobile" text="Mobile: {product.mobile}" includeIn="compare"/>
+ <js:Label id="compVideo" text="Video: {product.video}" includeIn="compare"/>
+ <js:Label id="compHigh1" text="Highlight: {product.highlight1}" includeIn="compare"/>
+ <js:Label id="compHigh2" text="Highlight: {product.highlight2}" includeIn="compare"/>
+ <js:Label text="Description:" includeIn="compare"/>
+ <js:MultilineLabel id="compDesc" text="{product.description}" width="100%" includeIn="compare"/>
+ </js:VContainer>
+
+
+ <js:VContainer id="buttons" visible="false" width="30">
+ <js:style>
+ <js:SimpleCSSStyles paddingRight="8" right="8" top="12" /> <!-- gap="4" -->
+ </js:style>
+ <js:ImageButton id="purchase" backgroundImage="assets/button_cart_empty.png" className="hoverButton"
click="dispatchEvent(new ProductThumbEvent(ProductThumbEvent.PURCHASE, product))"
width="30">
- <basic:beads>
- <basic:ToolTipBead toolTip="Add to cart"/>
- </basic:beads>
- </basic:ImageButton>
- <basic:ImageButton id="compare" backgroundImage="assets/button_compare.png" className="hoverButton"
+ <js:beads>
+ <js:ToolTipBead toolTip="Add to cart"/>
+ </js:beads>
+ </js:ImageButton>
+ <js:ImageButton id="compare" backgroundImage="assets/button_compare.png" className="hoverButton"
click="dispatchEvent(new ProductThumbEvent(ProductThumbEvent.COMPARE, product))"
width="30">
- <basic:beads>
- <basic:ToolTipBead toolTip="Add to compare list"/>
- </basic:beads>
- </basic:ImageButton>
- <basic:ImageButton id="details" backgroundImage="assets/button_details.png" className="hoverButton"
+ <js:beads>
+ <js:ToolTipBead toolTip="Add to compare list"/>
+ </js:beads>
+ </js:ImageButton>
+ <js:ImageButton id="details" backgroundImage="assets/button_details.png" className="hoverButton"
click="dispatchEvent(new ProductThumbEvent(ProductThumbEvent.DETAILS, product))"
width="30">
- <basic:beads>
- <basic:ToolTipBead toolTip="Show details"/>
- </basic:beads>
- </basic:ImageButton>
- </basic:VContainer>
+ <js:beads>
+ <js:ToolTipBead toolTip="Show details"/>
+ </js:beads>
+ </js:ImageButton>
+ </js:VContainer>
- <basic:states>
+ <js:states>
<mx:State name="compare" />
@@ -216,6 +216,6 @@ limitations under the License.
<mx:State name="x3cols" />
<mx:State name="x2cols"/>
- </basic:states>
+ </js:states>
-</basic:Container>
+</js:Container>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore_jquery/src/productsView/ProductDetails.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/productsView/ProductDetails.mxml b/examples/FlexJSStore_jquery/src/productsView/ProductDetails.mxml
index ae128b7..3cb2725 100755
--- a/examples/FlexJSStore_jquery/src/productsView/ProductDetails.mxml
+++ b/examples/FlexJSStore_jquery/src/productsView/ProductDetails.mxml
@@ -17,14 +17,14 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<basic:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:js="library://ns.apache.org/flexjs/basic"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:productsView="productsView.*"
>
- <basic:beads>
- <basic:ContainerDataBinding />
- </basic:beads>
+ <js:beads>
+ <js:ContainerDataBinding />
+ </js:beads>
<fx:Metadata>
[Event(name="purchase", type="samples.flexstore.ProductThumbEvent")]
@@ -58,96 +58,96 @@ limitations under the License.
</fx:Script>
<fx:Declarations>
- <basic:CurrencyFormatter currencySymbol="$" id="cf" fractionalDigits="2"/>
+ <js:CurrencyFormatter currencySymbol="$" id="cf" fractionalDigits="2"/>
</fx:Declarations>
- <basic:states>
+ <js:states>
<mx:State name="Features" />
<mx:State name="Support" />
- </basic:states>
+ </js:states>
- <basic:transitions>
- <basic:Transition>
- <basic:Fade />
- </basic:Transition>
- </basic:transitions>
+ <js:transitions>
+ <js:Transition>
+ <js:Fade />
+ </js:Transition>
+ </js:transitions>
- <basic:ButtonBar id="tn" width="100%" change="currentState = tn.selectedItem as String">
- <basic:dataProvider>
+ <js:ButtonBar id="tn" width="100%" change="currentState = tn.selectedItem as String">
+ <js:dataProvider>
<fx:Array>
<fx:String>Features</fx:String>
<fx:String>Support</fx:String>
</fx:Array>
- </basic:dataProvider>
- </basic:ButtonBar>
- <basic:Container width="100%" height="100%" >
- <basic:style>
- <basic:SimpleCSSStyles left="4" right="8" top="34" bottom="4" />
- </basic:style>
+ </js:dataProvider>
+ </js:ButtonBar>
+ <js:Container width="100%" height="100%" >
+ <js:style>
+ <js:SimpleCSSStyles left="4" right="8" top="34" bottom="4" />
+ </js:style>
- <basic:VContainer width="100%" height="100%" includeIn="Features" >
- <basic:style>
- <!--<basic:SimpleCSSStyles gap="8"-->
- <basic:SimpleCSSStyles
+ <js:VContainer width="100%" height="100%" includeIn="Features" >
+ <js:style>
+ <!--<js:SimpleCSSStyles gap="8"-->
+ <js:SimpleCSSStyles
paddingLeft="8" paddingTop="8" paddingRight="8" paddingBottom="8"/>
- </basic:style>
- <basic:HContainer width="100%" style="gap:12">
+ </js:style>
+ <js:HContainer width="100%" style="gap:12">
- <basic:Image id="img" width="101" height="101" source="{product.image}"/>
+ <js:Image id="img" width="101" height="101" source="{product.image}"/>
- <basic:VContainer id="descr" width="100%" height="100%">
- <basic:style>
- <basic:SimpleCSSStyles paddingTop="0" />
- <!--<basic:SimpleCSSStyles paddingTop="0" gap="4" />-->
- </basic:style>
+ <js:VContainer id="descr" width="100%" height="100%">
+ <js:style>
+ <js:SimpleCSSStyles paddingTop="0" />
+ <!--<js:SimpleCSSStyles paddingTop="0" gap="4" />-->
+ </js:style>
- <basic:Label text="{product.name}" style="fontSize:11;fontWeight:'bold'"/>
+ <js:Label text="{product.name}" style="fontSize:11;fontWeight:'bold'"/>
- <basic:Label text="{product.featureString}" width="80" height="48" />
+ <js:Label text="{product.featureString}" width="80" height="48" />
- <basic:Label text="{product.highlight1}" style="color:#EE8D0C"/>
+ <js:Label text="{product.highlight1}" style="color:#EE8D0C"/>
- <basic:Label text="{product.highlight2}" style="color:#EE8D0C"/>
+ <js:Label text="{product.highlight2}" style="color:#EE8D0C"/>
- <basic:Label text="{cf.format(product.price)}" style="fontWeight:'bold'"/>
+ <js:Label text="{cf.format(product.price)}" style="fontWeight:'bold'"/>
- </basic:VContainer>
- </basic:HContainer>
+ </js:VContainer>
+ </js:HContainer>
- <basic:Label id="descriptionText" width="100%" height="100%" text="{product.description}"/>
+ <js:Label id="descriptionText" width="100%" height="100%" text="{product.description}"/>
- </basic:VContainer>
+ </js:VContainer>
<productsView:ProductSupport width="100%" height="100%" includeIn="Support" />
- </basic:Container>
-
- <basic:VContainer>
- <basic:beads>
- <basic:LayoutChangeNotifier watchedProperty="{purchase.height}" initialValue="0" />
- <basic:LayoutChangeNotifier watchedProperty="{compare.height}" initialValue="0" />
- <basic:LayoutChangeNotifier watchedProperty="{tiles.height}" initialValue="0" />
- </basic:beads>
- <basic:style>
- <basic:SimpleCSSStyles marginTop="4" right="16" top="36" />
- </basic:style>
- <basic:Spacer width="100%"/>
- <basic:ImageButton id="purchase" backgroundImage="assets/button_cart_empty.png" click="dispatchEvent(new ProductThumbEvent(ProductThumbEvent.PURCHASE, product))" width="30">
- <basic:beads>
- <basic:ToolTipBead toolTip="Add to cart"/>
- </basic:beads>
- </basic:ImageButton>
- <basic:ImageButton id="compare" backgroundImage="assets/button_compare.png" click="dispatchEvent(new ProductThumbEvent(ProductThumbEvent.COMPARE, product))" width="30">
- <basic:beads>
- <basic:ToolTipBead toolTip="Add to compare list"/>
- </basic:beads>
- </basic:ImageButton>
- <basic:ImageButton id="tiles" backgroundImage="assets/button_tiles.png" click="dispatchEvent(new ProductThumbEvent(ProductThumbEvent.BROWSE, product));" width="30">
- <basic:beads>
- <basic:ToolTipBead toolTip="Back to thumbnail view"/>
- </basic:beads>
- </basic:ImageButton>
- </basic:VContainer>
-
-</basic:Container>
\ No newline at end of file
+ </js:Container>
+
+ <js:VContainer>
+ <js:beads>
+ <js:LayoutChangeNotifier watchedProperty="{purchase.height}" initialValue="0" />
+ <js:LayoutChangeNotifier watchedProperty="{compare.height}" initialValue="0" />
+ <js:LayoutChangeNotifier watchedProperty="{tiles.height}" initialValue="0" />
+ </js:beads>
+ <js:style>
+ <js:SimpleCSSStyles marginTop="4" right="16" top="36" />
+ </js:style>
+ <js:Spacer width="100%"/>
+ <js:ImageButton id="purchase" backgroundImage="assets/button_cart_empty.png" click="dispatchEvent(new ProductThumbEvent(ProductThumbEvent.PURCHASE, product))" width="30">
+ <js:beads>
+ <js:ToolTipBead toolTip="Add to cart"/>
+ </js:beads>
+ </js:ImageButton>
+ <js:ImageButton id="compare" backgroundImage="assets/button_compare.png" click="dispatchEvent(new ProductThumbEvent(ProductThumbEvent.COMPARE, product))" width="30">
+ <js:beads>
+ <js:ToolTipBead toolTip="Add to compare list"/>
+ </js:beads>
+ </js:ImageButton>
+ <js:ImageButton id="tiles" backgroundImage="assets/button_tiles.png" click="dispatchEvent(new ProductThumbEvent(ProductThumbEvent.BROWSE, product));" width="30">
+ <js:beads>
+ <js:ToolTipBead toolTip="Back to thumbnail view"/>
+ </js:beads>
+ </js:ImageButton>
+ </js:VContainer>
+
+</js:Container>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore_jquery/src/productsView/ProductFilterPanel.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/productsView/ProductFilterPanel.mxml b/examples/FlexJSStore_jquery/src/productsView/ProductFilterPanel.mxml
index 4777e79..5240c0e 100755
--- a/examples/FlexJSStore_jquery/src/productsView/ProductFilterPanel.mxml
+++ b/examples/FlexJSStore_jquery/src/productsView/ProductFilterPanel.mxml
@@ -17,22 +17,22 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<basic:VContainer xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:VContainer xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:js="library://ns.apache.org/flexjs/basic"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:productsView="productsView.*"
xmlns:flexstore="samples.flexstore.*"
height="100%"
currentState="showingThumbnails"
initComplete="series.selectedIndex = 0">
- <basic:style>
- <basic:SimpleCSSStyles paddingLeft="4"
+ <js:style>
+ <js:SimpleCSSStyles paddingLeft="4"
paddingRight="12"
paddingTop="12"
paddingBottom="8"
/>
- </basic:style>
+ </js:style>
<fx:Metadata>
[Event(name="filter", type="samples.flexstore.ProductFilterEvent")]
@@ -100,48 +100,48 @@ limitations under the License.
<flexstore:video>{cbVideo.selected}</flexstore:video>
</flexstore:ProductFilter>
- <basic:CurrencyFormatter currencySymbol="$" id="cf"/>
+ <js:CurrencyFormatter currencySymbol="$" id="cf"/>
</fx:Declarations>
- <basic:beads>
- <basic:ContainerDataBinding />
- </basic:beads>
+ <js:beads>
+ <js:ContainerDataBinding />
+ </js:beads>
- <basic:Label text="Find" className="sectionHeader"/>
+ <js:Label text="Find" className="sectionHeader"/>
- <basic:Container width="100%">
- <basic:beads>
- <basic:FlexibleFirstChildHorizontalLayout />
- </basic:beads>
- <basic:TextInput className="glass" width="100%"/>
- <basic:TextButton className="glass" text="Go" click="SimpleAlert.show('This feature is not implemented in this sample', 'Find')"/>
- </basic:Container>
-
- <basic:Spacer height="18"/>
-
- <basic:HRule width="100%"/>
-
- <basic:Spacer height="8"/>
-
- <basic:HContainer>
- <basic:style>
- <basic:SimpleCSSStyles paddingTop="0" paddingLeft="0" verticalAlign="bottom" />
- </basic:style>
- <basic:Label text="Filter" className="sectionHeader"/>
- <basic:Label text="({filter.count} items selected)" >
- <basic:style>
- <basic:SimpleCSSStyles fontWeight="bold" />
- <!--<basic:SimpleCSSStyles color="{getStyle('themeColor')}" fontWeight="bold" />-->
- </basic:style>
- </basic:Label>
- </basic:HContainer>
-
- <basic:Spacer height="8"/>
-
- <basic:Label text="Years of Experience"/>
-
- <basic:DropDownList id="series" className="glass" width="140" change="dispatchFilter();">
- <basic:dataProvider>
+ <js:Container width="100%">
+ <js:beads>
+ <js:FlexibleFirstChildHorizontalLayout />
+ </js:beads>
+ <js:TextInput className="glass" width="100%"/>
+ <js:TextButton className="glass" text="Go" click="SimpleAlert.show('This feature is not implemented in this sample', 'Find')"/>
+ </js:Container>
+
+ <js:Spacer height="18"/>
+
+ <js:HRule width="100%"/>
+
+ <js:Spacer height="8"/>
+
+ <js:HContainer>
+ <js:style>
+ <js:SimpleCSSStyles paddingTop="0" paddingLeft="0" verticalAlign="bottom" />
+ </js:style>
+ <js:Label text="Filter" className="sectionHeader"/>
+ <js:Label text="({filter.count} items selected)" >
+ <js:style>
+ <js:SimpleCSSStyles fontWeight="bold" />
+ <!--<js:SimpleCSSStyles color="{getStyle('themeColor')}" fontWeight="bold" />-->
+ </js:style>
+ </js:Label>
+ </js:HContainer>
+
+ <js:Spacer height="8"/>
+
+ <js:Label text="Years of Experience"/>
+
+ <js:DropDownList id="series" className="glass" width="140" change="dispatchFilter();">
+ <js:dataProvider>
<fx:Array>
<fx:String>All</fx:String>
<fx:String>3</fx:String>
@@ -149,12 +149,12 @@ limitations under the License.
<fx:String>7</fx:String>
<fx:String>9</fx:String>
</fx:Array>
- </basic:dataProvider>
- </basic:DropDownList>
+ </js:dataProvider>
+ </js:DropDownList>
- <basic:Spacer height="18"/>
+ <js:Spacer height="18"/>
- <basic:Label text="Price"/>
+ <js:Label text="Price"/>
<!--<s:HSlider id="priceSlider" className="glassSlider" minimum="0" maximum="200" tickInterval="10" snapInterval="10"
width="100%" thumbCount="2" values="[0,200]" labels="[$0,$200]" liveDragging="true" dataTipFormatFunction="{cf.format}"
@@ -162,45 +162,45 @@ limitations under the License.
thumbPress="thumbBeingPressed=true"
thumbRelease="thumbBeingPressed=false;dispatchFilter()"
/>-->
- <basic:HContainer>
- <basic:NumericStepper width="48%" id="loPrice" minimum="0" maximum="{hiPrice.value}" value="0" valueChange="dispatchFilter()" />
- <basic:NumericStepper width="48%" id="hiPrice" minimum="{loPrice.value}" maximum="200" value="200" valueChange="dispatchFilter()" />
- </basic:HContainer>
+ <js:HContainer>
+ <js:NumericStepper width="48%" id="loPrice" minimum="0" maximum="{hiPrice.value}" value="0" valueChange="dispatchFilter()" />
+ <js:NumericStepper width="48%" id="hiPrice" minimum="{loPrice.value}" maximum="200" value="200" valueChange="dispatchFilter()" />
+ </js:HContainer>
- <basic:Spacer height="18"/>
+ <js:Spacer height="18"/>
- <basic:Label text="Required Features"/>
+ <js:Label text="Required Features"/>
- <basic:Spacer height="4"/>
+ <js:Spacer height="4"/>
- <basic:CheckBox id="cbBlazeDS" className="glass" text="BlazeDS" click="dispatchFilter();"/>
- <basic:Spacer height="4"/>
- <basic:CheckBox id="cbMobile" className="glass" text="Mobile" click="dispatchFilter()"/>
- <basic:Spacer height="4"/>
- <basic:CheckBox id="cbVideo" className="glass" text="Video" click="dispatchFilter();"/>
+ <js:CheckBox id="cbBlazeDS" className="glass" text="BlazeDS" click="dispatchFilter();"/>
+ <js:Spacer height="4"/>
+ <js:CheckBox id="cbMobile" className="glass" text="Mobile" click="dispatchFilter()"/>
+ <js:Spacer height="4"/>
+ <js:CheckBox id="cbVideo" className="glass" text="Video" click="dispatchFilter();"/>
- <basic:Spacer height="18"/>
+ <js:Spacer height="18"/>
- <basic:HRule width="100%"/>
+ <js:HRule width="100%"/>
- <basic:Spacer height="8"/>
+ <js:Spacer height="8"/>
- <basic:HContainer>
- <basic:Label text="Compare" className="sectionHeader"/>
- <basic:Label text="(Drag items here to compare)" className="instructions"/>
- </basic:HContainer>
+ <js:HContainer>
+ <js:Label text="Compare" className="sectionHeader"/>
+ <js:Label text="(Drag items here to compare)" className="instructions"/>
+ </js:HContainer>
- <basic:Spacer height="4"/>
+ <js:Spacer height="4"/>
<!-- height is maxItems * ProductListItem.HEIGHT + 2px border -->
<productsView:ProductList id="productList" height="{productList.maxItems * ProductListItem.HEIGHT + 2}" width="100%"
newItemStartX="300" newItemStartY="-100" maxItems="4"
removeProduct="productRemoved()"/>
- <basic:Spacer height="8"/>
+ <js:Spacer height="8"/>
- <basic:ImageAndTextButton id="compareButton" className="glass"
+ <js:ImageAndTextButton id="compareButton" className="glass"
click.showingThumbnails="attemptCompare()"
click.showingComparison="dispatchFilter()"
text.showingComparison="Back to thumbnail view"
@@ -208,9 +208,9 @@ limitations under the License.
image.showingThumbnails="assets/icon_compare.png"
image.showingComparison="assets/icon_tiles.png" />
- <basic:states>
+ <js:states>
<mx:State name="showingThumbnails" />
<mx:State name="showingComparison" />
- </basic:states>
+ </js:states>
-</basic:VContainer>
\ No newline at end of file
+</js:VContainer>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore_jquery/src/productsView/ProductList.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/productsView/ProductList.mxml b/examples/FlexJSStore_jquery/src/productsView/ProductList.mxml
index e99397d..981d6c9 100755
--- a/examples/FlexJSStore_jquery/src/productsView/ProductList.mxml
+++ b/examples/FlexJSStore_jquery/src/productsView/ProductList.mxml
@@ -17,13 +17,13 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<basic:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:js="library://ns.apache.org/flexjs/basic"
xmlns:mx="library://ns.adobe.com/flex/mx"
>
- <basic:style>
- <basic:SimpleCSSStyles borderStyle="solid" backgroundColor="#BCB29F" />
- </basic:style>
+ <js:style>
+ <js:SimpleCSSStyles borderStyle="solid" backgroundColor="#BCB29F" />
+ </js:style>
<!-- need a background color for drag and drop but can set alpha to 0 -->
<fx:Metadata>
@@ -207,11 +207,11 @@ limitations under the License.
]]>
</fx:Script>
- <basic:beads>
- <basic:DropMouseController id="dmc" dragEnter="doDragEnter(event)" dragDrop="doDragDrop(event)" />
- <basic:ScrollingContainerView id="scrollingView" />
- <basic:NonVirtualVerticalScrollingLayout />
- </basic:beads>
- <basic:Container id="viewport" width="100%" height="100%" >
- </basic:Container>
-</basic:Container>
+ <js:beads>
+ <js:DropMouseController id="dmc" dragEnter="doDragEnter(event)" dragDrop="doDragDrop(event)" />
+ <js:ScrollingContainerView id="scrollingView" />
+ <js:NonVirtualVerticalScrollingLayout />
+ </js:beads>
+ <js:Container id="viewport" width="100%" height="100%" >
+ </js:Container>
+</js:Container>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore_jquery/src/productsView/ProductListItem.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/productsView/ProductListItem.mxml b/examples/FlexJSStore_jquery/src/productsView/ProductListItem.mxml
index a7b77bf..bf6a2a8 100755
--- a/examples/FlexJSStore_jquery/src/productsView/ProductListItem.mxml
+++ b/examples/FlexJSStore_jquery/src/productsView/ProductListItem.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<basic:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:js="library://ns.apache.org/flexjs/basic"
xmlns:mx="library://ns.adobe.com/flex/mx"
className="listItem"
height="{HEIGHT}" implements="org.apache.flex.core.IItemRenderer">
@@ -93,39 +93,39 @@ limitations under the License.
</fx:Script>
<fx:Declarations>
- <basic:CurrencyFormatter currencySymbol="$" id="cf" fractionalDigits="2"/>
+ <js:CurrencyFormatter currencySymbol="$" id="cf" fractionalDigits="2"/>
</fx:Declarations>
- <basic:beads>
- <basic:ContainerDataBinding />
- </basic:beads>
+ <js:beads>
+ <js:ContainerDataBinding />
+ </js:beads>
- <basic:ImageButton id="removeButton" backgroundImage="assets/trashcan.png"
+ <js:ImageButton id="removeButton" backgroundImage="assets/trashcan.png"
width="14" height="14" y="5"
click="removeItem()">
- <basic:beads>
- <basic:ToolTipBead toolTip="Remove from cart" />
- </basic:beads>
- </basic:ImageButton>
+ <js:beads>
+ <js:ToolTipBead toolTip="Remove from cart" />
+ </js:beads>
+ </js:ImageButton>
- <basic:Image id="productImage" x="16" y="6" width="12" height="12" source="{product.image}"/>
+ <js:Image id="productImage" x="16" y="6" width="12" height="12" source="{product.image}"/>
- <basic:Label id="productName" x="30" width="100" y="4" text="{product.name}"/>
+ <js:Label id="productName" x="30" width="100" y="4" text="{product.name}"/>
- <basic:Label id="productPrice" width="60" y="4"
+ <js:Label id="productPrice" width="60" y="4"
text="{cf.format(product.price)}" style="textAlign:right;right:0"
style.showQuantity="textAlign:right;right:25"/>
- <basic:TextInput id="qty" width="25" y="3" text="{product.qty}" includeIn="showQuantity"
+ <js:TextInput id="qty" width="25" y="3" text="{product.qty}" includeIn="showQuantity"
style="textAlign:right;right:0;marginTop:0" change="qtyChange()" >
- <basic:beads>
- <basic:NumericOnlyTextInputBead maxChars="3" />
- </basic:beads>
- </basic:TextInput>
+ <js:beads>
+ <js:NumericOnlyTextInputBead maxChars="3" />
+ </js:beads>
+ </js:TextInput>
- <basic:states>
+ <js:states>
<mx:State name="compare" />
<mx:State name="showQuantity" />
- </basic:states>
+ </js:states>
-</basic:Container>
+</js:Container>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore_jquery/src/productsView/ProductSupport.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/productsView/ProductSupport.mxml b/examples/FlexJSStore_jquery/src/productsView/ProductSupport.mxml
index c28570e..113af4a 100755
--- a/examples/FlexJSStore_jquery/src/productsView/ProductSupport.mxml
+++ b/examples/FlexJSStore_jquery/src/productsView/ProductSupport.mxml
@@ -17,16 +17,16 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<basic:HContainer xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:HContainer xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:js="library://ns.apache.org/flexjs/basic"
xmlns:mx="library://ns.adobe.com/flex/mx"
>
- <basic:style>
- <basic:SimpleCSSStyles paddingLeft="4" paddingRight="8" paddingBottom="4" />
- </basic:style>
- <basic:beads>
- <basic:ContainerDataBinding />
- </basic:beads>
+ <js:style>
+ <js:SimpleCSSStyles paddingLeft="4" paddingRight="8" paddingBottom="4" />
+ </js:style>
+ <js:beads>
+ <js:ContainerDataBinding />
+ </js:beads>
<fx:Script>
<![CDATA[
@@ -51,33 +51,33 @@ limitations under the License.
</fx:Script>
<fx:Declarations>
- <basic:Parallel id="hideList">
- <basic:children>
+ <js:Parallel id="hideList">
+ <js:children>
<fx:Array>
- <basic:Resize target="{list}" widthTo="0"/>
+ <js:Resize target="{list}" widthTo="0"/>
<!--<mx:Resize target="{vd}" widthTo="400" heightTo="314"/>-->
</fx:Array>
- </basic:children>
- </basic:Parallel>
+ </js:children>
+ </js:Parallel>
- <basic:Parallel id="showList">
- <basic:children>
+ <js:Parallel id="showList">
+ <js:children>
<fx:Array>
- <basic:Resize target="{list}" widthTo="130"/>
+ <js:Resize target="{list}" widthTo="130"/>
<!--<mx:Resize target="{vd}" widthTo="270" heightTo="217"/>-->
</fx:Array>
- </basic:children>
- </basic:Parallel>
+ </js:children>
+ </js:Parallel>
</fx:Declarations>
- <basic:List id="list" width="130" height="100%" selectedIndex="0">
- <basic:dataProvider>
+ <js:List id="list" width="130" height="100%" selectedIndex="0">
+ <js:dataProvider>
<fx:Array>
<fx:Object label="Install SIM Card"/>
</fx:Array>
- </basic:dataProvider>
- </basic:List>
+ </js:dataProvider>
+ </js:List>
- <basic:Container width="100%">
+ <js:Container width="100%">
<!--<mx:VideoDisplay id="vd" width="270" height="217" source="assets/phone.flv"
autoPlay="false" complete="list.visible=true"/>
@@ -85,7 +85,7 @@ limitations under the License.
<mx:Button label="{vd.playing ? 'Stop' : 'Play'}" click="toggle()" left="8" bottom="8" includeInLayout="false">
</mx:Button>
-->
- </basic:Container>
+ </js:Container>
-</basic:HContainer>
+</js:HContainer>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSTest_HTML5/src/FlexJSTest_HTML5.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSTest_HTML5/src/FlexJSTest_HTML5.mxml b/examples/FlexJSTest_HTML5/src/FlexJSTest_HTML5.mxml
index b86b828..88e3dfc 100644
--- a/examples/FlexJSTest_HTML5/src/FlexJSTest_HTML5.mxml
+++ b/examples/FlexJSTest_HTML5/src/FlexJSTest_HTML5.mxml
@@ -17,35 +17,35 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<basic:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:local="*"
- xmlns:basic="library://ns.apache.org/flexjs/basic"
+ xmlns:js="library://ns.apache.org/flexjs/basic"
xmlns:models="models.*"
xmlns:controllers="controllers.*"
initialize="MyModel(model).labelText='Hello HTML5'"
>
- <basic:valuesImpl>
- <basic:SimpleCSSValuesImpl />
- </basic:valuesImpl>
- <basic:initialView>
+ <js:valuesImpl>
+ <js:SimpleCSSValuesImpl />
+ </js:valuesImpl>
+ <js:initialView>
<local:MyInitialView />
- </basic:initialView>
- <basic:model>
+ </js:initialView>
+ <js:model>
<models:MyModel />
- </basic:model>
- <basic:controller>
+ </js:model>
+ <js:controller>
<controllers:MyController />
- </basic:controller>
- <basic:beads>
- <basic:HTTPService id="service">
- <basic:LazyCollection id="collection">
- <basic:inputParser>
- <basic:JSONInputParser />
- </basic:inputParser>
- <basic:itemConverter>
+ </js:controller>
+ <js:beads>
+ <js:HTTPService id="service">
+ <js:LazyCollection id="collection">
+ <js:inputParser>
+ <js:JSONInputParser />
+ </js:inputParser>
+ <js:itemConverter>
<local:StockDataJSONItemConverter />
- </basic:itemConverter>
- </basic:LazyCollection>
- </basic:HTTPService>
- </basic:beads>
-</basic:Application>
\ No newline at end of file
+ </js:itemConverter>
+ </js:LazyCollection>
+ </js:HTTPService>
+ </js:beads>
+</js:Application>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSTest_HTML5/src/MyInitialView.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSTest_HTML5/src/MyInitialView.mxml b/examples/FlexJSTest_HTML5/src/MyInitialView.mxml
index 08d1c7b..b88b7ce 100644
--- a/examples/FlexJSTest_HTML5/src/MyInitialView.mxml
+++ b/examples/FlexJSTest_HTML5/src/MyInitialView.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<basic:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:js="library://ns.apache.org/flexjs/basic"
xmlns:html5="library://ns.apache.org/flexjs/html5"
>
<fx:Script>
@@ -81,7 +81,7 @@ limitations under the License.
</fx:Style>
<html5:Label id="lbl" x="100" y="25" >
<html5:beads>
- <basic:SimpleBinding eventName="labelTextChanged"
+ <js:SimpleBinding eventName="labelTextChanged"
sourceID="applicationModel"
sourcePropertyName="labelText"
destinationPropertyName="text" />
@@ -93,7 +93,7 @@ limitations under the License.
<html5:List id="cityList" x="200" y="75" width="100" height="75" change="dispatchEvent(new CustomEvent('cityListChanged'))">
<html5:beads>
- <basic:ConstantBinding
+ <js:ConstantBinding
sourceID="applicationModel"
sourcePropertyName="cities"
destinationPropertyName="dataProvider" />
@@ -102,7 +102,7 @@ limitations under the License.
<html5:TextArea x="320" y="25" width="150" height="75">
<html5:beads>
- <basic:SimpleBinding eventName="labelTextChanged"
+ <js:SimpleBinding eventName="labelTextChanged"
sourceID="applicationModel"
sourcePropertyName="labelText"
destinationPropertyName="text" />
@@ -123,7 +123,7 @@ limitations under the License.
<html5:DropDownList id="list" x="200" y="200" width="100" height="24" change="dispatchEvent(new CustomEvent('listChanged'))">
<html5:beads>
- <basic:ConstantBinding
+ <js:ConstantBinding
sourceID="applicationModel"
sourcePropertyName="strings"
destinationPropertyName="dataProvider" />
@@ -134,11 +134,11 @@ limitations under the License.
<html5:ComboBox id="comboBox" x="320" y="200" width="100" change="dispatchEvent(new CustomEvent('comboBoxChanged'))">
<html5:beads>
- <basic:ConstantBinding
+ <js:ConstantBinding
sourceID="applicationModel"
sourcePropertyName="cities"
destinationPropertyName="dataProvider" />
</html5:beads>
</html5:ComboBox>
-</basic:ViewBase>
+</js:ViewBase>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSTest_Panel/src/FlexJSTest_Panel.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSTest_Panel/src/FlexJSTest_Panel.mxml b/examples/FlexJSTest_Panel/src/FlexJSTest_Panel.mxml
index 2e50fc8..416e4df 100644
--- a/examples/FlexJSTest_Panel/src/FlexJSTest_Panel.mxml
+++ b/examples/FlexJSTest_Panel/src/FlexJSTest_Panel.mxml
@@ -18,15 +18,15 @@
//
////////////////////////////////////////////////////////////////////////////////
-->
-<basic:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:local="*"
- xmlns:basic="library://ns.apache.org/flexjs/basic"
+ xmlns:js="library://ns.apache.org/flexjs/basic"
>
- <basic:valuesImpl>
- <basic:SimpleCSSValuesImpl />
- </basic:valuesImpl>
- <basic:initialView>
+ <js:valuesImpl>
+ <js:SimpleCSSValuesImpl />
+ </js:valuesImpl>
+ <js:initialView>
<local:MyInitialView />
- </basic:initialView>
-</basic:Application>
+ </js:initialView>
+</js:Application>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSTest_Panel/src/MyInitialView.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSTest_Panel/src/MyInitialView.mxml b/examples/FlexJSTest_Panel/src/MyInitialView.mxml
index d3f3ea8..81e2714 100644
--- a/examples/FlexJSTest_Panel/src/MyInitialView.mxml
+++ b/examples/FlexJSTest_Panel/src/MyInitialView.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<basic:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:js="library://ns.apache.org/flexjs/basic"
initComplete="initControls()">
<fx:Script>
<![CDATA[
@@ -119,26 +119,26 @@ limitations under the License.
</fx:Style>
- <basic:Panel title="Example" x="300" width="300" y="50" className="panel1" showCloseButton="true">
- <basic:beads>
- <basic:NonVirtualVerticalLayout />
- </basic:beads>
- <basic:Label text="Displays a SimpleAlert that has an OK button." />
- <basic:TextButton text="Show Simple Alert" click="showSimpleAlert()" />
- <basic:Label text="Displays an Alert which can have multiple buttons." />
- <basic:TextButton text="Push Me" click="onButtonClick()" />
- <basic:Label id="spinMe" />
- <basic:NumericStepper id="stepper"
+ <js:Panel title="Example" x="300" width="300" y="50" className="panel1" showCloseButton="true">
+ <js:beads>
+ <js:NonVirtualVerticalLayout />
+ </js:beads>
+ <js:Label text="Displays a SimpleAlert that has an OK button." />
+ <js:TextButton text="Show Simple Alert" click="showSimpleAlert()" />
+ <js:Label text="Displays an Alert which can have multiple buttons." />
+ <js:TextButton text="Push Me" click="onButtonClick()" />
+ <js:Label id="spinMe" />
+ <js:NumericStepper id="stepper"
valueChange="spinnerChanged(stepper)"
className="numStepper"
stepSize="10"/>
- <basic:Label id="slideMe" />
- <basic:Slider id="slider"
+ <js:Label id="slideMe" />
+ <js:Slider id="slider"
valueChange="sliderChanged(slider)"
minimum="20"
maximum="80"
stepSize="5" />
- </basic:Panel>
+ </js:Panel>
-</basic:ViewBase>
+</js:ViewBase>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSTest_SVG/src/FlexJSTest_SVG.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSTest_SVG/src/FlexJSTest_SVG.mxml b/examples/FlexJSTest_SVG/src/FlexJSTest_SVG.mxml
index 4286fb1..e405b05 100644
--- a/examples/FlexJSTest_SVG/src/FlexJSTest_SVG.mxml
+++ b/examples/FlexJSTest_SVG/src/FlexJSTest_SVG.mxml
@@ -17,23 +17,23 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<basic:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:local="*"
- xmlns:basic="library://ns.apache.org/flexjs/basic"
+ xmlns:js="library://ns.apache.org/flexjs/basic"
xmlns:models="models.*"
xmlns:controllers="controllers.*"
initialize="MyModel(model).labelText='Hello SVG'"
>
- <basic:valuesImpl>
- <basic:SimpleCSSValuesImpl />
- </basic:valuesImpl>
- <basic:initialView>
+ <js:valuesImpl>
+ <js:SimpleCSSValuesImpl />
+ </js:valuesImpl>
+ <js:initialView>
<local:SkinsView />
- </basic:initialView>
- <basic:model>
+ </js:initialView>
+ <js:model>
<models:MyModel />
- </basic:model>
- <basic:controller>
+ </js:model>
+ <js:controller>
<controllers:MyController />
- </basic:controller>
-</basic:Application>
\ No newline at end of file
+ </js:controller>
+</js:Application>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSTest_SVG/src/GraphicsView.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSTest_SVG/src/GraphicsView.mxml b/examples/FlexJSTest_SVG/src/GraphicsView.mxml
index 5b26d7e..e43c01e 100644
--- a/examples/FlexJSTest_SVG/src/GraphicsView.mxml
+++ b/examples/FlexJSTest_SVG/src/GraphicsView.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<basic:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:js="library://ns.apache.org/flexjs/basic"
xmlns:svg="library://ns.apache.org/flexjs/svg"
initComplete="viewbase1_initCompleteHandler(event)"
>
@@ -256,72 +256,72 @@ limitations under the License.
]]>
</fx:Script>
- <basic:Rect x="0" y="0" width="200" height="200" >
- <basic:fill>
- <basic:SolidColor color="#FF0000" />
- </basic:fill>
- </basic:Rect>
+ <js:Rect x="0" y="0" width="200" height="200" >
+ <js:fill>
+ <js:SolidColor color="#FF0000" />
+ </js:fill>
+ </js:Rect>
- <basic:Rect x="300" y="0" width="200" height="200">
- <basic:fill>
- <basic:LinearGradient >
- <basic:entries>
- <basic:GradientEntry ratio="0.1" alpha="1" color="#FF0000" />
- <basic:GradientEntry ratio="0.9" alpha="1" color="#0000FF" />
- </basic:entries>
- </basic:LinearGradient>
- </basic:fill>
- </basic:Rect>
+ <js:Rect x="300" y="0" width="200" height="200">
+ <js:fill>
+ <js:LinearGradient >
+ <js:entries>
+ <js:GradientEntry ratio="0.1" alpha="1" color="#FF0000" />
+ <js:GradientEntry ratio="0.9" alpha="1" color="#0000FF" />
+ </js:entries>
+ </js:LinearGradient>
+ </js:fill>
+ </js:Rect>
- <basic:Circle x="100" y="350" radius="100">
- <basic:fill>
- <basic:LinearGradient >
- <basic:entries>
- <basic:GradientEntry ratio="0.1" alpha="1" color="#FF0000" />
- <basic:GradientEntry ratio="0.9" alpha="1" color="#0000FF" />
- </basic:entries>
- </basic:LinearGradient>
- </basic:fill>
- </basic:Circle>
+ <js:Circle x="100" y="350" radius="100">
+ <js:fill>
+ <js:LinearGradient >
+ <js:entries>
+ <js:GradientEntry ratio="0.1" alpha="1" color="#FF0000" />
+ <js:GradientEntry ratio="0.9" alpha="1" color="#0000FF" />
+ </js:entries>
+ </js:LinearGradient>
+ </js:fill>
+ </js:Circle>
- <basic:Circle x="400" y="350" radius="100">
- <basic:fill>
- <basic:SolidColor color="#0000FF" alpha="0.5" />
- </basic:fill>
- </basic:Circle>
+ <js:Circle x="400" y="350" radius="100">
+ <js:fill>
+ <js:SolidColor color="#0000FF" alpha="0.5" />
+ </js:fill>
+ </js:Circle>
- <basic:Ellipse x="0" y="500" width="200" height="100" >
- <basic:fill>
- <basic:LinearGradient >
- <basic:entries>
- <basic:GradientEntry ratio="0.1" alpha="1" color="#FF0000" />
- <basic:GradientEntry ratio="0.9" alpha="1" color="#0000FF" />
- </basic:entries>
- </basic:LinearGradient>
- </basic:fill>
- </basic:Ellipse>
+ <js:Ellipse x="0" y="500" width="200" height="100" >
+ <js:fill>
+ <js:LinearGradient >
+ <js:entries>
+ <js:GradientEntry ratio="0.1" alpha="1" color="#FF0000" />
+ <js:GradientEntry ratio="0.9" alpha="1" color="#0000FF" />
+ </js:entries>
+ </js:LinearGradient>
+ </js:fill>
+ </js:Ellipse>
- <basic:Ellipse x="300" y="500" width="200" height="100" >
- <basic:fill>
- <basic:SolidColor color="#0000FF" alpha="0.5" />
- </basic:fill>
- </basic:Ellipse>
+ <js:Ellipse x="300" y="500" width="200" height="100" >
+ <js:fill>
+ <js:SolidColor color="#0000FF" alpha="0.5" />
+ </js:fill>
+ </js:Ellipse>
- <basic:Path x="0" y="0" width="1000" height="1000" data="M 800 800 L 900 800 A 100 100 0 0 0 800 700 Z" >
- <basic:fill>
- <basic:LinearGradient >
- <basic:entries>
- <basic:GradientEntry ratio="0.1" alpha="1" color="#FF0000" />
- <basic:GradientEntry ratio="0.9" alpha="1" color="#0000FF" />
- </basic:entries>
- </basic:LinearGradient>
- </basic:fill>
- </basic:Path>
+ <js:Path x="0" y="0" width="1000" height="1000" data="M 800 800 L 900 800 A 100 100 0 0 0 800 700 Z" >
+ <js:fill>
+ <js:LinearGradient >
+ <js:entries>
+ <js:GradientEntry ratio="0.1" alpha="1" color="#FF0000" />
+ <js:GradientEntry ratio="0.9" alpha="1" color="#0000FF" />
+ </js:entries>
+ </js:LinearGradient>
+ </js:fill>
+ </js:Path>
- <basic:Path x="0" y="300" width="200" height="100" data="M 100 350 q 150 -300 300 0" >
- <basic:fill>
- <basic:SolidColor color="#0000FF" alpha="0.5" />
- </basic:fill>
- </basic:Path>
+ <js:Path x="0" y="300" width="200" height="100" data="M 100 350 q 150 -300 300 0" >
+ <js:fill>
+ <js:SolidColor color="#0000FF" alpha="0.5" />
+ </js:fill>
+ </js:Path>
-</basic:ViewBase>
+</js:ViewBase>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSTest_SVG/src/MyInitialView.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSTest_SVG/src/MyInitialView.mxml b/examples/FlexJSTest_SVG/src/MyInitialView.mxml
index 074af5e..33e0c29 100644
--- a/examples/FlexJSTest_SVG/src/MyInitialView.mxml
+++ b/examples/FlexJSTest_SVG/src/MyInitialView.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<basic:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:js="library://ns.apache.org/flexjs/basic"
xmlns:html5="library://ns.apache.org/flexjs/html5"
xmlns:svg="library://ns.apache.org/flexjs/svg"
>
@@ -44,7 +44,7 @@ limitations under the License.
</fx:Script>
<html5:Label id="lbl" x="100" y="25" >
<html5:beads>
- <basic:SimpleBinding eventName="labelTextChanged"
+ <js:SimpleBinding eventName="labelTextChanged"
sourceID="applicationModel"
sourcePropertyName="labelText"
destinationPropertyName="text" />
@@ -55,4 +55,4 @@ limitations under the License.
<html5:Label id="timerLabel" x="100" y="125" />
<svg:TextButton text="SVG Button" x="100" y="175" width="100" height="30" click="startTimer()" />
-</basic:ViewBase>
+</js:ViewBase>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSTest_SVG/src/SkinsView.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSTest_SVG/src/SkinsView.mxml b/examples/FlexJSTest_SVG/src/SkinsView.mxml
index 25d6115..519969a 100644
--- a/examples/FlexJSTest_SVG/src/SkinsView.mxml
+++ b/examples/FlexJSTest_SVG/src/SkinsView.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<basic:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:basic="library://ns.apache.org/flexjs/basic" xmlns:skins="skins.*" xmlns:mx="library://ns.adobe.com/flex/mx"
+<js:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:js="library://ns.apache.org/flexjs/basic" xmlns:skins="skins.*" xmlns:mx="library://ns.adobe.com/flex/mx"
initComplete="viewbase1_initCompleteHandler(event)" >
<fx:Script>
<![CDATA[
@@ -59,45 +59,45 @@ limitations under the License.
]]>
</fx:Script>
- <basic:states>
+ <js:states>
<mx:State name="up"/>
<mx:State name="over"/>
<mx:State name="down"/>
<mx:State name="disabled"/>
- </basic:states>
- <!--<basic:beads>
- <basic:ViewBaseDataBinding />
- </basic:beads>-->
- <basic:Container x="0" y="0" >
- <basic:Label text="MyButton" x="20" y="5" includeIn="{[up,down,over,disabled]}" />
+ </js:states>
+ <!--<js:beads>
+ <js:ViewBaseDataBinding />
+ </js:beads>-->
+ <js:Container x="0" y="0" >
+ <js:Label text="MyButton" x="20" y="5" includeIn="{[up,down,over,disabled]}" />
- <basic:Rect id="fill_up" width="100" height="30" includeIn="up" >
- <basic:stroke>
- <basic:SolidColorStroke alpha="1.0" color="#000000" />
- </basic:stroke>
- <basic:fill>
- <basic:SolidColor color="#1ABC9C" alpha="1.0" />
- </basic:fill>
- </basic:Rect>
+ <js:Rect id="fill_up" width="100" height="30" includeIn="up" >
+ <js:stroke>
+ <js:SolidColorStroke alpha="1.0" color="#000000" />
+ </js:stroke>
+ <js:fill>
+ <js:SolidColor color="#1ABC9C" alpha="1.0" />
+ </js:fill>
+ </js:Rect>
- <basic:Rect id="fill_over" width="100" height="30" includeIn="over">
- <basic:stroke>
- <basic:SolidColorStroke alpha="1.0" color="#000000" />
- </basic:stroke>
- <basic:fill>
- <basic:SolidColor color="#48C9B0" alpha="1.0" />
- </basic:fill>
- </basic:Rect>
+ <js:Rect id="fill_over" width="100" height="30" includeIn="over">
+ <js:stroke>
+ <js:SolidColorStroke alpha="1.0" color="#000000" />
+ </js:stroke>
+ <js:fill>
+ <js:SolidColor color="#48C9B0" alpha="1.0" />
+ </js:fill>
+ </js:Rect>
- <basic:Rect id="fill_down" width="100" height="30" includeIn="down">
- <basic:stroke>
- <basic:SolidColorStroke alpha="1.0" color="#000000" />
- </basic:stroke>
- <basic:fill>
- <basic:SolidColor color="#16A085" alpha="1.0" />
- </basic:fill>
- </basic:Rect>
+ <js:Rect id="fill_down" width="100" height="30" includeIn="down">
+ <js:stroke>
+ <js:SolidColorStroke alpha="1.0" color="#000000" />
+ </js:stroke>
+ <js:fill>
+ <js:SolidColor color="#16A085" alpha="1.0" />
+ </js:fill>
+ </js:Rect>
- </basic:Container>
+ </js:Container>
-</basic:ViewBase>
\ No newline at end of file
+</js:ViewBase>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSTest_SVG/src/skins/Button_up.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSTest_SVG/src/skins/Button_up.mxml b/examples/FlexJSTest_SVG/src/skins/Button_up.mxml
index fd1c2b0..0dca5c7 100644
--- a/examples/FlexJSTest_SVG/src/skins/Button_up.mxml
+++ b/examples/FlexJSTest_SVG/src/skins/Button_up.mxml
@@ -17,11 +17,11 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<basic:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:basic="library://ns.apache.org/flexjs/basic">
- <basic:Path x="0" y="300" width="200" height="100" data="M 100 350 q 150 -300 300 0" >
- <basic:fill>
- <basic:SolidColor color="#0000FF" alpha="0.5" />
- </basic:fill>
- </basic:Path>
-</basic:ViewBase>
+<js:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:js="library://ns.apache.org/flexjs/basic">
+ <js:Path x="0" y="300" width="200" height="100" data="M 100 350 q 150 -300 300 0" >
+ <js:fill>
+ <js:SolidColor color="#0000FF" alpha="0.5" />
+ </js:fill>
+ </js:Path>
+</js:ViewBase>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSTest_basic/src/FlexJSTest_basic.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSTest_basic/src/FlexJSTest_basic.mxml b/examples/FlexJSTest_basic/src/FlexJSTest_basic.mxml
index 2f3cbbd..4ff4297 100644
--- a/examples/FlexJSTest_basic/src/FlexJSTest_basic.mxml
+++ b/examples/FlexJSTest_basic/src/FlexJSTest_basic.mxml
@@ -17,35 +17,35 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<basic:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:local="*"
- xmlns:basic="library://ns.apache.org/flexjs/basic"
+ xmlns:js="library://ns.apache.org/flexjs/basic"
xmlns:models="models.*"
xmlns:controllers="controllers.*"
initialize="MyModel(model).labelText='Hello World'"
>
- <basic:valuesImpl>
- <basic:SimpleCSSValuesImpl />
- </basic:valuesImpl>
- <basic:initialView>
+ <js:valuesImpl>
+ <js:SimpleCSSValuesImpl />
+ </js:valuesImpl>
+ <js:initialView>
<local:MyInitialView />
- </basic:initialView>
- <basic:model>
+ </js:initialView>
+ <js:model>
<models:MyModel />
- </basic:model>
- <basic:controller>
+ </js:model>
+ <js:controller>
<controllers:MyController />
- </basic:controller>
- <basic:beads>
- <basic:HTTPService id="service">
- <basic:LazyCollection id="collection">
- <basic:inputParser>
- <basic:JSONInputParser />
- </basic:inputParser>
- <basic:itemConverter>
+ </js:controller>
+ <js:beads>
+ <js:HTTPService id="service">
+ <js:LazyCollection id="collection">
+ <js:inputParser>
+ <js:JSONInputParser />
+ </js:inputParser>
+ <js:itemConverter>
<local:StockDataJSONItemConverter />
- </basic:itemConverter>
- </basic:LazyCollection>
- </basic:HTTPService>
- </basic:beads>
-</basic:Application>
\ No newline at end of file
+ </js:itemConverter>
+ </js:LazyCollection>
+ </js:HTTPService>
+ </js:beads>
+</js:Application>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSTest_basic/src/MyInitialView.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSTest_basic/src/MyInitialView.mxml b/examples/FlexJSTest_basic/src/MyInitialView.mxml
index 9a910cc..496741a 100644
--- a/examples/FlexJSTest_basic/src/MyInitialView.mxml
+++ b/examples/FlexJSTest_basic/src/MyInitialView.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<basic:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:js="library://ns.apache.org/flexjs/basic"
>
<fx:Script>
<![CDATA[
@@ -78,66 +78,66 @@ limitations under the License.
}
</fx:Style>
- <basic:Label id="lbl" x="100" y="25" >
- <basic:beads>
- <basic:SimpleBinding eventName="labelTextChanged"
+ <js:Label id="lbl" x="100" y="25" >
+ <js:beads>
+ <js:SimpleBinding eventName="labelTextChanged"
sourceID="applicationModel"
sourcePropertyName="labelText"
destinationPropertyName="text" />
- </basic:beads>
- </basic:Label>
- <basic:TextButton text="Start Timer" x="100" y="75" click="startTimer()" />
- <basic:TextButton text="Stop Timer" x="100" y="100" click="timer.removeEventListener('timer', timerHandler);timer.stop()" />
- <basic:Label id="timerLabel" x="100" y="125" />
+ </js:beads>
+ </js:Label>
+ <js:TextButton text="Start Timer" x="100" y="75" click="startTimer()" />
+ <js:TextButton text="Stop Timer" x="100" y="100" click="timer.removeEventListener('timer', timerHandler);timer.stop()" />
+ <js:Label id="timerLabel" x="100" y="125" />
- <basic:List id="cityList" x="200" y="75" width="100" height="75" change="dispatchEvent(new CustomEvent('cityListChanged'))">
- <basic:beads>
- <basic:ConstantBinding
+ <js:List id="cityList" x="200" y="75" width="100" height="75" change="dispatchEvent(new CustomEvent('cityListChanged'))">
+ <js:beads>
+ <js:ConstantBinding
sourceID="applicationModel"
sourcePropertyName="cities"
destinationPropertyName="dataProvider" />
- </basic:beads>
- </basic:List>
+ </js:beads>
+ </js:List>
- <basic:TextArea x="320" y="25" width="150" height="75">
- <basic:beads>
- <basic:SimpleBinding eventName="labelTextChanged"
+ <js:TextArea x="320" y="25" width="150" height="75">
+ <js:beads>
+ <js:SimpleBinding eventName="labelTextChanged"
sourceID="applicationModel"
sourcePropertyName="labelText"
destinationPropertyName="text" />
- </basic:beads>
- </basic:TextArea>
- <basic:TextInput id="input" x="320" y="110" />
- <basic:TextButton text="Transfer" x="320" y="138" click="dispatchEvent(new CustomEvent('transferClicked'))" />
+ </js:beads>
+ </js:TextArea>
+ <js:TextInput id="input" x="320" y="110" />
+ <js:TextButton text="Transfer" x="320" y="138" click="dispatchEvent(new CustomEvent('transferClicked'))" />
- <basic:CheckBox id="checkbox" x="320" y="170" text="Check Me" />
+ <js:CheckBox id="checkbox" x="320" y="170" text="Check Me" />
- <basic:RadioButton groupName="group1" text="Apples" value="0" x="100" y="150" />
- <basic:RadioButton groupName="group1" text="Oranges" value="1" x="100" y="170" selected="true" />
- <basic:RadioButton groupName="group1" text="Grapes" value="2" x="100" y="190" />
+ <js:RadioButton groupName="group1" text="Apples" value="0" x="100" y="150" />
+ <js:RadioButton groupName="group1" text="Oranges" value="1" x="100" y="170" selected="true" />
+ <js:RadioButton groupName="group1" text="Grapes" value="2" x="100" y="190" />
- <basic:RadioButton groupName="group2" text="Red" value="red" x="100" y="250" selected="true" />
- <basic:RadioButton groupName="group2" text="Green" value="green" x="100" y="270" />
- <basic:RadioButton groupName="group2" text="Blue" value="blue" x="100" y="290" />
+ <js:RadioButton groupName="group2" text="Red" value="red" x="100" y="250" selected="true" />
+ <js:RadioButton groupName="group2" text="Green" value="green" x="100" y="270" />
+ <js:RadioButton groupName="group2" text="Blue" value="blue" x="100" y="290" />
- <basic:DropDownList id="list" x="200" y="200" width="100" height="18" change="dispatchEvent(new CustomEvent('listChanged'))">
- <basic:beads>
- <basic:ConstantBinding
+ <js:DropDownList id="list" x="200" y="200" width="100" height="18" change="dispatchEvent(new CustomEvent('listChanged'))">
+ <js:beads>
+ <js:ConstantBinding
sourceID="applicationModel"
sourcePropertyName="strings"
destinationPropertyName="dataProvider" />
- </basic:beads>
- </basic:DropDownList>
- <basic:TextButton text="OK" x="200" y="230" click="dispatchEvent(new CustomEvent('buttonClicked'))" />
- <basic:TextButton text="Skinned" x="200" y="260" width="80" height="24" className="skinned" click="dispatchEvent(new CustomEvent('buttonClicked'))" />
+ </js:beads>
+ </js:DropDownList>
+ <js:TextButton text="OK" x="200" y="230" click="dispatchEvent(new CustomEvent('buttonClicked'))" />
+ <js:TextButton text="Skinned" x="200" y="260" width="80" height="24" className="skinned" click="dispatchEvent(new CustomEvent('buttonClicked'))" />
- <basic:ComboBox id="comboBox" x="320" y="200" width="100" change="dispatchEvent(new CustomEvent('comboBoxChanged'))">
- <basic:beads>
- <basic:ConstantBinding
+ <js:ComboBox id="comboBox" x="320" y="200" width="100" change="dispatchEvent(new CustomEvent('comboBoxChanged'))">
+ <js:beads>
+ <js:ConstantBinding
sourceID="applicationModel"
sourcePropertyName="cities"
destinationPropertyName="dataProvider" />
- </basic:beads>
- </basic:ComboBox>
+ </js:beads>
+ </js:ComboBox>
-</basic:ViewBase>
+</js:ViewBase>