Allow clicking on the beamer preview to open the real beamer view.

openslides/projector/static/styles/projector-control.css

@@ -48,6 +48,16 @@
     width: 256px;/*100%;*/
     height: 192px;/*230px;*/
 }
+
+#iframeoverlay {
+    width: 256px;
+    height: 192px;
+    position: fixed;
+    top: 0px;
+    left: 0px;
+    display: none;
+    z-index: 1;
+}
 /* countdown */
 a.countdown_visible_link.closed div {
     background-image: url(../images/icons/user-offline.png);

openslides/projector/templates/projector/control.html

@@ -26,6 +26,21 @@
             $( this ).parents( ".portlet:first" ).find( ".portlet-content" ).toggle();
         });
         $( ".column" ).disableSelection();
+
+        var overlay_placement = function(){
+            var if_top    = $("#iframe").offset().top;
+            var if_left   = $("#iframe").offset().left;
+
+            // the overlay uses absolute positioning, 
+            // place it over the iframe
+            $("#iframeoverlay").css({'display' : 'block',
+                                     'top'     : if_top,
+                                     'left'    : if_left
+            });
+        };
+
+        $("document").ready(overlay_placement);
+        $(window).resize(overlay_placement);
     });
     </script>
 
@@ -86,6 +101,7 @@
                 <a href="{% url projector_show %}" target="_blank" title="{% trans 'Open Projector view' %}" >
                 <div id="iframewrapper">
                     <iframe id="iframe" src="{% url projector_show %}"></iframe>
+                    <div id="iframeoverlay"></div>
                 </div>
                 </a>
             </div>