X-Git-Url: http://git.plutz.net/?a=blobdiff_plain;f=templates%2Fpreferences.html.sh;h=ab1cb8b6108617de598dc865f0a37fa7115221d1;hb=b2720657620708b249cd2c71cf4e2324b15a911c;hp=f472142b5203cdebbba690b25b1a1c4d1da6e8a6;hpb=7bf56bff8e30ea23047422e05d1ef5352ea9cc31;p=serve0

diff --git a/templates/preferences.html.sh b/templates/preferences.html.sh
index f472142..ab1cb8b 100755
--- a/templates/preferences.html.sh
+++ b/templates/preferences.html.sh
@@ -1,4 +1,4 @@
-# Copyright 2015 Paul Hänsch
+# Copyright 2015, 2016 Paul Hänsch
 #
 # This file is part of Serve0
 # 
@@ -16,27 +16,36 @@
 # along with Serve0  If not, see <http://www.gnu.org/licenses/>. 
 
 cat <<EOF
-  <form class="panel footer" id="preferences"
+  <form class="panel switchable top" id="preferences"
    action="?action=preferences" method="post" accept-charset="UTF-8">
-    <a class="panel hide" href="#foot">Hide</a>
+    <a class="panel toggle" href="#">Hide</a>
 
-    <input type="checkbox" name="fakemp4" value="yes" $([ "${_COOKIE[fakemp4]}" = yes ] && printf 'checked') id="ck_fakemp4">
-    <label for="ck_fakemp4">Fake .mp4 file ending, even if file is of different type</label>
+    <fieldset>
+      <legend>Watch videos:</legend>
+      <input type="radio" name="watch" value="240p"     $([ "${_COOKIE[watch]}" = 240p     ] && printf 'checked') id="rd_w240p">
+      <label for="rd_w240p">as Download in 240p</label><br>
+      <input type="radio" name="watch" value="480p"     $([ "${_COOKIE[watch]}" = 480p     ] && printf 'checked') id="rd_w480p">
+      <label for="rd_w480p">as Download in 480p</label><br>
+      <input type="radio" name="watch" value="download" $([ "${_COOKIE[watch]}" = download ] && printf 'checked') id="rd_wdown">
+      <label for="rd_wdown">as Download (original)</label><br>
+      <input type="radio" name="watch" value="raspi"    $([ "${_COOKIE[watch]}" = raspi    ] && printf 'checked') id="rd_wrasp">
+      <label for="rd_wrasp">on RaspBerry</label><br>
+      <input type="radio" name="watch" value="player"   $([ "${_COOKIE[watch]}" = player   ] && printf 'checked') id="rd_wplay">
+      <label for="rd_wplay">in embedded player</label><br>
+      <input type="radio" name="watch" value="server"   $([ "${_COOKIE[watch]}" = server   ] && printf 'checked') id="rd_wserv">
+      <label for="rd_wserv">on screen connected to server</label><br>
 
-    <h2>Watch videos:</h2>
-    <input type="radio" name="watch" value="240p"     $([ "${_COOKIE[watch]}" = 240p     ] && printf 'checked') id="rd_w240p">
-    <label for="rd_w240p">as Download in 240p</label><br>
-    <input type="radio" name="watch" value="480p"     $([ "${_COOKIE[watch]}" = 480p     ] && printf 'checked') id="rd_w480p">
-    <label for="rd_w480p">as Download in 480p</label><br>
-    <input type="radio" name="watch" value="download" $([ "${_COOKIE[watch]}" = download ] && printf 'checked') id="rd_wdown">
-    <label for="rd_wdown">as Download (original)</label><br>
-    <input type="radio" name="watch" value="raspi"    $([ "${_COOKIE[watch]}" = raspi    ] && printf 'checked') id="rd_wrasp">
-    <label for="rd_wrasp">on RaspBerry</label><br>
-    <input type="radio" name="watch" value="player"   $([ "${_COOKIE[watch]}" = player   ] && printf 'checked') id="rd_wplay">
-    <label for="rd_wplay">in embedded player</label><br>
-    <input type="radio" name="watch" value="server"   $([ "${_COOKIE[watch]}" = server   ] && printf 'checked') id="rd_wserv">
-    <label for="rd_wserv">on screen connected to server</label><br>
+      <input type="checkbox" name="fakemp4" value="yes" $([ "${_COOKIE[fakemp4]}" = yes ] && printf 'checked') id="ck_fakemp4">
+      <label for="ck_fakemp4">Fake .mp4 file ending, even if file is of different type</label>
+    </fieldset>
 
+    <fieldset>
+      <legend>Display:</legend>
+      <label for="n_pagesize">Number of items per page: </label>
+      <input type="number" name="pagesize" value="${pagesize}" id="n_pagesize">
+    </fieldset>
+
+    <input type="hidden" name="referrer" value="$(attribsafe ${REQUEST_URI})">
     <input type="submit" value="Set Cookie!">
   </form>
 EOF