first commit
This commit is contained in:
10
tpl/default.html
Normal file
10
tpl/default.html
Normal file
@ -0,0 +1,10 @@
|
||||
{% extends tpl/layout.html %}
|
||||
|
||||
{% block title %}Willkommen auf fwtrash.de!{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<p>Wir sind stolz darauf, Ihnen eine Vielzahl von nützlichen Tools und Ressourcen für das Onlinespiel Freewar zur Verfügung zu stellen. Unser Ziel ist es, Ihnen das Spielen von Freewar zu erleichtern und Ihnen zu helfen, das Beste aus dem Spiel herauszuholen.</p>
|
||||
<p>Auf unserer Webseite finden Sie alles, von praktischen Rechnern und Simulatoren bis hin zu umfassenden Anleitungen und Strategieguides. Wir sind ständig bemüht, unser Angebot zu erweitern und zu verbessern, um Ihnen die bestmögliche Unterstützung zu bieten.</p>
|
||||
<p>Schauen Sie sich um und entdecken Sie alles, was fwtrash.de zu bieten hat. Wir hoffen, dass Sie viel Freude beim Stöbern und Nutzen unserer Tools haben werden.</p>
|
||||
<strong>Viel Spaß beim Erkunden und Happy Gaming!</strong>
|
||||
{% endblock %}
|
37
tpl/doppelklinge.html
Normal file
37
tpl/doppelklinge.html
Normal file
@ -0,0 +1,37 @@
|
||||
{% extends tpl/layout.html %}
|
||||
|
||||
{% block title %}irgendwas mit Doppelklinge{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<form action="/doppelklinge" method="post">
|
||||
<p>Gesamten Mainframe von Position X: 80 Y: 126 einfügen (strg-a, strg-c):</p>
|
||||
<textarea name="progress" rows="4" cols="60">{{ $progress }}</textarea>
|
||||
<br />
|
||||
<input type="submit" value="abschnalzen" />
|
||||
</form>
|
||||
|
||||
{% if(isset($list)): %}
|
||||
<hr />
|
||||
<table class="table table-sm table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Aufgabe</th>
|
||||
<th>Fortschritt</th>
|
||||
<th>Ziel</th>
|
||||
<th>Prozent</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for($i = 0; $i < count($list); $i++): %}
|
||||
<tr style="background-color: {{ $i >= 5 ? 'red' : 'white' }}">
|
||||
<td>{{ $list[$i]->task }}</td>
|
||||
<td>{{ $list[$i]->act }}</td>
|
||||
<td>{{ $list[$i]->max }}</td>
|
||||
<td>{{ $list[$i]->percent }}</td>
|
||||
</tr>
|
||||
{% endfor; %}
|
||||
</tbody>
|
||||
</table>
|
||||
insgesamt {{ $percent }}% erledigt (ø {{ $avg }}%).
|
||||
{% endif; %}
|
||||
{% endblock %}
|
46
tpl/layout.html
Normal file
46
tpl/layout.html
Normal file
@ -0,0 +1,46 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<base href="https://fwtrash.de/" />
|
||||
<title>{% yield title %}</title>
|
||||
<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="./css/style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<header class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0 shadow">
|
||||
<a class="navbar-brand col-md-3 col-lg-2 me-0 px-3 fs-6" href="./">
|
||||
<img src="./img/logo-big.png" style="height: 38px;" />
|
||||
fwtrash.de
|
||||
</a>
|
||||
<button class="navbar-toggler position-absolute d-md-none collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="navbar-nav">
|
||||
<div class="nav-item text-nowrap"> </div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse">
|
||||
<div class="position-sticky pt-3 sidebar-sticky">
|
||||
<ul class="nav flex-column">
|
||||
<li class="nav-item"><a class="nav-link{% if(empty($page)): %} active{% endif; %}" href="/">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link{% if($page == 'doppelklinge'): %} active{% endif; %}" href="/doppelklinge">Doppelklinge</a></li>
|
||||
<li class="nav-item"><a class="nav-link{% if($page == 'vermessung'): %} active{% endif; %}" href="/vermessung">Vermessungen</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main class="col-md-9 ms-sm-auto col-lg-10 px-md-4">
|
||||
<h1 class="h2">{% yield title %}</h1>
|
||||
<hr />
|
||||
{% yield content %}
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
<script src="./js/bootstrap-native.min.js" defer></script>
|
||||
</body>
|
||||
</html>
|
109
tpl/vermessung.html
Normal file
109
tpl/vermessung.html
Normal file
@ -0,0 +1,109 @@
|
||||
{% extends tpl/layout.html %}
|
||||
|
||||
{% block title %}irgendwas mit Vermessungen{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<form action="/vermessung" method="post">
|
||||
<p>Gesamtes Clanprotokoll einfügen (strg-a, strg-c):</p>
|
||||
<textarea name="protocol" rows="4" cols="60">{{ $protocol }}</textarea>
|
||||
<br />
|
||||
<input type="submit" value="abschnalzen" />
|
||||
</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">
|
||||
<ul class="list-group list-group-flush list-top" id="toplist">
|
||||
{% foreach($newest['user'] as $name => $c): %}
|
||||
<li class="list-group-item d-flex justify-content-between align-items-center p-1">
|
||||
{{ $name }}
|
||||
<span class="badge bg-primary rounded-pill">{{ $c }} Vermessungen</span>
|
||||
</li>
|
||||
{% endforeach; %}
|
||||
</ul>
|
||||
</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>
|
||||
<th>Goldmünzen</th>
|
||||
<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>
|
||||
<td style="vertical-align: top">{{ $tmp['gold'] }} gm</td>
|
||||
<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;
|
||||
|
||||
for(let [ user, count ] of Object.entries(vm.user)) {
|
||||
// fill toplist
|
||||
const li = document.createElement('li');
|
||||
li.classList.add('list-group-item', 'd-flex', 'justify-content-between', 'align-items-center', 'p-1');
|
||||
li.innerText = user;
|
||||
const span = document.createElement('span');
|
||||
span.classList.add('badge', 'bg-primary', 'rounded-pill');
|
||||
span.innerText = `${count} Vermessungen`;
|
||||
li.insertAdjacentElement('beforeend', span);
|
||||
toplist.insertAdjacentElement('beforeend', li);
|
||||
}
|
||||
|
||||
for(let entry of vm.list) {
|
||||
// fill vmlist
|
||||
const tr = document.createElement('tr');
|
||||
tr.innerHTML = `<td>${entry.datum}</td><td>${entry.gold} gm</td><td>${entry.amt}</td><td>${entry.laeufer.join(', ')}</td>`;
|
||||
vmlist.insertAdjacentElement('beforeend', tr);
|
||||
}
|
||||
|
||||
wao.innerHTML = `wao, ${vm.gm.toLocaleString('de-DE')} Goldmünzen durch ${vm.list.length} Vermessungen erwirtschaftet!`;
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
{% endif; %}
|
||||
{% endblock %}
|
Reference in New Issue
Block a user