<a:application xmlns:a="http://ajax.org/2005/aml">

    <a:model id="mdlRunConfigurations">
        <configurations />
    </a:model>

    <a:menu id="mnuRunCfg">	
        <a:item disabled="true" caption="no run history" />
        <a:divider></a:divider>
        <a:item onclick="require('ext/run/run').showRunConfigs(false)">Run Configurations ...</a:item>
    </a:menu>
    
    <a:menu id="mnuDebugCfg">	
        <a:item disabled="true" caption="no run history" />
        <a:divider></a:divider>
        <a:item onclick="require('ext/run/run').showRunConfigs(true)">Run Configurations ...</a:item>
    </a:menu>
    
    <a:window id="winRunCfgNew" 
      title="New Run Configuration" 
      model="{lstRunCfg.selected}"
      buttons="close" 
      modal="false"
      center="true" 
      width="350"
      height="400"
      kbclose="true">
        <a:vbox anchors="0 0 0 0">
        <a:toolbar>
            <a:bar>
            <a:button
              icon="debugger/monitorexpression_tsk{this.disabled ? '_disabled' : ''}.gif"
              caption="Add"
              onclick="require('ext/run/run').addConfig()"/>
            <a:button 
              icon="debugger/copy_edit_co{this.disabled ? '_disabled' : ''}.gif" 
              caption="Duplicate"
              onclick="require('ext/run/run').duplicate()"
              disabled="{!lstRunCfg.selected}"/>
            <a:button 
              icon="debugger/delete_config{this.disabled ? '_disabled' : ''}.gif"
              caption="Remove"
              onclick="lstRunCfg.remove()"
              disabled="{!lstRunCfg.selected}"/>
            </a:bar>
        </a:toolbar>
        <a:list id="lstRunCfg" 
          skin="lineselect"
          model="mdlRunConfigurations"
          each="[config]"
          caption="[@name]"
          empty-message="no run configurations"
          autoselect="true"
          flex="1"/>				
            <a:divider />
            <a:hbox align="center" margin="5 10 5 10" padding="10">
                <a:label width="130" textalign="right">Name</a:label>
                <a:textbox id="txtRunCfgName" 
                  flex="1"
                  realtime="true"
                  value="[@name]"
                  disabled="{!lstRunCfg.selected}"/>
            </a:hbox>
            <a:divider />
            <a:hbox align="center" id="hbRunCfg" margin="5 10" padding="10">
                <a:label width="130" textalign="right">File path</a:label>
                <a:textbox id="txtRunCfgName" flex="1" value="[@path]" disabled="{!lstRunCfg.selected}"/>
                <a:button visible="false" icon="folder.png" disabled="true" tooltip="Browse ..."></a:button>
            </a:hbox>
            <!--a:divider />
            <a:hbox align="center" margin="5 10" padding="10">
                <a:model id="mdlRunnerSelector">
                    <data>
                        <element caption="JavaScript" value="js" />
                        <element caption="Python" value="py" />
                    </data>
                </a:model>
                <a:label width="130" textalign="right">Runner</a:label>
                <a:dropdown id="ddRunnerSelector"
                    model="mdlRunnerSelector"
                    flex="1"
                    disabled="{!lstRunCfg.selected}"
                    selected="{lstRunCfg.selected.attributes['extension'].value}">
                    <a:each match="[element]">
                        <a:caption match="[@caption]" />
                        <a:value match="[@value]" />
                    </a:each>
                </a:dropdown>
            </a:hbox-->
            <a:hbox align="center" margin="5 10" padding="10">
                <a:label width="130" textalign="right">Command line arguments</a:label>
                <a:textbox id="txtRunCfgName" flex="1" value="[@args]" disabled="{!lstRunCfg.selected}"/>
            </a:hbox>
            <a:divider />
            <a:hbox padding="5" pack="end" edge="10 10 5 10">
                <a:button 
                  default="2" 
                  class="ui-btn-green" 
                  onclick="require('ext/run/run').runConfig(lstRunCfg.selected, mdlRunConfigurations.data.getAttribute('debug') == '1');winRunCfgNew.hide()"
                  disabled="{!lstRunCfg.selected}"
                  caption="Run"/>
                <a:button onclick="winRunCfgNew.hide()">Close</a:button>
            </a:hbox>        
        </a:vbox>
    </a:window>
        
    <a:bar id="tbRun">
        <a:divider skin="c9-divider" />
        <a:splitbutton
          id       = "btnRun"
          icon     = "run.png"
          caption  = "run"
          onclick  = "require('ext/run/run').run(false)"
          disabled = "{stProcessRunning.active and 1}"
          submenu  = "mnuRunCfg" />
        <a:button
          icon     = "stop.png"
          caption  = "stop"
          skin     = "c9-toolbarbutton"
          onclick  = "require('ext/run/run').stop()"
          disabled = "{!stProcessRunning.active and 1}" />
    </a:bar>

</a:application>