added a layout manager, made it respond to <S-Enter>

Dyalog · Aug 26, 2014 · 8b2b600 · 8b2b600
1 parent 4605a0e
commit 8b2b600
Show file tree

Hide file tree

Showing 5 changed files with 5,154 additions and 6 deletions.
diff --git a/a.coffee b/a.coffee
@@ -16,7 +16,7 @@ router = express.Router()
 router.use express.static __dirname
 
 # compile *.coffee on the fly and serve it as *.js
-app.get '/:name.js', (req, res, next) ->
+app.get '/:name.coffee.js', (req, res, next) ->
   require('fs').readFile "#{__dirname}/#{req.params.name}.coffee", 'utf8', (err, s) ->
     if err then console.error err; res.status(404).send ''
     else res.header('Content-Type', 'application/x-javascript').send require('coffee-script').compile s, bare: true

diff --git a/index.coffee b/index.coffee
@@ -16,7 +16,7 @@ jQuery ($) ->
     cm.setCursor cm.lineCount() - 1, 6
 
   socket.on 'open', (name, text) ->
-    # todo
+    layout.open 'east'
 
   cm = CodeMirror document.getElementById('session'),
     autofocus: true
@@ -73,7 +73,11 @@ jQuery ($) ->
   $('.glyph', '#lbar').on 'mouseout blur', ->
     clearTimeout ttid; ttid = null; $('#tip').hide()
 
-  $(window).resize(-> cm.setSize null, $(window).height() - 4 - $('#lbar').height()).resize()
+  layout = $('body').layout
+    north: resizable: 0, togglerLength_closed: '100%'
+    east: initClosed: true, spacing_closed: 0
+    center: onresize: updateCM = -> cm.setSize $('#session').width(), $('#session').height()
+  updateCM()
 
   if debug
     window.socket = socket

diff --git a/index.html b/index.html
@@ -25,16 +25,21 @@
 			border-top-width: 0;
 		}
 		#tip-title { padding: 0 0 0 30px; margin: 0; font-weight: bold; }
+		.ui-layout-resizer { background-color: #ccc; }
+		.ui-layout-toggler { background-color: #888; }
 	</style>
 </head>
 <body>
-	<div id="lbar"></div>
+	<div id="session" class="ui-layout-center"></div>
+	<div id="lbar" class="ui-layout-north"></div>
 	<div id="tip" style="display: none"><div id="tip-inner"><div id="tip-title"></div><pre id="tip-description"></pre></div></div>
-	<div id="session"></div>
+	<div class="ui-layout-east">editor</div>
 	<script src="/socket.io/socket.io.js"></script>
 	<script src="node_modules/jquery/dist/cdn/jquery-2.1.1.min.js"></script>
 	<script src="node_modules/codemirror/lib/codemirror.js"></script>
 	<script src="node_modules/codemirror/mode/apl/apl.js"></script>
-	<script src="index.js"></script>
+	<script src="jquery-ui.min.js"></script>
+	<script src="jquery.layout.js"></script>
+	<script src="index.coffee.js"></script>
 </body>
 </html>
diff --git a/jquery-ui.min.js b/jquery-ui.min.js