Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
base.html 9.22 KB
Newer Older
Julian Rother's avatar
Implemented public service announcements    
Julian Rother committed
1 
{% set page_border = page_border|default(1) %}
Andreas Valder's avatar
finished renaming acl/auth to perm/permission closes #67    
Andreas Valder committed
2 
{% set global_permissions = [] %}
Julian Rother's avatar
Implemented public service announcements    
Julian Rother committed
3 
{% set min_announcement_level = min_announcement_level|default(1) %}
Julian Rother's avatar
Only show importend announcements on embed-pages (closes #325)    
Julian Rother committed
4 
{% set levels = {0: ('info', 'Nur auf Hauptseite sichtbar'), 1: ('info', 'Auf allen Unterseiten sichtbar (Hinweis)'), 2: ('warning', 'Auf allen Unterseiten sichtbar (Warnung)'), 3: ('danger', 'Auch auf Embed-Page sichtbar (Wichtig)')} %}
Andreas Valder's avatar
overworked moderator backend, added id ankers    
Andreas Valder committed
5 
{% from 'macros.html' import moderator_editor, moderator_checkbox, moderator_delete %}
Julian Rother's avatar
Fixed alert layout and moved page border in base template    
Julian Rother committed
6
Andreas Valder's avatar
placeholder template    
Andreas Valder committed
7 
<!DOCTYPE html>
Andreas Valder's avatar
fixed small html syntax errors    
Andreas Valder committed
8 
<html lang="de">
Andreas Valder's avatar
placeholder template    
Andreas Valder committed
9 
	<head>
Andreas Valder's avatar
added semantic web stuff to the player, closes #69, related to #12    
Andreas Valder committed
10 
		{% block header %}
Andreas Valder's avatar
added usefull page title, closes #64    
Andreas Valder committed
11 
		<title>Video AG {% block title %}{% for endpoint, caption, iconlib, gly, visible in navbar if ((visible or ismod()) and (endpoint == request.endpoint)) %}- {{ caption }}{% else%}{% endfor %}{% endblock %}</title>
Andreas Valder's avatar
included bootstrap; header placeholder    
Andreas Valder committed
12 
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
Julian Rother's avatar
Change url schema so mandatory args are handled by flask and converted links to url_for    
Julian Rother committed
13 
		<link rel="icon" type="image/png" href="{{url_for('static', filename='favicon.png')}}">
Andreas Valder's avatar
placeholder template    
Andreas Valder committed
14 
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
Andreas Valder's avatar
included bootstrap; header placeholder    
Andreas Valder committed
15 
		<meta name="viewport" content="width=device-width, initial-scale=1">
Andreas Valder's avatar
PSAs are not dismissable closes #19    
Andreas Valder committed
16
Julian Rother's avatar
Change url schema so mandatory args are handled by flask and converted links to url_for    
Julian Rother committed
17 
		<link href="{{url_for('static', filename='bootstrap/bootstrap.css')}}" rel="stylesheet">
Andreas Valder's avatar
PSAs are not dismissable closes #19    
Andreas Valder committed
18 
		<link rel="stylesheet" type="text/css" href="{{url_for('static', filename='style.css')}}">
Andreas Valder's avatar
added player hotkeys, closes #9, closes #55    
Andreas Valder committed
19 
		<link rel="stylesheet" href="{{url_for('static', filename='font-awesome/css/font-awesome.css')}}">
Andreas Valder's avatar
removed mediaelementjs, added videojs    
Andreas Valder committed
20 
		<link rel="stylesheet" type="text/css" href="{{url_for('static', filename='videojs/video-js.css')}}">
Julian Rother's avatar
Added timeline chapters markers    
Julian Rother committed
21 
		<link rel="stylesheet" type="text/css" href="{{url_for('static', filename='videojs/videojs.markers.css')}}">
Andreas Valder's avatar
removed mediaelementjs, added videojs    
Andreas Valder committed
22 
		<link rel="stylesheet" type="text/css" href="{{url_for('static', filename='videojs/videojs-resolution-switcher.css')}}">
Andreas Valder's avatar
PSAs are not dismissable closes #19    
Andreas Valder committed
23
24 

		<script src="{{url_for('static', filename='jquery.js')}}"></script>
Julian Rother's avatar
Change url schema so mandatory args are handled by flask and converted links to url_for    
Julian Rother committed
25 
		<script src="{{url_for('static', filename='bootstrap/bootstrap.js')}}"></script>
Andreas Valder's avatar
PSAs are not dismissable closes #19    
Andreas Valder committed
26 
		<script src="{{url_for('static', filename='js.cookie.js')}}"></script>
Andreas Valder's avatar
added a first statistic for a test    
Andreas Valder committed
27
28 
		{%if ismod() %}
		<script src="{{url_for('static', filename='moderator.js')}}"></script>
Julian Rother's avatar
Implemented 'viewsperday' statistics    
Julian Rother committed
29 
		<script src="{{url_for('static', filename='plotly.min.js')}}"></script>
Andreas Valder's avatar
added a first statistic for a test    
Andreas Valder committed
30 
		{% endif %}
Andreas Valder's avatar
removed mediaelementjs, added videojs    
Andreas Valder committed
31 
		<script src="{{url_for('static', filename='videojs/video.js')}}"></script>
Andreas Valder's avatar
closes #268    
Andreas Valder committed
32 
		<script src="{{url_for('static', filename='videojs/lang/de.js')}}"></script>
Andreas Valder's avatar
removed mediaelementjs, added videojs    
Andreas Valder committed
33
34 
		<script src="{{url_for('static', filename='videojs/ie8/videojs-ie8.js')}}"></script>
		<script src="{{url_for('static', filename='videojs/videojs-resolution-switcher.js')}}"></script>
Andreas Valder's avatar
added hls support, closes #24    
Andreas Valder committed
35 
		<script src="{{url_for('static', filename='videojs/videojs-contrib-hls.js')}}"></script>
Andreas Valder's avatar
added player hotkeys, closes #9, closes #55    
Andreas Valder committed
36 
		<script src="{{url_for('static', filename='videojs/videojs.hotkeys.js')}}"></script>
Julian Rother's avatar
Added timeline chapters markers    
Julian Rother committed
37 
		<script src="{{url_for('static', filename='videojs/videojs-markers.js')}}"></script>
Andreas Valder's avatar
added semantic web stuff to the player, closes #69, related to #12    
Andreas Valder committed
38 
		{% endblock %}
Andreas Valder's avatar
placeholder template    
Andreas Valder committed
39
40 
	</head>
	<body>
Andreas Valder's avatar
added embed page; fixes #25    
Andreas Valder committed
41 
	{% block navbar %}
Andreas Valder's avatar
added commit hash and debug highlight    
Andreas Valder committed
42 
		<nav class="hidden-print navbar navbar-default navbar-static-top" {% if config.DEBUG %} style="background-color: red" {% endif %} >
Julian Rother's avatar
Moved header into base template    
Julian Rother committed
43 
			<div class="container-fluid">
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
44 
				<div class="navbar-header">
Andreas Valder's avatar
fixed mobile header, closes #136    
Andreas Valder committed
45 
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
46
47
48
49
50
51 
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="/" style="padding: 3px;">
Andreas Valder's avatar
set dimensions for logo    
Andreas Valder committed
52 
						<img alt="Brand" src="{{url_for('static', filename='logo.png')}}" style="height: 44px; width: 44px" >
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
53 
					</a>
Andreas Valder's avatar
fixed mobile header, closes #136    
Andreas Valder committed
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69 
					<ul class="nav nav-pills" style="margin-top: 5px; padding-left: 40px;">
						{% for endpoint, caption, iconlib, gly, visible in navbar if visible %}
							<li{% if endpoint == request.endpoint %} class="active"{% endif %}>
								<a href="{{ url_for(endpoint) }}" style="padding: 10px 6px;">
									{% if gly != '' %}
										{% if iconlib == 'bootstrap' %}
											<span aria-hidden="true" class="glyphicon glyphicon-{{ gly }}"></span> 
										{% elif iconlib == 'fa' %}
											<span aria-hidden="true" class="fa fa-{{ gly }}"></span> 
										{% endif %}
									{{ caption }}
									{% endif %}
								</a>
							</li>
						{% endfor %}
					</ul>
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
70
71
72 
				</div>
				<div class="collapse navbar-collapse">
					<ul class="nav nav-pills" style="margin-top: 5px;">
Andreas Valder's avatar
fixed mobile header, closes #136    
Andreas Valder committed
73 
						{% for endpoint, caption, iconlib, gly, visible in navbar if (not visible) and ismod() %}
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
74
75
76 
							<li{% if endpoint == request.endpoint %} class="active"{% endif %}>
								<a href="{{ url_for(endpoint) }}">
									{% if gly != '' %}
Andreas Valder's avatar
fixed icons in navbar    
Andreas Valder committed
77
78
79
80
81 
										{% if iconlib == 'bootstrap' %}
											<span aria-hidden="true" class="glyphicon glyphicon-{{ gly }}"></span> 
										{% elif iconlib == 'fa' %}
											<span aria-hidden="true" class="fa fa-{{ gly }}"></span> 
										{% endif %}
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
82
83
84
85
86
87 
									{{ caption }}
									{% endif %}
								</a>
							</li>
						{% endfor %}
Andreas Valder's avatar
fixed mobile header, closes #136    
Andreas Valder committed
88 
						<li class="col-xs-9 col-sm-4 pull-right">
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
89 
							<form action="{{ url_for('search') }}" role="search">
Andreas Valder's avatar
added changes from christian: searchbar centered; full faq entries clickable;    
Andreas Valder committed
90 
								<div class="input-group" style="margin-top: 3px">
Andreas Valder's avatar
fixed small html syntax errors    
Andreas Valder committed
91 
									<input class="form-control" type="text" name="q" placeholder="Search" value="{{ searchtext }}">
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
92
93
94
95
96
97 
									<span class="input-group-btn"><button class="btn btn-secondary" type="submit"><span class="glyphicon glyphicon-search"></span> </button></span>
								</div>
							</form>
						</li>
						<li class="navbar-right">
							{% if not ismod() %}
Andreas Valder's avatar
closes #81    
Andreas Valder committed
98 
							<a href="{{url_for('login', ref=request.url)}}" id="loginpopover" data-container="body" data-toggle="popover" data-placement="bottom">
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
99
100
101 
								<span class="glyphicon glyphicon-log-in"></span>
							</a>
							<script>
Andreas Valder's avatar
closes #81    
Andreas Valder committed
102
103
104 
								$('#loginpopover').on('click',function(e){
									e.preventDefault();
								}).popover(
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
105
106
107 
										{
											html:true,
											title:'Login für Moderatoren',
Andreas Valder's avatar
made all buttons look the same. closes #157    
Andreas Valder committed
108 
											content:'<form method="post" action="{{url_for('login', ref=request.values.get('ref', request.url))}}"><input autofocus placeholder="User" name="user" type="text" class="form-control"><input placeholder="Password" name="password" type="password" class="form-control"><br><input type="submit" value="Login" class="btn btn-default"></form>'
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
109
110
111
112
113
114
115
116
117
118
119 
										}
										)
							</script>
							{% else %}
							<a href="{{url_for('logout', ref=request.url)}}">
								{{ session.user.givenName }}
								<span class="glyphicon glyphicon-log-out"></span>
							</a>
							{% endif %}
						</li>
					</ul>
Julian Rother's avatar
Moved header into base template    
Julian Rother committed
120
121
122 
				</div>
			</div>
		</nav>
Andreas Valder's avatar
added embed page; fixes #25    
Andreas Valder committed
123 
		{% endblock %}
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
124 
		<div class="container-fluid" style="margin-bottom: 30px;">
Julian Rother's avatar
Fixed alert layout and moved page border in base template    
Julian Rother committed
125
126
127
128 
			<div class="row">
				{% if page_border == 0 %}
				<div class="col-xs-12">
				{% else %}
Julian Rother's avatar
Replaced auto-collapse hack with another hack (#222)    
Julian Rother committed
129 
				<div class="col-xs-12 col-md-offset-{{ page_border }} col-md-{{ 12-(2*page_border) }}">
Julian Rother's avatar
Fixed alert layout and moved page border in base template    
Julian Rother committed
130 
				{% endif %}
Julian Rother's avatar
Put announcements into their own block to be overwritten on main page, closes #327    
Julian Rother committed
131 
					{% block announcements %}
Julian Rother's avatar
Move psa editing from base to index template    
Julian Rother committed
132 
					{% for msg in get_announcements(min_announcement_level) if (not request.cookies['alert-info-'+msg.id|string]) %}
Andreas Valder's avatar
made schedule printer friendly, the normal schedule should now print nicely on...    
Andreas Valder committed
133 
					<div class="hidden-print alert alert-{{levels.get(msg.level, ('info', ''))[0]}}" role="alert">
Julian Rother's avatar
Move psa editing from base to index template    
Julian Rother committed
134
135 
						<a href="#" class="close" data-dismiss="alert" aria-label="close" onclick="Cookies.set('alert-info-{{msg.id}}', '1');">&times;</a>
						{{ msg.text|safe }}
Julian Rother's avatar
Made announcements editable    
Julian Rother committed
136 
					</div>
Julian Rother's avatar
Implemented public service announcements    
Julian Rother committed
137 
					{% endfor %}
Julian Rother's avatar
Put announcements into their own block to be overwritten on main page, closes #327    
Julian Rother committed
138 
					{% endblock %}
Julian Rother's avatar
Swapped announcements and flashed messages    
Julian Rother committed
139
140
141
142
143 
					{% block alerts %}
					{% for msg in get_flashed_messages(category_filter=["message"]) %}
					<div class="hidden-print alert alert-danger" role="alert">{{ msg|safe }}</div>
					{% endfor %}
					{% endblock %}
Julian Rother's avatar
Fixed last commit    
Julian Rother committed
144
145 
					{% block content %}
					{% endblock %}
Julian Rother's avatar
Fixed alert layout and moved page border in base template    
Julian Rother committed
146
147 
				</div>
			</div>
Julian Rother's avatar
Added flashes/alerts and simplified templates    
Julian Rother committed
148 
		</div>
Andreas Valder's avatar
closes #56    
Andreas Valder committed
149 
		{% block footer %}
Andreas Valder's avatar
removed duplicated spaces, see #346    
Andreas Valder committed
150 
		<footer class="footer hidden-print" {% if config.DEBUG %} style="background-color: red" {% endif %} >
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
151 
			<div class="container-fluid">
Andreas Valder's avatar
fixed margin for footer;    
Andreas Valder committed
152 
				<ul class="list-inline" style="margin-top: 5px;">
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
153 
					<li>
Andreas Valder's avatar
added facebook link    
Andreas Valder committed
154 
						<a href="https://www.fsmpi.rwth-aachen.de/">Fachschaft I/1</a>
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
155
156 
					</li>
					<li>
Andreas Valder's avatar
fixed most footer links    
Andreas Valder committed
157 
						<a href="http://www.vampir.rwth-aachen.de/">Vampir e.V.</a>
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
158
159 
					</li>
					<li>
Andreas Valder's avatar
fixed most footer links    
Andreas Valder committed
160 
						<a href="https://www.youtube.com/channel/UCxh5snRN7yZyBsytNbGNuEQ">Youtube</a>
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
161
162 
					</li>
					<li>
Andreas Valder's avatar
added facebook link    
Andreas Valder committed
163 
						<a href="https://www.facebook.com/videoag">Facebook</a>
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
164
165 
					</li>
					<li>
Andreas Valder's avatar
fixed most footer links    
Andreas Valder committed
166 
						<a href="https://twitter.com/rwthvideo">Twitter</a>
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
167 
					</li>
Andreas Valder's avatar
added commit hash and debug highlight    
Andreas Valder committed
168 
					{% if ismod() or config.DEBUG %}
Julian Rother's avatar
Display hostname in moderator interface    
Julian Rother committed
169 
					<li class="pull-right">
Andreas Valder's avatar
fixed gitlab url in footer    
Andreas Valder committed
170 
						<a target="_blank" href="https://git.fsmpi.rwth-aachen.de/videoaginfra/website/commit/{{ gitversion.longhash }}"><span title="{{ gitversion.branch }} {{ gitversion.hash }}: {{ gitversion.msg }}" data-toggle="tooltip">{{ gitversion.hash }}</span></a>
Andreas Valder's avatar
added commit hash and debug highlight    
Andreas Valder committed
171 
						<span>{{ gethostname() }}</span>
Julian Rother's avatar
Added marker for read-only databases    
Julian Rother committed
172
173
174 
						{% if is_readonly() %}
							<span>(read-only)</span>
						{% endif %}
Julian Rother's avatar
Display hostname in moderator interface    
Julian Rother committed
175
176 
					</li>
					{% endif %}
Andreas Valder's avatar
fixed small html syntax errors    
Andreas Valder committed
177 
				</ul>
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
178
179 
			</div>
		</footer>
Andreas Valder's avatar
closes #56    
Andreas Valder committed
180 
		{% endblock %}
Andreas Valder's avatar
closes #237    
Andreas Valder committed
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196 
		{% block modals %}
		<div class="modal fade" id="modal_apierror" role="dialog">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">&times;</button>
						<h4 style="color:red;"><span class="glyphicon glyphicon-exclamation-sign"></span> Error</h4>
					</div>
					<div class="modal-body">
					</div>
					<div class="modal-footer">
					</div>
				</div>
			</div>
		</div> 
		{% endblock %}
Andreas Valder's avatar
added acl editor, nearly closed #20. deleting is still bugged    
Andreas Valder committed
197
198 
	{% if ismod() %}
		<script>
Andreas Valder's avatar
overworked moderator backend, added id ankers    
Andreas Valder committed
199 
			$( function () {
Andreas Valder's avatar
added CSRF protection, closes #75    
Andreas Valder committed
200
201 
				moderator.permissioneditor.setpermissions({{global_permissions|tojson|safe}});
				moderator.api.setcsrftoken('{{ session['_csrf_token'] }}');
Andreas Valder's avatar
overworked moderator backend, added id ankers    
Andreas Valder committed
202 
			});
Andreas Valder's avatar
added acl editor, nearly closed #20. deleting is still bugged    
Andreas Valder committed
203
204 
		</script>
	{% endif %}
Andreas Valder's avatar
added commit hash and debug highlight    
Andreas Valder committed
205
206 
	<script>
		$( function () {
Andreas Valder's avatar
added hints to some edit options, closes #105    
Andreas Valder committed
207
208
209
210
211 
			$('[data-toggle="tooltip"]').tooltip(
			{ 
				trigger: 'hover',
				html: true
			});
Andreas Valder's avatar
added commit hash and debug highlight    
Andreas Valder committed
212
213 
		});	
	</script>
Andreas Valder's avatar
fixed small html syntax errors    
Andreas Valder committed
214 
	</body>
Andreas Valder's avatar
placeholder template    
Andreas Valder committed
215 
</html>