Scaled Live View. Added active slide icon.

This commit is contained in:
Emanuel Schuetze 2012-03-21 22:21:23 +01:00
parent d65b20a7fd
commit 7e48dc737f
2 changed files with 45 additions and 5 deletions

View File

@ -93,13 +93,21 @@
<div class="portlet-content">
{% for slide in slides %}
{% if slide.model_slide %}
<ul>
<ul style="line-height: 180%">
{% for item in slide.get_items %}
<li><a href="{% url projector_activate_slide item.sid %}">{{ item }}</a></li>
<li><a href="{% url projector_activate_slide item.sid %}"
{% if item.active %}
class="inactivate_link"
{% else %}
class="activate_link"
{% endif %}
><div></div></a>{{ item }}</li>
{% endfor %}
</ul>
{% else %}
# <a href="{% url projector_activate_slide slide.key %}">{{ slide.key }}</a>
<a href="{% url projector_activate_slide slide.key %}"
class="activate_link"
><div></div></a>{{ slide.key }}
{% endif %}
{% endfor %}
</div>
@ -110,10 +118,12 @@
<div class="column">
<div class="portlet">
<div class="portlet-header">
{% trans "Live View" %}
{% trans "Projector Live View" %}
</div>
<div class="portlet-content">
<iframe src="{% url projector_show %}" width="100%" style="zoom:15%;"></iframe>
<div id="iframewrapper">
<iframe id="iframe" src="{% url projector_show %}"></iframe>
</div>
</div>
</div>
<div class="portlet">

View File

@ -1,3 +1,19 @@
a.activate_link div {
background-image: url(/static/images/icons/task-accepted-grey.png);
background-repeat: no-repeat;
float: left;
width: 16px;
height: 16px;
padding-right: 10px;
}
a.inactivate_link div {
background-image: url(/static/images/icons/task-accepted.png);
background-repeat: no-repeat;
float: left;
width: 16px;
height: 16px;
padding-right: 10px;
}
tr.activeline a.activate_link div {
background-image: url(/static/images/icons/task-accepted.png);
background-repeat: no-repeat;
@ -63,3 +79,17 @@ a.countdown_visible_link.open div {
height: 16px;
display: inline-block;
}
#iframe {
-moz-transform: scale(0.25, 0.25) translate(-150%, -150%);
-webkit-transform: scale(0.25, 0.25) translate(-150%, -150%);
-o-transform: scale(0.25, 0.25) translate(-150%, -150%);
transform: scale(0.25, 0.25) translate(-150%, -150%);
width: 400%;
height: 400%;
}
#iframewrapper {
width: 256px;/*100%;*/
height: 192px;/*230px;*/
}