First cut of a skin in FlexJS. Add FlatSpark classes to bring in that style's colors.
Project: http://git-wip-us.apache.org/repos/asf/flex-asjs/repo Commit: http://git-wip-us.apache.org/repos/asf/flex-asjs/commit/f665b377 Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/f665b377 Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/f665b377 Branch: refs/heads/develop Commit: f665b3776f8bb73ee39ee4764e623039a382c79a Parents: 576ce96 Author: OmPrakash Muppirala <bigosma...@gmail.com> Authored: Fri Oct 17 14:52:49 2014 -0700 Committer: OmPrakash Muppirala <bigosma...@gmail.com> Committed: Fri Oct 17 14:52:49 2014 -0700 ---------------------------------------------------------------------- examples/FlexJSTest_SVG/src/FlexJSTest_SVG.mxml | 2 +- examples/FlexJSTest_SVG/src/GraphicsView.mxml | 6 +- examples/FlexJSTest_SVG/src/SkinsView.mxml | 97 +++++ .../FlexJSTest_SVG/src/skins/Button_up.mxml | 27 ++ .../src/skins/flatspark/enums/BrandColorEnum.as | 30 ++ .../skins/flatspark/enums/ButtonColorEnum.as | 59 +++ .../src/skins/flatspark/enums/ButtonSizeEnum.as | 31 ++ .../skins/flatspark/enums/ColorSwatchEnum.as | 40 ++ .../src/skins/flatspark/enums/SizeEnum.as | 32 ++ .../skins/flatspark/enums/TextInputSizeEnum.as | 30 ++ .../src/skins/flatspark/utils/AwesomeUtils.as | 399 +++++++++++++++++++ .../src/skins/flatspark/utils/ColorUtils.as | 89 +++++ .../src/skins/flatspark/utils/ConfigSkin.as | 44 ++ 13 files changed, 882 insertions(+), 4 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/f665b377/examples/FlexJSTest_SVG/src/FlexJSTest_SVG.mxml ---------------------------------------------------------------------- diff --git a/examples/FlexJSTest_SVG/src/FlexJSTest_SVG.mxml b/examples/FlexJSTest_SVG/src/FlexJSTest_SVG.mxml index 4a9ec56..4286fb1 100644 --- a/examples/FlexJSTest_SVG/src/FlexJSTest_SVG.mxml +++ b/examples/FlexJSTest_SVG/src/FlexJSTest_SVG.mxml @@ -28,7 +28,7 @@ limitations under the License. <basic:SimpleCSSValuesImpl /> </basic:valuesImpl> <basic:initialView> - <local:GraphicsView /> + <local:SkinsView /> </basic:initialView> <basic:model> <models:MyModel /> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/f665b377/examples/FlexJSTest_SVG/src/GraphicsView.mxml ---------------------------------------------------------------------- diff --git a/examples/FlexJSTest_SVG/src/GraphicsView.mxml b/examples/FlexJSTest_SVG/src/GraphicsView.mxml index 2cda028..5b26d7e 100644 --- a/examples/FlexJSTest_SVG/src/GraphicsView.mxml +++ b/examples/FlexJSTest_SVG/src/GraphicsView.mxml @@ -37,7 +37,7 @@ limitations under the License. protected function viewbase1_initCompleteHandler(event:org.apache.flex.events.Event):void { - drawIndividualShapes(); + //drawIndividualShapes(); //drawOnGraphicsContainer(); } @@ -256,7 +256,7 @@ limitations under the License. ]]> </fx:Script> -<!-- <basic:Rect x="0" y="0" width="200" height="200" > + <basic:Rect x="0" y="0" width="200" height="200" > <basic:fill> <basic:SolidColor color="#FF0000" /> </basic:fill> @@ -322,6 +322,6 @@ limitations under the License. <basic:fill> <basic:SolidColor color="#0000FF" alpha="0.5" /> </basic:fill> - </basic:Path>--> + </basic:Path> </basic:ViewBase> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/f665b377/examples/FlexJSTest_SVG/src/SkinsView.mxml ---------------------------------------------------------------------- diff --git a/examples/FlexJSTest_SVG/src/SkinsView.mxml b/examples/FlexJSTest_SVG/src/SkinsView.mxml new file mode 100644 index 0000000..48c6f87 --- /dev/null +++ b/examples/FlexJSTest_SVG/src/SkinsView.mxml @@ -0,0 +1,97 @@ +<?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. + +--> +<basic:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009" + xmlns:basic="library://ns.apache.org/flexjs/basic" xmlns:skins="skins.*" xmlns:mx="library://ns.adobe.com/flex/mx" + 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; + 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> + <basic:states> + <mx:State name="up" id="stateUp"/> + <mx:State name="over" id="stateOver"/> + <mx:State name="down" id="stateDown"/> + <mx:State name="disabled" id="stateDisabled"/> + </basic:states> + + <basic:Label text="MyButton" x="20" y="5" includeIn="{[up,over,down,disabled]}" /> + + <basic:Rect id="fill_up" width="100" height="30" includeIn="up" > + <basic:stroke> + <basic:SolidColorStroke alpha="1.0" color="#000000" /> + </basic:stroke> + <basic:fill> + <basic:SolidColor color="#1ABC9C" alpha="1.0" /> + </basic:fill> + </basic:Rect> + + <basic:Rect id="fill_over" width="100" height="30" includeIn="over"> + <basic:stroke> + <basic:SolidColorStroke alpha="1.0" color="#000000" /> + </basic:stroke> + <basic:fill> + <basic:SolidColor color="#48C9B0" alpha="1.0" /> + </basic:fill> + </basic:Rect> + + <basic:Rect id="fill_down" width="100" height="30" includeIn="down"> + <basic:stroke> + <basic:SolidColorStroke alpha="1.0" color="#000000" /> + </basic:stroke> + <basic:fill> + <basic:SolidColor color="#16A085" alpha="1.0" /> + </basic:fill> + </basic:Rect> + +</basic:ViewBase> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/f665b377/examples/FlexJSTest_SVG/src/skins/Button_up.mxml ---------------------------------------------------------------------- diff --git a/examples/FlexJSTest_SVG/src/skins/Button_up.mxml b/examples/FlexJSTest_SVG/src/skins/Button_up.mxml new file mode 100644 index 0000000..fd1c2b0 --- /dev/null +++ b/examples/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. + +--> +<basic:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009" + xmlns:basic="library://ns.apache.org/flexjs/basic"> + <basic:Path x="0" y="300" width="200" height="100" data="M 100 350 q 150 -300 300 0" > + <basic:fill> + <basic:SolidColor color="#0000FF" alpha="0.5" /> + </basic:fill> + </basic:Path> +</basic:ViewBase> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/f665b377/examples/FlexJSTest_SVG/src/skins/flatspark/enums/BrandColorEnum.as ---------------------------------------------------------------------- diff --git a/examples/FlexJSTest_SVG/src/skins/flatspark/enums/BrandColorEnum.as b/examples/FlexJSTest_SVG/src/skins/flatspark/enums/BrandColorEnum.as new file mode 100644 index 0000000..e57cb7d --- /dev/null +++ b/examples/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/f665b377/examples/FlexJSTest_SVG/src/skins/flatspark/enums/ButtonColorEnum.as ---------------------------------------------------------------------- diff --git a/examples/FlexJSTest_SVG/src/skins/flatspark/enums/ButtonColorEnum.as b/examples/FlexJSTest_SVG/src/skins/flatspark/enums/ButtonColorEnum.as new file mode 100644 index 0000000..640d721 --- /dev/null +++ b/examples/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/f665b377/examples/FlexJSTest_SVG/src/skins/flatspark/enums/ButtonSizeEnum.as ---------------------------------------------------------------------- diff --git a/examples/FlexJSTest_SVG/src/skins/flatspark/enums/ButtonSizeEnum.as b/examples/FlexJSTest_SVG/src/skins/flatspark/enums/ButtonSizeEnum.as new file mode 100644 index 0000000..1836ced --- /dev/null +++ b/examples/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/f665b377/examples/FlexJSTest_SVG/src/skins/flatspark/enums/ColorSwatchEnum.as ---------------------------------------------------------------------- diff --git a/examples/FlexJSTest_SVG/src/skins/flatspark/enums/ColorSwatchEnum.as b/examples/FlexJSTest_SVG/src/skins/flatspark/enums/ColorSwatchEnum.as new file mode 100644 index 0000000..2a7a1dc --- /dev/null +++ b/examples/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/f665b377/examples/FlexJSTest_SVG/src/skins/flatspark/enums/SizeEnum.as ---------------------------------------------------------------------- diff --git a/examples/FlexJSTest_SVG/src/skins/flatspark/enums/SizeEnum.as b/examples/FlexJSTest_SVG/src/skins/flatspark/enums/SizeEnum.as new file mode 100644 index 0000000..c2c22c0 --- /dev/null +++ b/examples/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/f665b377/examples/FlexJSTest_SVG/src/skins/flatspark/enums/TextInputSizeEnum.as ---------------------------------------------------------------------- diff --git a/examples/FlexJSTest_SVG/src/skins/flatspark/enums/TextInputSizeEnum.as b/examples/FlexJSTest_SVG/src/skins/flatspark/enums/TextInputSizeEnum.as new file mode 100644 index 0000000..ab7377b --- /dev/null +++ b/examples/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 http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/f665b377/examples/FlexJSTest_SVG/src/skins/flatspark/utils/AwesomeUtils.as ---------------------------------------------------------------------- diff --git a/examples/FlexJSTest_SVG/src/skins/flatspark/utils/AwesomeUtils.as b/examples/FlexJSTest_SVG/src/skins/flatspark/utils/AwesomeUtils.as new file mode 100644 index 0000000..ec7fb78 --- /dev/null +++ b/examples/FlexJSTest_SVG/src/skins/flatspark/utils/AwesomeUtils.as @@ -0,0 +1,399 @@ +/** + 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.utils +{ + public class AwesomeUtils + { + + public function AwesomeUtils() + { + + } + + public static const fa_glass:String = "\uf000"; + public static const fa_music:String = "\uf001"; + public static const fa_search:String = "\uf002"; + public static const fa_envelope_o:String = "\uf003"; + public static const fa_heart:String = "\uf004"; + public static const fa_star:String = "\uf005"; + public static const fa_star_o:String = "\uf006"; + public static const fa_user:String = "\uf007"; + public static const fa_film:String = "\uf008"; + public static const fa_th_large:String = "\uf009"; + public static const fa_th:String = "\uf00a"; + public static const fa_th_list:String = "\uf00b"; + public static const fa_check:String = "\uf00c"; + public static const fa_times:String = "\uf00d"; + public static const fa_search_plus:String = "\uf00e"; + public static const fa_search_minus:String = "\uf010"; + public static const fa_power_off:String = "\uf011"; + public static const fa_signal:String = "\uf012"; + public static const fa_cog:String = "\uf013"; + public static const fa_trash_o:String = "\uf014"; + public static const fa_home:String = "\uf015"; + public static const fa_file_o:String = "\uf016"; + public static const fa_clock_o:String = "\uf017"; + public static const fa_road:String = "\uf018"; + public static const fa_download:String = "\uf019"; + public static const fa_arrow_circle_o_down:String = "\uf01a"; + public static const fa_arrow_circle_o_up:String = "\uf01b"; + public static const fa_inbox:String = "\uf01c"; + public static const fa_play_circle_o:String = "\uf01d"; + public static const fa_repeat:String = "\uf01e"; + public static const fa_refresh:String = "\uf021"; + public static const fa_list_alt:String = "\uf022"; + public static const fa_lock:String = "\uf023"; + public static const fa_flag:String = "\uf024"; + public static const fa_headphones:String = "\uf025"; + public static const fa_volume_off:String = "\uf026"; + public static const fa_volume_down:String = "\uf027"; + public static const fa_volume_up:String = "\uf028"; + public static const fa_qrcode:String = "\uf029"; + public static const fa_barcode:String = "\uf02a"; + public static const fa_tag:String = "\uf02b"; + public static const fa_tags:String = "\uf02c"; + public static const fa_book:String = "\uf02d"; + public static const fa_bookmark:String = "\uf02e"; + public static const fa_print:String = "\uf02f"; + public static const fa_camera:String = "\uf030"; + public static const fa_font:String = "\uf031"; + public static const fa_bold:String = "\uf032"; + public static const fa_italic:String = "\uf033"; + public static const fa_text_height:String = "\uf034"; + public static const fa_text_width:String = "\uf035"; + public static const fa_align_left:String = "\uf036"; + public static const fa_align_center:String = "\uf037"; + public static const fa_align_right:String = "\uf038"; + public static const fa_align_justify:String = "\uf039"; + public static const fa_list:String = "\uf03a"; + public static const fa_outdent:String = "\uf03b"; + public static const fa_indent:String = "\uf03c"; + public static const fa_video_camera:String = "\uf03d"; + public static const fa_picture_o:String = "\uf03e"; + public static const fa_pencil:String = "\uf040"; + public static const fa_map_marker:String = "\uf041"; + public static const fa_adjust:String = "\uf042"; + public static const fa_tint:String = "\uf043"; + public static const fa_pencil_square_o:String = "\uf044"; + public static const fa_share_square_o:String = "\uf045"; + public static const fa_check_square_o:String = "\uf046"; + public static const fa_arrows:String = "\uf047"; + public static const fa_step_backward:String = "\uf048"; + public static const fa_fast_backward:String = "\uf049"; + public static const fa_backward:String = "\uf04a"; + public static const fa_play:String = "\uf04b"; + public static const fa_pause:String = "\uf04c"; + public static const fa_stop:String = "\uf04d"; + public static const fa_forward:String = "\uf04e"; + public static const fa_fast_forward:String = "\uf050"; + public static const fa_step_forward:String = "\uf051"; + public static const fa_eject:String = "\uf052"; + public static const fa_chevron_left:String = "\uf053"; + public static const fa_chevron_right:String = "\uf054"; + public static const fa_plus_circle:String = "\uf055"; + public static const fa_minus_circle:String = "\uf056"; + public static const fa_times_circle:String = "\uf057"; + public static const fa_check_circle:String = "\uf058"; + public static const fa_question_circle:String = "\uf059"; + public static const fa_info_circle:String = "\uf05a"; + public static const fa_crosshairs:String = "\uf05b"; + public static const fa_times_circle_o:String = "\uf05c"; + public static const fa_check_circle_o:String = "\uf05d"; + public static const fa_ban:String = "\uf05e"; + public static const fa_arrow_left:String = "\uf060"; + public static const fa_arrow_right:String = "\uf061"; + public static const fa_arrow_up:String = "\uf062"; + public static const fa_arrow_down:String = "\uf063"; + public static const fa_share:String = "\uf064"; + public static const fa_expand:String = "\uf065"; + public static const fa_compress:String = "\uf066"; + public static const fa_plus:String = "\uf067"; + public static const fa_minus:String = "\uf068"; + public static const fa_asterisk:String = "\uf069"; + public static const fa_exclamation_circle:String = "\uf06a"; + public static const fa_gift:String = "\uf06b"; + public static const fa_leaf:String = "\uf06c"; + public static const fa_fire:String = "\uf06d"; + public static const fa_eye:String = "\uf06e"; + public static const fa_eye_slash:String = "\uf070"; + public static const fa_exclamation_triangle:String = "\uf071"; + public static const fa_plane:String = "\uf072"; + public static const fa_calendar:String = "\uf073"; + public static const fa_random:String = "\uf074"; + public static const fa_comment:String = "\uf075"; + public static const fa_magnet:String = "\uf076"; + public static const fa_chevron_up:String = "\uf077"; + public static const fa_chevron_down:String = "\uf078"; + public static const fa_retweet:String = "\uf079"; + public static const fa_shopping_cart:String = "\uf07a"; + public static const fa_folder:String = "\uf07b"; + public static const fa_folder_open:String = "\uf07c"; + public static const fa_arrows_v:String = "\uf07d"; + public static const fa_arrows_h:String = "\uf07e"; + public static const fa_bar_chart_o:String = "\uf080"; + public static const fa_twitter_square:String = "\uf081"; + public static const fa_facebook_square:String = "\uf082"; + public static const fa_camera_retro:String = "\uf083"; + public static const fa_key:String = "\uf084"; + public static const fa_cogs:String = "\uf085"; + public static const fa_comments:String = "\uf086"; + public static const fa_thumbs_o_up:String = "\uf087"; + public static const fa_thumbs_o_down:String = "\uf088"; + public static const fa_star_half:String = "\uf089"; + public static const fa_heart_o:String = "\uf08a"; + public static const fa_sign_out:String = "\uf08b"; + public static const fa_linkedin_square:String = "\uf08c"; + public static const fa_thumb_tack:String = "\uf08d"; + public static const fa_external_link:String = "\uf08e"; + public static const fa_sign_in:String = "\uf090"; + public static const fa_trophy:String = "\uf091"; + public static const fa_github_square:String = "\uf092"; + public static const fa_upload:String = "\uf093"; + public static const fa_lemon_o:String = "\uf094"; + public static const fa_phone:String = "\uf095"; + public static const fa_square_o:String = "\uf096"; + public static const fa_bookmark_o:String = "\uf097"; + public static const fa_phone_square:String = "\uf098"; + public static const fa_twitter:String = "\uf099"; + public static const fa_facebook:String = "\uf09a"; + public static const fa_github:String = "\uf09b"; + public static const fa_unlock:String = "\uf09c"; + public static const fa_credit_card:String = "\uf09d"; + public static const fa_rss:String = "\uf09e"; + public static const fa_hdd_o:String = "\uf0a0"; + public static const fa_bullhorn:String = "\uf0a1"; + public static const fa_bell:String = "\uf0f3"; + public static const fa_certificate:String = "\uf0a3"; + public static const fa_hand_o_right:String = "\uf0a4"; + public static const fa_hand_o_left:String = "\uf0a5"; + public static const fa_hand_o_up:String = "\uf0a6"; + public static const fa_hand_o_down:String = "\uf0a7"; + public static const fa_arrow_circle_left:String = "\uf0a8"; + public static const fa_arrow_circle_right:String = "\uf0a9"; + public static const fa_arrow_circle_up:String = "\uf0aa"; + public static const fa_arrow_circle_down:String = "\uf0ab"; + public static const fa_globe:String = "\uf0ac"; + public static const fa_wrench:String = "\uf0ad"; + public static const fa_tasks:String = "\uf0ae"; + public static const fa_filter:String = "\uf0b0"; + public static const fa_briefcase:String = "\uf0b1"; + public static const fa_arrows_alt:String = "\uf0b2"; + public static const fa_users:String = "\uf0c0"; + public static const fa_link:String = "\uf0c1"; + public static const fa_cloud:String = "\uf0c2"; + public static const fa_flask:String = "\uf0c3"; + public static const fa_scissors:String = "\uf0c4"; + public static const fa_files_o:String = "\uf0c5"; + public static const fa_paperclip:String = "\uf0c6"; + public static const fa_floppy_o:String = "\uf0c7"; + public static const fa_square:String = "\uf0c8"; + public static const fa_bars:String = "\uf0c9"; + public static const fa_list_ul:String = "\uf0ca"; + public static const fa_list_ol:String = "\uf0cb"; + public static const fa_strikethrough:String = "\uf0cc"; + public static const fa_underline:String = "\uf0cd"; + public static const fa_table:String = "\uf0ce"; + public static const fa_magic:String = "\uf0d0"; + public static const fa_truck:String = "\uf0d1"; + public static const fa_pinterest:String = "\uf0d2"; + public static const fa_pinterest_square:String = "\uf0d3"; + public static const fa_google_plus_square:String = "\uf0d4"; + public static const fa_google_plus:String = "\uf0d5"; + public static const fa_money:String = "\uf0d6"; + public static const fa_caret_down:String = "\uf0d7"; + public static const fa_caret_up:String = "\uf0d8"; + public static const fa_caret_left:String = "\uf0d9"; + public static const fa_caret_right:String = "\uf0da"; + public static const fa_columns:String = "\uf0db"; + public static const fa_sort:String = "\uf0dc"; + public static const fa_sort_asc:String = "\uf0dd"; + public static const fa_sort_desc:String = "\uf0de"; + public static const fa_envelope:String = "\uf0e0"; + public static const fa_linkedin:String = "\uf0e1"; + public static const fa_undo:String = "\uf0e2"; + public static const fa_gavel:String = "\uf0e3"; + public static const fa_tachometer:String = "\uf0e4"; + public static const fa_comment_o:String = "\uf0e5"; + public static const fa_comments_o:String = "\uf0e6"; + public static const fa_bolt:String = "\uf0e7"; + public static const fa_sitemap:String = "\uf0e8"; + public static const fa_umbrella:String = "\uf0e9"; + public static const fa_clipboard:String = "\uf0ea"; + public static const fa_lightbulb_o:String = "\uf0eb"; + public static const fa_exchange:String = "\uf0ec"; + public static const fa_cloud_download:String = "\uf0ed"; + public static const fa_cloud_upload:String = "\uf0ee"; + public static const fa_user_md:String = "\uf0f0"; + public static const fa_stethoscope:String = "\uf0f1"; + public static const fa_suitcase:String = "\uf0f2"; + public static const fa_bell_o:String = "\uf0a2"; + public static const fa_coffee:String = "\uf0f4"; + public static const fa_cutlery:String = "\uf0f5"; + public static const fa_file_text_o:String = "\uf0f6"; + public static const fa_building_o:String = "\uf0f7"; + public static const fa_hospital_o:String = "\uf0f8"; + public static const fa_ambulance:String = "\uf0f9"; + public static const fa_medkit:String = "\uf0fa"; + public static const fa_fighter_jet:String = "\uf0fb"; + public static const fa_beer:String = "\uf0fc"; + public static const fa_h_square:String = "\uf0fd"; + public static const fa_plus_square:String = "\uf0fe"; + public static const fa_angle_double_left:String = "\uf100"; + public static const fa_angle_double_right:String = "\uf101"; + public static const fa_angle_double_up:String = "\uf102"; + public static const fa_angle_double_down:String = "\uf103"; + public static const fa_angle_left:String = "\uf104"; + public static const fa_angle_right:String = "\uf105"; + public static const fa_angle_up:String = "\uf106"; + public static const fa_angle_down:String = "\uf107"; + public static const fa_desktop:String = "\uf108"; + public static const fa_laptop:String = "\uf109"; + public static const fa_tablet:String = "\uf10a"; + public static const fa_mobile:String = "\uf10b"; + public static const fa_circle_o:String = "\uf10c"; + public static const fa_quote_left:String = "\uf10d"; + public static const fa_quote_right:String = "\uf10e"; + public static const fa_spinner:String = "\uf110"; + public static const fa_circle:String = "\uf111"; + public static const fa_reply:String = "\uf112"; + public static const fa_github_alt:String = "\uf113"; + public static const fa_folder_o:String = "\uf114"; + public static const fa_folder_open_o:String = "\uf115"; + public static const fa_smile_o:String = "\uf118"; + public static const fa_frown_o:String = "\uf119"; + public static const fa_meh_o:String = "\uf11a"; + public static const fa_gamepad:String = "\uf11b"; + public static const fa_keyboard_o:String = "\uf11c"; + public static const fa_flag_o:String = "\uf11d"; + public static const fa_flag_checkered:String = "\uf11e"; + public static const fa_terminal:String = "\uf120"; + public static const fa_code:String = "\uf121"; + public static const fa_reply_all:String = "\uf122"; + public static const fa_mail_reply_all:String = "\uf122"; + public static const fa_star_half_o:String = "\uf123"; + public static const fa_location_arrow:String = "\uf124"; + public static const fa_crop:String = "\uf125"; + public static const fa_code_fork:String = "\uf126"; + public static const fa_chain_broken:String = "\uf127"; + public static const fa_question:String = "\uf128"; + public static const fa_info:String = "\uf129"; + public static const fa_exclamation:String = "\uf12a"; + public static const fa_superscript:String = "\uf12b"; + public static const fa_subscript:String = "\uf12c"; + public static const fa_eraser:String = "\uf12d"; + public static const fa_puzzle_piece:String = "\uf12e"; + public static const fa_microphone:String = "\uf130"; + public static const fa_microphone_slash:String = "\uf131"; + public static const fa_shield:String = "\uf132"; + public static const fa_calendar_o:String = "\uf133"; + public static const fa_fire_extinguisher:String = "\uf134"; + public static const fa_rocket:String = "\uf135"; + public static const fa_maxcdn:String = "\uf136"; + public static const fa_chevron_circle_left:String = "\uf137"; + public static const fa_chevron_circle_right:String = "\uf138"; + public static const fa_chevron_circle_up:String = "\uf139"; + public static const fa_chevron_circle_down:String = "\uf13a"; + public static const fa_html5:String = "\uf13b"; + public static const fa_css3:String = "\uf13c"; + public static const fa_anchor:String = "\uf13d"; + public static const fa_unlock_alt:String = "\uf13e"; + public static const fa_bullseye:String = "\uf140"; + public static const fa_ellipsis_h:String = "\uf141"; + public static const fa_ellipsis_v:String = "\uf142"; + public static const fa_rss_square:String = "\uf143"; + public static const fa_play_circle:String = "\uf144"; + public static const fa_ticket:String = "\uf145"; + public static const fa_minus_square:String = "\uf146"; + public static const fa_minus_square_o:String = "\uf147"; + public static const fa_level_up:String = "\uf148"; + public static const fa_level_down:String = "\uf149"; + public static const fa_check_square:String = "\uf14a"; + public static const fa_pencil_square:String = "\uf14b"; + public static const fa_external_link_square:String = "\uf14c"; + public static const fa_share_square:String = "\uf14d"; + public static const fa_compass:String = "\uf14e"; + public static const fa_caret_square_o_down:String = "\uf150"; + public static const fa_caret_square_o_up:String = "\uf151"; + public static const fa_caret_square_o_right:String = "\uf152"; + public static const fa_eur:String = "\uf153"; + public static const fa_gbp:String = "\uf154"; + public static const fa_usd:String = "\uf155"; + public static const fa_inr:String = "\uf156"; + public static const fa_jpy:String = "\uf157"; + public static const fa_rub:String = "\uf158"; + public static const fa_krw:String = "\uf159"; + public static const fa_btc:String = "\uf15a"; + public static const fa_file:String = "\uf15b"; + public static const fa_file_text:String = "\uf15c"; + public static const fa_sort_alpha_asc:String = "\uf15d"; + public static const fa_sort_alpha_desc:String = "\uf15e"; + public static const fa_sort_amount_asc:String = "\uf160"; + public static const fa_sort_amount_desc:String = "\uf161"; + public static const fa_sort_numeric_asc:String = "\uf162"; + public static const fa_sort_numeric_desc:String = "\uf163"; + public static const fa_thumbs_up:String = "\uf164"; + public static const fa_thumbs_down:String = "\uf165"; + public static const fa_youtube_square:String = "\uf166"; + public static const fa_youtube:String = "\uf167"; + public static const fa_xing:String = "\uf168"; + public static const fa_xing_square:String = "\uf169"; + public static const fa_youtube_play:String = "\uf16a"; + public static const fa_dropbox:String = "\uf16b"; + public static const fa_stack_overflow:String = "\uf16c"; + public static const fa_instagram:String = "\uf16d"; + public static const fa_flickr:String = "\uf16e"; + public static const fa_adn:String = "\uf170"; + public static const fa_bitbucket:String = "\uf171"; + public static const fa_bitbucket_square:String = "\uf172"; + public static const fa_tumblr:String = "\uf173"; + public static const fa_tumblr_square:String = "\uf174"; + public static const fa_long_arrow_down:String = "\uf175"; + public static const fa_long_arrow_up:String = "\uf176"; + public static const fa_long_arrow_left:String = "\uf177"; + public static const fa_long_arrow_right:String = "\uf178"; + public static const fa_apple:String = "\uf179"; + public static const fa_windows:String = "\uf17a"; + public static const fa_android:String = "\uf17b"; + public static const fa_linux:String = "\uf17c"; + public static const fa_dribbble:String = "\uf17d"; + public static const fa_skype:String = "\uf17e"; + public static const fa_foursquare:String = "\uf180"; + public static const fa_trello:String = "\uf181"; + public static const fa_female:String = "\uf182"; + public static const fa_male:String = "\uf183"; + public static const fa_gittip:String = "\uf184"; + public static const fa_sun_o:String = "\uf185"; + public static const fa_moon_o:String = "\uf186"; + public static const fa_archive:String = "\uf187"; + public static const fa_bug:String = "\uf188"; + public static const fa_vk:String = "\uf189"; + public static const fa_weibo:String = "\uf18a"; + public static const fa_renren:String = "\uf18b"; + public static const fa_pagelines:String = "\uf18c"; + public static const fa_stack_exchange:String = "\uf18d"; + public static const fa_arrow_circle_o_right:String = "\uf18e"; + public static const fa_arrow_circle_o_left:String = "\uf190"; + public static const fa_caret_square_o_left:String = "\uf191"; + public static const fa_dot_circle_o:String = "\uf192"; + public static const fa_wheelchair:String = "\uf193"; + public static const fa_vimeo_square:String = "\uf194"; + public static const fa_try:String = "\uf195"; + public static const fa_plus_square_o:String = "\uf196"; + + } +} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/f665b377/examples/FlexJSTest_SVG/src/skins/flatspark/utils/ColorUtils.as ---------------------------------------------------------------------- diff --git a/examples/FlexJSTest_SVG/src/skins/flatspark/utils/ColorUtils.as b/examples/FlexJSTest_SVG/src/skins/flatspark/utils/ColorUtils.as new file mode 100644 index 0000000..fed416f --- /dev/null +++ b/examples/FlexJSTest_SVG/src/skins/flatspark/utils/ColorUtils.as @@ -0,0 +1,89 @@ +/** + 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.utils +{ + import mx.states.State; + + import skins.flatspark.enums.ButtonColorEnum; + + public class ColorUtils + { + public static const Turquoise:uint = 0x1ABC9C; + public static const GreenSea:uint = 0x16A085; + public static const Emerald:uint = 0x2ECC71; + public static const Nephritis:uint = 0x27AE60; + public static const PeterRiver:uint = 0x3498DB; + public static const BelizeHole:uint = 0x2980B9; + public static const Amethyst:uint = 0x9B59B6; + public static const Wisteria:uint = 0x8E44AD; + public static const WetAsphalt:uint = 0x34495E; + public static const MidnightBlue:uint = 0x2C3E50; + public static const SunFlower:uint = 0xF1C40F; + public static const Orange:uint = 0xF39C12; + public static const Carrot:uint = 0xE67E22; + public static const Pumpkin:uint = 0xD35400; + public static const Alizarin:uint = 0xE74C3C; + public static const Pomegranate:uint = 0xC0392B; + public static const Clouds:uint = 0xECF0F1; + public static const Silver:uint = 0xBDC3C7; + public static const Concrete:uint = 0x95A5A6; + public static const Asbestos:uint = 0x7F8C8D; + + public function ColorUtils() + { + + } + + public static function ButtonColor(brand:int, estado:State):uint + { + // All the possible colors + var cores:Array = new Array( + ButtonColorEnum.PrimaryUp, ButtonColorEnum.PrimaryHover, ButtonColorEnum.PrimaryDown, ButtonColorEnum.PrimaryDisabled, + ButtonColorEnum.SuccessUp, ButtonColorEnum.SuccessHover, ButtonColorEnum.SuccessDown, ButtonColorEnum.SuccessDisabled, + ButtonColorEnum.WarningUp, ButtonColorEnum.WarningHover, ButtonColorEnum.WarningDown, ButtonColorEnum.WarningDisabled, + ButtonColorEnum.InverseUp, ButtonColorEnum.InverseHover, ButtonColorEnum.InverseDown, ButtonColorEnum.InverseDisabled, + ButtonColorEnum.DefaultUp, ButtonColorEnum.DefaultHover, ButtonColorEnum.DefaultDown, ButtonColorEnum.DefaultDisabled, + ButtonColorEnum.InfoUp, ButtonColorEnum.InfoHover, ButtonColorEnum.InfoDown, ButtonColorEnum.InfoDisabled, + ButtonColorEnum.DangerUp, ButtonColorEnum.DangerHover, ButtonColorEnum.DangerDown, ButtonColorEnum.DangerDisabled + ); + + // Map all the allowed states + var numeroEstado:int = 1; + switch (estado.name) + { + case "up": + numeroEstado = 1; + break; + case "over": + numeroEstado = 2; + break; + case "down": + numeroEstado = 3; + break; + case "disabled": + numeroEstado = 3; + break; + } + + var posicao:int = 1; + posicao = 4 * (brand - 1) + (numeroEstado - 1); + + return cores[posicao]; + } + } +} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/f665b377/examples/FlexJSTest_SVG/src/skins/flatspark/utils/ConfigSkin.as ---------------------------------------------------------------------- diff --git a/examples/FlexJSTest_SVG/src/skins/flatspark/utils/ConfigSkin.as b/examples/FlexJSTest_SVG/src/skins/flatspark/utils/ConfigSkin.as new file mode 100644 index 0000000..a09dd29 --- /dev/null +++ b/examples/FlexJSTest_SVG/src/skins/flatspark/utils/ConfigSkin.as @@ -0,0 +1,44 @@ +/** + 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.utils +{ + + import flatspark.enums.ColorSwatchEnum; + import flatspark.enums.SizeEnum; + + public final class ConfigSkin + { + + /* + * Default size + */ + public static var sizeEnum:SizeEnum=new SizeEnum(); + + /* + * Default color + */ + public static var colorSwatch:ColorSwatchEnum=new ColorSwatchEnum(); + + + public function ConfigSkin() + { + + } + + } +}