OpenSlides/openslides/core/static/templates/projector.html

76 lines
2.6 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
2016-12-19 13:26:07 +01:00
<html lang="{{ selectedLanguage }}" ng-controller="LanguageCtrl" class="no-js">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<base href="/">
<title>OpenSlides &ndash; Projector</title>
<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>
2016-09-09 00:50:27 +02:00
<script src="static/js/openslides.js"></script>
<script src="static/js/openslides-templates.js"></script>
2016-09-12 11:05:34 +02:00
<div id="projectorContainer" ng-controller="ProjectorCtrl">
<style type="text/css">
#header, #footer {
background-color: {{ config('projector_header_backgroundcolor') }};
}
#header, #footer, #currentTime {
color: {{ config('projector_header_fontcolor') }};
}
#header, #footer, .contentContainer {
visibility: {{ blank ? 'hidden' : 'visible' }};
}
#projectorContainer {
background-color: {{ blank ? config('projector_blank_color') : '#fff' }};
height: {{ blank ? '100%' : 'auto' }};
}
h1 {
color: {{ config('projector_h1_fontcolor') }};
}
</style>
2016-09-12 11:05:34 +02:00
<div id="header">
2017-03-31 13:48:41 +02:00
<img ng-if="config('projector_enable_logo')" id="logo" alt="OpenSlides"
ng-src="{{ getLogo('logo_projector_main') || '/static/img/logo-projector.png' }}"/>
2016-09-12 11:05:34 +02:00
<div ng-if="config('projector_enable_title')" id="eventdata">
<div class="title" ng-class="{ 'titleonly': !config('general_event_description') }"
ng-bind-html="config('general_event_name')"></div>
<div ng-if="config('general_event_description')" class="description"
ng-bind-html="config('general_event_description')"></div>
</div>
</div>
<style type="text/css">
.scrollcontent {
2017-01-14 17:29:43 +01:00
margin-top: {{ scroll }}px !important;
2016-09-12 11:05:34 +02:00
font-size: {{ 100 + 20 * projector.scale }}%;
}
2016-05-12 16:01:41 +02:00
.mediascrollcontent {
margin-top: {{scroll/2}}em !important;
-webkit-transform: scale({{scale/100}});
-ms-transform: scale({{scale/100}});
transform: scale({{scale/100}});
}
</style>
2016-09-12 11:05:34 +02:00
<div class="contentContainer" ng-repeat="element in elements | orderBy:'index'">
<div ng-include="element.template"></div>
</div>
2016-09-12 11:05:34 +02:00
<div id="footer">
<span ng-if="config('general_event_date')">
{{ config('general_event_date') }}
</span>
<span ng-if="config('general_event_date') && config('general_event_location')">
|
</span>
<span ng-if="config('general_event_location')">
{{ config('general_event_location') }}
</span>
</div>
2016-01-13 00:07:53 +01:00
</div>
2016-09-09 00:50:27 +02:00
<script src="/webclient/projector/"></script>