[livejournal] r20302: LJSUP-10082: Templates and CSS for Layer...
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>