<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" 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 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:button

disabled="{stConnected.active}" /-->

<a:splitbutton id="btnDebug"

icon = "bug.png"

caption = "debug"

onclick = "require('ext/run/run').run(true)"

disabled = "{stProcessRunning.active and 1}"

submenu = "mnuDebugCfg" />

<a:splitbutton

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:divider skin="c9-divider" />

<a:button id="btnResume" tooltip="Resume"

icon = "play.png"

onclick = "dbg.continueScript();"

skin = "c9-toolbarbutton"

disabled = "{!stDebugProcessRunning.active or stRunning.active}" />

<a:button tooltip="Suspend"

skin = "c9-toolbarbutton"

icon = "pause.png"

onclick = "dbg.suspend();"

disabled = "{!stDebugProcessRunning.active or !stRunning.active}"/>

<a:divider skin="c9-divider" />

<a:button id="btnStepInto" tooltip="Step Into"

icon = "stepinto.png"

skin = "c9-toolbarbutton"

onclick = "dbg.stepInto();"

disabled = "{!stDebugProcessRunning.active or stRunning.active}" />

<a:button id="btnStepOver" tooltip="Step Over"

icon = "step.png"

skin = "c9-toolbarbutton"

onclick = "dbg.stepNext();"

disabled = "{!stDebugProcessRunning.active or stRunning.active}" />

<a:button id="btnStepOut" tooltip="Step Out"

icon = "stepback.png"

skin = "c9-toolbarbutton"

onclick = "dbg.stepOut();"

disabled = "{!stDebugProcessRunning.active or stRunning.active}" />

</a:bar>

</a:application>