mirror of
https://github.com/FAUSheppy/open-web-leaderboard.git
synced 2025-12-06 07:01:36 +01:00
various visual and performance updates
This commit is contained in:
Yannik Schmidt
@@ -2,23 +2,9 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Leaderboard</title>
|
||||
<meta name="Description" content="Open Web Leaderboard">
|
||||
<link rel="shortcut icon" href="/static/defaultFavicon.ico">
|
||||
<meta name="Description" content="Insurgency Leaderboard">
|
||||
<script src="static/buttons.js" defer></script>
|
||||
|
||||
<!-- needed for @media-css mofiers -->
|
||||
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
||||
|
||||
<link rel="stylesheet" href="/static/bootstrap/fontawesome.css">
|
||||
<link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="/static/bootstrap/css/mdb.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="/static/site.css">
|
||||
|
||||
<script src="/static/bootstrap/js/jquery.js"></script>
|
||||
<script src="/static/bootstrap/js/popper.js"></script>
|
||||
<script src="/static/bootstrap/js/bootstrap.js"></script>
|
||||
<script src="/static/bootstrap/js/mdb.min.js"></script>
|
||||
|
||||
{% include "default_head_content.html" %}
|
||||
</head>
|
||||
<body>
|
||||
{% include 'navbar_leaderboard.html' %}
|
||||
|
||||
@@ -10,7 +10,10 @@
|
||||
<!-- left side -->
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/">Home</a>
|
||||
<a class="nav-link" href="/">Leaderboard</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/rounds">Rounds</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -20,8 +20,11 @@
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item right mr-2">
|
||||
<a class="nav-link" href="/rounds">Rounds</a>
|
||||
</li>
|
||||
<li class="nav-item right">
|
||||
<input id="getPlayer" type="text" aria-label="search for player"
|
||||
<input id="getPlayer" type="text" aria-label="search for player" class="mt-1"
|
||||
placeholder="search player...">
|
||||
</li>
|
||||
{{ findPlayer }}
|
||||
|
||||
@@ -3,24 +3,7 @@
|
||||
<head>
|
||||
<title>Player: {{ player.name }}</title>
|
||||
<meta name="Description" content="Player: {{ player.name }}">
|
||||
<link rel="stylesheet" type="text/css" href="/static/site.css">
|
||||
<link rel="shortcut icon" href="/static/defaultFavicon.ico">
|
||||
|
||||
<!-- needed for @media-css mofiers -->
|
||||
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
||||
|
||||
<!-- Font Awesome -->
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<!-- Material Design Bootstrap -->
|
||||
<link href="static/bootstrap/css/mdb.min.css" rel="stylesheet">
|
||||
|
||||
<script src="static/bootstrap/js/jquery.js"></script>
|
||||
<script src="static/bootstrap/js/popper.js"></script>
|
||||
<script src="static/bootstrap/js/bootstrap.js"></script>
|
||||
<script src="static/bootstrap/js/mdb.min.js"></script>
|
||||
|
||||
{% include "default_head_content.html" %}
|
||||
</head>
|
||||
<body class="bg-special">
|
||||
{% include 'navbar.html' %}
|
||||
@@ -66,10 +49,26 @@
|
||||
scales: {
|
||||
yAxes: [{
|
||||
ticks : {
|
||||
suggestedMin : {{ Y_MIN }},
|
||||
suggestedMax : {{ Y_MAX }},
|
||||
min : {{ Y_MIN }},
|
||||
max : {{ Y_MAX }}
|
||||
suggestedMin : {{ Y_MIN }},
|
||||
suggestedMax : {{ Y_MAX }},
|
||||
min : {{ Y_MIN }},
|
||||
max : {{ Y_MAX }}
|
||||
}
|
||||
}],
|
||||
xAxes: [{
|
||||
type: 'time',
|
||||
distribution: 'series',
|
||||
time: {
|
||||
round : false,
|
||||
unit: "day"
|
||||
},
|
||||
ticks : {
|
||||
autoSkip : true,
|
||||
source : "labels"
|
||||
},
|
||||
gridLines: {
|
||||
display: false,
|
||||
offsetGridLines: true
|
||||
}
|
||||
}]
|
||||
},
|
||||
|
||||
@@ -3,24 +3,7 @@
|
||||
<head>
|
||||
<title>Rounds Played</title>
|
||||
<meta name="Description" content="Insurgency games played on the AtlantisHQ">
|
||||
<link rel="stylesheet" type="text/css" href="/static/site.css">
|
||||
<link rel="shortcut icon" href="/static/defaultFavicon.ico">
|
||||
|
||||
<!-- needed for @media-css mofiers -->
|
||||
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
||||
|
||||
<!-- Font Awesome -->
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<!-- Material Design Bootstrap -->
|
||||
<link href="static/bootstrap/css/mdb.min.css" rel="stylesheet">
|
||||
|
||||
<script src="static/bootstrap/js/jquery.js"></script>
|
||||
<script src="static/bootstrap/js/popper.js"></script>
|
||||
<script src="static/bootstrap/js/bootstrap.js"></script>
|
||||
<script src="static/bootstrap/js/mdb.min.js"></script>
|
||||
|
||||
{% include "default_head_content.html" %}
|
||||
</head>
|
||||
<body class="bg-special">
|
||||
{% include 'navbar.html' %}
|
||||
@@ -29,12 +12,13 @@
|
||||
cellspacing="0" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="th-sm">Map</th>
|
||||
<th class="th-sm">Winner</th>
|
||||
<th class="th-sm">Duration</th>
|
||||
<th class="th-sm">Start Time</th>
|
||||
<th class="th-sm">Rating System Winner Prediction</th>
|
||||
<th class="th-sm">Confidence</th>
|
||||
<th class="th-sm font-weight-bold">Map</th>
|
||||
<th class="th-sm font-weight-bold">Winner</th>
|
||||
<th class="th-sm font-weight-bold">Duration</th>
|
||||
<th class="th-sm font-weight-bold">Start Time</th>
|
||||
<th class="th-sm font-weight-bold">Winner Prediction</th>
|
||||
<th class="th-sm font-weight-bold">Prediction confidence</th>
|
||||
<th class="th-sm font-weight-bold">Game-ID</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@@ -43,14 +27,29 @@
|
||||
<td>{{ r.mapName }}</td>
|
||||
<td>{{ r.winnerSideString }}</td>
|
||||
<td>{{ r.duration }}</td>
|
||||
<td>{{ r.startTime.strftime('%H:%M %d.%m.%Y') }}</td>
|
||||
<td>{{ r.prediction }}</td>
|
||||
<td>{{ r.startTime.strftime('%d.%m.%Y %H:%M') }}</td>
|
||||
<td
|
||||
{% if r.winnerSideString == r.prediction %}
|
||||
style="color: green";
|
||||
{% elif r.prediction != '-' %}
|
||||
style="color: red";
|
||||
{% endif %}
|
||||
>
|
||||
{{ r.prediction }}
|
||||
</td>
|
||||
<td>{{ r.confidence }}%</td>
|
||||
<td><a href="/round-info?id={{ r.id }}">{{ r.id }}</a></td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<script defer>
|
||||
$(document).ready(function () {
|
||||
$('#tableMain').DataTable();
|
||||
$('.dataTables_length').addClass('bs-select');
|
||||
});
|
||||
</script>
|
||||
{% include 'footer.html' %}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -3,34 +3,72 @@
|
||||
<head>
|
||||
<title>Rounds Played</title>
|
||||
<meta name="Description" content="Insurgency games played on the AtlantisHQ">
|
||||
<link rel="stylesheet" type="text/css" href="/static/site.css">
|
||||
<link rel="shortcut icon" href="/static/defaultFavicon.ico">
|
||||
|
||||
<!-- needed for @media-css mofiers -->
|
||||
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
||||
|
||||
<!-- Font Awesome -->
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<!-- Material Design Bootstrap -->
|
||||
<link href="static/bootstrap/css/mdb.min.css" rel="stylesheet">
|
||||
|
||||
<script src="static/bootstrap/js/jquery.js"></script>
|
||||
<script src="static/bootstrap/js/popper.js"></script>
|
||||
<script src="static/bootstrap/js/bootstrap.js"></script>
|
||||
<script src="static/bootstrap/js/mdb.min.js"></script>
|
||||
|
||||
{% include 'default_head_content.html' %}
|
||||
</head>
|
||||
<body class="bg-special">
|
||||
{% include 'navbar.html' %}
|
||||
<div class="container mt-3 mb-3" role="main">
|
||||
{% for p in r.winners %}
|
||||
<h4>{{ p.name }}{{ p.ratingChangeString }}</h4>
|
||||
{% endfor %}
|
||||
{% for p in r.losers %}
|
||||
<h4>{{ p.name }}{{ p.ratingChangeString }}</h4>
|
||||
{% endfor %}
|
||||
<h1>Round {{ r.id }}</h1>
|
||||
<h4>{{ r.startTime }}</h4>
|
||||
<h4>Map: {{ r.mapName }}</h4>
|
||||
<h4>Duration: {{ r.duration }}</h4>
|
||||
|
||||
{% if r.invalid %}
|
||||
<div>
|
||||
<h5 style="color: red;">{{ r.invalid }}</h5>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<hr>
|
||||
<div class="row">
|
||||
<div class="col-sm">
|
||||
<h5>Winners ({{ r.winnerSideString }})</h5>
|
||||
</div>
|
||||
<div class="col-sm">
|
||||
<h5>Losers ({{ r.loserSideString }})</h5>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm">
|
||||
{% for p in r.winners %}
|
||||
<div class="row">
|
||||
<div class="col-sm" style="overflow: hidden;">
|
||||
{{ p.name }}
|
||||
</div>
|
||||
<div class="col-sm">
|
||||
{{ p.participation }}%
|
||||
</div>
|
||||
<div class="col-sm">
|
||||
{% if not r.invalid %}
|
||||
<small style="color: green;">
|
||||
{{ p.ratingChangeString | safe }}
|
||||
</small>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="col-sm">
|
||||
{% for p in r.losers %}
|
||||
<div class="row">
|
||||
<div class="col-sm" style="overflow: hidden;">
|
||||
{{ p.name }}
|
||||
</div>
|
||||
<div class="col-sm">
|
||||
{{ p.participation }}%
|
||||
</div>
|
||||
<div class="col-sm">
|
||||
{% if not r.invalid %}
|
||||
<small style="color: red;">
|
||||
{{ p.ratingChangeString | safe }}
|
||||
</small>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% include 'footer.html' %}
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user