http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/MobileTrader/src/models/AssetsModel.as ---------------------------------------------------------------------- diff --git a/examples/flexjs/MobileTrader/src/models/AssetsModel.as b/examples/flexjs/MobileTrader/src/models/AssetsModel.as deleted file mode 100755 index 3d72137..0000000 --- a/examples/flexjs/MobileTrader/src/models/AssetsModel.as +++ /dev/null @@ -1,57 +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. -// -//////////////////////////////////////////////////////////////////////////////// -package models -{ - import org.apache.flex.core.IBeadModel; - import org.apache.flex.core.IStrand; - import org.apache.flex.events.EventDispatcher; - import org.apache.flex.collections.ArrayList; - - public class AssetsModel extends EventDispatcher implements IBeadModel - { - public function AssetsModel() - { - super(); - _assetsData = new ArrayList(); - _assetsData.source = source; - } - private var source:Array = [ - new Asset("NetWorth:", 161984, 2.36), - new Asset("Last Month:", 165915, 10.98), - new Asset("6 Months Ago:", 145962, 16.56), - new Asset("Last Year:", 138972, 8.36) - ]; - private var _assetsData:ArrayList; - - public function get assetsData():ArrayList - { - return _assetsData; - } - - public function get assetsDataAsArray():Array - { - return source; - } - - public function set strand(value:IStrand):void - { - // not used - } - } -}
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/MobileTrader/src/models/ProductsModel.as ---------------------------------------------------------------------- diff --git a/examples/flexjs/MobileTrader/src/models/ProductsModel.as b/examples/flexjs/MobileTrader/src/models/ProductsModel.as deleted file mode 100755 index f4b2008..0000000 --- a/examples/flexjs/MobileTrader/src/models/ProductsModel.as +++ /dev/null @@ -1,165 +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. -// -//////////////////////////////////////////////////////////////////////////////// -package models -{ - import org.apache.flex.core.IBeadModel; - import org.apache.flex.core.IStrand; - import org.apache.flex.events.Event; - import org.apache.flex.events.EventDispatcher; - import org.apache.flex.net.HTTPService; - import org.apache.flex.collections.parsers.JSONInputParser; - import org.apache.flex.collections.LazyCollection; - import org.apache.flex.collections.ArrayList; - - public class ProductsModel extends EventDispatcher implements IBeadModel - { - public function ProductsModel() - { - super(); - - service = new HTTPService(); - collection = new LazyCollection; - collection.inputParser = new JSONInputParser(); - collection.itemConverter = new StockDataJSONItemConverter(); - - _watchList = new ArrayList(); - _alerts = new ArrayList(); - } - - private var service:HTTPService; - private var collection:LazyCollection; - private var queryBegin:String = "http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.quotes%20where%20symbol%20in%20(%22"; - private var queryEnd:String = "%22)%0A%09%09&env=http%3A%2F%2Fdatatables.org%2Falltables.env&format=json"; - - private var _strand:IStrand; - public function set strand(value:IStrand):void - { - _strand = value; - - service.addBead(collection); - _strand.addBead(service); - } - - private var _tabList:Array = ["Assets", "Watch", "Alerts"]; - public function get tabList():Array - { - return _tabList; - } - - private var _labelFields:Array = [ "id", "title", "detail" ]; - public function get labelFields():Array - { - return _labelFields; - } - - private var _watchList:ArrayList; - - public function get watchList():ArrayList - { - return _watchList; - } - - private var _alerts:ArrayList; - - public function get alerts():ArrayList - { - return _alerts; - } - - public function addAlert(value:Alert):void - { - for (var i:int =0; i < _alerts.length; i++) - { - var alert:Alert = _alerts.getItemAt(i) as Alert; - if (alert.symbol == value.symbol) { - _alerts.setItemAt(value, i); - return; - } - } - - _alerts.addItem(value); - dispatchEvent(new Event("alertsUpdate")); - } - - public function addStock(symbol:String):Stock - { - for (var i:int=0; i < _watchList.length; i++) - { - var stock:Stock = _watchList.getItemAt(i) as Stock; - if (stock.symbol == symbol) return stock; - } - - stock = new Stock(symbol); - - _watchList.addItem(stock); - // dispatchEvent(new Event("update")); - - updateStockData(stock); - return stock; - } - - public function updateStockData(value:Stock):void - { - var sym:String = value.symbol; - service.url = queryBegin + sym + queryEnd; - service.send(); - service.addEventListener("complete", completeHandler); - } - - public function removeStock(stock:Stock):void - { - for (var i:int=0; i < alerts.length; i++) - { - var alert:Alert = alerts.getItemAt(i) as Alert; - if (stock.symbol == alert.symbol) { - alerts.removeItemAt(i); - break; - } - } - - for (i=0; i < _watchList.length; i++) - { - var s:Stock = _watchList.getItemAt(i) as Stock; - if (stock.symbol == s.symbol) { - _watchList.removeItemAt(i); - break; - } - } - - dispatchEvent(new Event("alertsUpdate")); - dispatchEvent(new Event("update")); - } - - private function completeHandler(event:Event):void - { - var responseData:Object = collection.getItemAt(0); - - var sym:String = responseData["Symbol"]; - for (var i:int=0; i < _watchList.length; i++) - { - var stock:Stock = _watchList.getItemAt(i) as Stock; - if (stock.symbol == sym) { - stock.updateFromData(responseData); - _watchList.itemUpdatedAt(i); - break; - } - } - } - } -} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/MobileTrader/src/models/Stock.as ---------------------------------------------------------------------- diff --git a/examples/flexjs/MobileTrader/src/models/Stock.as b/examples/flexjs/MobileTrader/src/models/Stock.as deleted file mode 100755 index 9e53f47..0000000 --- a/examples/flexjs/MobileTrader/src/models/Stock.as +++ /dev/null @@ -1,148 +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. -// -//////////////////////////////////////////////////////////////////////////////// -package models -{ - import org.apache.flex.events.Event; - import org.apache.flex.events.EventDispatcher; - - public class Stock extends EventDispatcher - { - public var history:Array; - - public function Stock(symbol:String=null, last:Number=0) - { - this.symbol = symbol; - this.last = last; - this.low = last; - this.high = last; - this.open = last; - this.change = 0; - this.name = ""; - } - - public function updateFromData(obj:Object):void - { - name = obj["Name"]; - low = obj["DaysLow"]; - high = obj["DaysHigh"]; - open = obj["Open"]; - change = obj["Change"]; - symbol = obj["Symbol"]; - last = obj["LastTradePriceOnly"]; - } - - private var _symbol:String; - private var _name:String; - private var _low:Number; - private var _high:Number; - private var _open:Number; - private var _last:Number; - private var _change:Number; - private var _date:Date; - - [Bindable("symbolChanged")] - public function get symbol():String - { - return _symbol; - } - public function set symbol(value:String):void - { - _symbol = value; - dispatchEvent(new Event("symbolChanged")); - } - - [Bindable("nameChanged")] - public function get name():String - { - return _name; - } - public function set name(value:String):void - { - _name = value; - dispatchEvent(new Event("nameChanged")); - } - - [Bindable("lowChanged")] - public function get low():Number - { - return _low; - } - public function set low(value:Number):void - { - _low = value; - dispatchEvent(new Event("lowChanged")); - } - - [Bindable("highChanged")] - public function get high():Number - { - return _high; - } - public function set high(value:Number):void - { - _high = value; - dispatchEvent(new Event("highChanged")); - } - - [Bindable("openChanged")] - public function get open():Number - { - return _open; - } - public function set open(value:Number):void - { - _open = value; - dispatchEvent(new Event("openChanged")); - } - - [Bindable("lastChanged")] - public function get last():Number - { - return _last; - } - public function set last(value:Number):void - { - _last = value; - dispatchEvent(new Event("lastChanged")); - } - - [Bindable("changeChanged")] - public function get change():Number - { - return _change; - } - public function set change(value:Number):void - { - _change = value; - dispatchEvent(new Event("changeChanged")); - } - - [Bindable("dateChanged")] - public function get date():Date - { - return _date; - } - public function set date(value:Date):void - { - _date = value; - dispatchEvent(new Event("dateChanged")); - } - } - -} http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/MobileTrader/src/renderers/AlertRenderer.as ---------------------------------------------------------------------- diff --git a/examples/flexjs/MobileTrader/src/renderers/AlertRenderer.as b/examples/flexjs/MobileTrader/src/renderers/AlertRenderer.as deleted file mode 100644 index e683020..0000000 --- a/examples/flexjs/MobileTrader/src/renderers/AlertRenderer.as +++ /dev/null @@ -1,44 +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. -// -//////////////////////////////////////////////////////////////////////////////// -package renderers -{ - import org.apache.flex.html.supportClasses.StringItemRenderer; - - public class AlertRenderer extends StringItemRenderer - { - public function AlertRenderer() - { - super(); - } - - override public function set data(value:Object):void - { - super.data = value; - - if (labelField == "greaterThan") { - if (Boolean(value[labelField])) { - text = "when over "+value["value"]; - } - else { - text = "when under "+value["value"]; - } - } - } - } -} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/MobileTrader/src/renderers/StockRenderer.as ---------------------------------------------------------------------- diff --git a/examples/flexjs/MobileTrader/src/renderers/StockRenderer.as b/examples/flexjs/MobileTrader/src/renderers/StockRenderer.as deleted file mode 100755 index afba26f..0000000 --- a/examples/flexjs/MobileTrader/src/renderers/StockRenderer.as +++ /dev/null @@ -1,47 +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. -// -//////////////////////////////////////////////////////////////////////////////// -package renderers -{ - import org.apache.flex.html.supportClasses.StringItemRenderer; - - public class StockRenderer extends StringItemRenderer - { - public function StockRenderer() - { - super(); - } - - override public function set data(value:Object):void - { - super.data = value; - - var n1:Number = Number(value[labelField]); - if (!isNaN(n1)) { - n1 = Math.round(n1*100)/100.0; - - // something to keep in mind when using FlexJS for cross-platform - // use: make sure that public properties are used versus protected - // functions or properties. in most cases, internal vars and functions - // will be platform-specific whereas public properties and function - // should be cross-platform. - text = String(n1); - } - } - } -} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/MobileTrader/src/views/AlertsView.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/MobileTrader/src/views/AlertsView.mxml b/examples/flexjs/MobileTrader/src/views/AlertsView.mxml deleted file mode 100755 index f06dd65..0000000 --- a/examples/flexjs/MobileTrader/src/views/AlertsView.mxml +++ /dev/null @@ -1,101 +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. - ---> -<js:TitleView xmlns:fx="http://ns.adobe.com/mxml/2009"; - title="Alerts" - xmlns:js="library://ns.apache.org/flexjs/basic" - xmlns:local="*" - className="AlertsView" xmlns:renderers="renderers.*"> - - <fx:Metadata> - [Event("next")] - </fx:Metadata> - - <fx:Script> - <![CDATA[ - import org.apache.flex.core.IBeadModel; - import org.apache.flex.core.IBeadController; - import org.apache.flex.events.Event; - import controller.AlertsViewController; - - public function set dataModel(value:IBeadModel):void - { - var cm:IBeadController = controller; - (cm as AlertsViewController).model = value; - } - public function get dataModel():IBeadModel - { - var cm:IBeadController = controller; - return (cm as AlertsViewController).model; - } - - private function onAlertSet():void - { - dispatchEvent(new org.apache.flex.events.Event("alertSet")); - } - ]]> - </fx:Script> - - <js:Container x="4" y="10" > - <js:beads> - <js:HorizontalLayout /> - </js:beads> - <js:Label text="Symbol:" /> - <js:TextInput id="symbolField" width="50" /> - <js:Label text="Value:" /> - <js:TextInput id="valueField" width="50" /> - <js:CheckBox text="Higher?" id="higherCheck" /> - <js:TextButton text="Set" click="onAlertSet()" /> - </js:Container> - - <js:DataGrid id="dataGrid" x="0" y="40" width="100%" height="200"> - <js:beads> - <js:DataProviderChangeNotifier sourceID="dataModel" propertyName="alerts" /> - <js:SimpleBinding - eventName="alertsUpdate" - sourceID="dataModel" - sourcePropertyName="alerts" - destinationPropertyName="dataProvider" /> - </js:beads> - <js:columns> - <js:DataGridColumn label="Symbol" dataField="symbol"> - <js:itemRenderer> - <fx:Component> - <js:StringItemRenderer /> - </fx:Component> - </js:itemRenderer> - </js:DataGridColumn> - <js:DataGridColumn label="Alert" dataField="greaterThan"> - <js:itemRenderer> - <fx:Component> - <renderers:AlertRenderer /> - </fx:Component> - </js:itemRenderer> - </js:DataGridColumn> - <js:DataGridColumn label="Message" dataField="message"> - <js:itemRenderer> - <fx:Component> - <js:StringItemRenderer /> - </fx:Component> - </js:itemRenderer> - </js:DataGridColumn> - </js:columns> - </js:DataGrid> - -</js:TitleView> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/MobileTrader/src/views/AssetsView.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/MobileTrader/src/views/AssetsView.mxml b/examples/flexjs/MobileTrader/src/views/AssetsView.mxml deleted file mode 100755 index 2929a3e..0000000 --- a/examples/flexjs/MobileTrader/src/views/AssetsView.mxml +++ /dev/null @@ -1,89 +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. - ---> -<js:TitleView xmlns:fx="http://ns.adobe.com/mxml/2009"; - title="Assets" - xmlns:js="library://ns.apache.org/flexjs/basic" - xmlns:models="models.*" - xmlns:local="*" - className="AssetsView"> - <fx:Script> - <![CDATA[ - - ]]> - </fx:Script> - - <fx:Metadata> - [Event("next")] - </fx:Metadata> - - <js:beads> - <js:VerticalLayout /> - </js:beads> - - <js:model> - <models:AssetsModel /> - </js:model> - - <js:Label text="Summary" height="10%" /> - - <js:DataGrid height="150" width="100%"> - <js:style> - <js:SimpleCSSStyles top="0" left="0" right="0" /> - </js:style> - <js:beads> - <js:ConstantBinding - sourceID="model" - sourcePropertyName="assetsData" - destinationPropertyName="dataProvider" /> - </js:beads> - <js:columns> - <js:DataGridColumn label="Type" dataField="label" /> - <js:DataGridColumn label="Value" dataField="value" /> - <js:DataGridColumn label="Change" dataField="netChange" /> - </js:columns> - </js:DataGrid> - - <js:Label text="Performance History" height="10%" /> - - <js:BarChart id="barChart" width="100%" height="40%"> - <js:beads> - <js:ConstantBinding - sourceID="model" - sourcePropertyName="assetsDataAsArray" - destinationPropertyName="dataProvider" /> - <js:VerticalCategoryAxisBead categoryField="label" /> - <js:HorizontalLinearAxisBead valueField="netChange" /> - </js:beads> - <js:series> - <js:BarSeries xField="netChange"> - <js:itemRenderer> - <fx:Component> - <js:BoxItemRenderer> - <js:fill> - <js:SolidColor color="#FF964D" alpha="1.0" /> - </js:fill> - </js:BoxItemRenderer> - </fx:Component> - </js:itemRenderer> - </js:BarSeries> - </js:series> - </js:BarChart> - -</js:TitleView> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/MobileTrader/src/views/SearchView.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/MobileTrader/src/views/SearchView.mxml b/examples/flexjs/MobileTrader/src/views/SearchView.mxml deleted file mode 100755 index 0348fba..0000000 --- a/examples/flexjs/MobileTrader/src/views/SearchView.mxml +++ /dev/null @@ -1,37 +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. - ---> -<js:TitleView xmlns:fx="http://ns.adobe.com/mxml/2009"; - xmlns:js="library://ns.apache.org/flexjs/basic" - xmlns:apache="org.apache.flex.html.beads.*" - xmlns:local="*" - className="StockView"> - - <fx:Script> - <![CDATA[ - import org.apache.flex.mobile.StackedViewManager; - private function onBackClick() : void - { - (viewManager as StackedViewManager).pop(); - } - ]]> - </fx:Script> - - <js:Label text="Search View" x="20" y="100" /> -</js:TitleView> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/MobileTrader/src/views/StockView.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/MobileTrader/src/views/StockView.mxml b/examples/flexjs/MobileTrader/src/views/StockView.mxml deleted file mode 100755 index 95b8992..0000000 --- a/examples/flexjs/MobileTrader/src/views/StockView.mxml +++ /dev/null @@ -1,98 +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. - ---> -<js:TitleView xmlns:fx="http://ns.adobe.com/mxml/2009"; - xmlns:js="library://ns.apache.org/flexjs/basic" - xmlns:apache="org.apache.flex.html.beads.*" - xmlns:local="*" - className="StockView"> - - <fx:Script> - <![CDATA[ - import models.Stock; - - import org.apache.flex.events.Event; - import org.apache.flex.mobile.StackedViewManager; - - private var _stock:Stock; - - [Bindable("stockChanged")] - public function get stock():Stock - { - return _stock; - } - public function set stock(value:Stock):void - { - _stock = value; - dispatchEvent(new org.apache.flex.events.Event("stockChanged")); - } - - private function onBackClick() : void - { - (viewManager as StackedViewManager).pop(); - } - - override public function addedToParent():void - { - super.addedToParent(); - - stockSymbol.text = stock.symbol; - stockName.text = stock.name; - lastPrice.text = String(stock.last); - openPrice.text = String(stock.open); - lowPrice.text = String(stock.low); - highPrice.text = String(stock.high); - changeAmount.text = String(stock.change); - } - - private function removeFromList():void - { - dispatchEvent(new org.apache.flex.events.Event("removeFromList")); - } - ]]> - </fx:Script> - - <js:Container> - <js:beads> - <js:VerticalLayout /> - </js:beads> - <js:style> - <js:SimpleCSSStyles top="10px" left="10px" /> - </js:style> - - <js:Label id="stockSymbol" text="{stock.symbol}" className="ViewTitle" /> - <js:Label id="stockName" text="{stock.name}" className="StockName" /> - - <js:Container className="StockDetailArea"> - <js:beads> - <js:VerticalColumnLayout numColumns="2" /> - </js:beads> - - <js:Label text="Last Price:" className="StockLabel" /> <js:Label id="lastPrice" className="StockValue" /> - <js:Label text="Open Price:" className="StockLabel" /> <js:Label id="openPrice" className="StockValue" /> - <js:Label text="Low Price:" className="StockLabel" /> <js:Label id="lowPrice" className="StockValue" /> - <js:Label text="High Price:" className="StockLabel" /> <js:Label id="highPrice" className="StockValue" /> - <js:Label text="Change: " className="StockLabel" /> <js:Label id="changeAmount" className="StockValue" /> - </js:Container> - - <js:Container className="StockDetailArea"> - <js:TextButton text="Remove From List" width="200" className="StockRemoveButton" click="removeFromList()" /> - </js:Container> - </js:Container> -</js:TitleView> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/MobileTrader/src/views/WatchListView.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/MobileTrader/src/views/WatchListView.mxml b/examples/flexjs/MobileTrader/src/views/WatchListView.mxml deleted file mode 100755 index aa9da04..0000000 --- a/examples/flexjs/MobileTrader/src/views/WatchListView.mxml +++ /dev/null @@ -1,151 +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. - ---> -<js:TitleView xmlns:fx="http://ns.adobe.com/mxml/2009"; - title="Watch List" - xmlns:js="library://ns.apache.org/flexjs/basic" - xmlns:controller="controller.*" - xmlns:local="*" - className="WatchListView" - xmlns:renderers="renderers.*"> - - <fx:Script> - <![CDATA[ - import controller.WatchListController; - - import models.ProductsModel; - import models.Stock; - - import org.apache.flex.binding.SimpleBinding; - import org.apache.flex.core.IBeadController; - import org.apache.flex.core.IBeadModel; - import org.apache.flex.events.Event; - import org.apache.flex.mobile.IViewManager; - import org.apache.flex.mobile.StackedViewManager; - - public function set dataModel(value:IBeadModel):void - { - var cm:IBeadController = controller; - (cm as WatchListController).model = value; - } - public function get dataModel():IBeadModel - { - var cm:IBeadController = controller; - return (cm as WatchListController).model; - } - - private function onSelectStock():void - { - var stockView:StockView = new StockView(); - var svm:IViewManager = viewManager; - (viewManager as StackedViewManager).push(stockView); - } - - private function addSymbol():void - { - dispatchEvent(new org.apache.flex.events.Event("addSymbol")); - } - - public var selectedStockIndex:Number; - - private function selectRow():void - { - selectedStockIndex = dataGrid.selectedIndex; - dispatchEvent(new org.apache.flex.events.Event("stockSelected")); - } - - public function showStockDetails(stock:Stock):StockView - { - var stockView:StockView = new StockView(); - stockView.stock = stock; - (viewManager as StackedViewManager).push(stockView); - - var cm:IBeadController = controller; - - return stockView; - } - - public function popView():void - { - (viewManager as StackedViewManager).pop(); - } - ]]> - </fx:Script> - - <js:beads> - <js:VerticalLayout /> - </js:beads> - - <js:HContainer className="WatchListInputArea" width="100%" height="10%"> - <js:Label text="Symbol:" /> - <js:TextInput id="symbolName" /> - <js:TextButton text="Add" click="addSymbol()" /> - </js:HContainer> - - <js:Spacer height="10" /> - - <js:DataGrid id="dataGrid" width="100%" height="85%" change="selectRow()" className="WatchListDataGrid"> - <js:beads> - <js:DataProviderChangeNotifier sourceID="dataModel" propertyName="watchList" /> - <js:SimpleBinding - eventName="update" - sourceID="dataModel" - sourcePropertyName="watchList" - destinationPropertyName="dataProvider" /> - </js:beads> - <js:columns> - <js:DataGridColumn label="Symbol" dataField="symbol"> - <js:itemRenderer> - <fx:Component> - <js:StringItemRenderer /> - </fx:Component> - </js:itemRenderer> - </js:DataGridColumn> - <js:DataGridColumn label="Open" dataField="open"> - <js:itemRenderer> - <fx:Component> - <renderers:StockRenderer /> - </fx:Component> - </js:itemRenderer> - </js:DataGridColumn> - <js:DataGridColumn label="Last" dataField="last" > - <js:itemRenderer> - <fx:Component> - <renderers:StockRenderer /> - </fx:Component> - </js:itemRenderer> - </js:DataGridColumn> - <js:DataGridColumn label="High" dataField="high" > - <js:itemRenderer> - <fx:Component> - <renderers:StockRenderer /> - </fx:Component> - </js:itemRenderer> - </js:DataGridColumn> - <js:DataGridColumn label="Low" dataField="low" > - <js:itemRenderer> - <fx:Component> - <renderers:StockRenderer /> - </fx:Component> - </js:itemRenderer> - </js:DataGridColumn> - </js:columns> - </js:DataGrid> - -</js:TitleView> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/StorageExample/resources/config.xml ---------------------------------------------------------------------- diff --git a/examples/flexjs/StorageExample/resources/config.xml b/examples/flexjs/StorageExample/resources/config.xml deleted file mode 100644 index 00b9f64..0000000 --- a/examples/flexjs/StorageExample/resources/config.xml +++ /dev/null @@ -1,44 +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. - ---> -<widget id="${groupId}.${artifactId}" version="${version}" xmlns="http://www.w3.org/ns/widgets"; xmlns:cdv="http://cordova.apache.org/ns/1.0";> - <name>${artifactId}</name> - <description> - ${description} - </description> - <author email="[email protected]" href="http://flex.apache.org";> - Apache Flex Team - </author> - <content src="index.html" /> - <plugin name="cordova-plugin-whitelist" version="1" /> - <access origin="*" /> - <allow-intent href="http://*/*"; /> - <allow-intent href="https://*/*"; /> - <allow-intent href="tel:*" /> - <allow-intent href="sms:*" /> - <allow-intent href="mailto:*"; /> - <allow-intent href="geo:*" /> - <platform name="android"> - <allow-intent href="market:*" /> - </platform> - <platform name="ios"> - <allow-intent href="itms:*" /> - <allow-intent href="itms-apps:*" /> - </platform> -</widget> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/StorageExample/src/MyInitialView.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/StorageExample/src/MyInitialView.mxml b/examples/flexjs/StorageExample/src/MyInitialView.mxml deleted file mode 100644 index 370d0af..0000000 --- a/examples/flexjs/StorageExample/src/MyInitialView.mxml +++ /dev/null @@ -1,245 +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. - ---> -<js:View xmlns:fx="http://ns.adobe.com/mxml/2009"; - xmlns:js="library://ns.apache.org/flexjs/basic" - xmlns:local="*" - initComplete="startup()"> - <fx:Script> - <![CDATA[ - import org.apache.flex.storage.PermanentStorage; - import org.apache.flex.storage.events.FileEvent; - import org.apache.flex.storage.events.FileErrorEvent; - import org.apache.flex.storage.file.IDataInput; - import org.apache.flex.storage.file.IDataOutput; - - private function startup():void - { - trace("Starting up"); - } - - // READING - PLAIN - - private function onRead():void - { - var storage:PermanentStorage = new PermanentStorage(); - - var useFile:String = readFileNameField.text; - - storage.addEventListener("READ", handleRead); - storage.addEventListener("ERROR", handleRead); - storage.readTextFromDataFile( useFile ); - } - - private function handleRead(event:FileEvent):void - { - trace(event.data); - status.text = "Read Success!"; - readContent.text = String(event.data); - } - - private function handleReadError(event:FileErrorEvent):void - { - status.text = "Error: "+event.errorMessage; - readContent.text = ""; - } - - // READING - STREAM - - private function onReadStream():void - { - var storage:PermanentStorage = new PermanentStorage(); - var useFile:String = readFileNameField.text; - - storage.addEventListener("READY", handleReadStreamReady); - storage.addEventListener("READ", handleReadStreamData); - storage.addEventListener("COMPLETE", handleReadStreamComplete); - storage.addEventListener("ERROR", handleReadStreamError); - storage.openInputDataStream(useFile); - } - - private function handleReadStreamReady(event:FileEvent):void - { - trace("INPUT STREAM READY"); - - status.text = "Input stream ready"; - - var stream:IDataInput = event.stream as IDataInput; - stream.readText(); - } - - private function handleReadStreamData(event:FileEvent):void - { - trace("INPUT STREAM DATA."); - var stream:IDataInput = event.stream as IDataInput; - - status.text = "Input stream reading"; - readContent.text = String(event.data); - } - - private function handleReadStreamComplete(event:FileEvent):void - { - trace("INPUT STREAM CLOSED"); - status.text = "Input stream closed"; - } - - private function handleReadStreamError(event:FileErrorEvent):void - { - status.text = event.errorMessage; - } - - // SAVING - PLAIN - - private function onSave():void - { - var storage:PermanentStorage = new PermanentStorage(); - var today:Date = new Date(); - - var useFile:String = writeFileNameField.text; - var useContent:String = today.toString() + " " + contentField.text; - - storage.addEventListener("WRITE", handleSave); - storage.writeTextToDataFile(useFile, useContent); - } - - private function handleSave(event:FileEvent):void - { - status.text = "Write Success!"; - } - - private function handleSaveError(event:FileErrorEvent):void - { - status.text = "Error: "+event.errorMessage; - } - - // SAVING - STREAM - - private var writeCount:Number = 0; - - private function onSaveStream():void - { - var storage:PermanentStorage = new PermanentStorage(); - var useFile:String = writeFileNameField.text; - - storage.addEventListener("READY", handleSaveStreamReady); - storage.addEventListener("WRITE", handleSaveStreamData); - storage.addEventListener("COMPLETE", handleSaveStreamComplete); - storage.addEventListener("ERROR", handleSaveStreamError); - storage.openOutputDataStream(useFile); - } - - private function handleSaveStreamReady(event:FileEvent):void - { - writeCount = 3; - trace("OUTPUT STREAM READY"); - - status.text = "Output stream ready"; - var today:Date = new Date(); - var useContent:String = "("+String(writeCount)+") "+today.toString() + " " + contentField.text + "\n"; - - var stream:IDataOutput = event.stream as IDataOutput; - stream.writeText(useContent); - } - - private function handleSaveStreamData(event:FileEvent):void - { - trace("OUTPUT STREAM DATA. Count = "+writeCount); - var stream:IDataOutput = event.stream as IDataOutput; - - if (--writeCount == 0) { - stream.close(); - } - else { - status.text = "Output stream writing"; - var today:Date = new Date(); - var useContent:String = "("+String(writeCount)+") "+today.toString() + " " + contentField.text + "\n"; - stream.writeText(useContent); - } - } - - private function handleSaveStreamComplete(event:FileEvent):void - { - trace("OUTPUT STREAM CLOSED"); - status.text = "Output stream closed"; - } - - private function handleSaveStreamError(event:FileErrorEvent):void - { - status.text = event.errorMessage; - } - ]]> - </fx:Script> - - <fx:Style> - - .labelStyle { - color: #9999FF; - } - - .contentStyle { - font-size: 18pt; - } - - </fx:Style> - - <js:beads> - <js:ViewDataBinding /> - </js:beads> - - <js:VContainer width="100%" height="100%"> - <js:Label text="Storage Example" width="100%" /> - <js:Spacer height="20" /> - - <js:HContainer> - <js:Label text="Write File Name:" className="labelStyle" /> - <js:TextInput id="writeFileNameField" text="testfile.txt" /> - </js:HContainer> - <js:HContainer> - <js:Label text="Content:" className="labelStyle" /> - <js:TextInput id="contentField" /> - </js:HContainer> - <js:HContainer> - <js:TextButton text="SAVE" click="onSave()" /> - <js:Spacer width="10" /> - <js:TextButton text="SAVE STREAM" click="onSaveStream()" /> - </js:HContainer> - <js:Spacer height="20" /> - - <js:Label id="status" /> - <js:Spacer height="20" /> - - <js:HContainer> - <js:Label text="Read File Name:" className="labelStyle" /> - <js:TextInput id="readFileNameField" text="testfile.txt" /> - </js:HContainer> - <js:HContainer> - <js:TextButton text="READ" click="onRead()" /> - <js:Spacer width="10" /> - <js:TextButton text="READ STREAM" click="onReadStream()" /> - </js:HContainer> - <js:HContainer> - <js:Label text="Content:" className="labelStyle" /> - </js:HContainer> - <js:HContainer> - <js:Label id="readContent" className="contentStyle" /> - </js:HContainer> - </js:VContainer> - - -</js:View> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/StorageExample/src/StorageExample.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/StorageExample/src/StorageExample.mxml b/examples/flexjs/StorageExample/src/StorageExample.mxml deleted file mode 100644 index 1b9842a..0000000 --- a/examples/flexjs/StorageExample/src/StorageExample.mxml +++ /dev/null @@ -1,42 +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. -// -//////////////////////////////////////////////////////////////////////////////// ---> -<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; - xmlns:local="*" - xmlns:js="library://ns.apache.org/flexjs/basic" - > - - <!-- This application demonstrates how to use the Google MAP API - on both the AIR and JavaScript/browser platform. After cross- - compiling this application for JavaScript, edit the index.html - file and include your Google developer API token. - --> - - <js:valuesImpl> - <js:SimpleCSSValuesImpl /> - </js:valuesImpl> - <js:initialView> - <local:MyInitialView /> - </js:initialView> - <js:beads> - <js:MixinManager /> - </js:beads> - -</js:Application> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/StorageExample/src/main/flex/MyInitialView.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/StorageExample/src/main/flex/MyInitialView.mxml b/examples/flexjs/StorageExample/src/main/flex/MyInitialView.mxml new file mode 100644 index 0000000..370d0af --- /dev/null +++ b/examples/flexjs/StorageExample/src/main/flex/MyInitialView.mxml @@ -0,0 +1,245 @@ +<?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:View xmlns:fx="http://ns.adobe.com/mxml/2009"; + xmlns:js="library://ns.apache.org/flexjs/basic" + xmlns:local="*" + initComplete="startup()"> + <fx:Script> + <![CDATA[ + import org.apache.flex.storage.PermanentStorage; + import org.apache.flex.storage.events.FileEvent; + import org.apache.flex.storage.events.FileErrorEvent; + import org.apache.flex.storage.file.IDataInput; + import org.apache.flex.storage.file.IDataOutput; + + private function startup():void + { + trace("Starting up"); + } + + // READING - PLAIN + + private function onRead():void + { + var storage:PermanentStorage = new PermanentStorage(); + + var useFile:String = readFileNameField.text; + + storage.addEventListener("READ", handleRead); + storage.addEventListener("ERROR", handleRead); + storage.readTextFromDataFile( useFile ); + } + + private function handleRead(event:FileEvent):void + { + trace(event.data); + status.text = "Read Success!"; + readContent.text = String(event.data); + } + + private function handleReadError(event:FileErrorEvent):void + { + status.text = "Error: "+event.errorMessage; + readContent.text = ""; + } + + // READING - STREAM + + private function onReadStream():void + { + var storage:PermanentStorage = new PermanentStorage(); + var useFile:String = readFileNameField.text; + + storage.addEventListener("READY", handleReadStreamReady); + storage.addEventListener("READ", handleReadStreamData); + storage.addEventListener("COMPLETE", handleReadStreamComplete); + storage.addEventListener("ERROR", handleReadStreamError); + storage.openInputDataStream(useFile); + } + + private function handleReadStreamReady(event:FileEvent):void + { + trace("INPUT STREAM READY"); + + status.text = "Input stream ready"; + + var stream:IDataInput = event.stream as IDataInput; + stream.readText(); + } + + private function handleReadStreamData(event:FileEvent):void + { + trace("INPUT STREAM DATA."); + var stream:IDataInput = event.stream as IDataInput; + + status.text = "Input stream reading"; + readContent.text = String(event.data); + } + + private function handleReadStreamComplete(event:FileEvent):void + { + trace("INPUT STREAM CLOSED"); + status.text = "Input stream closed"; + } + + private function handleReadStreamError(event:FileErrorEvent):void + { + status.text = event.errorMessage; + } + + // SAVING - PLAIN + + private function onSave():void + { + var storage:PermanentStorage = new PermanentStorage(); + var today:Date = new Date(); + + var useFile:String = writeFileNameField.text; + var useContent:String = today.toString() + " " + contentField.text; + + storage.addEventListener("WRITE", handleSave); + storage.writeTextToDataFile(useFile, useContent); + } + + private function handleSave(event:FileEvent):void + { + status.text = "Write Success!"; + } + + private function handleSaveError(event:FileErrorEvent):void + { + status.text = "Error: "+event.errorMessage; + } + + // SAVING - STREAM + + private var writeCount:Number = 0; + + private function onSaveStream():void + { + var storage:PermanentStorage = new PermanentStorage(); + var useFile:String = writeFileNameField.text; + + storage.addEventListener("READY", handleSaveStreamReady); + storage.addEventListener("WRITE", handleSaveStreamData); + storage.addEventListener("COMPLETE", handleSaveStreamComplete); + storage.addEventListener("ERROR", handleSaveStreamError); + storage.openOutputDataStream(useFile); + } + + private function handleSaveStreamReady(event:FileEvent):void + { + writeCount = 3; + trace("OUTPUT STREAM READY"); + + status.text = "Output stream ready"; + var today:Date = new Date(); + var useContent:String = "("+String(writeCount)+") "+today.toString() + " " + contentField.text + "\n"; + + var stream:IDataOutput = event.stream as IDataOutput; + stream.writeText(useContent); + } + + private function handleSaveStreamData(event:FileEvent):void + { + trace("OUTPUT STREAM DATA. Count = "+writeCount); + var stream:IDataOutput = event.stream as IDataOutput; + + if (--writeCount == 0) { + stream.close(); + } + else { + status.text = "Output stream writing"; + var today:Date = new Date(); + var useContent:String = "("+String(writeCount)+") "+today.toString() + " " + contentField.text + "\n"; + stream.writeText(useContent); + } + } + + private function handleSaveStreamComplete(event:FileEvent):void + { + trace("OUTPUT STREAM CLOSED"); + status.text = "Output stream closed"; + } + + private function handleSaveStreamError(event:FileErrorEvent):void + { + status.text = event.errorMessage; + } + ]]> + </fx:Script> + + <fx:Style> + + .labelStyle { + color: #9999FF; + } + + .contentStyle { + font-size: 18pt; + } + + </fx:Style> + + <js:beads> + <js:ViewDataBinding /> + </js:beads> + + <js:VContainer width="100%" height="100%"> + <js:Label text="Storage Example" width="100%" /> + <js:Spacer height="20" /> + + <js:HContainer> + <js:Label text="Write File Name:" className="labelStyle" /> + <js:TextInput id="writeFileNameField" text="testfile.txt" /> + </js:HContainer> + <js:HContainer> + <js:Label text="Content:" className="labelStyle" /> + <js:TextInput id="contentField" /> + </js:HContainer> + <js:HContainer> + <js:TextButton text="SAVE" click="onSave()" /> + <js:Spacer width="10" /> + <js:TextButton text="SAVE STREAM" click="onSaveStream()" /> + </js:HContainer> + <js:Spacer height="20" /> + + <js:Label id="status" /> + <js:Spacer height="20" /> + + <js:HContainer> + <js:Label text="Read File Name:" className="labelStyle" /> + <js:TextInput id="readFileNameField" text="testfile.txt" /> + </js:HContainer> + <js:HContainer> + <js:TextButton text="READ" click="onRead()" /> + <js:Spacer width="10" /> + <js:TextButton text="READ STREAM" click="onReadStream()" /> + </js:HContainer> + <js:HContainer> + <js:Label text="Content:" className="labelStyle" /> + </js:HContainer> + <js:HContainer> + <js:Label id="readContent" className="contentStyle" /> + </js:HContainer> + </js:VContainer> + + +</js:View> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/StorageExample/src/main/flex/StorageExample.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/StorageExample/src/main/flex/StorageExample.mxml b/examples/flexjs/StorageExample/src/main/flex/StorageExample.mxml new file mode 100644 index 0000000..1b9842a --- /dev/null +++ b/examples/flexjs/StorageExample/src/main/flex/StorageExample.mxml @@ -0,0 +1,42 @@ +<?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:local="*" + xmlns:js="library://ns.apache.org/flexjs/basic" + > + + <!-- This application demonstrates how to use the Google MAP API + on both the AIR and JavaScript/browser platform. After cross- + compiling this application for JavaScript, edit the index.html + file and include your Google developer API token. + --> + + <js:valuesImpl> + <js:SimpleCSSValuesImpl /> + </js:valuesImpl> + <js:initialView> + <local:MyInitialView /> + </js:initialView> + <js:beads> + <js:MixinManager /> + </js:beads> + +</js:Application> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/StorageExample/src/main/flex/models/MyModel.as ---------------------------------------------------------------------- diff --git a/examples/flexjs/StorageExample/src/main/flex/models/MyModel.as b/examples/flexjs/StorageExample/src/main/flex/models/MyModel.as new file mode 100644 index 0000000..e0dab68 --- /dev/null +++ b/examples/flexjs/StorageExample/src/main/flex/models/MyModel.as @@ -0,0 +1,58 @@ +//////////////////////////////////////////////////////////////////////////////// +// +// 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 models +{ + import org.apache.flex.core.IBeadModel; + import org.apache.flex.core.IStrand; + import org.apache.flex.events.Event; + import org.apache.flex.events.EventDispatcher; + + public class MyModel extends EventDispatcher implements IBeadModel + { + public function MyModel() + { + super(); + } + + private var _strand:IStrand; + + public function set strand(value:IStrand):void + { + _strand = value; + } + + private var _cities:Array = ["Sydney", "NYC", "Mexico City", "London", "Rio de Janeiro"]; + + [Bindable] + public function get cities():Array + { + return _cities; + } + + private var _coordinates:Array = [{lat:-33.86, lng:151.211}, + {lat:40.712, lng:-74.0059}, + {lat:19.26, lng:-99.03}, + {lat:51.4, lng:-0.1}, + {lat:-22.95, lng:-43.12}]; + public function get coordinates():Array + { + return _coordinates; + } + } +} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/StorageExample/src/main/resources/config.xml ---------------------------------------------------------------------- diff --git a/examples/flexjs/StorageExample/src/main/resources/config.xml b/examples/flexjs/StorageExample/src/main/resources/config.xml new file mode 100644 index 0000000..00b9f64 --- /dev/null +++ b/examples/flexjs/StorageExample/src/main/resources/config.xml @@ -0,0 +1,44 @@ +<?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. + +--> +<widget id="${groupId}.${artifactId}" version="${version}" xmlns="http://www.w3.org/ns/widgets"; xmlns:cdv="http://cordova.apache.org/ns/1.0";> + <name>${artifactId}</name> + <description> + ${description} + </description> + <author email="[email protected]" href="http://flex.apache.org";> + Apache Flex Team + </author> + <content src="index.html" /> + <plugin name="cordova-plugin-whitelist" version="1" /> + <access origin="*" /> + <allow-intent href="http://*/*"; /> + <allow-intent href="https://*/*"; /> + <allow-intent href="tel:*" /> + <allow-intent href="sms:*" /> + <allow-intent href="mailto:*"; /> + <allow-intent href="geo:*" /> + <platform name="android"> + <allow-intent href="market:*" /> + </platform> + <platform name="ios"> + <allow-intent href="itms:*" /> + <allow-intent href="itms-apps:*" /> + </platform> +</widget> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/StorageExample/src/models/MyModel.as ---------------------------------------------------------------------- diff --git a/examples/flexjs/StorageExample/src/models/MyModel.as b/examples/flexjs/StorageExample/src/models/MyModel.as deleted file mode 100644 index e0dab68..0000000 --- a/examples/flexjs/StorageExample/src/models/MyModel.as +++ /dev/null @@ -1,58 +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. -// -//////////////////////////////////////////////////////////////////////////////// -package models -{ - import org.apache.flex.core.IBeadModel; - import org.apache.flex.core.IStrand; - import org.apache.flex.events.Event; - import org.apache.flex.events.EventDispatcher; - - public class MyModel extends EventDispatcher implements IBeadModel - { - public function MyModel() - { - super(); - } - - private var _strand:IStrand; - - public function set strand(value:IStrand):void - { - _strand = value; - } - - private var _cities:Array = ["Sydney", "NYC", "Mexico City", "London", "Rio de Janeiro"]; - - [Bindable] - public function get cities():Array - { - return _cities; - } - - private var _coordinates:Array = [{lat:-33.86, lng:151.211}, - {lat:40.712, lng:-74.0059}, - {lat:19.26, lng:-99.03}, - {lat:51.4, lng:-0.1}, - {lat:-22.95, lng:-43.12}]; - public function get coordinates():Array - { - return _coordinates; - } - } -} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/StyleExample/src/MyInitialView.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/StyleExample/src/MyInitialView.mxml b/examples/flexjs/StyleExample/src/MyInitialView.mxml deleted file mode 100644 index 944d9ea..0000000 --- a/examples/flexjs/StyleExample/src/MyInitialView.mxml +++ /dev/null @@ -1,427 +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. - ---> -<js:View xmlns:fx="http://ns.adobe.com/mxml/2009"; - xmlns:js="library://ns.apache.org/flexjs/basic" - xmlns:local="org.apache.flex.html.*" - initComplete="onComplete()"> - <fx:Script> - <![CDATA[ - import models.MyModel; - - private function onComplete() : void { - dropDown.dataProvider = MyModel(applicationModel).strings; - list.dataProvider = MyModel(applicationModel).strings; - dataGrid.dataProvider = MyModel(applicationModel).gridData; - } - - private function listChanged():void { - var index:Number = list.selectedIndex; - listOutput.text = "Selected: "+index; - } - ]]> - </fx:Script> - - <fx:Style> - @namespace js "library://ns.apache.org/flexjs/basic"; - @namespace internal "org.apache.flex.html.supportClasses.*"; - - /* - * TextButton - */ - - js|TextButton { - border-radius : 6px ; - font-weight : normal ; - line-height : 1.4 ; - color : #00A3EE ; - background-color : transparent ; - border : none ; - font-size : 15px ; - padding : 5px ; - } - - js|TextButton:hover { - background-color: #CFCFCF; - vertical-align: middle; - border: none; - border-radius: 6px; - } - - js|TextButton:active { - background-color: #77CEFF; - color: #FFFFFF; - } - - /* - * TextInput - */ - - js|TextInput { - padding: 5px; - border: solid 1px #666666; - border-radius: 6px; - color: #333333; - } - - js|TextInput:hover { - padding: 5px; - background-color: #DFDFDF; - } - - /* - * CheckBox - */ - - js|CheckBox { - position : relative ; - vertical-align : middle ; - color : #333333 ; - font-size : 14px ; - } - - internal|CheckBoxIcon { - margin-right: 8px; - } - - js|CheckBox:hover { - position : relative ; - vertical-align : middle ; - color : #666666 ; - font-size : 14px ; - } - - /* - * RadioButton - */ - - js|RadioButton { - position: relative; - vertical-align: middle; - color: #333333; - font-size: 14px; - } - - internal|RadioButtonIcon { - margin-right: 8px; - } - - js|RadioButton:hover { - position: relative; - vertical-align: middle; - color: #666666; - font-size: 14px; - } - - /* - * Label - */ - - js|Label { - font-size: 14pt; - font-weight: regular; - color: #333333; - position: relative; - } - - /* - * DateChooser - */ - - .dc { - box-shadow: 1px 4px 8px gray; - padding: 10px; - } - - js|DateChooser { - background-color: #FFFFFF; - padding: 8px; - border: solid 1px #EEEEEE; - border-radius: 8px; - overflow: hidden; - box-shadow: 1px 4px 8px gray; - } - -@media -flex-flash -{ - js|DateChooser { - iBorderBead: ClassReference('org.apache.flex.html.beads.SingleLineBorderBead'); - iBackgroundBead: ClassReference('org.apache.flex.html.beads.SolidBackgroundBead'); - border-style: solid; - border-color: #000000; - border-width: 1px; - background-color: #FFFFFF; - } -} - - - internal|DateChooserButton { - border-radius : 0px ; - background-color : #FFFFFF ; - color: #333333; - border : none ; - font-size : 10px ; - padding : 1px ; - } - - - internal|DateChooserButton:hover { - border-radius : 0px ; - background-color : #CFCFCF ; - color: #333333; - border : none ; - padding : 1px ; - } - - internal|DateChooserButton:active { - background-color: #77CEFF; - color: #FFFFFF; - } - - #todayDateChooserButton { - background-color: #FFFFFF; - color: #333333; - border: solid 1px #77CEFF; - } - - #todayDateChooserButton:hover { - background-color : #CFCFCF ; - color: #333333; - } - - #todayDateChooserButton:active { - background-color: #77CEFF; - color: #FFFFFF; - } - - - internal|DateHeaderButton { - border-radius : 0px ; - font-weight : bold ; - background-color : #FFFFFF ; - color: #333333; - border : none ; - padding : 1px ; - font-size : 12px ; - } - - - internal|DateHeaderButton:hover { - border-radius : 0px ; - background-color : #CFCFCF ; - color: #333333; - border : none ; - padding : 1px ; - } - - internal|DateHeaderButton:active { - background-color: #77CEFF; - color: #FFFFFF; - } - - /* - * NumberStepper and Spinner - */ - - internal|NumericStepperInput { - padding: 5px; - background-color: #FFFFFF; - color: #333333; - margin-right: 8px; - } - - internal|NumericStepperInput:hover { - background-color: #DFDFDF; - } - - internal|SpinnerButton { - background-color: transparent; - font-size: 7pt; - display: block; - padding: 0px; - } - - internal|SpinnerButton:hover { - background-color: #DFDFDF; - font-size: 7pt; - display: block; - padding: 0px; - } - - /* - * List - */ - - js|List { - background-color: #FFFFFF; - padding: 0px; - border: solid 1px #EEEEEE; - border-radius: 8px; - overflow: hidden; - box-shadow: 1px 4px 8px gray; - } - -@media -flex-flash -{ - js|List { - iBorderBead: ClassReference('org.apache.flex.html.beads.SingleLineBorderBead'); - iBackgroundBead: ClassReference('org.apache.flex.html.beads.SolidBackgroundBead'); - border-style: solid; - border-color: #000000; - border-width: 1px; - background-color: #FFFFFF; - padding: 8px; - } -} - .ListDataGroup { - padding: 8px; - } - - js|StringItemRenderer { - padding: 2px; - font-size: 10pt; - color: #333333; - } - - js|StringItemRenderer:hover { - background-color: #CFCFCF; - color: #333333; - } - - js|StringItemRenderer:active { - background-color: #77CEFF; - color: #FFFFFF; - } - - js|StringItemRenderer.selected { - background-color: #77CEFF; - color: #FFFFFF; - } - -@media -flex-flash -{ - js|StringItemRenderer:selected { - background-color: #77CEFF; - color: #FFFFFF; - } -} - - /* - * DataGrid - */ - - js|DataGrid { - background-color: white; - border: solid 1px #EEEEEE; - border-radius: 8px; - box-shadow : 1px 4px 8px gray ; - } - -@media -flex-flash -{ - js|DataGrid { - iBorderBead: ClassReference('org.apache.flex.html.beads.SingleLineBorderBead'); - iBackgroundBead: ClassReference('org.apache.flex.html.beads.SolidBackgroundBead'); - border-style: solid; - border-color: #000000; - border-width: 1px; - background-color: #FFCC00; - padding: 8px; - } -} - - .DataGridListArea { - background-color: transparent; - border: none; - overflow: hidden; - } - - js|DataGridButtonBarTextButton { - border-style: none; - background-color: transparent; - text-align: center; - font-size: 14pt; - color: #77CEFF; - } - - js|DataGridButtonBarTextButton:hover { - border-style: none; - background-color: transparent; - color: #77CEFF; - } - - .yellow { - background-color: #FFFF00; - vertical-align: middle; - } - - .centeredLabel { - line-height: 100px; - } - </fx:Style> - - <js:beads> - <js:ViewDataBinding /> - </js:beads> - - <js:VContainer x="50" y="50" width="400" height="400" className="foo"> - - <js:TextInput text="Input here" width="200" /> - <js:Spacer height="20" /> - - <js:HContainer> - <js:TextButton text="Default Button" width="120" height="40"/> - <js:Spacer width="10" /> - <js:DropDownList id="dropDown" width="100" /> - <js:Spacer width="10" /> - <js:NumericStepper id="nstep" /> - </js:HContainer> - <js:Spacer height="20" /> - - <js:CheckBox text="Check Me, please!" /> - <js:Spacer height="20" /> - <js:RadioButton text="Apples" groupName="fruits" value="1" selected="true" /> - <js:RadioButton text="Oranges" groupName="fruits" value="2" /> - <js:RadioButton text="Grapes" groupName="fruits" value="3" /> - <js:RadioButton text="Bananas" groupName="fruits" value="4" /> - - <js:Spacer height="10" /> - <js:Label id="output" text="An Example of a Label" /> - - <js:Spacer height="20" /> - <js:DateChooser /> - - <js:Spacer height="20" /> - <js:HContainer width="400"> - <js:List id="list" width="100" height="100" change="listChanged()" /> - <js:Spacer width="10" /> - <js:Label id="listOutput" width="90" height="100" className="centeredLabel" /> - </js:HContainer> - - <js:Spacer height="20" /> - <js:DataGrid id="dataGrid" width="300" height="300"> - <js:columns> - <js:DataGridColumn dataField="month" label="Month" /> - <js:DataGridColumn dataField="days" label="# Days" /> - </js:columns> - </js:DataGrid> - - </js:VContainer> - -</js:View> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/StyleExample/src/StyleExample.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/StyleExample/src/StyleExample.mxml b/examples/flexjs/StyleExample/src/StyleExample.mxml deleted file mode 100644 index f7c5584..0000000 --- a/examples/flexjs/StyleExample/src/StyleExample.mxml +++ /dev/null @@ -1,34 +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. - ---> -<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; - xmlns:local="*" - xmlns:js="library://ns.apache.org/flexjs/basic" - xmlns:models="models.*" - > - <js:valuesImpl> - <js:SimpleCSSValuesImpl /> - </js:valuesImpl> - <js:initialView> - <local:MyInitialView /> - </js:initialView> - <js:model> - <models:MyModel /> - </js:model> -</js:Application> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/StyleExample/src/main/flex/MyInitialView.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/StyleExample/src/main/flex/MyInitialView.mxml b/examples/flexjs/StyleExample/src/main/flex/MyInitialView.mxml new file mode 100644 index 0000000..944d9ea --- /dev/null +++ b/examples/flexjs/StyleExample/src/main/flex/MyInitialView.mxml @@ -0,0 +1,427 @@ +<?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:View xmlns:fx="http://ns.adobe.com/mxml/2009"; + xmlns:js="library://ns.apache.org/flexjs/basic" + xmlns:local="org.apache.flex.html.*" + initComplete="onComplete()"> + <fx:Script> + <![CDATA[ + import models.MyModel; + + private function onComplete() : void { + dropDown.dataProvider = MyModel(applicationModel).strings; + list.dataProvider = MyModel(applicationModel).strings; + dataGrid.dataProvider = MyModel(applicationModel).gridData; + } + + private function listChanged():void { + var index:Number = list.selectedIndex; + listOutput.text = "Selected: "+index; + } + ]]> + </fx:Script> + + <fx:Style> + @namespace js "library://ns.apache.org/flexjs/basic"; + @namespace internal "org.apache.flex.html.supportClasses.*"; + + /* + * TextButton + */ + + js|TextButton { + border-radius : 6px ; + font-weight : normal ; + line-height : 1.4 ; + color : #00A3EE ; + background-color : transparent ; + border : none ; + font-size : 15px ; + padding : 5px ; + } + + js|TextButton:hover { + background-color: #CFCFCF; + vertical-align: middle; + border: none; + border-radius: 6px; + } + + js|TextButton:active { + background-color: #77CEFF; + color: #FFFFFF; + } + + /* + * TextInput + */ + + js|TextInput { + padding: 5px; + border: solid 1px #666666; + border-radius: 6px; + color: #333333; + } + + js|TextInput:hover { + padding: 5px; + background-color: #DFDFDF; + } + + /* + * CheckBox + */ + + js|CheckBox { + position : relative ; + vertical-align : middle ; + color : #333333 ; + font-size : 14px ; + } + + internal|CheckBoxIcon { + margin-right: 8px; + } + + js|CheckBox:hover { + position : relative ; + vertical-align : middle ; + color : #666666 ; + font-size : 14px ; + } + + /* + * RadioButton + */ + + js|RadioButton { + position: relative; + vertical-align: middle; + color: #333333; + font-size: 14px; + } + + internal|RadioButtonIcon { + margin-right: 8px; + } + + js|RadioButton:hover { + position: relative; + vertical-align: middle; + color: #666666; + font-size: 14px; + } + + /* + * Label + */ + + js|Label { + font-size: 14pt; + font-weight: regular; + color: #333333; + position: relative; + } + + /* + * DateChooser + */ + + .dc { + box-shadow: 1px 4px 8px gray; + padding: 10px; + } + + js|DateChooser { + background-color: #FFFFFF; + padding: 8px; + border: solid 1px #EEEEEE; + border-radius: 8px; + overflow: hidden; + box-shadow: 1px 4px 8px gray; + } + +@media -flex-flash +{ + js|DateChooser { + iBorderBead: ClassReference('org.apache.flex.html.beads.SingleLineBorderBead'); + iBackgroundBead: ClassReference('org.apache.flex.html.beads.SolidBackgroundBead'); + border-style: solid; + border-color: #000000; + border-width: 1px; + background-color: #FFFFFF; + } +} + + + internal|DateChooserButton { + border-radius : 0px ; + background-color : #FFFFFF ; + color: #333333; + border : none ; + font-size : 10px ; + padding : 1px ; + } + + + internal|DateChooserButton:hover { + border-radius : 0px ; + background-color : #CFCFCF ; + color: #333333; + border : none ; + padding : 1px ; + } + + internal|DateChooserButton:active { + background-color: #77CEFF; + color: #FFFFFF; + } + + #todayDateChooserButton { + background-color: #FFFFFF; + color: #333333; + border: solid 1px #77CEFF; + } + + #todayDateChooserButton:hover { + background-color : #CFCFCF ; + color: #333333; + } + + #todayDateChooserButton:active { + background-color: #77CEFF; + color: #FFFFFF; + } + + + internal|DateHeaderButton { + border-radius : 0px ; + font-weight : bold ; + background-color : #FFFFFF ; + color: #333333; + border : none ; + padding : 1px ; + font-size : 12px ; + } + + + internal|DateHeaderButton:hover { + border-radius : 0px ; + background-color : #CFCFCF ; + color: #333333; + border : none ; + padding : 1px ; + } + + internal|DateHeaderButton:active { + background-color: #77CEFF; + color: #FFFFFF; + } + + /* + * NumberStepper and Spinner + */ + + internal|NumericStepperInput { + padding: 5px; + background-color: #FFFFFF; + color: #333333; + margin-right: 8px; + } + + internal|NumericStepperInput:hover { + background-color: #DFDFDF; + } + + internal|SpinnerButton { + background-color: transparent; + font-size: 7pt; + display: block; + padding: 0px; + } + + internal|SpinnerButton:hover { + background-color: #DFDFDF; + font-size: 7pt; + display: block; + padding: 0px; + } + + /* + * List + */ + + js|List { + background-color: #FFFFFF; + padding: 0px; + border: solid 1px #EEEEEE; + border-radius: 8px; + overflow: hidden; + box-shadow: 1px 4px 8px gray; + } + +@media -flex-flash +{ + js|List { + iBorderBead: ClassReference('org.apache.flex.html.beads.SingleLineBorderBead'); + iBackgroundBead: ClassReference('org.apache.flex.html.beads.SolidBackgroundBead'); + border-style: solid; + border-color: #000000; + border-width: 1px; + background-color: #FFFFFF; + padding: 8px; + } +} + .ListDataGroup { + padding: 8px; + } + + js|StringItemRenderer { + padding: 2px; + font-size: 10pt; + color: #333333; + } + + js|StringItemRenderer:hover { + background-color: #CFCFCF; + color: #333333; + } + + js|StringItemRenderer:active { + background-color: #77CEFF; + color: #FFFFFF; + } + + js|StringItemRenderer.selected { + background-color: #77CEFF; + color: #FFFFFF; + } + +@media -flex-flash +{ + js|StringItemRenderer:selected { + background-color: #77CEFF; + color: #FFFFFF; + } +} + + /* + * DataGrid + */ + + js|DataGrid { + background-color: white; + border: solid 1px #EEEEEE; + border-radius: 8px; + box-shadow : 1px 4px 8px gray ; + } + +@media -flex-flash +{ + js|DataGrid { + iBorderBead: ClassReference('org.apache.flex.html.beads.SingleLineBorderBead'); + iBackgroundBead: ClassReference('org.apache.flex.html.beads.SolidBackgroundBead'); + border-style: solid; + border-color: #000000; + border-width: 1px; + background-color: #FFCC00; + padding: 8px; + } +} + + .DataGridListArea { + background-color: transparent; + border: none; + overflow: hidden; + } + + js|DataGridButtonBarTextButton { + border-style: none; + background-color: transparent; + text-align: center; + font-size: 14pt; + color: #77CEFF; + } + + js|DataGridButtonBarTextButton:hover { + border-style: none; + background-color: transparent; + color: #77CEFF; + } + + .yellow { + background-color: #FFFF00; + vertical-align: middle; + } + + .centeredLabel { + line-height: 100px; + } + </fx:Style> + + <js:beads> + <js:ViewDataBinding /> + </js:beads> + + <js:VContainer x="50" y="50" width="400" height="400" className="foo"> + + <js:TextInput text="Input here" width="200" /> + <js:Spacer height="20" /> + + <js:HContainer> + <js:TextButton text="Default Button" width="120" height="40"/> + <js:Spacer width="10" /> + <js:DropDownList id="dropDown" width="100" /> + <js:Spacer width="10" /> + <js:NumericStepper id="nstep" /> + </js:HContainer> + <js:Spacer height="20" /> + + <js:CheckBox text="Check Me, please!" /> + <js:Spacer height="20" /> + <js:RadioButton text="Apples" groupName="fruits" value="1" selected="true" /> + <js:RadioButton text="Oranges" groupName="fruits" value="2" /> + <js:RadioButton text="Grapes" groupName="fruits" value="3" /> + <js:RadioButton text="Bananas" groupName="fruits" value="4" /> + + <js:Spacer height="10" /> + <js:Label id="output" text="An Example of a Label" /> + + <js:Spacer height="20" /> + <js:DateChooser /> + + <js:Spacer height="20" /> + <js:HContainer width="400"> + <js:List id="list" width="100" height="100" change="listChanged()" /> + <js:Spacer width="10" /> + <js:Label id="listOutput" width="90" height="100" className="centeredLabel" /> + </js:HContainer> + + <js:Spacer height="20" /> + <js:DataGrid id="dataGrid" width="300" height="300"> + <js:columns> + <js:DataGridColumn dataField="month" label="Month" /> + <js:DataGridColumn dataField="days" label="# Days" /> + </js:columns> + </js:DataGrid> + + </js:VContainer> + +</js:View> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/StyleExample/src/main/flex/StyleExample.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/StyleExample/src/main/flex/StyleExample.mxml b/examples/flexjs/StyleExample/src/main/flex/StyleExample.mxml new file mode 100644 index 0000000..f7c5584 --- /dev/null +++ b/examples/flexjs/StyleExample/src/main/flex/StyleExample.mxml @@ -0,0 +1,34 @@ +<?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:local="*" + xmlns:js="library://ns.apache.org/flexjs/basic" + xmlns:models="models.*" + > + <js:valuesImpl> + <js:SimpleCSSValuesImpl /> + </js:valuesImpl> + <js:initialView> + <local:MyInitialView /> + </js:initialView> + <js:model> + <models:MyModel /> + </js:model> +</js:Application> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/e75059f7/examples/flexjs/StyleExample/src/main/flex/models/MyModel.as ---------------------------------------------------------------------- diff --git a/examples/flexjs/StyleExample/src/main/flex/models/MyModel.as b/examples/flexjs/StyleExample/src/main/flex/models/MyModel.as new file mode 100644 index 0000000..20ab016 --- /dev/null +++ b/examples/flexjs/StyleExample/src/main/flex/models/MyModel.as @@ -0,0 +1,53 @@ +//////////////////////////////////////////////////////////////////////////////// +// +// 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 models +{ + import org.apache.flex.collections.ArrayList; + import org.apache.flex.collections.IArrayList; + import org.apache.flex.events.Event; + import org.apache.flex.events.EventDispatcher; + + public class MyModel extends EventDispatcher + { + public function MyModel() + { + } + + private var _strings:Array = ["AAPL", "ADBE", "FX", "GOOG", "MSFT", "NYSE", "YHOO"]; + [Bindable("__NoChangeEvent__")] + public function get strings():Array + { + return _strings; + } + + private var _gridData:ArrayList = new ArrayList([ + {month:"January", days:31}, {month:"February", days:28}, + {month:"March", days:31}, {month:"April", days:30}, + {month:"May", days:31}, {month:"June", days:30}, + {month:"July", days:31}, {month:"August", days:31}, + {month:"September", days:30}, {month:"October", days:31}, + {month:"November", days:30}, {month:"December", days:31}]); + [Bindable("__NoChangeEvent__")] + public function get gridData():IArrayList + { + return _gridData; + } + + } +}
