From 82993e3da89eef138d796ca7d4367215414c23fa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rene=CC=81=20Ko=CC=88cher?= <shirk@bitspin.org>
Date: Sun, 15 Apr 2012 10:44:15 +0200
Subject: [PATCH] Allow clicking on the beamer preview to open the real beamer
 view.

---
 .../static/styles/projector-control.css          | 10 ++++++++++
 .../projector/templates/projector/control.html   | 16 ++++++++++++++++
 2 files changed, 26 insertions(+)

diff --git a/openslides/projector/static/styles/projector-control.css b/openslides/projector/static/styles/projector-control.css
index 57e49814f..eaa258c6f 100644
--- a/openslides/projector/static/styles/projector-control.css
+++ b/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);
diff --git a/openslides/projector/templates/projector/control.html b/openslides/projector/templates/projector/control.html
index 17d187167..1dcecb5f3 100644
--- a/openslides/projector/templates/projector/control.html
+++ b/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>