From f574cd1db56abc0ba2fcf890dd19951fae7b0b76 Mon Sep 17 00:00:00 2001
From: Oliver Gorwits <oliver@cpan.org>
Date: Fri, 20 Jan 2012 23:47:25 +0000
Subject: [PATCH] implement sidebar hiding for device view

---
 Netdisco/public/css/style.css                 |  17 +++++++++++++++
 .../images/application_side_contract.png      | Bin 0 -> 547 bytes
 .../public/images/application_side_expand.png | Bin 0 -> 581 bytes
 .../public/images/glyphicons_072_bookmark.png | Bin
 Netdisco/views/device.tt                      |  12 +++++++----
 Netdisco/views/js/device.js                   |  20 ++++++++++++++++++
 6 files changed, 45 insertions(+), 4 deletions(-)
 create mode 100644 Netdisco/public/images/application_side_contract.png
 create mode 100644 Netdisco/public/images/application_side_expand.png
 mode change 100755 => 100644 Netdisco/public/images/glyphicons_072_bookmark.png

diff --git a/Netdisco/public/css/style.css b/Netdisco/public/css/style.css
index 1070a6b8..a72e9318 100644
--- a/Netdisco/public/css/style.css
+++ b/Netdisco/public/css/style.css
@@ -168,3 +168,20 @@ form .clearfix.success input {
 .vlan_total {
   float: right;
 }
+
+/* for placing the sidebar toggle icons */
+#sidebar_toggle_img_in {
+  position: fixed;
+  top: 55px;
+  left: 25px;
+}
+
+/* for placing the sidebar toggle icons */
+#sidebar_toggle_img_out {
+  position: fixed;
+  top: 60px;
+  left: 4px;
+  z-index: 1;
+  display: none;
+}
+
diff --git a/Netdisco/public/images/application_side_contract.png b/Netdisco/public/images/application_side_contract.png
new file mode 100644
index 0000000000000000000000000000000000000000..3585f94d611ca752a2e627eec6d07f8203c29466
GIT binary patch
literal 547
zcmV+;0^I$HP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004XF*Lt006JZ
zHwB960000PbVXQnQ*UN;cVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUzwMj%lR2Uhh
z!M{t?aU93-=jU_Z;>xhBK?{PAT#LZ1hW-T!t|5p9p`b~K3L-2ju*E^JkQ)1ep^i@O
zO=b{e1r;|mMRr4XdiVLhU+?-1LR>b8k4JEKb|Q?7&0alocKG31%X{1b370S#E=Mlh
z47uZGm_+aH)LdQtc4J|(HeC##9-i7&?TP(Wwxg%nvMFG?XeE!WwO?%4dh*C0g`0Ef
zLWe*W2m~ULJ9D?Vcyg2zhfmSB_aH?q_}l12oh-VGO(x^z>t|%^tu|H~?#@<BMpocX
z=D^I-BYrf#Q$Jp(x6(^l8aUwmL#2^LlaW1HdQ8P4#|{nhba94iWe*rgj^lKbiL7ur
z6Z7}kU+rUPV2IL<1N-_|{rG`)r-Qo)1iDE^7A526x!W|GE#7=uVfp<sbBptAv^TKQ
zkesbZB8z28WY=ofY5Z*P`O8<H-+jT#ySD@n1Oo0(w=$Jv(M@c+cliN>1A}DkjYKCU
z+(ih1ZZ45UNo*=A1>;x7$x=HZ6aOQ3vM@3>JKKNsNKIzQgqa};O9@HH9hc$e$c0Nt
lWUm$`Yv+TzvlEdW`VF>D22IH@9z*~D002ovPDHLkV1mW`@~!{?

literal 0
HcmV?d00001

diff --git a/Netdisco/public/images/application_side_expand.png b/Netdisco/public/images/application_side_expand.png
new file mode 100644
index 0000000000000000000000000000000000000000..030cf7c37839cc02c5d08cb35de9f62640063c88
GIT binary patch
literal 581
zcmV-L0=oT)P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004XF*Lt006JZ
zHwB960000PbVXQnQ*UN;cVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUz*GWV{R2Uhh
z!M{sYaU93t*ZH2~RT9FMv|j}2P}JxUB+=kM;LvSoh@hbe2O$a?qA85RA+eUWT5g08
zK})pQ&{`Bpla)w{KMK6}dhb2w^Lf`-5DjV&pC^&TP9#Gkm8%11`tPpP)hPk)$Q^S-
zE?kbxa0!`V?(8n*wdv`(8<S(@iLC!r|AV%U&d}Y#c68S2_5hg3>bXLFrOI}#<qG_f
z$;6fODUcwETC2+UUtf7W^NM>XAMrnzM!yjS$@!NeFNp5HyTkm?RpyuK%q>=#nO`L`
zH==;V1|c9pf>tvp`m*qu(YM#h+5@Fh#;&%E$O|J1=7!iLIYm)$u;VZno}Z<wy$d96
zy&R@3P031u$jym@TqJBEu)=6In+)`w=E&Y&dJpu`usY@OK}u;#<ZeWnyRktME+H3d
zjRsR6r|8+!!{W*kswTX+_6B#>xjRuP@|>+C(Q4%^EH7|#@HX#1eW147;PK_BBq1TB
ztSj<@D99YKNph?(W`E3bY~OK?cAwzMa0QZtGz8KlA(A^$=I%s7L~>CS1&w->X#C<s
z{*tCdE)gX|Bb7?`q5Wky!_6@>+#Snv+#Q#Y8#3W?<c>Shv&pgYxkM5>5!j*M^V=GM
TxI=}Z00000NkvXXu0mjfz>*Jk

literal 0
HcmV?d00001

diff --git a/Netdisco/public/images/glyphicons_072_bookmark.png b/Netdisco/public/images/glyphicons_072_bookmark.png
old mode 100755
new mode 100644
diff --git a/Netdisco/views/device.tt b/Netdisco/views/device.tt
index 7ba4030b..eddfb97a 100644
--- a/Netdisco/views/device.tt
+++ b/Netdisco/views/device.tt
@@ -1,13 +1,17 @@
+<img class="sidebar_toggle" id="sidebar_toggle_img_out"
+  src="[% uri_base %]/images/application_side_expand.png"
+  rel="twipsy" data-placement="right" data-offset="5" title="Show Sidebar"/>
 <div class="container-fluid">
   <div class="sidebar">
     <div class="well">
+      <img class="sidebar_toggle" id="sidebar_toggle_img_in"
+        src="[% uri_base %]/images/application_side_contract.png"
+        rel="twipsy" data-placement="right" data-offset="5" title="Hide Sidebar"/>
+      <h3 class="device_label">[% d.ip %]</h3>
+      <p class="device_label">[% d.dns.remove(settings.domain_suffix) %]</p>
       <div class="tab-content">
         [% FOREACH tab IN vars.tabs %]
         <div id="[% tab.id %]_search" class="tab-pane [% 'active' IF params.tab == tab.id %]">
-          <div class="clearfix">
-            <h3 class="device_label">[% d.ip %]</h3>
-            <p class="device_label">[% d.dns.remove(settings.domain_suffix) %]</p>
-          </div>
           [%+ TRY %][% INCLUDE "sidebar/device/${tab.id}.tt" %][% CATCH %]<!-- no "[% tab.id %]" search options -->[% END %]
         </div> <!-- /tab-pane -->
         [% END %]
diff --git a/Netdisco/views/js/device.js b/Netdisco/views/js/device.js
index 30dd0e33..7487f90b 100644
--- a/Netdisco/views/js/device.js
+++ b/Netdisco/views/js/device.js
@@ -113,4 +113,24 @@
       $(this).parents('.add-on').toggleClass('active', $(this).is(':checked'));
     };
     $('.add-on :checkbox').each(syncCheckBox).click(syncCheckBox);
+
+    // sidebar toggle
+    $('#sidebar_toggle_img_in').click(
+      function() {
+        $('.sidebar').toggle(
+          function() {
+            $('#sidebar_toggle_img_out').toggle();
+            $('.nd_content').animate({'margin-left': '5px !important'}, 100);
+          }
+        );
+      }
+    );
+    $('#sidebar_toggle_img_out').click(
+      function() {
+        $('#sidebar_toggle_img_out').toggle();
+        $('.nd_content').animate({'margin-left': '225px !important'}, 200,
+          function() { $('.sidebar').toggle(200) }
+        );
+      }
+    );
   });