Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
base.html 9.71 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 navbar support for grouped links    
Andreas Valder committed
11 
		<title>Video AG {% block title %}{% for n in navbar if ((n.visible or ismod()) and (endpoint == request.endpoint)) %}- {{ n.name }}{% 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')}}">
Julian Rother's avatar
Updated font-awesome to 5.2    
Julian Rother committed
19 
		<link rel="stylesheet" href="{{url_for('static', filename='font-awesome/css/all.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')}}">
Julian Rother's avatar
Replaced "responsible" text field with multiselect widget    
Julian Rother committed
23
24
25 
		{% if ismod() %}
		<link rel="stylesheet" type="text/css" href="{{url_for('static', filename='bootstrap-multiselect.css')}}">
		{% endif %}
Andreas Valder's avatar
PSAs are not dismissable closes #19    
Andreas Valder committed
26
27 

		<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
28 
		<script src="{{url_for('static', filename='bootstrap/bootstrap.js')}}"></script>
Andreas Valder's avatar
PSAs are not dismissable closes #19    
Andreas Valder committed
29 
		<script src="{{url_for('static', filename='js.cookie.js')}}"></script>
Andreas Valder's avatar
added a first statistic for a test    
Andreas Valder committed
30
31 
		{%if ismod() %}
		<script src="{{url_for('static', filename='moderator.js')}}"></script>
Julian Rother's avatar
Replaced "responsible" text field with multiselect widget    
Julian Rother committed
32 
		<script src="{{url_for('static', filename='bootstrap-multiselect.js')}}"></script>
Julian Rother's avatar
Implemented 'viewsperday' statistics    
Julian Rother committed
33 
		<script src="{{url_for('static', filename='plotly.min.js')}}"></script>
Andreas Valder's avatar
added a first statistic for a test    
Andreas Valder committed
34 
		{% endif %}
Andreas Valder's avatar
removed mediaelementjs, added videojs    
Andreas Valder committed
35 
		<script src="{{url_for('static', filename='videojs/video.js')}}"></script>
Andreas Valder's avatar
closes #268    
Andreas Valder committed
36 
		<script src="{{url_for('static', filename='videojs/lang/de.js')}}"></script>
Andreas Valder's avatar
removed mediaelementjs, added videojs    
Andreas Valder committed
37 
		<script src="{{url_for('static', filename='videojs/videojs-resolution-switcher.js')}}"></script>
Andreas Valder's avatar
added player hotkeys, closes #9, closes #55    
Andreas Valder committed
38 
		<script src="{{url_for('static', filename='videojs/videojs.hotkeys.js')}}"></script>
Julian Rother's avatar
Added timeline chapters markers    
Julian Rother committed
39 
		<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
40 
		{% endblock %}
Andreas Valder's avatar
placeholder template    
Andreas Valder committed
41
42 
	</head>
	<body>
Andreas Valder's avatar
added embed page; fixes #25    
Andreas Valder committed
43 
	{% block navbar %}
Andreas Valder's avatar
added navbar support for grouped links    
Andreas Valder committed
44
45
46
47
48
49
50
51
52
53
54
55
56
57 
		{% macro navbaricon(data, user=none) -%}
			<li{% if data.endpoint == request.endpoint %} class="active"{% endif %}>
				<a href="{{ url_for(data.endpoint, user=user) }}" style="padding: 10px 6px;">
					{% if data.gly != '' %}
						{% if data.iconlib == 'bootstrap' %}
							<span aria-hidden="true" class="glyphicon glyphicon-{{ data.icon }}"></span>
						{% elif data.iconlib == 'fa' %}
							<span aria-hidden="true" class="fa fa-{{ data.icon }}"></span>
						{% endif %}
					{{ data.name }}
					{% endif %}
				</a>
			</li>
		{%- endmacro %}
Andreas Valder's avatar
added commit hash and debug highlight    
Andreas Valder committed
58 
		<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
59 
			<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
60 
				<div class="navbar-header">
Andreas Valder's avatar
fixed mobile header, closes #136    
Andreas Valder committed
61 
					<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
62
63
64
65
66
67 
						<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
68 
						<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
69 
					</a>
Andreas Valder's avatar
fixed mobile header, closes #136    
Andreas Valder committed
70 
					<ul class="nav nav-pills" style="margin-top: 5px; padding-left: 40px;">
Andreas Valder's avatar
added navbar support for grouped links    
Andreas Valder committed
71
72 
						{% for n in navbar if n.visible and (not n.userendpoint) %}
							{{ navbaricon(n) }}
Andreas Valder's avatar
fixed mobile header, closes #136    
Andreas Valder committed
73
74 
						{% endfor %}
					</ul>
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
75 
				</div>
Andreas Valder's avatar
added user pages, closes #353    
Andreas Valder committed
76 
				<div class="collapse navbar-collapse" style="overflow-y: inherit">
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
77 
					<ul class="nav nav-pills" style="margin-top: 5px;">
Andreas Valder's avatar
added navbar support for grouped links    
Andreas Valder committed
78
79 
						{% for n in navbar if (not n.visible) and ismod() and (not n.userendpoint) and (not n.group) %}
							{{ navbaricon(n) }}
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
80
81 
						{% endfor %}
Andreas Valder's avatar
fixed "weitere" visible to not logged in user    
Andreas Valder committed
82 
						{% for grouper, list in navbar|rejectattr("group", "none")|groupby("group") if ismod() %}
Andreas Valder's avatar
added navbar support for grouped links    
Andreas Valder committed
83 
							<li{% if request.endpoint in list|map(attribute='endpoint') %} class="active dropdown"{% endif %}>
Andreas Valder's avatar
made grouped navbar items change the cursor to a pointer    
Andreas Valder committed
84 
								<a data-toggle="dropdown" data-boundary="viewport" class="dropdown-toggle" style="padding: 10px 6px; cursor: pointer;">{{ grouper }}<span class="caret"></span></a>
Andreas Valder's avatar
added navbar support for grouped links    
Andreas Valder committed
85
86
87
88
89
90
91 
								<ul class="dropdown-menu">
									{% for n in list %}
										{{ navbaricon(n) }}
									{% endfor %}
								</ul>
							</li>
						{% endfor %}
Andreas Valder's avatar
fixed mobile header, closes #136    
Andreas Valder committed
92 
						<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
93 
							<form action="{{ url_for('search') }}" role="search">
Andreas Valder's avatar
added changes from christian: searchbar centered; full faq entries clickable;    
Andreas Valder committed
94 
								<div class="input-group" style="margin-top: 3px">
Andreas Valder's avatar
fixed small html syntax errors    
Andreas Valder committed
95 
									<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
96
97
98
99
100
101 
									<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
102 
							<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
103
104
105 
								<span class="glyphicon glyphicon-log-in"></span>
							</a>
							<script>
Andreas Valder's avatar
closes #81    
Andreas Valder committed
106
107
108 
								$('#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
109
110
111 
										{
											html:true,
											title:'Login für Moderatoren',
Andreas Valder's avatar
made all buttons look the same. closes #157    
Andreas Valder committed
112 
											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
113
114
115
116 
										}
										)
							</script>
							{% else %}
Andreas Valder's avatar
added user pages, closes #353    
Andreas Valder committed
117
118 
								<button data-toggle="dropdown" data-boundary="viewport" class="btn dropdown-toggle" style="padding: 10px 6px;">{{ session.user.givenName }} <span class="caret"></span></button>
								<ul class="dropdown-menu">
Andreas Valder's avatar
added navbar support for grouped links    
Andreas Valder committed
119
120 
									{% for n in navbar if n.userendpoint %}
										{{ navbaricon(n, user=session.user.dbid) }}
Andreas Valder's avatar
added user pages, closes #353    
Andreas Valder committed
121
122
123
124 
									{% endfor %}
									<li class="divider"></li>
									<li><a href="{{url_for('logout', ref=request.url)}}">Logout</a></li>
								</ul>
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
125
126
127 
							{% endif %}
						</li>
					</ul>
Julian Rother's avatar
Moved header into base template    
Julian Rother committed
128
129
130 
				</div>
			</div>
		</nav>
Andreas Valder's avatar
added embed page; fixes #25    
Andreas Valder committed
131 
		{% endblock %}
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
132 
		<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
133
134
135
136 
			<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
137 
				<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
138 
				{% endif %}
Julian Rother's avatar
Put announcements into their own block to be overwritten on main page, closes #327    
Julian Rother committed
139 
					{% block announcements %}
Julian Rother's avatar
Move psa editing from base to index template    
Julian Rother committed
140 
					{% 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
141 
					<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
142
143 
						<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
144 
					</div>
Julian Rother's avatar
Implemented public service announcements    
Julian Rother committed
145 
					{% endfor %}
Julian Rother's avatar
Put announcements into their own block to be overwritten on main page, closes #327    
Julian Rother committed
146 
					{% endblock %}
Julian Rother's avatar
Swapped announcements and flashed messages    
Julian Rother committed
147
148
149
150
151 
					{% 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
152
153 
					{% block content %}
					{% endblock %}
Julian Rother's avatar
Fixed alert layout and moved page border in base template    
Julian Rother committed
154
155 
				</div>
			</div>
Julian Rother's avatar
Added flashes/alerts and simplified templates    
Julian Rother committed
156 
		</div>
Andreas Valder's avatar
closes #56    
Andreas Valder committed
157 
		{% block footer %}
Andreas Valder's avatar
removed duplicated spaces, see #346    
Andreas Valder committed
158 
		<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
159 
			<div class="container-fluid">
Andreas Valder's avatar
fixed margin for footer;    
Andreas Valder committed
160 
				<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
161 
					<li>
Andreas Valder's avatar
added facebook link    
Andreas Valder committed
162 
						<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
163
164 
					</li>
					<li>
Andreas Valder's avatar
fixed most footer links    
Andreas Valder committed
165 
						<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
166
167 
					</li>
					<li>
Andreas Valder's avatar
fixed most footer links    
Andreas Valder committed
168 
						<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
169
170 
					</li>
					<li>
Andreas Valder's avatar
added facebook link    
Andreas Valder committed
171 
						<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
172
173 
					</li>
					<li>
Andreas Valder's avatar
fixed most footer links    
Andreas Valder committed
174 
						<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
175 
					</li>
Andreas Valder's avatar
added commit hash and debug highlight    
Andreas Valder committed
176 
					{% if ismod() or config.DEBUG %}
Julian Rother's avatar
Display hostname in moderator interface    
Julian Rother committed
177 
					<li class="pull-right">
Andreas Valder's avatar
fixed gitlab url in footer    
Andreas Valder committed
178 
						<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
179 
						<span>{{ gethostname() }}</span>
Julian Rother's avatar
Added marker for read-only databases    
Julian Rother committed
180
181
182 
						{% if is_readonly() %}
							<span>(read-only)</span>
						{% endif %}
Julian Rother's avatar
Display hostname in moderator interface    
Julian Rother committed
183
184 
					</li>
					{% endif %}
Andreas Valder's avatar
fixed small html syntax errors    
Andreas Valder committed
185 
				</ul>
Andreas Valder's avatar
redid navbar, it is now posible to use fa glyphs in the navbar, closes #32    
Andreas Valder committed
186
187 
			</div>
		</footer>
Andreas Valder's avatar
closes #56    
Andreas Valder committed
188 
		{% endblock %}
Andreas Valder's avatar
closes #237    
Andreas Valder committed
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204 
		{% 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
205
206 
	{% if ismod() %}
		<script>
Andreas Valder's avatar
overworked moderator backend, added id ankers    
Andreas Valder committed
207 
			$( function () {
Andreas Valder's avatar
added CSRF protection, closes #75    
Andreas Valder committed
208
209 
				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
210 
			});
Andreas Valder's avatar
added acl editor, nearly closed #20. deleting is still bugged    
Andreas Valder committed
211
212 
		</script>
	{% endif %}
Andreas Valder's avatar
added commit hash and debug highlight    
Andreas Valder committed
213
214 
	<script>
		$( function () {
Andreas Valder's avatar
added hints to some edit options, closes #105    
Andreas Valder committed
215
216
217
218
219 
			$('[data-toggle="tooltip"]').tooltip(
			{ 
				trigger: 'hover',
				html: true
			});
Andreas Valder's avatar
added commit hash and debug highlight    
Andreas Valder committed
220
221 
		});	
	</script>
Andreas Valder's avatar
fixed small html syntax errors    
Andreas Valder committed
222 
	</body>
Andreas Valder's avatar
placeholder template    
Andreas Valder committed
223 
</html>