full page list for pagination, playctl in listview

[serve0] / templates / list.html.sh

diff --git a/templates/list.html.sh b/templates/list.html.sh
index a5096d3da65f23e8c582377da1c3afa2dace0262..e54f3c25d60ef0ebe35e43211f8d2dd813dbc190 100755 (executable)
--- a/templates/list.html.sh
+++ b/templates/list.html.sh
@@ -1,4 +1,4 @@
-# Copyright 2014, 2015 Paul Hänsch
+# Copyright 2014 - 2016 Paul Hänsch
 #
 # This file is part of Serve0
 # 
@@ -19,25 +19,51 @@ cat <<EOF
   <form class="panel" id="search" action="?" method="get" accept-charset="UTF-8">
     <input type="text" name="s" value="$search" placeholder="Search">
 
-    <label for="o1" class="order">Order by:</label>
     <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">
+    <!-- input type="submit" name="submit" value="Find" -->
 
     <a class="panel clearsearch" href="?">Clear All</a>
     <a class="panel toggle" href="#advfilter">Advanced</a>
+    <a class="panel toggle" href="#playctl">Player</a>
 
     <div class="pagination_nav">
       <label>Page:</label>
-      <a href="?${page_prev}">&lt;&lt;</a>
-      <a href="?${page_this}">$(($page / $pagesize + 1))</a>
-      <a href="?${page_next}">&gt;&gt;</a>
+      $(seq 1 $pagecount \
+        | while read pn; do
+          plink="$(($pn * $pagesize - $pagesize + 1))"
+          printf '<a %s href="?%spn=%s">%s</a>\n' "$([ $plink = $page ] && printf class=current)" "$page_link" "$plink" "$pn"
+        done
+       )
     </div>
   </form>
 
+  <div class="panel" id="playctl">
+     <a class="panel toggle" href="#">Hide</a>
+     <form action="?action=playctl" method="post">
+       <button type="submit" name="seek" value="-60">&lt;&lt;&lt;</button>
+       <button type="submit" name="seek" value="-10">&lt;&lt;</button>
+       <button type="submit" name="ctl" value="stop">&#x25a0;</button>
+       <button type="submit" name="ctl" value="pause">|| / &#x25b6;</button>
+       <button type="submit" name="seek" value="+10">&gt;&gt;</button>
+       <button type="submit" name="seek" value="+60">&gt;&gt;&gt;</button>
+       <br>
+       <button type="submit" name="amp" value="off">Amp Off</button>
+       <button type="submit" name="amp" value="on">Amp On</button>
+       <br>
+       $(for n in $(seq 0 5 100); do
+         printf '<button class="%s" type="submit" name="vol" value="%s">&nbsp;</button>' "$([ "$volume" = "$n" ] && printf selected)" "$n"
+       done)
+       <br>
+       <button type="submit" name="osd" value="progression">Progress</button>
+     </form>
+  </div>
+
+
   <form action="?action=multitag&${page_this}" method="post" accept-charset="UTF-8">
     <ul id="thumblist">
       $(thumblist)
@@ -52,9 +78,12 @@ cat <<EOF
 
     <div class="pagination_nav">
       <label>Page:</label>
-      <a href="?${page_prev}">&lt;&lt;</a>
-      <a href="?${page_this}">$(($page / $pagesize + 1))</a>
-      <a href="?${page_next}">&gt;&gt;</a>
+      $(seq 1 $pagecount \
+        | while read pn; do
+          plink="$(($pn * $pagesize - $pagesize + 1))"
+          printf '<a %s href="?%spn=%s">%s</a>\n' "$([ $plink = $page ] && printf class=current)" "$page_link" "$plink" "$pn"
+        done
+       )
     </div>
   </div>