tabbed interface

[serve0] / templates / tree.html.sh

diff --git a/templates/tree.html.sh b/templates/tree.html.sh
index 9343fc49567c7be44e4efb043d44615c710eac2a..485bd19a94a6d6c224e950961f408c05742c063f 100755 (executable)
--- a/templates/tree.html.sh
+++ b/templates/tree.html.sh
@@ -16,27 +16,32 @@
 # along with Serve0  If not, see <http://www.gnu.org/licenses/>. 
 
 cat <<EOF
-  <form class="panel top" id="search" action="?" method="get" accept-charset="UTF-8">
+  <input type=radio name=topmenu id=btn_search checked><label for=btn_search>Search</label>
+  <form class="panel" 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 toggle" href="#morelinks">More</a>
+    <select class="order" size="1" name="o" id="o1">
+      <option class="label" selected disabled>Order by</option>
+      <option>Name</option>
+      <option>Date</option>
+      <option>Length</option>
+    </select>
+    <!-- input type="submit" name="submit" value="Find" -->
+
+    <a class="panel clearsearch" href="?">Clear</a>
   </form>
 
+  <input type=radio name=topmenu id=btn_preferences><label for=btn_preferences>Preferences</label>
+  $(. $_EXEC/templates/preferences.html.sh)
+
+  <input type=radio name=topmenu id=btn_morelinks><label for=btn_morelinks>{+}</label>
   <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)