Scaled Live View. Added active slide icon.

openslides/projector/templates/projector/control.html

@@ -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">

openslides/static/styles/agenda.css

@@ -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;*/
+}