From 7fa2ca05d94db596cc6cd8c8c789eabc521ba4ab Mon Sep 17 00:00:00 2001
From: Kanwei Li <kanwei@gmail.com>
Date: Thu, 6 Aug 2009 14:43:51 -0400
Subject: [PATCH] Overview improvements: - Open/close arrows - Resizable icon -
 Max and min size for overview

---
 static/images/overview_arrows.png | Bin 0 -> 176 bytes
 static/images/resizable.png       | Bin 0 -> 119 bytes
 templates/workflow/editor.mako    |  16 +++++++++++++++-
 3 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 static/images/overview_arrows.png
 create mode 100644 static/images/resizable.png

diff --git a/static/images/overview_arrows.png b/static/images/overview_arrows.png
new file mode 100644
index 0000000000000000000000000000000000000000..ddaa17da1a3cb0a4e6b6d3f4a6df39a19714e9cc
GIT binary patch
literal 176
zcmeAS@N?(olHy`uVBq!ia0vp^5<twu!3HEN3~Eb(RJo^%V~B;|*`U*W2NXDp|Np;O
ztaEJ&n;^gUvsSx|oi}bBe=qg-yK$qodaiwSVz^k)`5jp|558RMw5mDzToYG^(<;OC
zn3whCCMBo5+jmUa*gAFnmbZ!`iAoD<mLKL{J~eY;5ua86|JBA8h6eB1woP91I^}-r
be^;xc3i8jLxpLirPGInK^>bP0l+XkKNC!ne

literal 0
HcmV?d00001

diff --git a/static/images/resizable.png b/static/images/resizable.png
new file mode 100644
index 0000000000000000000000000000000000000000..db29514f8da5a6fb72e9f191e80212bd515b9bf0
GIT binary patch
literal 119
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`cAhSdAr^wk2@BLTG&Fwj8}o}x
ztMxlRzSN-8w~$k<VGW14^fEDhTNhL1-<&tOPdswj$nIwxcuqRh<u=f;8KRo~5ndu$
QK$93eUHx3vIVCg!0EWCD#sB~S

literal 0
HcmV?d00001

diff --git a/templates/workflow/editor.mako b/templates/workflow/editor.mako
index 9bfa3279f10..6f168c9000f 100644
--- a/templates/workflow/editor.mako
+++ b/templates/workflow/editor.mako
@@ -121,6 +121,19 @@
             canvas_manager.draw_overview();
         });
         
+        /* Lets the viewport be toggled visible and invisible, adjusting the arrows accordingly */
+        $("#close-viewport").click( function() {
+            if ( $("#overview-border").css("right") == "0px" ) {
+                $("#overview-border").css("right", "20000px");
+                $("#close-viewport").css("background-position", "12px 0px");
+                
+            } else {
+                $("#overview-border").css("right", "0px");
+                $("#close-viewport").css("background-position", "0px 0px");
+            }
+            
+        });
+        
         // Unload handler
         window.onbeforeunload = function() {
             if ( workflow && workflow.has_changes ) {
@@ -629,7 +642,7 @@
         <div id="canvas-viewport" style="width: 100%; height: 100%; position: absolute; overflow: hidden; background: #EEEEEE; background: white url(${h.url_for('/static/images/light_gray_grid.gif')}) repeat;">
             <div id="canvas-container" style="position: absolute; width: 100%; height: 100%;"></div>
         </div>
-        <div id="overview-border" style="position: absolute; width: 150px; height: 150px; right: 0; bottom: 0; border-top: solid gray 1px; border-left: solid grey 1px; padding: 7px 0 0 7px; background: #EEEEEE; z-index: 50000; overflow: hidden;">
+        <div id="overview-border" style="position: absolute; width: 150px; height: 150px; right: 0px; bottom: 0px; border-top: solid gray 1px; border-left: solid grey 1px; padding: 7px 0 0 7px; background: #EEEEEE no-repeat url(${h.url_for('/static/images/resizable.png')}); z-index: 20000; overflow: hidden; max-width: 300px; max-height: 300px; min-width: 50px; min-height: 50px">
             <div style="position: relative; overflow: hidden; width: 100%; height: 100%; border-top: solid gray 1px; border-left: solid grey 1px;">
                 <div id="overview" style="position: absolute;">
                     <canvas width="0" height="0" style="background: white; width: 100%; height: 100%;" id="overview-canvas"></canvas>
@@ -637,6 +650,7 @@
                 </div>
             </div>
         </div>
+        <div id="close-viewport" style="border-left: 1px solid #999; border-top: 1px solid #999; background: #ddd url(${h.url_for('/static/images/overview_arrows.png')}); position: absolute; right: 0px; bottom: 0px; width: 12px; height: 12px; z-index: 25000;"></div>
     </div>
 
 </%def>