cairngorm/src/com/insideria/twitteria/view/status/StatusText.mxml puremvc/src/com/insideria/twitteria/view/components/status/StatusText.mxml raw_and_uncut/src/StatusText.mxml swiz/src/com/insideria/twitteria/view/status/StatusText.mxml @@ -1,5 +1,5 @@ <?xml version="1.0" encoding="utf-8"?> -<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" creationComplete="init()"> +<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" creationComplete="init()" xmlns:status="com.insideria.twitteria.view.status.*"> <mx:Script> <![CDATA[ import com.insideria.twitteria.event.SetStatusEvent; @@ -11,9 +11,6 @@ [Bindable] private var model:TwitteRIAModel = TwitteRIAModel.getInstance(); - [Bindable] - private var charactersLeft:int = 140; - private function init():void { reload(); } @@ -24,18 +21,7 @@ private function setStatus():void { new SetStatusEvent(statusText.text).dispatch(); - statusText.text = ''; - countCharactersLeft(); - } - - private function countCharactersLeft():void { - var chars:int = 140 - statusText.text.length; - charactersLeft = Math.max(chars, 0); - if (charactersLeft > 10) { - charactersLeftLabel.setStyle("color", 0xEEEEEE); - } else { - charactersLeftLabel.setStyle("color", 0xFF5555); - } + statusText.clear(); } ]]> @@ -52,8 +38,14 @@ <mx:HBox width="100%" styleName="instructions"> <mx:Label text="What are you doing?" /> <mx:Spacer width="100%" /> - <mx:Label id="charactersLeftLabel" text="{charactersLeft}" styleName="charactersLeft" /> + <mx:Label id="charactersLeftLabel" text="{statusText.charactersLeft}" styleName="charactersLeft" /> </mx:HBox> - <mx:TextInput id="statusText" enter="setStatus()" width="100%" maxChars="140" keyUp="countCharactersLeft()" /> + <status:StatusText + id="statusText" + width="100%" + status="setStatus()" + limitWarning="charactersLeftLabel.setStyle('color', 0xFF5555)" + underLimit="charactersLeftLabel.setStyle('color', 0xEEEEEE)" + /> </mx:VBox> cairngorm/src/com/insideria/twitteria/view/MainView.mxml @@ -1,5 +1,5 @@ <?xml version="1.0" encoding="utf-8"?> -<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%"> +<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" xmlns:status="com.insideria.twitteria.view.components.status.*"> <mx:Metadata> [Event(name="setStatus", type="flash.events.Event")] @@ -12,25 +12,11 @@ public static const SET_STATUS:String = 'setStatus'; [Bindable] - private var charactersLeft:int = 140; - - [Bindable] public var currentTweets:ArrayCollection; // <TwitterStatus> private function setStatus():void { dispatchEvent(new Event(SET_STATUS)); - statusText.text = ''; - countCharactersLeft(); - } - - private function countCharactersLeft():void { - var chars:int = 140 - statusText.text.length; - charactersLeft = Math.max(chars, 0); - if (charactersLeft > 10) { - charactersLeftLabel.setStyle("color", 0xEEEEEE); - } else { - charactersLeftLabel.setStyle("color", 0xFF5555); - } + statusText.clear(); } ]]> @@ -47,8 +33,14 @@ <mx:HBox width="100%" styleName="instructions"> <mx:Label text="What are you doing?" /> <mx:Spacer width="100%" /> - <mx:Label id="charactersLeftLabel" text="{charactersLeft}" styleName="charactersLeft" /> + <mx:Label id="charactersLeftLabel" text="{statusText.charactersLeft}" styleName="charactersLeft" /> </mx:HBox> - <mx:TextInput id="statusText" enter="setStatus()" width="100%" maxChars="140" keyUp="countCharactersLeft()" /> + <status:StatusText + id="statusText" + width="100%" + status="setStatus()" + limitWarning="charactersLeftLabel.setStyle('color', 0xFF5555)" + underLimit="charactersLeftLabel.setStyle('color', 0xEEEEEE)" + /> </mx:VBox> puremvc/src/com/insideria/twitteria/view/components/MainView.mxml @@ -1,5 +1,5 @@ <?xml version="1.0" encoding="utf-8"?> -<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" creationComplete="init()"> +<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" creationComplete="init()" xmlns:local="*"> <mx:Script> <![CDATA[ import twitter.api.data.TwitterStatus; @@ -14,9 +14,6 @@ [Bindable] public var currentTweets:ArrayCollection; // <TwitterStatus> - [Bindable] - private var charactersLeft:int = 140; - private var twitterService:Twitter; private var useDummyData:Boolean = true; @@ -49,21 +46,10 @@ } private function statusSet(te:TwitterEvent):void { - statusText.text = ''; - countCharactersLeft(); + statusText.clear(); reload(); } - private function countCharactersLeft():void { - var chars:int = 140 - statusText.text.length; - charactersLeft = Math.max(chars, 0); - if (charactersLeft > 10) { - charactersLeftLabel.setStyle("color", 0xEEEEEE); - } else { - charactersLeftLabel.setStyle("color", 0xFF5555); - } - } - private function getDummyData():Array { var i:int; var statusObj:Object; @@ -91,8 +77,14 @@ <mx:HBox width="100%" styleName="instructions"> <mx:Label text="What are you doing?" /> <mx:Spacer width="100%" /> - <mx:Label id="charactersLeftLabel" text="{charactersLeft}" styleName="charactersLeft" /> + <mx:Label id="charactersLeftLabel" text="{statusText.charactersLeft}" styleName="charactersLeft" /> </mx:HBox> - <mx:TextInput id="statusText" enter="setStatus()" width="100%" maxChars="140" keyUp="countCharactersLeft()" /> + <local:StatusText + id="statusText" + width="100%" + status="setStatus()" + limitWarning="charactersLeftLabel.setStyle('color', 0xFF5555)" + underLimit="charactersLeftLabel.setStyle('color', 0xEEEEEE)" + /> </mx:VBox> raw_and_uncut/src/MainView.mxml @@ -1,5 +1,5 @@ <?xml version="1.0" encoding="utf-8"?> -<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%"> +<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" xmlns:status="com.insideria.twitteria.view.status.*"> <mx:Script> <![CDATA[ import com.insideria.twitteria.controllers.MainViewController; @@ -10,23 +10,9 @@ [Autowire(bean="mainViewController")] public var controller:MainViewController; - [Bindable] - private var charactersLeft:int = 140; - private function setStatus():void { - controller.setStatus(statusText.text); - statusText.text = ''; - countCharactersLeft(); - } - - private function countCharactersLeft():void { - var chars:int = 140 - statusText.text.length; - charactersLeft = Math.max(chars, 0); - if (charactersLeft > 10) { - charactersLeftLabel.setStyle("color", 0xEEEEEE); - } else { - charactersLeftLabel.setStyle("color", 0xFF5555); - } + controller.setStatus(statusText.text); + statusText.clear(); } ]]> @@ -43,8 +29,14 @@ <mx:HBox width="100%" styleName="instructions"> <mx:Label text="What are you doing?" /> <mx:Spacer width="100%" /> - <mx:Label id="charactersLeftLabel" text="{charactersLeft}" styleName="charactersLeft" /> + <mx:Label id="charactersLeftLabel" text="{statusText.charactersLeft}" styleName="charactersLeft" /> </mx:HBox> - <mx:TextInput id="statusText" enter="setStatus()" width="100%" maxChars="140" keyUp="countCharactersLeft()" /> + <status:StatusText + id="statusText" + width="100%" + status="setStatus()" + limitWarning="charactersLeftLabel.setStyle('color', 0xFF5555)" + underLimit="charactersLeftLabel.setStyle('color', 0xEEEEEE)" + /> </mx:VBox> swiz/src/com/insideria/twitteria/view/MainView.mxml c4bef47761cbbd61db312cbc47313e62fd057073 Tony Hillerson tony.hillerson@effectiveui.com http://github.com/thillerson/twitteria/commit/5e4a5af82ed2c6a04c87cbd5bcec751a3f499698 5e4a5af82ed2c6a04c87cbd5bcec751a3f499698 2008-10-06T21:09:45-07:00 2008-10-06T21:09:45-07:00 a cleaner implementation of the status text. cleaner main view, more encapsulation 8d6640c72c345458d4c803f7cc6616511f184abf Tony Hillerson tony.hillerson@effectiveui.com