<?xml version="1.0" encoding="utf-8"?>
<mx:Application
  xmlns:mx="http://www.adobe.com/2006/mxml" 
  xmlns:controller="flater.cairngormtips.controller.*" 
  xmlns:generator="com.universalmind.cairngorm.events.generator.*" 
  xmlns:events="flater.cairngormtips.controller.events.*" 
  xmlns:delegates="flater.cairngormtips.controller.delegates.*"
  layout="vertical">
  
    <mx:Script>
        <![CDATA[
            import flater.cairngormtips.model.Model;
            import flater.cairngormtips.controller.events.GetItemsEvent;
            import flater.cairngormtips.util.out;
            
            import mx.controls.Alert;
            import mx.rpc.events.ResultEvent;
            
            [Bindable] public var output : String = "";
        ]]>
    </mx:Script>
  
  
    <!-- ========================================================= -->
    <!--  Need to keep a reference to the FrontController so that  -->
    <!--  it is not garbage collected.                             -->
    <!--  CairngormTipsFrontController maps the Cairngorm Events   -->     
    <!--  used in the sample to the appropriate Cairngorm          -->
    <!--  Commands.                                                -->
    <!-- ========================================================= -->
    <controller:CairngormTipsFrontController />  
  
    <!-- ========================================================= -->
    <!--  Need to keep a reference to the Services class so that   -->
    <!--  it is not garbage collected.                             -->
    <!-- ========================================================= -->
    <delegates:Services />  
    
    
    <!-- ========================================================= -->
    <!--    UI                                                     -->
    <!-- ========================================================= -->
    
    <mx:Button label="Dispatch GetItemsEvent" 
      click="out( '' );
             out( 'GetItemsEvent dispatched' ); 
             new GetItemsEvent().dispatch();" />
    
    <mx:TextArea id="consoleOutput" width="500" height="100%"
      text="{ output }" />
      
    <mx:DataGrid id="dataGrid" width="90%" height="100%"
      dataProvider="{ Model.getInstance().items }" />
    
</mx:Application>