From 4b42f228acc3c756ef0023908fcf24a4e3b44067 Mon Sep 17 00:00:00 2001
From: Val Erastov <xibyte@gmail.com>
Date: Wed, 24 Feb 2016 21:37:48 -0800
Subject: [PATCH] tile up windows

---
 web/app/sketcher/main2d.js |  1 +
 web/app/ui.js              | 51 +++++++++++++++++++++++++++++++++-----
 2 files changed, 46 insertions(+), 6 deletions(-)

diff --git a/web/app/sketcher/main2d.js b/web/app/sketcher/main2d.js
index e70b8c8d..07d71306 100644
--- a/web/app/sketcher/main2d.js
+++ b/web/app/sketcher/main2d.js
@@ -26,6 +26,7 @@ TCAD.App2D = function() {
   var consoleBtn = TCAD.ui.dockBtn('Commands', 'list');
   statusEl.append(consoleBtn);
   var commandsWin = new TCAD.ui.Window($('#commands'), this.winManager);
+  commandsWin.tileUpRelative = $('#viewer');
   consoleBtn.click(function() {
     commandsWin.toggle();
   });
diff --git a/web/app/ui.js b/web/app/ui.js
index 93845cd4..0a14b014 100644
--- a/web/app/ui.js
+++ b/web/app/ui.js
@@ -28,16 +28,55 @@ TCAD.ui.Window.prototype.toggle = function() {
 };
 
 TCAD.ui.Window.prototype.tileUpPolicy = function(firstTime, relativeEl) {
-  var span = 100;
+  var span = 20;
   var relOff = relativeEl.offset();
+  var off = this.root.offset();
+  off = {
+    left: parseInt(this.root.css('left')),
+    top: parseInt(this.root.css('top'))
+  };
+
   if (firstTime) {
-    this.root.offset( {
-      //left :  relOff.left + relativeEl.width() - this.root.width() - span,
-      //top : relOff.top + relativeEl.height() - this.root.height() - span
-      left :  relOff.left,
-      top : relOff.top
+    off = {
+      left: relOff.left + relativeEl.width() - this.root.width() - span,
+      top: relOff.top + relativeEl.height() - this.root.height() - span
+    };
+    this.root.css({
+      left: off.left + 'px',
+      top: off.top + 'px'
     });
   }
+  var needToSet = false;
+  if (off.left < relOff.left || off.left >= relOff.left + relativeEl.width() - span) {
+    off.left = relOff.left + span;
+    needToSet = true;
+  }
+  if (off.top < relOff.top || off.top >= relOff.top + relativeEl.height() - span) {
+    off.top = relOff.top + span;
+    needToSet = true;
+  }
+  if (needToSet) {
+    this.root.css({
+      left: off.left + 'px',
+      top: off.top + 'px'
+    });
+  }
+  //var fixedWidth = null;
+  //var fixedHeight = null;
+  //
+  //if (off.left + this.root.width() > relOff.left + relativeEl.width()) {
+  //  fixedWidth = this.root.width() - span * 2; 
+  //}
+  //if (off.top + this.root.height() > relOff.top + relativeEl.height()) {
+  //  fixedHeight = this.root.width() - span * 2;
+  //}
+  //if (fixedWidth != null) {
+  //  console.log(fixedWidth)
+  //  this.root.css({ width : fixedWidth + 'px'});
+  //}
+  //if (fixedHeight != null) {
+  //  this.root.css({ height : fixedHeight + 'px'});
+  //}
 };
 
 TCAD.ui.WinManager = function() {