- <p class=mgmt>
- @if{@paused}{
-@# Paused
- <a class=button
- href="@url?action=resume@back"
- title="@label{playing.resumeverbose}">@label{playing.pause}</a>
- </a>
- <img width=16 height=16 class=imgbutton src="@image{enabled}">
- }{
-@# Not paused
- <a class=button
- href="@url?action=pause@back"
- title="@label{playing.pauseverbose}">@label{playing.pause}</a>
- </a>
- <img width=16 height=16 class=imgbutton src="@image{disabled}">
- }
- @if{@random-enabled}{
-@# Random play enabled
- <a class=button
- href="@url?action=random-disable@back"
- title="@label{playing.randomdisableverbose}">@label{playing.random}</a>
- </a>
- <img width=16 height=16 class=imgbutton src="@image{enabled}">
- }{
-@# Random play disabled
- <a class=button
- href="@url?action=random-enable@back"
- title="@label{playing.randomenableverbose}">@label{playing.random}</a>
- </a>
- <img width=16 height=16 class=imgbutton src="@image{disabled}">
- }
- @if{@enabled}{
-@# Play enabled
- <a class=button
- href="@url?action=disable@back"
- title="@label{playing.disableverbose}">@label{playing.playing}</a>
- </a>
- <img width=16 height=16 class=imgbutton src="@image{enabled}">
- }{
-@# Play disabled
- <a class=button
- href="@url?action=enable@back"
- title="@label{playing.enableverbose}">@label{playing.playing}</a>
- </a>
- <img width=16 height=16 class=imgbutton src="@image{disabled}">
- }
-@# Volume form
- <form class=volume action="@url" method=POST
- enctype="multipart/form-data" accept-charset=utf-8>
- <span class=volume>
- @label{playing.volume}
-@# Volume up button
- @right{volume}{
- <a class=imgbutton
- href="@url?action=volume&delta=-@label{volume.resolution}@back">
- <img class=button src="@image{down}"
- alt="@label{volume.reduce}"
- title="@label{volume.reduceverbose}">
- </a>
- }{
- <img class=button src="@image{nodown}">
- }
-@# Volume value widgets
- @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=back type=hidden value="@thisurl@?back=manage">
-@# Volume set button
- @right{volume}{
- <button class=search name=submit type=submit>
- @label{volume.set}
- </button><input name=action type=hidden value=volume>
- }
-@# Volume down button
- @right{volume}{
- <a class=imgbutton
- href="@url?action=volume&delta=@label{volume.resolution}@back">
- <img class=button
- src="@image{up}"
- alt="@label{volume.increase}"
- title="@label{volume.increaseverbose}">
- </a>
- }{
- <img class=button src="@image{noup}">
- }
- </form>
- </span>
- </p>
+ <p class=mgmt>
+ @if{@paused}
+ {@onoff{pause}{resume}{enabled}}
+ {@onoff{pause}{pause}{disabled}}
+ @if{@random-enabled}
+ {@onoff{random}{randomdisable}{enabled}}
+ {@onoff{random}{randomenable}{disabled}}
+ @if{@enabled}
+ {@onoff{playing}{disable}{enabled}}
+ {@onoff{playing}{enable}{disabled}}
+ <form class=volume method=POST
+ action="@url"
+ enctype="multipart/form-data" accept-charset=utf-8>
+ <span class=volume>
+ @label{playing.volume}
+ @vbutton{up}{+}
+ @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=back type=hidden value="@thisurl?back=manage">
+ @right{volume}{
+ <button class=search name=submit type=submit>
+ @label{volume.set}
+ </button>
+ <input name=action type=hidden value=volume>
+ }
+ @vbutton{down}{-}
+ </span>
+ </form>
+ </p>