sunnyman's (sunnyman) wrote in changelog,
sunnyman's
sunnyman
changelog

[livejournal] r20302: LJSUP-10082: Templates and CSS for Layer...

Committer: vtroitsky
LJSUP-10082: Templates and CSS for LayerEditor
A   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)">&nbsp;</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">
+                &nbsp;
+        </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)">&nbsp;</div>
+    <div class="statusbar" id="statusbar">
+        <div class="gutter"> </div>
+        <div id="status">Ready.</div>
+    </div>
+</form>

Tags: css, livejournal, sunnyman, tmpl, vtroitsky
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 0 comments