From 1e5831969b194eb14c6d4524cd210541393b9b19 Mon Sep 17 00:00:00 2001
From: Paolo Caruccio <paolo.caruccio66@gmail.com>
Date: Thu, 18 Jul 2013 01:56:45 +0200
Subject: [PATCH] files toggle in admin, maybe as Massimo would want it

---
 .../admin/static/css/bootstrap_essentials.css |  83 ++++++++++++++++++
 .../admin/static/images/files_toggle.png      | Bin 0 -> 1315 bytes
 applications/admin/views/default/edit.html    |  70 ++++++++-------
 3 files changed, 122 insertions(+), 31 deletions(-)
 create mode 100644 applications/admin/static/images/files_toggle.png

diff --git a/applications/admin/static/css/bootstrap_essentials.css b/applications/admin/static/css/bootstrap_essentials.css
index 905cbe62..b5035b62 100644
--- a/applications/admin/static/css/bootstrap_essentials.css
+++ b/applications/admin/static/css/bootstrap_essentials.css
@@ -327,6 +327,89 @@ font-style: italic;
 color: #ccc;
 }
 
+/*=============================================================
+EDIT PAGE SLIDING FILES MENU
+==============================================================*/
+@media (max-width: 979px) {
+    body.edit div#header {position:relative; z-index: 1030 !important;}
+}
+
+#editor_area, #edit_placeholder {
+    margin: 0;
+    padding: 0;
+}
+
+#editor_area {
+    position: relative;
+    box-sizing: border-box;
+}
+
+#files {
+    width: auto;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    position: fixed;
+    top: 0px;
+    left: 0px;
+    z-index: 1029;
+    border-right: 3px solid #000;
+    /* animation (it doesn't work in IE<10) */
+    -moz-transition: all 0.4s;
+    -webkit-transition: all 0.4s;
+    -o-transition: all 0.4s;
+    transition: all 0.4s;
+}
+
+#files:hover, #files:focus {
+    left: 0px !important;
+}
+
+#files, .files-toggle {
+    background: #1b1b1b;
+    opacity: 0.98;
+}
+
+.files-toggle {
+    width: 18px;
+    height: 86px;
+    border-radius: 0px 4px 4px 0px;
+    color: #999;
+    position: absolute;
+    top: 60px;
+    right: -18px;
+    cursor: default;
+}
+
+.arrow {
+    display: block;
+    position: absolute;
+    top: 8px;
+    width: 18px;
+    height: 70px;
+    background: url(../images/files_toggle.png) no-repeat;
+}
+
+.files-menu {
+    height: 100%;
+    overflow: auto;
+}
+
+#filelist {
+    position: relative;
+    top: 60px;
+    padding-bottom: 60px;
+}
+
+#filelist li {
+    padding-right: 8px;
+    width: 100%;
+}
+
+#filelist li>a {
+    text-shadow: none;
+}
+
 /*=============================================================
  MEDIA QUERIES
 ==============================================================*/
diff --git a/applications/admin/static/images/files_toggle.png b/applications/admin/static/images/files_toggle.png
new file mode 100644
index 0000000000000000000000000000000000000000..098e02a8bc71d6491e791913551211333aac6c5a
GIT binary patch
literal 1315
zcmV+;1>E|HP)<h;3K|Lk000e1NJLTq000sI002e^1^@s6!O_IF00004b3#c}2nYxW
zd<bNS00009a7bBm000fw000fw0YWI7cmMzZ8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H11fWSoK~z|U?N?oF6-5|5XYP7KDp6^p&`MGgNzp!-5aR>k1u*zS
zNaUqb5M!Y1-U1CtHJ}g$?t>bhFflcEXRm}vpz4i3(Fi6y)YinHi6X%lRN@b42})aI
z6WYt|9A9p0OLyB_gAXSCl1+BMneXiRX1+NyLrJ(9W@gg)(4j-sQ4}@AwK0xSHk+MO
zUtd4xMt`wb+y`J?Z*Ono{{8!hrUkOreh*;rGz5o?F)O!j-Fg}Tytp3MuV3HfdETN)
z^vPxb%K#h%@QQQp1psRS0Fo+x!Z2(K!!VMBTrPJmm&<jJw#70E!*B!1`x8>?%4V}(
zU0vPB&bgjZXDkrO-2jq+&NVhRe%RmNzl-EN04IQi!TvXvl-g!v%+l$CCA}X6L02LW
z$!(IR1uDmP0snPsqn6L-cSu?xsYLRW@B4?7`o=OU6bf_u`uct%Spz@-SZ?~Qx3~A6
z8<z)=uxJMc20BUJMlt|!P|{^d8v)eR)zuZ^Vq$?LJqX}E-}fVxDQ7a7P5{RxEvpy^
zz#z%N82=&wrMQ5k=|3T9TNs9C%in2hZ3timfY&Q#B<XocJtW)8u4<A#fRBP8Xp4)P
zvW~2^RjE|!&Qht=P+eW!-PF`nOzN8`wbt65lJYGrEk6UeWnf_7vnY!4N&RCPg<-hI
z81s^(x6|qLwqmh(6~JEr=8}BN_x(*3F(UZ{fRjNGY#1IMeindn&NTpdL(*e2No}EX
z?&~t>dH}z-wzgi8^e6tQ@(Gr-)_x?pB@Dy!Bo~uB9){tg<yky46Gj^V)Q~(%a#+$X
z080T}2Jm=n#1vw0a=F|?2M!$YD%lurnjXz)%l>}>O(nG^ilW7(Qfcfk;d$Op=iI~2
zxwRxOx3;!knG(oa`x<~Y07#`$V}3~>iBu|e7Qi5Y+W|Nrd5Nr(be`l2lFLUQ07n7*
zTK;~dP$-NMNlNV)fHS`DcaL{=baafQ)9KT`?|(k&=Sg*x&*%3_+AHZ+l9DtCU|$df
zuf}GPAS0Ve9tLm;<wF91H2@Zp+~NEFB)Lt}>^%U!3xZ(Dc)zvwyrkz4quWV!G*8mW
z82<?Xcf<uGiT}4GpUP&lV~h)hLK?u+l75MciA~M(yl0$qr)z6#hodOE=$sSDdH^!U
ztg4t%OH0ccW6T32KXJ|(l5-_}LGnJ|_rHmYiJLWpa<%63`T5SdbpS>Hd=Lb|A8{ZP
zfU?=Fw_w47Qvhl+nasV`+D-uLF;1f;^<*-cm7_n3O|7=J_Q`VTzi6%94WJpoI{;RZ
zTmqnj<nkzr-i%{3ez4b*{L1(Jg0=Qb06zpl&^)fa&02exq}6diV~ivXNUABn_eq*G
zqmrrtOgdyuVB~q;v5}FHW^3)c0J=%84#Tj^7<1e?ca`LpvKnlT1DY^vVHmz_jA@rN
z>1H&}E(Ad^>B5t=`puCeM;fkOyOxeguYddY?H4NnnysS*MzeJ^qdGz^m%Dp(yr#0D
zp`lCd?d^R)g47ygKE?F+epFRebpqI!2qb9@$@$X(k-RYWKGlhB_TrZegxQN<#XvK$
ZzX9os9zCmBUZDU0002ovPDHLkV1hu1UdsRg

literal 0
HcmV?d00001

diff --git a/applications/admin/views/default/edit.html b/applications/admin/views/default/edit.html
index 2f6e2804..6700bf9b 100644
--- a/applications/admin/views/default/edit.html
+++ b/applications/admin/views/default/edit.html
@@ -121,7 +121,7 @@ jQuery(document).on('click', 'a.font_button', function (e) {
         case 'decr': new_incr = -2; break;
         case 'default': new_incr = 0; break;
     }
-    jQuery('textarea[name="data"]') .each(function(id, ta) {
+    jQuery('textarea[name="data"]').each(function(id, ta) {
         editor = jQuery(ta).data('editor');
         set_font(editor, new_incr);
     });
@@ -163,9 +163,6 @@ jQuery(document).on('click', 'a.font_button', function (e) {
 
 <div class='row-fluid'>
 <div class="right controls btn-toolbar pull-right">
-<div class="btn-group">
-  <a class="button btn" onclick="jQuery('#files').toggle(); return false" href="#">Files toggle</a>
-</div>
 <div class="dropdown btn-group pull-left">
     <a class="dropdown-toggle button btn" data-target="themes" data-toggle="dropdown" href="#" >Theme: <span id="themeName" style="color: #E8953C">Web2py</span> <span class="caret"></span></a>
     <ul class="dropdown-menu" role="menu" id="themes">
@@ -189,40 +186,51 @@ jQuery(document).on('click', 'a.font_button', function (e) {
 </div>
 </div>
 <div id="editor_area" class="row-fluid">
-  <div id="files">
-    <ul class="nav nav-list span2 well" rel="pagebookmark" id="filelist">
-    <li><input type="text" placeholder="{{=T('Rapid Search')}}" class="input-block-level typeahead-tw search-query"></li>
-    {{dirs=[{'name':'models', 'reg':'.*\.py$'},
-        {'name':'controllers', 'reg':'.*\.py$'},
-        {'name':'views', 'reg':'[\w/\-]+(\.\w+)+$'},
-        {'name':'modules', 'reg':'.*\.py$'},
-        {'name':'private', 'reg': '[^\.#].*'}]}}
-    {{auto_complete_list=[]}}
-    {{for dir in dirs:}}
-    <li class="nav-header component" onclick="collapse('{{="%s_files" % dir['name']}}');">{{=dir['name']}}</li>
-    <li id="{{="%s_files" % dir['name']}}">
-        <ul class="nav nav-list small-font">
-        {{for f in listfiles(app, dir['name'], regexp=dir['reg'] ):}}
-        {{id="%s__" % dir['name'] + f.replace('.','__')}}
-        {{current_file = request.args(len(request.args) - 1)}}
-        <li class="{{#='active' if current_file==f else ''}}" style="overflow:hidden">
-        {{a_tag=editfile(dir['name'], f, dict(id=id))}}
-        {{=a_tag}}
-        {{auto_complete_list.append({'value':f, 'tokens':f.split('/'), 'a_tag':a_tag})}}
-        </li>
-        {{pass}}
-        </ul>
-    </li>
-    {{pass}}
-    </ul>
+    <div id="files">
+        <div class="files-toggle"><span class="arrow"></span></div>
+        <div class="files-menu">
+            <ul class="nav nav-list" rel="pagebookmark" id="filelist">
+            <li><input type="text" placeholder="{{=T('Rapid Search')}}" class="input-block-level typeahead-tw search-query"></li>
+            {{dirs=[{'name':'models', 'reg':'.*\.py$'},
+                {'name':'controllers', 'reg':'.*\.py$'},
+                {'name':'views', 'reg':'[\w/\-]+(\.\w+)+$'},
+                {'name':'modules', 'reg':'.*\.py$'},
+                {'name':'private', 'reg': '[^\.#].*'}]}}
+            {{auto_complete_list=[]}}
+            {{for dir in dirs:}}
+            <li class="nav-header component" onclick="collapse('{{="%s_files" % dir['name']}}');">{{=dir['name']}}</li>
+            <li id="{{="%s_files" % dir['name']}}">
+                <ul class="nav nav-list small-font">
+                {{for f in listfiles(app, dir['name'], regexp=dir['reg'] ):}}
+                {{id="%s__" % dir['name'] + f.replace('.','__')}}
+                {{current_file = request.args(len(request.args) - 1)}}
+                <li class="{{#='active' if current_file==f else ''}}" style="overflow:hidden">
+                {{a_tag=editfile(dir['name'], f, dict(id=id))}}
+                {{=a_tag}}
+                {{auto_complete_list.append({'value':f, 'tokens':f.split('/'), 'a_tag':a_tag})}}
+                </li>
+                {{pass}}
+            </ul>
+            </li>
+            {{pass}}
+            </ul>
+        </div>
     </div>
-    <div class="span10" id="edit_placeholder">
+    <div class="span12" id="edit_placeholder">
         <ul class="nav nav-tabs " id="filesTab">
         </ul>
         <div id="myTabContent" class="tab-content">
         </div>
     </div>
 </div>
+<script>
+jQuery(document).ready(function() {
+    var filesMenu = jQuery('#files');
+    var ow = filesMenu.outerWidth();
+    filesMenu.width(ow);
+    setTimeout( function(){jQuery('#files').css('left', '-'+ow+'px');}, 1000);
+});
+</script>
 <!-- Typeahead scripts here so the page load faster -->
 <script src="{{=URL('static/js', 'typeahead.min.js')}}"></script>
 <script src="{{=URL('static/js', 'hogan-2.0.0.js')}}"></script>