{% extends "overlays/html-base.twig" %}
|
{% block head %}
|
{{ parent() }}
|
<link rel="stylesheet" href="/assets/operators-color.css">
|
{% if autorefresh %}
|
<meta http-equiv="refresh" content="{{ autorefresh }}">
|
{% endif %}
|
{% endblock %}
|
{% block body %}
|
{% block stripe %}
|
<div id="stripe" class="{{ stripe.stripe.class }}">
|
{% block info_left %}
|
<span class="info left">
|
{% if stripe.cup.number %}
|
<img src="/assets/hun.png" class="flag hun">
|
{% endif %}
|
<span class="text rotate">
|
{% if stripe.cup.number %}
|
<em class="number">{{ stripe.cup.number }}</em>
|
{% endif %}
|
<em class="name">{{ stripe.cup.name -}}</em>
|
</span>
|
</span>
|
{% endblock %}
|
{% block team_blue %}
|
{% if stripe.team.blue and stripe.stripe.class in ['team-ban', 'team'] %}
|
<span class="team blue">
|
<span class="name">{{ stripe.team.blue.name }}</span>
|
</span>
|
{% if stripe.stripe.class == 'team-ban' %}
|
<span class="ban blue">
|
{% for op in stripe.team.blue.ban %}
|
<span class="operator {{ op }}">
|
<span class="prohibit">x</span>
|
</span>
|
{% endfor %}
|
</span>
|
{% endif %}
|
{% endif %}
|
{% endblock %}
|
{% block logo %}
|
|
<div class="mapwin left one {{ stripe.team.blue.score[0] ? "checked" }}"></div>
|
<div class="mapwin right one {{ stripe.team.orange.score[0] ? "checked" }}"></div>
|
|
{% if stripe.cup.bestof > 1 %}
|
<div class="mapwin left two {{ stripe.team.blue.score[1] ? "checked" }}"></div>
|
<div class="mapwin right two {{ stripe.team.orange.score[1] ? "checked" }}"></div>
|
{% endif %}
|
{% if stripe.cup.bestof > 3 %}
|
<div class="mapwin left three {{ stripe.team.blue.score[2] ? "checked" }}"></div>
|
<div class="mapwin right three {{ stripe.team.orange.score[2] ? "checked" }}"></div>
|
{% endif %}
|
|
{% endblock %}
|
{% block team_orange %}
|
{% if stripe.team.orange and stripe.stripe.class in ['team-ban', 'team'] %}
|
<span class="team orange">
|
<span class="name">{{ stripe.team.orange.name }}</span>
|
</span>
|
|
{% if stripe.stripe.class == 'team-ban' %}
|
<span class="ban orange">
|
{% for op in stripe.team.orange.ban %}
|
<span class="operator {{ op }}">
|
<span class="prohibit">x</span>
|
</span>
|
{% endfor %}
|
</span>
|
{% endif %}
|
{% endif %}
|
{% endblock %}
|
|
{% block info_right %}
|
<span class="info right">
|
{% if stripe.cup.number %}
|
<img class="wargasz-logo" src="/assets/WARGASZ_color.png"/>
|
{% endif %}
|
</span>
|
{% endblock %}
|
</div>
|
{% endblock %}
|
<script type="text/javascript">
|
// Create WebSocket connection.
|
const socket = new WebSocket('ws://esl.unr.hu/generator/ws-com/');
|
// Connection opened
|
socket.addEventListener('open', function (event) {
|
console.log("Sending server: " + "Hello Bitch!");
|
socket.send('Hello Bitch!');
|
});
|
|
// Listen for messages
|
socket.addEventListener('message', function (event) {
|
console.log('Message from server ', event.data);
|
if (event.data === "update") {
|
location.reload();
|
}
|
});
|
</script>
|
{% endblock %}
|