doorlockd-mirror/share/doorlockd/templates/display.html

{% extends "layout.html" %}

{% block head %}
{{ super() }}
<meta http-equiv="refresh" content="600">
<meta name="google" content="notranslate">
{% endblock %}

{% block scripts %}
	{{ super() }}
	<script src="/static/js/jquery.min.js"></script>
	<script src="/static/js/bootstrap.min.js"></script>
	<script type="text/javascript" charset="utf-8">
	$(document).ready(function() {
			var source = new EventSource('{{ url_for('push')}}');
			source.onmessage = function(event){
			console.log("event:" + event.data);
			try{
				var data = JSON.parse(event.data);
				$('#message').html(data.message);
				led = $('#led');
				led.attr('src', data.img);
			} catch(e){console.log(e);}}
		});
	</script>
{% endblock %}

{% block content %}
<h1 class="text-center display-4">{{ welcome }}</h1>
<div class="row">
	<div class="col">
		<div class="text-center">
			<div class="h2">{{ room }}</div>
			<img id="led" src="">
			<div class="h2" id="message"></div>
		</div>
		<hr>
		<div>
		<h4 class="text">Kontakt</h4>
		0941 / 37801 - 740
		<hr>
		Keine App? Kein Problem! WiFi anschalten und https://lock.binary.kitchen besuchen.
		</div>
	</div>
	<div class="col-6">
		<a class="twitter-grid" data-partner="tweetdeck" href="https://twitter.com/binary_kitchen/timelines/1038927503446949888?ref_src=twsrc%5Etfw">gallery</a>
		<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
	</div>
	<div class="col text-center">
		<img src="static/token.svg" height="300">
		<img width=175 src='https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png'/>
		<img width=175 src='https://fdroid.gitlab.io/artwork/badge/get-it-on.png' />
	</div>
</div>
{{ super() }}
{% endblock %}