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

<a:tab id="tabDebug" skin="docktab" visible="false">

<a:page id="dbgCallStack" caption="Call Stack">

<a:datagrid

id = "dgStack"

anchors = "0 0 0 0"

border = "0"

options = "size|move"

caching = "false"

prerender = "false"

model = "mdlDbgStack"

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

selected = "{dbg.activeframe}">

<a:actions />

<a:each match="[frame]">

<a:column caption="Function" value="[@name]" width="100%" icon2="debugger/stckframe_obj.gif" />

<a:column caption="Script" value="[@script]" width="50" />

<a:column caption="Ln" value="[@line]" width="25"/>

<a:column caption="Col" value="[@column]" width="25"/>

</a:each>

</a:datagrid>

</a:page>

<a:page id="dbInteractive" caption="Interactive">

<a:vbox anchors="0 0 0 0">

<a:toolbar>

<a:bar border="0 0 1 0">

<a:button

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

caption = "Execute"

tooltip = "Ctrl+Enter"

onclick = "

" />

<a:button

disabled2 = "{!txtCode.value.trim()}"

caption = "Clear"

onclick = "

" />

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

<a:dropdown id="lstScripts"

skin2 = "black_dropdown"

margin = "3 0 0 4"

width = "120"

maxitems = "10"

model = "mdlDbgSources"

disabled = "{!stDebugProcessRunning.active and 1}"

each = "[file]"

caption = "[@text]"

autoselect = "false"

icon = "debugger/file_obj.gif" />

</a:bar>

</a:toolbar>

<a:codeeditor id="txtCode"

flex = "1"

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

onkeydown = "return require('ext/console/console').consoleTextHandler(event)"

realtime = "true"

border = "0"

model = "{require('ext/settings/settings').model}"

value = "[auto/console/input]"

softtabs = "[{require('ext/settings/settings').model}::editors/code/@softtabs]"

tabsize = "[{require('ext/settings/settings').model}::editors/code/@tabsize]"

scrollspeed = "[{require('ext/settings/settings').model}::editors/code/@scrollspeed]"

theme = "[{require('ext/settings/settings').model}::editors/code/@theme]"

selectstyle = "[{require('ext/settings/settings').model}::editors/code/@selectstyle]"

activeline = "[{require('ext/settings/settings').model}::editors/code/@activeline]"

showinvisibles = "[{require('ext/settings/settings').model}::editors/code/@showinvisibles]"

showprintmargin = "false"

printmargincolumn = "0" />

</a:vbox>

</a:page>

<a:page id="dbgVariable" caption="Variables">

<a:datagrid id="dgVars"

anchors = "0 0 0 0"

border = "0"

options = "size|move"

prerender = "false"

caching = "false"

model = "[{dgStack.selected}::vars]"

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

loading-message = "Calculating...">

<a:actions />

<a:each match="[item|globals]" sort="[@name]">

<a:insert match="[globals]" get="{adbg.loadFrame(dbg, {dgStack.selected})}"/>

<a:insert match="[item[@children='true']]" get="{adbg.loadObjects(dbg, %[.])}" />

<a:column caption="Property" value="{[@name] || 'Globals'}" width="40%" icon="debugger/genericvariable_obj.gif" tree="true" />

<a:column caption="Value" value="[@value]" width="60%" />

<a:column caption="Type" value="[@type]" width="50"/>

</a:each>

</a:datagrid>

</a:page>

<a:page id="dbgBreakpoints" caption="Breakpoints">

<a:list id="lstBreakpoints"

autoselect = "false"

reselectable = "true"

anchors = "0 0 0 0"

border = "0"

model = "mdlDbgBreakpoints"

each = "[breakpoint]"

caption = "[@text]"

icon = "debugger/brkp_obj.png">

<a:actions />

</a:list>

</a:page>

</a:tab>

</a:application>