Committer: vtroitsky
LJSUP-10082: Templates and CSS for LayerEditorA trunk/htdocs/stc/widgets/layereditor.css A trunk/templates/LayerEditor/ A trunk/templates/LayerEditor/layeredit.tmpl A trunk/templates/Widgets/layereditor.tmpl
Added: trunk/htdocs/stc/widgets/layereditor.css =================================================================== --- trunk/htdocs/stc/widgets/layereditor.css (rev 0) +++ trunk/htdocs/stc/widgets/layereditor.css 2011-10-13 07:59:53 UTC (rev 20302) @@ -0,0 +1,41 @@ +html { + overflow: hidden; +} + +div.reference { + height: expression(xGetElementById('statusbar').offsetTop - (42 + 9 + 10) + "px"); +} + +div.output { + width: expression(xGetElementById('statusbar').clientWidth - (18 + xGetElementById('out').offsetLeft) + "px"); + bottom: 45px; +} + +div.divider { + font-size: 2px; +} + +#outputdivider { + width: expression(xGetElementById('statusbar').clientWidth - (18 + xGetElementById('out').offsetLeft) + "px"); + bottom: 145px; + height: 7px; +} + +#refdivider { + height: expression(xGetElementById('statusbar').offsetTop - (42 + 9 + 10) + "px"); +} + +div.main { + width: expression(xGetElementById('statusbar').clientWidth - (18 + 6 + xGetElementById('out').offsetLeft) + "px"); + height: expression(xGetElementById('statusbar').offsetTop - (42 - 16 + xGetElementById('out').clientHeight + 57) + "px"); +} + +textarea.maintext { + width: 100%; + height: expression(xGetElementById('statusbar').offsetTop - (42 - 16 + xGetElementById('out').clientHeight + 57) + "px"); +} + +#outputtabs { + width: expression(xGetElementById('statusbar').clientWidth - (18 + 4 + xGetElementById('out').offsetLeft) + "px"); +} + Added: trunk/templates/LayerEditor/layeredit.tmpl =================================================================== --- trunk/templates/LayerEditor/layeredit.tmpl (rev 0) +++ trunk/templates/LayerEditor/layeredit.tmpl 2011-10-13 07:59:53 UTC (rev 20302) @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><TMPL_VAR title> - S2 Designer</title> +<TMPL_VAR headextra> +<script type="text/javascript"><!-- + var s2docBaseURL = "<TMPL_VAR s2doc>"; +// --> +</script> +</head> +<body onMouseMove="s2processDrag(event)" onMouseUp="s2endDrag(event)"> +<TMPL_INCLUDE ../Widgets/layereditor.tmpl> +</body> +</html> + Added: trunk/templates/Widgets/layereditor.tmpl =================================================================== --- trunk/templates/Widgets/layereditor.tmpl (rev 0) +++ trunk/templates/Widgets/layereditor.tmpl 2011-10-13 07:59:53 UTC (rev 20302) @@ -0,0 +1,74 @@ +<form method="post" id="s2" action="" onsubmit="return s2submit()"> + <TMPL_VAR form_auth> + <input type="hidden" name="<TMPL_VAR prefix>_action" value="compile" /> + <input type="hidden" name="<TMPL_VAR prefix>_id" value="<TMPL_VAR id>"/> + <div class="header"> + <h1><TMPL_VAR title></h1> + <div class="tools"> + <a href="<TMPL_VAR s2doc>" target="_blank">Documentation</a> + </div> + <input type="submit" value="Save & Compile" class="compilelink" /> + </div> + <div class="main" id="maindiv"> + <div class="maincontainer"> + <textarea id="main" class="maintext" name="<TMPL_VAR prefix>_s2code" onKeyPress="s2keyPressed(event)" wrap="off" + onKeyDown="s2IETabKeyPressedHandler(event)"><TMPL_VAR s2code></textarea> + </div> + </div> + <div class="divider" id="outputdivider" onMouseDown="s2startDrag(event)" + onMouseUp="s2endDrag(event)" + onMouseMove="s2processDrag(event)"> </div> + <div class="tabs" id="outputtabs"> + <h2>Build</h2> + </div> + <div id="out" class="output"> + <TMPL_VAR build> + </div> + <div class="tabs" id="reftabs"> + <span id="navtabs" class="refvisible"> + <h2>Nav.</h2> + <a href="javascript:s2switchRefTab(0)">Classes</a> + <a href="javascript:s2switchRefTab(1)">Funcs.</a> + <a href="javascript:s2switchRefTab(2)">Props.</a> + </span> + <span id="classtabs" class="refinvisible"> + <a href="javascript:s2switchRefTab(-1)">Nav.</a> + <h2>Classes</h2> + <a href="javascript:s2switchRefTab(1)">Funcs.</a> + <a href="javascript:s2switchRefTab(2)">Props.</a> + </span> + <span id="functabs" class="refinvisible"> + <a href="javascript:s2switchRefTab(-1)">Nav.</a> + <a href="javascript:s2switchRefTab(0)">Classes</a> + <h2>Funcs.</h2> + <a href="javascript:s2switchRefTab(2)">Props.</a> + </span> + <span id="proptabs" class="refinvisible"> + <a href="javascript:s2switchRefTab(-1)">Nav.</a> + <a href="javascript:s2switchRefTab(0)">Classes</a> + <a href="javascript:s2switchRefTab(1)">Funcs.</a> + <h2>Props.</h2> + </span> + </div> + <div id="ref" class="reference"> + <div id="nav" class="refvisible"> + + </div> + <div id="classref" class="refinvisible"> + (Classes) + </div> + <div id="funcref" class="refinvisible"> + (Functions) + </div> + <div id="propref" class="refinvisible"> + (Properties) + </div> + </div> + <div class="divider" id="refdivider" onMouseDown="s2startDragRef(event)" + onMouseUp="s2endDrag(event)" + onMouseMove="s2processDrag(event)"> </div> + <div class="statusbar" id="statusbar"> + <div class="gutter"> </div> + <div id="status">Ready.</div> + </div> +</form>