more compact menues

[serve0] / templates / tree.html.sh

diff --git a/templates/tree.html.sh b/templates/tree.html.sh
index 43820e697f67ac61f65f0932b6292d33272fb5b1..9343fc49567c7be44e4efb043d44615c710eac2a 100755 (executable)
--- a/templates/tree.html.sh
+++ b/templates/tree.html.sh
@@ -1,4 +1,4 @@
-# Copyright 2014, 2015 Paul Hänsch
+# Copyright 2014 - 2016 Paul Hänsch
 #
 # This file is part of Serve0
 # 
@@ -16,14 +16,27 @@
 # along with Serve0  If not, see <http://www.gnu.org/licenses/>. 
 
 cat <<EOF
-  <form class="panel" id="search" action="?" method="get" accept-charset="UTF-8">
+  <form class="panel top" id="search" action="?" method="get" accept-charset="UTF-8">
     <input type="text" name="s" value="$search" placeholder="Search">
     <input type="submit" name="submit" value="Find">
-
     <a class="panel clearsearch" href="?p=tree">Clear All</a>
-    <a class="panel" href="?p=playctl">Player</a>
+
+    <a class="panel toggle" href="#morelinks">More</a>
   </form>
 
+  <div class="panel switchable top" id="morelinks">
+    <a class="panel toggle" href="#">Hide</a>
+
+    <a class="panel toggle" href="#advfilter">Advanced</a>
+    <a class="panel toggle" href="#preferences">Preferences</a>
+
+    <a class="panel listview" href="?p=list">Index view</a>
+    <a class="panel" href="?p=quicklinks">Most recent</a>
+    <a class="panel" href="?p=playctl">Player</a>
+  </div>
+
+  $(. $_EXEC/templates/preferences.html.sh)
+
   <form action="?action=multitag&${page_this}" method="post" accept-charset="UTF-8">
     <ul id="thumblist">
       $(filelist)
@@ -31,13 +44,11 @@ cat <<EOF
     $(. $_EXEC/templates/tagger.html.sh)
   </form>
 
-  <div class="panel" id="foot">
+  <div class="panel bottom" id="foot">
     <a class="panel toggle" href="#tagger">Add Tags</a>
-    <a class="panel toggle" href="#preferences">Preferences</a>
-    <a class="panel listview" href="?p=list">Index view</a>
+    <a class="panel toggle" href="#">⇧</a>
   </div>
 
-  $(. $_EXEC/templates/preferences.html.sh)
 EOF
 
 # vi:set filetype=html: