2024-03-29 14:47:35 +00:00
|
|
|
{% extends layout.twig %}
|
2022-12-20 11:21:31 +00:00
|
|
|
|
|
|
|
{% block title %}irgendwas mit Vermessungen{% endblock %}
|
|
|
|
|
|
|
|
{% block content %}
|
2024-03-29 17:23:36 +00:00
|
|
|
<form action="/vermessung" method="post">
|
|
|
|
<div class="form-floating">
|
|
|
|
<textarea class="form-control" name="protocol" id="protocol" style="height: 100px">{{ $protocol }}</textarea>
|
|
|
|
<label for="protocol">Gesamtes Clanprotokoll einfügen (strg-a, strg-c)</label>
|
|
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<input class="btn btn-primary" type="submit" value="abschnalzen">
|
2022-12-20 11:21:31 +00:00
|
|
|
</form>
|
|
|
|
|
|
|
|
{% if(isset($newest)): %}
|
|
|
|
<hr />
|
|
|
|
<span id="wao">wao, {{ number_format($newest['gm'], 0, '', '.') }} Goldmünzen durch {{ count($newest['list']) }} Vermessungen erwirtschaftet!</span>
|
|
|
|
<select id="dtswitch">
|
|
|
|
{% foreach($vms as $vm): %}
|
|
|
|
<option>{{ $vm['dtact'] }}</option>
|
|
|
|
{% endforeach; %}
|
|
|
|
</select>
|
|
|
|
<hr />
|
|
|
|
|
|
|
|
<div class="container-fluid">
|
|
|
|
<div class="row justify-content-md-center">
|
|
|
|
<div class="col-sm-4">
|
|
|
|
<div class="card">
|
|
|
|
<h5 class="card-header">Topliste:</h5>
|
|
|
|
<div class="card-body">
|
2024-03-29 14:47:35 +00:00
|
|
|
<table class="table table-sm table-striped" style="width: 100%">
|
|
|
|
<thead>
|
|
|
|
<th>#</th>
|
|
|
|
<th>Spieler</th>
|
|
|
|
<th>Vermessungen</th>
|
|
|
|
<th>Gold</th>
|
|
|
|
</thead>
|
|
|
|
<tbody id="toplist">
|
|
|
|
{% $i = 0; %}
|
|
|
|
{% foreach($newest['user'] as $name => $player): %}
|
|
|
|
<tr>
|
|
|
|
<td>{{ ++$i }}</td>
|
|
|
|
<td>{{ $name }}</td>
|
|
|
|
<td>{{ $player['count'] }}</td>
|
|
|
|
<td>{{ number_format($player['gold'], 0, '', '.') }}</td>
|
|
|
|
</tr>
|
|
|
|
{% endforeach; %}
|
|
|
|
</tbody>
|
|
|
|
</table>
|
2022-12-20 11:21:31 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col">
|
|
|
|
<div class="card">
|
|
|
|
<h5 class="card-header">berücksichtigte Messungen:</h5>
|
|
|
|
<div class="card-body">
|
|
|
|
<table class="table table-sm table-striped" style="width: 100%">
|
|
|
|
<thead>
|
|
|
|
<tr>
|
|
|
|
<th>Datum</th>
|
2022-12-29 02:59:51 +00:00
|
|
|
<th>Summe</th>
|
2024-03-29 14:47:35 +00:00
|
|
|
<th>à</th>
|
2022-12-20 11:21:31 +00:00
|
|
|
<th>Amtsteher</th>
|
|
|
|
<th>Läufer</th>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
<tbody id="vmlist">
|
|
|
|
{% foreach($newest['list'] as $tmp): %}
|
|
|
|
<tr>
|
|
|
|
<td style="vertical-align: top">{{ $tmp['datum'] }}</td>
|
2024-03-29 14:47:35 +00:00
|
|
|
<td style="vertical-align: top">{{ number_format($tmp['gold'], 0, '', '.') }} gm</td>
|
|
|
|
<td style="vertical-align: top">{{ number_format($tmp['a'], 0, '', '.') }} gm</td>
|
2022-12-20 11:21:31 +00:00
|
|
|
<td style="vertical-align: top">{{ $tmp['amt'] }}</td>
|
|
|
|
<td style="vertical-align: top">{{ implode(', ', $tmp['laeufer']) }}</td>
|
|
|
|
</tr>
|
|
|
|
{% endforeach; %}
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script>const vms = {{ json_encode($vms) }};
|
|
|
|
(() => {
|
|
|
|
const toplist = document.querySelector('#toplist');
|
|
|
|
const vmlist = document.querySelector('#vmlist');
|
|
|
|
const wao = document.querySelector('#wao');
|
|
|
|
const dtswitch = document.querySelector('#dtswitch');
|
|
|
|
|
|
|
|
dtswitch.addEventListener('change', e => {
|
|
|
|
const vm = vms[dtswitch.value];
|
|
|
|
|
|
|
|
toplist.innerHTML = '';
|
|
|
|
vmlist.innerHTML = '';
|
|
|
|
|
|
|
|
let gm = 0;
|
|
|
|
let cvm = 0;
|
2024-03-29 14:47:35 +00:00
|
|
|
let i = 1;
|
2022-12-20 11:21:31 +00:00
|
|
|
|
2024-03-29 14:47:35 +00:00
|
|
|
for(let [ name, player ] of Object.entries(vm.user)) {
|
|
|
|
console.log(player);
|
2022-12-20 11:21:31 +00:00
|
|
|
// fill toplist
|
2024-03-29 14:47:35 +00:00
|
|
|
const tr = document.createElement('tr');
|
|
|
|
tr.innerHTML = `<td>${i}</td><td>${name}</td><td>${player.count}</td><td>${player.gold.toLocaleString('de-DE')}</td>`;
|
|
|
|
toplist.insertAdjacentElement('beforeend', tr);
|
|
|
|
i++;
|
2022-12-20 11:21:31 +00:00
|
|
|
}
|
2024-03-29 14:47:35 +00:00
|
|
|
|
2022-12-20 11:21:31 +00:00
|
|
|
for(let entry of vm.list) {
|
|
|
|
// fill vmlist
|
|
|
|
const tr = document.createElement('tr');
|
2024-03-29 14:47:35 +00:00
|
|
|
tr.innerHTML = `<td>${entry.datum}</td><td>${entry.gold.toLocaleString('de-DE')} gm</td><td>${entry.a.toLocaleString('de-DE')} gm</td><td>${entry.amt}</td><td>${entry.laeufer.join(', ')}</td>`;
|
2022-12-20 11:21:31 +00:00
|
|
|
vmlist.insertAdjacentElement('beforeend', tr);
|
|
|
|
}
|
|
|
|
|
|
|
|
wao.innerHTML = `wao, ${vm.gm.toLocaleString('de-DE')} Goldmünzen durch ${vm.list.length} Vermessungen erwirtschaftet!`;
|
|
|
|
});
|
|
|
|
})();
|
|
|
|
</script>
|
|
|
|
{% endif; %}
|
|
|
|
{% endblock %}
|