fix resize not work on iframe (web panel)

binux · Nov 5, 2014 · df65986 · df65986
1 parent 3f5f205
commit df65986
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/webui/static/debug.js b/webui/static/debug.js
@@ -21,7 +21,14 @@ window.Debugger = (function() {
   return {
     init: function() {
       //init resizer
-      $(".debug-panel:not(:first)").splitter().data('splitter').trigger('init');
+      $(".debug-panel:not(:first)").splitter().data('splitter')
+      .trigger('init')
+      .on('resize-start', function() {
+        $('#left-area .overlay').show();
+      })
+      .on('resize-end', function() {
+        $('#left-area .overlay').hide();
+      });
 
       //codemirror
       CodeMirror.keyMap.basic.Tab = 'indentMore';

diff --git a/webui/static/splitter.js b/webui/static/splitter.js
@@ -12,7 +12,6 @@ $.fn.splitter = function (_type) {
 
   var splitterSettings = JSON.parse(localStorage.getItem('splitterSettings') || '[]');
   return this.each(function () {
-    console.log(_type);
     var $el = $(this),
     $originalContainer = $(this),
     guid = $.fn.splitter.guid++,
@@ -154,6 +153,7 @@ $.fn.splitter = function (_type) {
     $document.bind('mouseup touchend', function () {
       if (dragging) {
         dragging = false;
+        $handle.trigger('resize-end');
         $blocker.remove();
         // $handle.css( 'opacity', '0');
         $body.removeClass('dragging');
@@ -172,6 +172,7 @@ $.fn.splitter = function (_type) {
 
     $handle.bind('mousedown touchstart', function (e) {
       dragging = true;
+      $handle.trigger('resize-start');
       $body.append($blocker).addClass('dragging');
       props[type].size = $parent[props[type].sizeProp]();
       props[type].currentPos = 0; // is this really required then?

diff --git a/webui/templates/debug.html b/webui/templates/debug.html
@@ -72,7 +72,7 @@
         <div class="overlay" style="display: none;"></div>
       </div>
 
-      <div class="debug-panel" style="left: 50%">
+      <div id="right-area" class="debug-panel" style="left: 50%">
         <div id="python-editor" class="editor focus">
           <div id="save-task-btn">save</div>
         </div>