<?xml version="1.0" encoding="utf-8"?>
<mx:Panel 
    xmlns:mx="http://www.adobe.com/2006/mxml"
    xmlns:util="com.adobe.cairngorm.samples.dashboard.util.*">

    <mx:Script>
        <![CDATA[
            import com.adobe.cairngorm.control.CairngormEventDispatcher;
            import com.adobe.cairngorm.samples.dashboard.model.StockQuote;
            import com.adobe.cairngorm.samples.dashboard.events.GetStockQuoteEvent;    
            
            [Bindable]
            public var stockQuote : StockQuote;
            
            private function getQuoteForSymbol() : void
            {
                var event : GetStockQuoteEvent = new GetStockQuoteEvent( symbolTextInput.text );
                CairngormEventDispatcher.getInstance().dispatchEvent( event );
            }
        ]]>
    </mx:Script>
    
    <mx:CurrencyFormatter 
        id="standardEuroFormatter"  
        currencySymbol="€" precision="2"/>
        
    <mx:StringValidator 
        minLength="2" triggerEvent="change" 
        source="{ symbolTextInput }" property="text"
        valid="stockQuote.validateSymbol( true );" 
        invalid="stockQuote.validateSymbol( false );"/>
    
    <mx:Form>
    
        <mx:FormItem label="Symbol">
            <mx:TextInput 
                id="symbolTextInput"/>
            <mx:Button 
                label="Get Quote" 
                enabled="{ stockQuote.isValid }" 
                click="getQuoteForSymbol();"/>
        </mx:FormItem>
                
        <mx:FormItem label="Price Quote">
            <mx:Label text="{ standardEuroFormatter.format( stockQuote.lastStockQuote ) }"/>
            <mx:Label text="{ stockQuote.statusMessage }"/>
        </mx:FormItem>
        
    </mx:Form>    
</mx:Panel>