OpenSlides/openslides/core/static/templates/projector-container.html
Emanuel Schuetze 852b175f3e Upgraded a lot of javascript libs.
Some template fixes required for upgrading ui-bootstrap.
2016-09-18 00:45:00 +02:00

46 lines
1.5 KiB
HTML

<!DOCTYPE html>
<html lang="en" class="no-js">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<base href="/">
<title>OpenSlides &ndash; Projector</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" href="static/css/openslides-libs.css">
<link rel="stylesheet" href="static/css/projector.css">
<link rel="icon" href="/static/img/favicon.png">
<script src="static/js/openslides-libs.js"></script>
<div ng-controller="ProjectorContainerCtrl" class="pContainer">
<div>
<style>
.pContainer #iframe {
width: {{ projectorWidth }}px;
height: {{ projectorHeight }}px;
-moz-transform: scale({{ scale }});
-webkit-transform: scale({{ scale }});
-o-transform: scale({{ scale }});
transform: scale({{ scale }});
/* IE8+ - must be on one line, unfortunately */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11={{ scale }}, M12=0, M21=0, M22={{ scale }}, SizingMethod='auto expand')";
}
.pContainer #iframewrapper {
width: {{ iframeWidth }}px;
height: {{ iframeHeight }}px;
}
.pContainer #iframeoverlay {
width: {{ iframeWidth }}px;
height: {{ iframeHeight }}px;
}
</style>
<div id="iframewrapper">
<iframe id="iframe" src="/real-projector" frameborder="0"></iframe>
<div id="iframeoverlay"></div>
</div>
</div>
</div>
<script src="/angular_js/projector/"></script>