http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/EffectsExample/src/MyInitialView.mxml ---------------------------------------------------------------------- diff --git a/manualtests/EffectsExample/src/MyInitialView.mxml b/manualtests/EffectsExample/src/MyInitialView.mxml new file mode 100644 index 0000000..9fa98e3 --- /dev/null +++ b/manualtests/EffectsExample/src/MyInitialView.mxml @@ -0,0 +1,89 @@ +<?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:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"; + xmlns:js="library://ns.apache.org/flexjs/basic" + xmlns:local="*" + xmlns:models="models.*" + xmlns:acc="org.apache.flex.html.accessories.*"> + + <fx:Style> + .title { + font-size: 14pt; + font-weight: bold; + } + + </fx:Style> + + <fx:Script> + <![CDATA[ + import org.apache.flex.effects.Fade; + import org.apache.flex.effects.Move; + + private function swapit():void + { + var move1:Move = new Move(image1); + var move2:Move = new Move(image2); + move1.xTo = image1.x == 100 ? 400 : 100; + move2.xTo = image2.x == 100 ? 400 : 100; + move1.play(); + move2.play(); + } + + private function fadeout():void + { + var fade:Fade = new Fade(image1); + fade.alphaFrom = 1; + fade.alphaTo = 0; + fade.play(); + } + + private function fadein():void + { + var fade:Fade = new Fade(image1); + fade.alphaFrom = 0; + fade.alphaTo = 1; + fade.play(); + } + ]]> + </fx:Script> + + <js:Container width="600" height="700" x="50" y="50"> + <js:beads> + <js:VerticalLayout /> + </js:beads> + + <js:Container width="600" height="40"> + <js:beads> + <js:HorizontalLayout /> + </js:beads> + <js:TextButton text="swap" click="swapit()" /> + <js:TextButton text="fade out" click="fadeout()" /> + <js:TextButton text="fade in" click="fadein()" /> + </js:Container> + + <js:Container width="500"> + <js:Image id="image1" source="twong.jpg" x="100" y="20" /> + <js:Label id="caption1" text="Dick" x="100" y="200" /> + <js:Image id="image2" source="jproctor.jpg" x="400" y="20" /> + <js:Label id="caption2" text="Jane" x="400" y="200" /> + </js:Container> + </js:Container> + +</js:ViewBase>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/EffectsExample/src/README.txt ---------------------------------------------------------------------- diff --git a/manualtests/EffectsExample/src/README.txt b/manualtests/EffectsExample/src/README.txt new file mode 100644 index 0000000..defca90 --- /dev/null +++ b/manualtests/EffectsExample/src/README.txt @@ -0,0 +1,35 @@ +//////////////////////////////////////////////////////////////////////////////// +// +// 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. +// +//////////////////////////////////////////////////////////////////////////////// + +DESCRIPTION + +The EffectsExample demonstrates the Move and Fade effects. This Flex application +can be run as an ActionScript SWF or cross-compiled into a JavaScript/HTML +application using the Falcon JX compiler. + +COMPONENTS and BEADS + +- Container +- Image +- Label +- TextButton + +- Move +- Fade + http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/EffectsExample/src/jproctor.jpg ---------------------------------------------------------------------- diff --git a/manualtests/EffectsExample/src/jproctor.jpg b/manualtests/EffectsExample/src/jproctor.jpg new file mode 100644 index 0000000..1111787 Binary files /dev/null and b/manualtests/EffectsExample/src/jproctor.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/EffectsExample/src/twong.jpg ---------------------------------------------------------------------- diff --git a/manualtests/EffectsExample/src/twong.jpg b/manualtests/EffectsExample/src/twong.jpg new file mode 100644 index 0000000..1124b71 Binary files /dev/null and b/manualtests/EffectsExample/src/twong.jpg differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_HTML5/build.xml ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_HTML5/build.xml b/manualtests/FlexJSTest_HTML5/build.xml new file mode 100644 index 0000000..4faedac --- /dev/null +++ b/manualtests/FlexJSTest_HTML5/build.xml @@ -0,0 +1,70 @@ +<?xml version="1.0"?> +<!-- + + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + +--> + + +<project name="flexjstest_HTML5" default="main" basedir="."> + <property name="FLEXJS_HOME" location="../.."/> + <property name="example" value="FlexJSTest_HTML5" /> + + <property environment="env"/> + <property file="${FLEXJS_HOME}/build.properties"/> + <property name="FLEX_HOME" value="${FLEXJS_HOME}"/> + <available file="${env.FALCON_HOME}/lib/falcon-mxmlc.jar" + type="file" + property="FALCON_HOME" + value="${env.FALCON_HOME}"/> + + <available file="${FLEXJS_HOME}/../flex-falcon/compiler/generated/dist/sdk/lib/falcon-mxmlc.jar" + type="file" + property="FALCON_HOME" + value="${FLEXJS_HOME}/../flex-falcon/compiler/generated/dist/sdk"/> + + <available file="${env.FALCONJX_HOME}/lib/jsc.jar" + type="file" + property="FALCONJX_HOME" + value="${env.FALCONJX_HOME}"/> + + <available file="${FLEXJS_HOME}/../flex-falcon/compiler.jx/lib/jsc.jar" + type="file" + property="FALCONJX_HOME" + value="${FLEXJS_HOME}/../flex-falcon/compiler.jx"/> + + <available file="${env.GOOG_HOME}/closure/goog/base.js" + type="file" + property="GOOG_HOME" + value="${env.GOOG_HOME}"/> + + <available file="${FLEXJS_HOME}/js/lib/google/closure-library/closure/goog/base.js" + type="file" + property="GOOG_HOME" + value="${FLEXJS_HOME}/js/lib/google/closure-library"/> + + <include file="${basedir}/../build_example.xml" /> + + <target name="main" depends="clean,build_example.compile,build_example.compilejs" description="Clean build of ${example}"> + </target> + + <target name="clean"> + <delete dir="${basedir}/bin" failonerror="false" /> + <delete dir="${basedir}/bin-debug" failonerror="false" /> + <delete dir="${basedir}/bin-release" failonerror="false" /> + </target> + +</project> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_HTML5/src/ButtonImageDown.png ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_HTML5/src/ButtonImageDown.png b/manualtests/FlexJSTest_HTML5/src/ButtonImageDown.png new file mode 100644 index 0000000..0cf7f8a Binary files /dev/null and b/manualtests/FlexJSTest_HTML5/src/ButtonImageDown.png differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_HTML5/src/ButtonImageOver.png ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_HTML5/src/ButtonImageOver.png b/manualtests/FlexJSTest_HTML5/src/ButtonImageOver.png new file mode 100644 index 0000000..2f78d59 Binary files /dev/null and b/manualtests/FlexJSTest_HTML5/src/ButtonImageOver.png differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_HTML5/src/ButtonImageUp.png ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_HTML5/src/ButtonImageUp.png b/manualtests/FlexJSTest_HTML5/src/ButtonImageUp.png new file mode 100644 index 0000000..927e1c8 Binary files /dev/null and b/manualtests/FlexJSTest_HTML5/src/ButtonImageUp.png differ http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_HTML5/src/FlexJSTest_HTML5.mxml ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_HTML5/src/FlexJSTest_HTML5.mxml b/manualtests/FlexJSTest_HTML5/src/FlexJSTest_HTML5.mxml new file mode 100644 index 0000000..88e3dfc --- /dev/null +++ b/manualtests/FlexJSTest_HTML5/src/FlexJSTest_HTML5.mxml @@ -0,0 +1,51 @@ +<?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.*" + xmlns:controllers="controllers.*" + initialize="MyModel(model).labelText='Hello HTML5'" + > + <js:valuesImpl> + <js:SimpleCSSValuesImpl /> + </js:valuesImpl> + <js:initialView> + <local:MyInitialView /> + </js:initialView> + <js:model> + <models:MyModel /> + </js:model> + <js:controller> + <controllers:MyController /> + </js:controller> + <js:beads> + <js:HTTPService id="service"> + <js:LazyCollection id="collection"> + <js:inputParser> + <js:JSONInputParser /> + </js:inputParser> + <js:itemConverter> + <local:StockDataJSONItemConverter /> + </js:itemConverter> + </js:LazyCollection> + </js:HTTPService> + </js:beads> +</js:Application> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_HTML5/src/MyInitialView.mxml ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_HTML5/src/MyInitialView.mxml b/manualtests/FlexJSTest_HTML5/src/MyInitialView.mxml new file mode 100644 index 0000000..b88b7ce --- /dev/null +++ b/manualtests/FlexJSTest_HTML5/src/MyInitialView.mxml @@ -0,0 +1,144 @@ +<?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: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> + <![CDATA[ + import org.apache.flex.events.CustomEvent; + import org.apache.flex.events.Event; + import org.apache.flex.utils.Timer; + + private var timer:org.apache.flex.utils.Timer; + + public function get symbol():String + { + return list.selectedItem as String; + } + + public function get city():String + { + return cityList.selectedItem as String; + } + + public function get inputText():String + { + return input.text; + } + + public function get comboBoxValue():String + { + return String(comboBox.selectedItem); + } + + public function startTimer():void + { + timer = new org.apache.flex.utils.Timer(1000); + timer.addEventListener('timer', timerHandler); + timer.start() + } + + public function timerHandler(event:org.apache.flex.events.Event):void + { + timerLabel.text = timer.currentCount.toString(); + } + ]]> + </fx:Script> + <fx:Style> + @namespace html5 "library://ns.apache.org/flexjs/html5"; + + .skinned { + background-image: url('ButtonImageUp.png'); + border-style: none; + } + + .skinned:hover { + background-image: url('ButtonImageOver.png'); + } + + .skinned:active { + background-image: url('ButtonImageDown.png'); + } + + </fx:Style> + <html5:Label id="lbl" x="100" y="25" > + <html5:beads> + <js:SimpleBinding eventName="labelTextChanged" + sourceID="applicationModel" + sourcePropertyName="labelText" + destinationPropertyName="text" /> + </html5:beads> + </html5:Label> + <html5:TextButton text="Start Timer" x="100" y="75" click="startTimer()" /> + <html5:TextButton text="Stop Timer" x="100" y="100" click="timer.removeEventListener('timer', timerHandler);timer.stop()" /> + <html5:Label id="timerLabel" x="100" y="125" /> + + <html5:List id="cityList" x="200" y="75" width="100" height="75" change="dispatchEvent(new CustomEvent('cityListChanged'))"> + <html5:beads> + <js:ConstantBinding + sourceID="applicationModel" + sourcePropertyName="cities" + destinationPropertyName="dataProvider" /> + </html5:beads> + </html5:List> + + <html5:TextArea x="320" y="25" width="150" height="75"> + <html5:beads> + <js:SimpleBinding eventName="labelTextChanged" + sourceID="applicationModel" + sourcePropertyName="labelText" + destinationPropertyName="text" /> + </html5:beads> + </html5:TextArea> + <html5:TextInput id="input" x="320" y="110" /> + <html5:TextButton text="Transfer" x="320" y="138" click="dispatchEvent(new CustomEvent('transferClicked'))" /> + + <html5:CheckBox id="checkbox" x="320" y="170" text="Check Me" /> + + <html5:RadioButton groupName="group1" text="Apples" value="0" x="100" y="150" /> + <html5:RadioButton groupName="group1" text="Oranges" value="1" x="100" y="170" selected="true" /> + <html5:RadioButton groupName="group1" text="Grapes" value="2" x="100" y="190" /> + + <html5:RadioButton groupName="group2" text="Red" value="red" x="100" y="250" selected="true" /> + <html5:RadioButton groupName="group2" text="Green" value="green" x="100" y="270" /> + <html5:RadioButton groupName="group2" text="Blue" value="blue" x="100" y="290" /> + + <html5:DropDownList id="list" x="200" y="200" width="100" height="24" change="dispatchEvent(new CustomEvent('listChanged'))"> + <html5:beads> + <js:ConstantBinding + sourceID="applicationModel" + sourcePropertyName="strings" + destinationPropertyName="dataProvider" /> + </html5:beads> + </html5:DropDownList> + <html5:TextButton text="OK" x="200" y="230" click="dispatchEvent(new CustomEvent('buttonClicked'))" /> + <html5:TextButton text="Skinned" x="200" y="260" width="80" height="24" className="skinned" click="dispatchEvent(new CustomEvent('buttonClicked'))" /> + + <html5:ComboBox id="comboBox" x="320" y="200" width="100" change="dispatchEvent(new CustomEvent('comboBoxChanged'))"> + <html5:beads> + <js:ConstantBinding + sourceID="applicationModel" + sourcePropertyName="cities" + destinationPropertyName="dataProvider" /> + </html5:beads> + </html5:ComboBox> + +</js:ViewBase> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_HTML5/src/StockDataJSONItemConverter.as ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_HTML5/src/StockDataJSONItemConverter.as b/manualtests/FlexJSTest_HTML5/src/StockDataJSONItemConverter.as new file mode 100644 index 0000000..8f219d5 --- /dev/null +++ b/manualtests/FlexJSTest_HTML5/src/StockDataJSONItemConverter.as @@ -0,0 +1,36 @@ +//////////////////////////////////////////////////////////////////////////////// +// +// Licensed to the Apache Software Foundation (ASF) under one or more +// contributor license agreements. See the NOTICE file distributed with +// this work for additional information regarding copyright ownership. +// The ASF licenses this file to You under the Apache License, Version 2.0 +// (the "License"); you may not use this file except in compliance with +// the License. You may obtain a copy of the License at +// +// http://www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. +// +//////////////////////////////////////////////////////////////////////////////// +package +{ + import org.apache.flex.collections.converters.JSONItemConverter; + + public class StockDataJSONItemConverter extends JSONItemConverter + { + public function StockDataJSONItemConverter() + { + super(); + } + + override public function convertItem(data:String):Object + { + var obj:Object = super.convertItem(data); + return obj.query.results.quote.Ask; + } + } +} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_HTML5/src/controllers/MyController.as ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_HTML5/src/controllers/MyController.as b/manualtests/FlexJSTest_HTML5/src/controllers/MyController.as new file mode 100644 index 0000000..b06af1d --- /dev/null +++ b/manualtests/FlexJSTest_HTML5/src/controllers/MyController.as @@ -0,0 +1,92 @@ +//////////////////////////////////////////////////////////////////////////////// +// +// 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 controllers +{ + import org.apache.flex.core.Application; + import org.apache.flex.core.IDocument; + import org.apache.flex.events.Event; + + + import models.MyModel; + + public class MyController implements IDocument + { + public function MyController(app:Application = null) + { + if (app) + { + this.app = app as FlexJSTest_HTML5; + app.addEventListener("viewChanged", viewChangeHandler); + } + } + + 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 app:FlexJSTest_HTML5; + + private function viewChangeHandler(event:Event):void + { + app.initialView.addEventListener("buttonClicked", buttonClickHandler); + app.initialView.addEventListener("listChanged", listChangedHandler); + app.initialView.addEventListener("cityListChanged", cityListChangeHandler); + app.initialView.addEventListener("transferClicked", transferClickHandler); + app.initialView.addEventListener("comboBoxChanged", comboBoxChangeHandler); + } + + private function buttonClickHandler(event:Event):void + { + var sym:String = MyInitialView(app.initialView).symbol; + app.service.url = queryBegin + sym + queryEnd; + app.service.send(); + app.service.addEventListener("complete", completeHandler); + } + + private function completeHandler(event:Event):void + { + MyModel(app.model).labelText = app.collection.getItemAt(0) as String; + } + + private function listChangedHandler(event:Event):void + { + MyModel(app.model).labelText = MyInitialView(app.initialView).symbol; + } + + private function cityListChangeHandler(event:Event):void + { + MyModel(app.model).labelText = MyInitialView(app.initialView).city; + } + + private function transferClickHandler(event:Event):void + { + MyModel(app.model).labelText = MyInitialView(app.initialView).inputText; + } + + private function comboBoxChangeHandler(event:Event):void + { + MyModel(app.model).labelText = MyInitialView(app.initialView).comboBoxValue; + } + + public function setDocument(document:Object, id:String = null):void + { + this.app = document as FlexJSTest_HTML5; + app.addEventListener("viewChanged", viewChangeHandler); + } + + } +} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_HTML5/src/models/MyModel.as ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_HTML5/src/models/MyModel.as b/manualtests/FlexJSTest_HTML5/src/models/MyModel.as new file mode 100644 index 0000000..1dc23e6 --- /dev/null +++ b/manualtests/FlexJSTest_HTML5/src/models/MyModel.as @@ -0,0 +1,59 @@ +//////////////////////////////////////////////////////////////////////////////// +// +// 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 MyModel extends EventDispatcher + { + public function MyModel() + { + } + + private var _labelText:String; + + public function get labelText():String + { + return _labelText; + } + + public function set labelText(value:String):void + { + if (value != _labelText) + { + _labelText = value; + dispatchEvent(new Event("labelTextChanged")); + } + } + + private var _strings:Array = ["AAPL", "ADBE", "GOOG", "MSFT", "YHOO"]; + public function get strings():Array + { + return _strings; + } + + private var _cities:Array = ["London", "Miami", "Paris", "Sydney", "Tokyo"]; + public function get cities():Array + { + return _cities; + } + + } +} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_Panel/build.xml ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_Panel/build.xml b/manualtests/FlexJSTest_Panel/build.xml new file mode 100644 index 0000000..267a21d --- /dev/null +++ b/manualtests/FlexJSTest_Panel/build.xml @@ -0,0 +1,71 @@ +<?xml version="1.0"?> +<!-- + + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + +--> + + +<project name="flexjstest_Panel" default="main" basedir="."> + <property name="FLEXJS_HOME" location="../.."/> + <property name="example" value="FlexJSTest_Panel" /> + + <property file="${FLEXJS_HOME}/env.properties"/> + <property environment="env"/> + <property file="${FLEXJS_HOME}/build.properties"/> + <property name="FLEX_HOME" value="${FLEXJS_HOME}"/> + <available file="${env.FALCON_HOME}/lib/falcon-mxmlc.jar" + type="file" + property="FALCON_HOME" + value="${env.FALCON_HOME}"/> + + <available file="${FLEXJS_HOME}/../flex-falcon/compiler/generated/dist/sdk/lib/falcon-mxmlc.jar" + type="file" + property="FALCON_HOME" + value="${FLEXJS_HOME}/../flex-falcon/compiler/generated/dist/sdk"/> + + <available file="${env.FALCONJX_HOME}/lib/jsc.jar" + type="file" + property="FALCONJX_HOME" + value="${env.FALCONJX_HOME}"/> + + <available file="${FLEXJS_HOME}/../flex-falcon/compiler.jx/lib/jsc.jar" + type="file" + property="FALCONJX_HOME" + value="${FLEXJS_HOME}/../flex-falcon/compiler.jx"/> + + <available file="${env.GOOG_HOME}/closure/goog/base.js" + type="file" + property="GOOG_HOME" + value="${env.GOOG_HOME}"/> + + <available file="${FLEXJS_HOME}/js/lib/google/closure-library/closure/goog/base.js" + type="file" + property="GOOG_HOME" + value="${FLEXJS_HOME}/js/lib/google/closure-library"/> + + <include file="${basedir}/../build_example.xml" /> + + <target name="main" depends="clean,build_example.compile,build_example.compilejs" description="Clean build of ${example}"> + </target> + + <target name="clean"> + <delete dir="${basedir}/bin" failonerror="false" /> + <delete dir="${basedir}/bin-debug" failonerror="false" /> + <delete dir="${basedir}/bin-release" failonerror="false" /> + </target> + +</project> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_Panel/src/FlexJSTest_Panel.mxml ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_Panel/src/FlexJSTest_Panel.mxml b/manualtests/FlexJSTest_Panel/src/FlexJSTest_Panel.mxml new file mode 100644 index 0000000..416e4df --- /dev/null +++ b/manualtests/FlexJSTest_Panel/src/FlexJSTest_Panel.mxml @@ -0,0 +1,32 @@ +<?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" + > + + <js:valuesImpl> + <js:SimpleCSSValuesImpl /> + </js:valuesImpl> + <js:initialView> + <local:MyInitialView /> + </js:initialView> +</js:Application> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_Panel/src/MyInitialView.mxml ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_Panel/src/MyInitialView.mxml b/manualtests/FlexJSTest_Panel/src/MyInitialView.mxml new file mode 100644 index 0000000..25323dc --- /dev/null +++ b/manualtests/FlexJSTest_Panel/src/MyInitialView.mxml @@ -0,0 +1,144 @@ +<?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:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"; + xmlns:js="library://ns.apache.org/flexjs/basic" + initComplete="initControls()"> + <fx:Script> + <![CDATA[ + import org.apache.flex.html.Alert; + import org.apache.flex.html.SimpleAlert; + + private function initControls():void + { + } + + private function onButtonClick() : void + { + Alert.show("This is an Alert! I want to see all of this text.", + this, + "Testing", + Alert.OK|Alert.CANCEL); + + } + + private function spinnerChanged(control:Object):void + { + spinMe.text = "Spin: "+String(control.value); + } + + private function showSimpleAlert() : void + { + SimpleAlert.show("A Simple Alert", this); + } + + private function sliderChanged(control:Object):void + { + slideMe.text = "Slider: "+String(control.value); + } + ]]> + </fx:Script> + + <fx:Style> + @namespace basic "library://ns.apache.org/flexjs/basic"; + + .Alert { + background-color: #EEEEEE; + border-style: solid; + border-color: #0000FF; + border-thickness: 5; + } + + .Alert #titleBar #title { + font-weight: bold; + color: #EEEEEE; + } + + .SimpleAlert { + background-color: #99FF00; + border-style: solid; + border-color: #FF9900; + border-thickness: 5; + padding: 5px; + } + + .TitleBar { + color: #FFFFFF; + font-weight: bold; + text-align: center; + background-color: #444444; + } + + .panel1 { + padding: 1px; + background-color: #EEEEEE; + border-color: #000000; + border-thickness: 1; + } + + .numStepper { + border-style: solid; + border-color: #000000; + border-thickness: 1; + background-color: #FFFFCC; + } + + @media -flex-flash + { + .TitleBar { + iBackgroundBead: ClassReference('org.apache.flex.html.beads.SolidBackgroundBead'); + } + + .panel1 { + iBorderBead: ClassReference('org.apache.flex.html.beads.SingleLineBorderBead'); + iBackgroundBead: ClassReference('org.apache.flex.html.beads.SolidBackgroundBead'); + } + + .numStepper { + iBorderBead: ClassReference('org.apache.flex.html.beads.SingleLineBorderBead'); + iBackgroundBead: ClassReference('org.apache.flex.html.beads.SolidBackgroundBead'); + } + + } + </fx:Style> + + + <js:Panel title="Example" x="300" width="300" y="50" className="panel1" showCloseButton="true"> + <js:beads> + <js:VerticalLayout /> + </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"/> + <js:Label id="slideMe" /> + <js:Slider id="slider" + valueChange="sliderChanged(slider)" + minimum="20" + maximum="80" + stepSize="5" /> + </js:Panel> + + +</js:ViewBase> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_Panel/src/README.txt ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_Panel/src/README.txt b/manualtests/FlexJSTest_Panel/src/README.txt new file mode 100644 index 0000000..8ba1421 --- /dev/null +++ b/manualtests/FlexJSTest_Panel/src/README.txt @@ -0,0 +1,45 @@ +//////////////////////////////////////////////////////////////////////////////// +// +// 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. +// +//////////////////////////////////////////////////////////////////////////////// + +DESCRIPTION + +The FlexJSTest_Panel application demonstrates some FlexJS common components, +incuding Panel. The application uses a Panel to contain a sub-set of FlexJS +components, listed below. + +This Flex application may be run as a Flash SWF or cross-compiled (using Falcon JX) +into JavaScript and HTML and run without Flash. + +COMPONENTS and BEADS + +- Label +- NumericStepper +- Panel +- Slider +- TextButton + +- NonVirtualVerticalLayout + +NOTES + +Changing the Slider updates a Label. Changing the NumericStepper changes another Label. + +The ActionScript version has some layout issues, chiefly the Panel background is not being +displayed. The JavaScript version is not updating the Labels when either the Slider or +NumericStepper is changed. http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/build.xml ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_SVG/build.xml b/manualtests/FlexJSTest_SVG/build.xml new file mode 100644 index 0000000..b273902 --- /dev/null +++ b/manualtests/FlexJSTest_SVG/build.xml @@ -0,0 +1,71 @@ +<?xml version="1.0"?> +<!-- + + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + +--> + + +<project name="flexjstest_SVG" default="main" basedir="."> + <property name="FLEXJS_HOME" location="../.."/> + <property name="example" value="FlexJSTest_SVG" /> + + <property file="${FLEXJS_HOME}/env.properties"/> + <property environment="env"/> + <property file="${FLEXJS_HOME}/build.properties"/> + <property name="FLEX_HOME" value="${FLEXJS_HOME}"/> + <available file="${env.FALCON_HOME}/lib/falcon-mxmlc.jar" + type="file" + property="FALCON_HOME" + value="${env.FALCON_HOME}"/> + + <available file="${FLEXJS_HOME}/../flex-falcon/compiler/generated/dist/sdk/lib/falcon-mxmlc.jar" + type="file" + property="FALCON_HOME" + value="${FLEXJS_HOME}/../flex-falcon/compiler/generated/dist/sdk"/> + + <available file="${env.FALCONJX_HOME}/lib/jsc.jar" + type="file" + property="FALCONJX_HOME" + value="${env.FALCONJX_HOME}"/> + + <available file="${FLEXJS_HOME}/../flex-falcon/compiler.jx/lib/jsc.jar" + type="file" + property="FALCONJX_HOME" + value="${FLEXJS_HOME}/../flex-falcon/compiler.jx"/> + + <available file="${env.GOOG_HOME}/closure/goog/base.js" + type="file" + property="GOOG_HOME" + value="${env.GOOG_HOME}"/> + + <available file="${FLEXJS_HOME}/js/lib/google/closure-library/closure/goog/base.js" + type="file" + property="GOOG_HOME" + value="${FLEXJS_HOME}/js/lib/google/closure-library"/> + + <include file="${basedir}/../build_example.xml" /> + + <target name="main" depends="clean,build_example.compile,build_example.compilejs" description="Clean build of ${example}"> + </target> + + <target name="clean"> + <delete dir="${basedir}/bin" failonerror="false" /> + <delete dir="${basedir}/bin-debug" failonerror="false" /> + <delete dir="${basedir}/bin-release" failonerror="false" /> + </target> + +</project> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/FlexJSTest_SVG.mxml ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_SVG/src/FlexJSTest_SVG.mxml b/manualtests/FlexJSTest_SVG/src/FlexJSTest_SVG.mxml new file mode 100644 index 0000000..e405b05 --- /dev/null +++ b/manualtests/FlexJSTest_SVG/src/FlexJSTest_SVG.mxml @@ -0,0 +1,39 @@ +<?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.*" + xmlns:controllers="controllers.*" + initialize="MyModel(model).labelText='Hello SVG'" + > + <js:valuesImpl> + <js:SimpleCSSValuesImpl /> + </js:valuesImpl> + <js:initialView> + <local:SkinsView /> + </js:initialView> + <js:model> + <models:MyModel /> + </js:model> + <js:controller> + <controllers:MyController /> + </js:controller> +</js:Application> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/GraphicsView.mxml ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_SVG/src/GraphicsView.mxml b/manualtests/FlexJSTest_SVG/src/GraphicsView.mxml new file mode 100644 index 0000000..e43c01e --- /dev/null +++ b/manualtests/FlexJSTest_SVG/src/GraphicsView.mxml @@ -0,0 +1,327 @@ +<?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: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)" + > + <fx:Script> + <![CDATA[ + import org.apache.flex.core.graphics.Circle; + import org.apache.flex.core.graphics.Ellipse; + import org.apache.flex.core.graphics.GradientEntry; + import org.apache.flex.core.graphics.GraphicsContainer; + import org.apache.flex.core.graphics.LinearGradient; + import org.apache.flex.core.graphics.Path; + import org.apache.flex.core.graphics.Rect; + import org.apache.flex.core.graphics.SolidColor; + import org.apache.flex.core.graphics.SolidColorStroke; + import org.apache.flex.events.Event; + + protected function viewbase1_initCompleteHandler(event:org.apache.flex.events.Event):void + { + //drawIndividualShapes(); + //drawOnGraphicsContainer(); + } + + private function drawIndividualShapes():void + { + var fill:SolidColor = new SolidColor(); + fill.color = 0xFF0000; + fill.alpha = 0.5; + + //LinearGradient Fill + var lg:LinearGradient = new LinearGradient(); + lg.entries = [new GradientEntry(1,0xFFFFFF,0), new GradientEntry(1,0x000000,1)]; + lg.scaleX = 1; + lg.rotation = 0; + + var lg1:LinearGradient = new LinearGradient(); + lg1.entries = [new GradientEntry(1,0xFF0000,0.33),new GradientEntry(1,0x00FF00,0.66), new GradientEntry(1,0x0000FF,0.99)]; + lg1.scaleX = 1; + lg1.rotation = 90; + //container.fill = lg; + + var stroke:SolidColorStroke = new SolidColorStroke(); + stroke.weight = 10; + stroke.color = 0x00FF00; + stroke.alpha = 0.9; + + var rect1:Rect = new Rect(); + rect1.fill = fill; + rect1.stroke = stroke; + rect1.drawRect(200,50,250,250); + this.addElement(rect1); + + var rect2:Rect = new Rect(); + fill.color = 0xCC9900; + rect2.fill = lg1; + stroke.color = 0x333333; + stroke.weight = 5; + rect2.stroke = stroke; + rect2.drawRect(100,200,100,300); + this.addElement(rect2); + + var rect3:Rect = new Rect(); + fill.color = 0xCCCC11; + rect3.fill = lg1; + stroke.color = 0x0000CC; + stroke.weight = 1; + rect3.stroke = stroke; + rect3.drawRect(400,600,200,200); + this.addElement(rect3); + + var rect4:Rect = new Rect(); + fill.color = 0xAA33EE; + rect4.fill = fill; + stroke.color = 0x11C309; + stroke.weight = 2; + rect4.stroke = stroke; + rect4.drawRect(500,700,200,100); + this.addElement(rect4); + + var rect5:Rect = new Rect(); + fill.color = 0x11CC44; + rect5.fill = lg; + stroke.color = 0x830011; + stroke.weight = 3; + rect5.stroke = stroke; + rect5.drawRect(0,750,50,200); + this.addElement(rect5); + + var ellipse1:Ellipse = new Ellipse(); + fill.color = 0x290149; + ellipse1.fill = lg; + stroke.color = 0x830011; + stroke.weight = 3; + ellipse1.stroke = stroke; + ellipse1.drawEllipse(300,300,50,200); + this.addElement(ellipse1); + + var ellipse2:Ellipse = new Ellipse(); + fill.color = 0x2222CC; + ellipse2.fill = lg1; + stroke.color = 0xabcdef; + stroke.weight = 5; + ellipse2.stroke = stroke; + ellipse2.drawEllipse(100,100,500,200); + this.addElement(ellipse2); + + var ellipse3:Ellipse = new Ellipse(); + fill.color = 0xfedcba; + ellipse3.fill = fill; + stroke.color = 0x123456; + stroke.weight = 2; + ellipse3.stroke = stroke; + ellipse3.drawEllipse(250,150,300,250); + this.addElement(ellipse3); + + var circle1:Circle = new Circle(); + fill.color = 0xee11bb; + circle1.fill = lg1; + stroke.color = 0x123456; + stroke.weight = 2; + circle1.stroke = stroke; + circle1.x = 700; + circle1.y = 200; + circle1.radius = 200; + this.addElement(circle1); + + var circle2:Circle = new Circle(); + fill.color = 0xabbaab; + fill.alpha = 0.8; + circle2.fill = fill; + stroke.color = 0xccff11; + stroke.weight = 5; + circle2.stroke = stroke; + circle2.x = 100; + circle2.y = 700; + circle2.radius = 100; + //circle2.drawCircle(100,700,100); + this.addElement(circle2); + + var path1:Path = new Path(); + fill.color = 0x33B5E5; + fill.alpha = 0.8; + path1.fill = fill; + stroke.color = 0x000000; + stroke.weight = 1; + path1.stroke = stroke; + path1.drawPath(50,50,"M14.165 0 16.3838 2.21924 5.24023 13.3232 0 8.52441 2.18164 6.11719 5.37305 9.06348 14.165 0Z"); + this.addElement(path1); + + var path2:Path = new Path(); + fill.color = 0x00FF00; + fill.alpha = 0.5; + path2.fill = lg; + stroke.color = 0x0000FF; + stroke.weight = 3; + path2.stroke = stroke; + path2.drawPath(250,500,"M150 0 L75 200 L225 200 Z"); + this.addElement(path2); + + var path3:Path = new Path(); + fill.color = 0x00FF00; + fill.alpha = 0.5; + path3.fill = lg1; + stroke.color = 0x0000FF; + stroke.weight = 3; + path3.stroke = stroke; + path3.drawPath(250,500,"M 100 350 q 150 -300 300 0"); + this.addElement(path3); + + var path4:Path = new Path(); + fill.color = 0x00FF00; + fill.alpha = 0.5; + path4.fill = lg1; + stroke.color = 0x0000FF; + stroke.weight = 3; + path4.stroke = stroke; + path4.drawPath(250,500,"M 50 50 L 100 50 A 50 50 0 0 0 50 0 Z"); + this.addElement(path4); + } + + private function drawOnGraphicsContainer():void + { + var container:GraphicsContainer = new GraphicsContainer(); + +/* var fill:SolidColor = new SolidColor(); + fill.color = 0xFF0000; + fill.alpha = 0.5; + + var stroke:SolidColorStroke = new SolidColorStroke(); + stroke.weight = 10; + stroke.color = 0x00FF00; + stroke.alpha = 0.9; + + container.fill = fill; + container.stroke = stroke; + //Circle + container.drawCircle(300,300,200); + fill.color = 0x00FF00; + stroke.color = 0x0000FF; + //Rect + container.drawRect(0,400,500,200); + fill.color = 0x00FFFF; + stroke.color = 0xFF00FF; + //Ellipse + container.drawEllipse(600,300,200,300); + fill.color = 0xCCCC00; + stroke.color = 0x000000; + //Path + container.drawPath("M 100 350 q 150 -300 300 0"); + fill.color = 0x00CCCC; + stroke.color = 0x0CCCC0C; + stroke.weight = 5; + container.drawPath("M 800 800 L 900 800 A 100 100 0 0 0 800 700 Z");*/ + + //LinearGradient Fill + var lg:LinearGradient = new LinearGradient(); + lg.entries = [new GradientEntry(1,0xFFFFFF,0), new GradientEntry(1,0x000000,1)]; + lg.scaleX = 1; + lg.rotation = 0; + container.fill = lg; + //container.drawRect(20,20,200,100); + + //var lg:LinearGradient = new LinearGradient(); + lg.entries = [new GradientEntry(1,0xFF0000,0.33),new GradientEntry(1,0x00FF00,0.66), new GradientEntry(1,0x0000FF,0.99)]; + lg.scaleX = 1; + lg.rotation = 90; + container.drawCircle(400, 400, 300); + container.drawPath("M 800 800 L 900 800 A 100 100 0 0 0 800 700 Z"); + container.drawPath("M 100 350 q 150 -300 300 0"); + container.drawPath("M 100 100 L 200 100 200 200 100 200 Z"); + + + + this.addElement(container); + } + + ]]> + </fx:Script> + <js:Rect x="0" y="0" width="200" height="200" > + <js:fill> + <js:SolidColor color="#FF0000" /> + </js:fill> + </js: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> + + <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> + + <js:Circle x="400" y="350" radius="100"> + <js:fill> + <js:SolidColor color="#0000FF" alpha="0.5" /> + </js:fill> + </js:Circle> + + <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> + + <js:Ellipse x="300" y="500" width="200" height="100" > + <js:fill> + <js:SolidColor color="#0000FF" alpha="0.5" /> + </js:fill> + </js:Ellipse> + + <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> + + <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/0485c8b6/manualtests/FlexJSTest_SVG/src/MyInitialView.mxml ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_SVG/src/MyInitialView.mxml b/manualtests/FlexJSTest_SVG/src/MyInitialView.mxml new file mode 100644 index 0000000..33e0c29 --- /dev/null +++ b/manualtests/FlexJSTest_SVG/src/MyInitialView.mxml @@ -0,0 +1,58 @@ +<?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: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" + > + <fx:Script> + <![CDATA[ + import org.apache.flex.events.Event; + import org.apache.flex.utils.Timer; + + private var timer:org.apache.flex.utils.Timer; + + public function startTimer():void + { + timer = new org.apache.flex.utils.Timer(1000); + timer.addEventListener('timer', timerHandler); + timer.start() + } + + public function timerHandler(event:org.apache.flex.events.Event):void + { + timerLabel.text = timer.currentCount.toString(); + } + ]]> + </fx:Script> + <html5:Label id="lbl" x="100" y="25" > + <html5:beads> + <js:SimpleBinding eventName="labelTextChanged" + sourceID="applicationModel" + sourcePropertyName="labelText" + destinationPropertyName="text" /> + </html5:beads> + </html5:Label> + <html5:TextButton text="Start Timer" x="100" y="75" click="startTimer()" /> + <html5:TextButton text="Stop Timer" x="100" y="100" click="timer.removeEventListener('timer', timerHandler);timer.stop()" /> + <html5:Label id="timerLabel" x="100" y="125" /> + + <svg:TextButton text="SVG Button" x="100" y="175" width="100" height="30" click="startTimer()" /> +</js:ViewBase> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/README.txt ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_SVG/src/README.txt b/manualtests/FlexJSTest_SVG/src/README.txt new file mode 100644 index 0000000..5329185 --- /dev/null +++ b/manualtests/FlexJSTest_SVG/src/README.txt @@ -0,0 +1,45 @@ +//////////////////////////////////////////////////////////////////////////////// +// +// 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. +// +//////////////////////////////////////////////////////////////////////////////// + +DESCRIPTION + +The FlexJSTest_SVG example shows how to use SVG to skin components when run in +the HTML/JavaScript environment. + +This Flex application may be run as a Flash SWF or cross-compiled (using Falcon JX) +into JavaScript and HTML and run without Flash. + +The FlexJSTest_SVG application may be run in ActionScript, which uses standard Flash +drawing to produce the button skin. When run in JavaScript however, SVG is used to +make the skin. + +To make the skin, a new classification of TextButton was created in the +org.apache.flex.svg package. On the ActionScript side, the svg.TextButton simply +extends the normal TextButton. On the JavaScript side, the svg.TextButton class +uses an SVG file (svg.assets.TextButton_skin.svg). + +COMPONENTS and BEADS + +- Label +- TextButton + +NOTES + +Maybe a more standard or common way or place to specify skins could be developed so +specialized packages would not always be needed. http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/SkinsView.mxml ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_SVG/src/SkinsView.mxml b/manualtests/FlexJSTest_SVG/src/SkinsView.mxml new file mode 100644 index 0000000..9fd701d --- /dev/null +++ b/manualtests/FlexJSTest_SVG/src/SkinsView.mxml @@ -0,0 +1,103 @@ +<?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: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[ + import org.apache.flex.core.graphics.Rect; + import org.apache.flex.core.graphics.SolidColor; + import org.apache.flex.events.Event; + import org.apache.flex.events.MouseEvent; + + protected function viewbase1_initCompleteHandler(event:org.apache.flex.events.Event):void + { + //this.mouseChildren = false; + currentState = "up"; + this.addEventListener(org.apache.flex.events.MouseEvent.MOUSE_DOWN, handleMouseDown); + this.addEventListener(org.apache.flex.events.MouseEvent.MOUSE_UP, handleMouseUp); + this.addEventListener(org.apache.flex.events.MouseEvent.MOUSE_OVER, handleMouseOver); + this.addEventListener(org.apache.flex.events.MouseEvent.MOUSE_OUT, handleMouseOut); + } + + private function handleMouseDown(event:org.apache.flex.events.MouseEvent):void + { + currentState = "down"; + } + + private function handleMouseUp(event:org.apache.flex.events.MouseEvent):void + { + currentState = "up"; + } + + private function handleMouseOver(event:org.apache.flex.events.MouseEvent):void + { + currentState = "over"; + } + + private function handleMouseOut(event:org.apache.flex.events.MouseEvent):void + { + currentState = "up"; + } + + ]]> + </fx:Script> + <js:states> + <js:State name="up"/> + <js:State name="over"/> + <js:State name="down"/> + <js:State name="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]}" /> + + <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> + + <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> + + <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> + + </js:Container> + +</js:ViewBase> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/controllers/MyController.as ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_SVG/src/controllers/MyController.as b/manualtests/FlexJSTest_SVG/src/controllers/MyController.as new file mode 100644 index 0000000..bacd10d --- /dev/null +++ b/manualtests/FlexJSTest_SVG/src/controllers/MyController.as @@ -0,0 +1,52 @@ +//////////////////////////////////////////////////////////////////////////////// +// +// 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 controllers +{ + import models.MyModel; + + import org.apache.flex.core.Application; + import org.apache.flex.core.IDocument; + import org.apache.flex.events.Event; + + public class MyController implements IDocument + { + public function MyController(app:Application = null) + { + if (app) + { + this.app = app as FlexJSTest_SVG; + app.addEventListener("viewChanged", viewChangeHandler); + } + } + + private var app:FlexJSTest_SVG; + + private function viewChangeHandler(event:Event):void + { + } + + + public function setDocument(document:Object, id:String = null):void + { + this.app = document as FlexJSTest_SVG; + app.addEventListener("viewChanged", viewChangeHandler); + } + + } +} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/models/MyModel.as ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_SVG/src/models/MyModel.as b/manualtests/FlexJSTest_SVG/src/models/MyModel.as new file mode 100644 index 0000000..eeb5af3 --- /dev/null +++ b/manualtests/FlexJSTest_SVG/src/models/MyModel.as @@ -0,0 +1,47 @@ +//////////////////////////////////////////////////////////////////////////////// +// +// 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 MyModel extends EventDispatcher + { + public function MyModel() + { + } + + private var _labelText:String; + + public function get labelText():String + { + return _labelText; + } + + public function set labelText(value:String):void + { + if (value != _labelText) + { + _labelText = value; + dispatchEvent(new Event("labelTextChanged")); + } + } + + } +} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/skins/Button_up.mxml ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_SVG/src/skins/Button_up.mxml b/manualtests/FlexJSTest_SVG/src/skins/Button_up.mxml new file mode 100644 index 0000000..0dca5c7 --- /dev/null +++ b/manualtests/FlexJSTest_SVG/src/skins/Button_up.mxml @@ -0,0 +1,27 @@ +<?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: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/0485c8b6/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/BrandColorEnum.as ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/BrandColorEnum.as b/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/BrandColorEnum.as new file mode 100644 index 0000000..e57cb7d --- /dev/null +++ b/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/BrandColorEnum.as @@ -0,0 +1,30 @@ +/** + 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 skins.flatspark.enums +{ + public class BrandColorEnum + { + public static const Primary:int = 1; + public static const Success:int = 2; + public static const Warning:int = 3; + public static const Inverse:int = 4; + public static const Default:int = 5; + public static const Info:int = 6; + public static const Danger:int = 7; + } +} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/ButtonColorEnum.as ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/ButtonColorEnum.as b/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/ButtonColorEnum.as new file mode 100644 index 0000000..640d721 --- /dev/null +++ b/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/ButtonColorEnum.as @@ -0,0 +1,59 @@ +/** + 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 skins.flatspark.enums +{ + import skins.flatspark.utils.ColorUtils; + + public class ButtonColorEnum + { + public static const PrimaryUp:uint = ColorUtils.Turquoise; + public static const PrimaryHover:uint = 0x48C9B0; + public static const PrimaryDown:uint = 0x16A085; + public static const PrimaryDisabled:uint = ColorUtils.Turquoise; + + public static const SuccessUp:uint = ColorUtils.Emerald; + public static const SuccessHover:uint = 0x58D68D; + public static const SuccessDown:uint = 0x27AD60; + public static const SuccessDisabled:uint = ColorUtils.Emerald; + + public static const WarningUp:uint = ColorUtils.SunFlower; + public static const WarningHover:uint = 0xF5D313; + public static const WarningDown:uint = 0xCDA70D; + public static const WarningDisabled:uint = ColorUtils.SunFlower; + + public static const InverseUp:uint = ColorUtils.WetAsphalt; + public static const InverseHover:uint = 0x415B76; + public static const InverseDown:uint = 0x2C3E50; + public static const InverseDisabled:uint = ColorUtils.WetAsphalt; + + public static const DefaultUp:uint = ColorUtils.Silver; + public static const DefaultHover:uint = 0xCACFD2; + public static const DefaultDown:uint = 0xA1A6A9; + public static const DefaultDisabled:uint = ColorUtils.Silver; + + public static const InfoUp:uint = ColorUtils.PeterRiver; + public static const InfoHover:uint = 0x5DADE2; + public static const InfoDown:uint = 0x2C81BA; + public static const InfoDisabled:uint = ColorUtils.PeterRiver; + + public static const DangerUp:uint = ColorUtils.Alizarin; + public static const DangerHover:uint = 0xEC7063; + public static const DangerDown:uint = 0xC44133; + public static const DangerDisabled:uint = ColorUtils.Alizarin; + } +} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/ButtonSizeEnum.as ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/ButtonSizeEnum.as b/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/ButtonSizeEnum.as new file mode 100644 index 0000000..1836ced --- /dev/null +++ b/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/ButtonSizeEnum.as @@ -0,0 +1,31 @@ +/** + 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 skins.flatspark.enums +{ + public class ButtonSizeEnum + { + public static const Large:int = 43; + public static const Normal:int = 32; + public static const Small:int = 28; + public static const ExtraSmall:int = 20; + + public function ButtonSizeEnum() + { + } + } +} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/ColorSwatchEnum.as ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/ColorSwatchEnum.as b/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/ColorSwatchEnum.as new file mode 100644 index 0000000..2a7a1dc --- /dev/null +++ b/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/ColorSwatchEnum.as @@ -0,0 +1,40 @@ +/** + 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 skins.flatspark.enums +{ + public class ColorSwatchEnum + { + public static const Turquoise_GreenSea:int = 1; + public static const Emerald_Nephritis:int = 2; + public static const PeterRiver_BelizeHole:int = 3; + public static const Amethyst_Wisteria:int = 4; + public static const WetAsphalt_MidnightBlue:int = 5; + public static const SunFlower_Orange:int = 6; + public static const Carrot_Pumpkin:int = 7; + public static const Alizarin_Pomegranate:int = 8; + public static const Clouds_Silver:int = 9; + public static const Concrete_Asbestos:int = 10; + + + private var _colorSwatch:int; + + public function ColorSwatchEnum(colorSwatch:int = 3) { + _colorSwatch = colorSwatch; + } + } +} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/SizeEnum.as ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/SizeEnum.as b/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/SizeEnum.as new file mode 100644 index 0000000..c2c22c0 --- /dev/null +++ b/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/SizeEnum.as @@ -0,0 +1,32 @@ +/** + 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 skins.flatspark.enums +{ + public class SizeEnum + { + public static const Small:int = 10; + public static const Medium:int = 12; + public static const Large:int = 14; + + private var _size:int; + + public function SizeEnum(size:int = 12) { + _size = size; + } + } +} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/TextInputSizeEnum.as ---------------------------------------------------------------------- diff --git a/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/TextInputSizeEnum.as b/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/TextInputSizeEnum.as new file mode 100644 index 0000000..ab7377b --- /dev/null +++ b/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/TextInputSizeEnum.as @@ -0,0 +1,30 @@ +/** + 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 skins.flatspark.enums +{ + public class TextInputSizeEnum + { + public static const Large:int = 41; + public static const Normal:int = 38; + public static const Small:int = 31; + + public function TextInputSizeEnum() + { + } + } +} \ No newline at end of file
