cgi: grey out volume set buttons if unusable

diff --git a/templates/playing.html b/templates/playing.html
index f49c7dd06b76ac9528375d481ae0af4836afedf8..937e19ccf5dc60e0c9337dd05640e7d8f22d2194 100644 (file)
--- a/templates/playing.html
+++ b/templates/playing.html
@@ -91,23 +91,23 @@ USA
      enctype="multipart/form-data" accept-charset=utf-8>
     <span class=volume>
      @label:playing.volume@
      enctype="multipart/form-data" accept-charset=utf-8>
     <span class=volume>
      @label:playing.volume@

-     <a class=imgbutton
+     @right{volume}{<a class=imgbutton

       href="@url@?action=volume&#38;delta=-@label:volume.resolution@&#38;back=@urlquote{@thisurl@?mgmt=true}@">
       <img class=button src="@label:images.down@"
        alt="@label:volume.reduce@" title="@label:volume.reduceverbose@">
       href="@url@?action=volume&#38;delta=-@label:volume.resolution@&#38;back=@urlquote{@thisurl@?mgmt=true}@">
       <img class=button src="@label:images.down@"
        alt="@label:volume.reduce@" title="@label:volume.reduceverbose@">

-     </a>
+     </a>}{<img class=button src="@label:images.nodown@">}@

      @label:volume.left@ <input size=3 name=left type=text value="@volume:left@">
      @label:volume.right@ <input size=3 name=right type=text value="@volume:right@">
      <input name=nonce type=hidden value="@nonce@">
      <input name=back type=hidden value="@thisurl@?mgmt=true">
      @label:volume.left@ <input size=3 name=left type=text value="@volume:left@">
      @label:volume.right@ <input size=3 name=right type=text value="@volume:right@">
      <input name=nonce type=hidden value="@nonce@">
      <input name=back type=hidden value="@thisurl@?mgmt=true">

-     <button class=search name=action type=submit value=volume>
+     @right{volume}{<button class=search name=action type=submit value=volume>

       @label:volume.set@
       @label:volume.set@

-     </button>
-     <a class=imgbutton
+     </button>}@
+     @right{volume}{<a class=imgbutton

       href="@url@?action=volume&#38;delta=@label:volume.resolution@&#38;back=@urlquote{@thisurl@?mgmt=true}@">
       <img class=button src="@label:images.up@"
        alt="@label:volume.increase@" title="@label:volume.increaseverbose@">
       href="@url@?action=volume&#38;delta=@label:volume.resolution@&#38;back=@urlquote{@thisurl@?mgmt=true}@">
       <img class=button src="@label:images.up@"
        alt="@label:volume.increase@" title="@label:volume.increaseverbose@">

-     </a>
+     </a>}{<img class=button src="@label:images.noup@">}@

     </form>
     </span>
    }@
     </form>
     </span>
    }@