X-Git-Url: http://git.plutz.net/?a=blobdiff_plain;f=templates%2Fpreferences.html.sh;h=39b31aa07cdde0aa73e389f582d62b72838cc420;hb=bd06005650121b28e904060a5ab4da7c0b99529a;hp=ee0e8be3fd94ef35b250957dbcbceecda98f738a;hpb=c107b42c61b01b9deef58e8d40ac642fc3d94d08;p=serve0

diff --git a/templates/preferences.html.sh b/templates/preferences.html.sh
index ee0e8be..39b31aa 100755
--- a/templates/preferences.html.sh
+++ b/templates/preferences.html.sh
@@ -16,29 +16,36 @@
 # along with Serve0  If not, see <http://www.gnu.org/licenses/>. 
 
 cat <<EOF
-  <form class="panel footer" id="preferences"
+  <form class="panel" id="preferences"
    action="?action=preferences" method="post" accept-charset="UTF-8">
+    <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>
 
-    <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>
+      <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>
 
-    <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>
+    <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="submit" value="Set Cookie!">
 
-    <a class="panel hide" href="#foot">Hide</a>
+    <a class="panel toggle" href="#foot">Hide</a>
   </form>
 EOF