#96 Countdown: Improve control icons
This commit is contained in:
parent
0818a78cf4
commit
710882c28a
Binary file not shown.
Before Width: | Height: | Size: 484 B After Width: | Height: | Size: 721 B |
Binary file not shown.
Before Width: | Height: | Size: 501 B After Width: | Height: | Size: 736 B |
Binary file not shown.
Before Width: | Height: | Size: 511 B After Width: | Height: | Size: 753 B |
@ -67,6 +67,23 @@
|
|||||||
margin-top: auto;
|
margin-top: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* countdown control buttons */
|
||||||
|
.play{
|
||||||
|
background:url(../images/icons/play.png) no-repeat 0px 0px;
|
||||||
|
text-indent:22px !important;
|
||||||
|
height: 22px !important;
|
||||||
|
}
|
||||||
|
.pause{
|
||||||
|
background:url(../images/icons/pause.png) no-repeat 0px 0px;
|
||||||
|
text-indent:22px !important;
|
||||||
|
height: 22px !important;
|
||||||
|
}
|
||||||
|
.backward{
|
||||||
|
background:url(../images/icons/skip-backward.png) no-repeat 0px 0px;
|
||||||
|
text-indent:22px !important;
|
||||||
|
height: 22px !important;
|
||||||
|
}
|
||||||
|
|
||||||
/* iframe */
|
/* iframe */
|
||||||
#iframe {
|
#iframe {
|
||||||
-ms-zoom: 0.25;
|
-ms-zoom: 0.25;
|
||||||
@ -97,23 +114,7 @@
|
|||||||
display: block;
|
display: block;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
/* countdown */
|
|
||||||
a.countdown_visible_link.closed div {
|
|
||||||
background-image: url(../images/icons/off.png);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center;
|
|
||||||
width: 16px;
|
|
||||||
height: 16px;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
a.countdown_visible_link.open div {
|
|
||||||
background-image: url(../images/icons/on.png);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center;
|
|
||||||
width: 16px;
|
|
||||||
height: 16px;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
/* activate link */
|
/* activate link */
|
||||||
a.activate_link div {
|
a.activate_link div {
|
||||||
background-image: url(../images/icons/accept-grey.png);
|
background-image: url(../images/icons/accept-grey.png);
|
||||||
|
@ -139,38 +139,43 @@
|
|||||||
{% for overlay in overlays %}
|
{% for overlay in overlays %}
|
||||||
<li>
|
<li>
|
||||||
<input type="checkbox" name="{{ overlay }}" onchange="submit()"
|
<input type="checkbox" name="{{ overlay }}" onchange="submit()"
|
||||||
{% if overlay.active %} checked="checked"{% endif %}> {{ overlay }}
|
{% if overlay.active %} checked="checked"{% endif %}> {{ overlay }}:
|
||||||
{# Countdown #}
|
{# Countdown #}
|
||||||
{% if overlay.def_name == "Countdown" %}
|
{% if overlay.def_name == "Countdown" %}
|
||||||
|
|
|
||||||
<span class="projector_countdown_spinbox">
|
<span class="projector_countdown_spinbox">
|
||||||
<input class="projector_countdown_spinval" id="countdown_time" name="countdown_time" type="number" min="0" value="{{countdown_time}}">
|
<input class="projector_countdown_spinval" id="countdown_time" name="countdown_time" type="number" min="0" value="{{countdown_time}}">{% trans "sec" %}
|
||||||
{% trans "sec" %}
|
|
||||||
|
|
||||||
<a id="countdown_set" class="projector_countdown_btn" href="{% url countdown_set_default %}" title="{% trans 'Save as default' %}">
|
<a id="countdown_set" class="projector_countdown_btn" href="{% url countdown_set_default %}" title="{% trans 'Save as default' %}">
|
||||||
<img src="{% static 'images/icons/document-save.png' %}" />
|
<img src="{% static 'images/icons/document-save.png' %}" />
|
||||||
</a>
|
</a>
|
||||||
<span class="icon clear"> </span>
|
|
||||||
<a class="projector_countdown_btn" href="{% url countdown_reset %}" title="{% trans 'Reset countdown' %}" onclick="javascript:switchButtons('play')">
|
<a class="projector_countdown_btn" href="{% url countdown_reset %}" title="{% trans 'Reset countdown' %}" onclick="javascript:switchButtons('play')"><button
|
||||||
<img src="{% static 'images/icons/skip-backward.png' %}" />
|
type="submit" class="button" style="padding:4px;" name='message-clean'>
|
||||||
</a>
|
<span class="icon backward"> </span>
|
||||||
<a id="countdown_play" class="projector_countdown_btn" href="{% url countdown_start %}" title="{% trans 'Start countdown' %}" onclick="javascript:switchButtons('stop')">
|
</button></a>
|
||||||
<img src="{% static 'images/icons/play.png' %}" />
|
<a id="countdown_play" class="projector_countdown_btn" href="{% url countdown_start %}" title="{% trans 'Start countdown' %}" onclick="javascript:switchButtons('stop')"><button
|
||||||
</a>
|
type="submit" class="button" style="padding:4px;" name='message-clean'>
|
||||||
|
<span class="icon play"> </span>
|
||||||
|
</button></a>
|
||||||
<a id="countdown_stop" class="projector_countdown_btn" href="{% url countdown_stop %}" title="{% trans 'Stop countdown' %}" onclick="javascript:switchButtons('play')">
|
<a id="countdown_stop" class="projector_countdown_btn" href="{% url countdown_stop %}" title="{% trans 'Stop countdown' %}" onclick="javascript:switchButtons('play')">
|
||||||
<img src="{% static 'images/icons/pause.png' %}" />
|
<button type="submit" class="button" style="padding:4px;" name='message-clean'>
|
||||||
|
<span class="icon pause"> </span>
|
||||||
|
</button>
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
|
<p></p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if overlay.def_name == "Message" %}
|
{% if overlay.def_name == "Message" %}
|
||||||
<form action="" method="post">{% csrf_token %}
|
<form action="" method="post">{% csrf_token %}
|
||||||
|
<br>
|
||||||
|
<nobr>
|
||||||
<input name='message_text' type='text' style='width: 70%'
|
<input name='message_text' type='text' style='width: 70%'
|
||||||
value="{% get_config 'projector_message' %}">
|
value="{% get_config 'projector_message' %}">
|
||||||
<button type="submit"
|
<button type="submit"
|
||||||
class="button" style="padding:4px 0;" name='message-clean'>
|
class="button" style="padding:4px 0;" name='message-clean'>
|
||||||
<span class="icon
|
<span class="icon clear"> </span>
|
||||||
clear"> </span>
|
|
||||||
</button>
|
</button>
|
||||||
|
</nobr>
|
||||||
|
<br>
|
||||||
<button type="submit" class="button" name='message'>
|
<button type="submit" class="button" name='message'>
|
||||||
<span class="icon ok">{% trans 'Apply' %}</span>
|
<span class="icon ok">{% trans 'Apply' %}</span>
|
||||||
</button>
|
</button>
|
||||||
|
Loading…
Reference in New Issue
Block a user