| commit | author | age | ||
| c5946f | 1 | {% extends "overlays/html-base.twig" %} |
| FÁ | 2 | {% block head %} |
| 3 | {{ parent() }} | |
| 4 | <link rel="stylesheet" href="/assets/operators-color.css"> | |
| cffd2c | 5 | {% if autorefresh %} |
| FÁ | 6 | <meta http-equiv="refresh" content="{{ autorefresh }}"> |
| 7 | {% endif %} | |
| c5946f | 8 | {% endblock %} |
| FÁ | 9 | {% block body %} |
| 10 | {% block stripe %} | |
| 11 | <div id="stripe" class="{{ stripe.stripe.class }}"> | |
| 12 | {% block info_left %} | |
| 13 | <span class="info left"> | |
| 14 | {% if stripe.cup.number %} | |
| 15 | <img src="/assets/hun.png" class="flag hun"> | |
| 16 | {% endif %} | |
| 906fcf | 17 | <span class="text rotate"> |
| c5946f | 18 | {% if stripe.cup.number %} |
| 906fcf | 19 | <em class="number">{{ stripe.cup.number }}</em> |
| c5946f | 20 | {% endif %} |
| 906fcf | 21 | <em class="name">{{ stripe.cup.name -}}</em> |
| c5946f | 22 | </span> |
| FÁ | 23 | </span> |
| 24 | {% endblock %} | |
| 25 | {% block team_blue %} | |
| 26 | {% if stripe.team.blue and stripe.stripe.class in ['team-ban', 'team'] %} | |
| 27 | <span class="team blue"> | |
| 28 | <span class="name">{{ stripe.team.blue.name }}</span> | |
| 29 | </span> | |
| 30 | {% if stripe.stripe.class == 'team-ban' %} | |
| 31 | <span class="ban blue"> | |
| 32 | {% for op in stripe.team.blue.ban %} | |
| 33 | <span class="operator {{ op }}"> | |
| 34 | <span class="prohibit">x</span> | |
| 35 | </span> | |
| 36 | {% endfor %} | |
| 37 | </span> | |
| 38 | {% endif %} | |
| 39 | {% endif %} | |
| 40 | {% endblock %} | |
| 41 | {% block logo %} | |
| b15810 | 42 | {% if stripe.team.blue.score[0] == true %} |
| FÁ | 43 | <div class="mapwin left one"></div> |
| 44 | {% endif %} | |
| 45 | {% if stripe.team.blue.score[1] == true %} | |
| 46 | <div class="mapwin left two"></div> | |
| 47 | {% endif %} | |
| 48 | {% if stripe.team.orange.score[0] == true %} | |
| 49 | <div class="mapwin right one"></div> | |
| 50 | {% endif %} | |
| 51 | {% if stripe.team.orange.score[1] == true %} | |
| 52 | <div class="mapwin right two"></div> | |
| 53 | {% endif %} | |
| c5946f | 54 | {% endblock %} |
| FÁ | 55 | {% block team_orange %} |
| 56 | {% if stripe.team.orange and stripe.stripe.class in ['team-ban', 'team'] %} | |
| 57 | <span class="team orange"> | |
| 58 | <span class="name">{{ stripe.team.orange.name }}</span> | |
| 59 | </span> | |
| 60 | ||
| 61 | {% if stripe.stripe.class == 'team-ban' %} | |
| 62 | <span class="ban orange"> | |
| 63 | {% for op in stripe.team.orange.ban %} | |
| 64 | <span class="operator {{ op }}"> | |
| 65 | <span class="prohibit">x</span> | |
| 66 | </span> | |
| 67 | {% endfor %} | |
| 68 | </span> | |
| 69 | {% endif %} | |
| 70 | {% endif %} | |
| 71 | {% endblock %} | |
| 72 | ||
| 73 | {% block info_right %} | |
| 39aea3 | 74 | <span class="info right"> |
| FÁ | 75 | {% if stripe.cup.number %} |
| f84f9c | 76 | <img class="wargasz-logo" src="/assets/WARGASZ_color.png"/> |
| f6a0dc | 77 | {% endif %} |
| c5946f | 78 | </span> |
| FÁ | 79 | {% endblock %} |
| 80 | </div> | |
| 81 | {% endblock %} | |
| 39aea3 | 82 | <script type="text/javascript"> |
| FÁ | 83 | // Create WebSocket connection. |
| 84 | const socket = new WebSocket('ws://esl.unr.hu/generator/ws-com/'); | |
| 85 | // Connection opened | |
| 86 | socket.addEventListener('open', function (event) { | |
| 87 | console.log("Sending server: " + "Hello Bitch!"); | |
| 88 | socket.send('Hello Bitch!'); | |
| 89 | }); | |
| 90 | ||
| 91 | // Listen for messages | |
| 92 | socket.addEventListener('message', function (event) { | |
| 93 | console.log('Message from server ', event.data); | |
| 94 | if (event.data === "update") { | |
| 95 | location.reload(); | |
| 96 | } | |
| 97 | }); | |
| 98 | </script> | |
| c5946f | 99 | {% endblock %} |
