More UI
This commit is contained in:
parent
8dd046b22d
commit
4b1efa3a30
6 changed files with 676 additions and 106 deletions
245
src/index.html
245
src/index.html
|
@ -1,97 +1,196 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Tauri App</title>
|
||||
<title>Darmstadt sagt Nein zur Bezahlkartei!</title>
|
||||
<script type="module" src="/main.js" defer></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<main class="v-container">
|
||||
<div class="h-container">
|
||||
<form class="column" id="aldi-form">
|
||||
<div class="v-container" id="cafe">
|
||||
<div id=cafe-voucher>
|
||||
<h1 class="shout">
|
||||
Sumpf
|
||||
</h1>
|
||||
<div class="h-container">
|
||||
<form class="column" id="cafe-voucher-aldi">
|
||||
<button type="submit">
|
||||
<img
|
||||
src="/assets/aldi.svg"
|
||||
class="logo"
|
||||
alt="ALDI-Süd-Logo"
|
||||
/>
|
||||
</button>
|
||||
</form>
|
||||
<form class="column" id="cafe-voucher-edeka">
|
||||
<button type="submit">
|
||||
<img
|
||||
src="/assets/edeka.svg"
|
||||
class="logo"
|
||||
alt="Edeka-Logo"
|
||||
/>
|
||||
</button>
|
||||
</form>
|
||||
<form class="column" id="cafe-voucher-dm">
|
||||
<button type="submit">
|
||||
<img
|
||||
src="/assets/dm.svg"
|
||||
class="logo"
|
||||
alt="dm-Logo"
|
||||
/>
|
||||
</button>
|
||||
</form>
|
||||
<form class="column" id="cafe-voucher-lidl">
|
||||
<button type="submit">
|
||||
<img
|
||||
src="/assets/lidl.svg"
|
||||
class="logo"
|
||||
alt="Lidl-Logo"
|
||||
/>
|
||||
</button>
|
||||
</form>
|
||||
<form class="column" id="cafe-voucher-rewe">
|
||||
<button type="submit">
|
||||
<img
|
||||
src="/assets/rewe.svg"
|
||||
class="logo"
|
||||
alt="Rewe-Logo"
|
||||
/>
|
||||
</button>
|
||||
</form>
|
||||
<form class="column" id="cafe-voucher-tegut">
|
||||
<button type="submit">
|
||||
<img
|
||||
src="/assets/tegut.svg"
|
||||
class="logo"
|
||||
alt="Tegut-Logo"
|
||||
/>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div id="cafe-inventory">
|
||||
<form class="v-container">
|
||||
<div>
|
||||
<input type="radio" id="cafe-inventory-acc-sumpf" name="cafe-inventory-acc">
|
||||
<label for="cafe-inventory-acc-sumpf">Sumpf</label>
|
||||
<br/>
|
||||
<input type="radio" id="cafe-inventory-acc-hs" name="cafe-inventory-acc">
|
||||
<label for="cafe-inventory-acc-hs">Heinersyndikat</label>
|
||||
</div>
|
||||
<div>
|
||||
<label for="cafe-inventory-voucher-aldi">
|
||||
<img
|
||||
src="/assets/aldi.svg"
|
||||
class="logo"
|
||||
alt="ALDI-Süd-Logo"
|
||||
/>
|
||||
</label>
|
||||
<input type="number" id="cafe-inventory-voucher-aldi" name="cafe-inventory-voucher-aldi" min="0">
|
||||
<br/>
|
||||
<label for="cafe-inventory-voucher-edeka">
|
||||
<img
|
||||
src="/assets/edeka.svg"
|
||||
class="logo"
|
||||
alt="Edeka-Logo"
|
||||
/>
|
||||
</label>
|
||||
<input type="number" id="cafe-inventory-voucher-edeka" name="cafe-inventory-voucher-edeka" min="0">
|
||||
<br/>
|
||||
<label for="cafe-inventory-voucher-dm">
|
||||
<img
|
||||
src="/assets/dm.svg"
|
||||
class="logo"
|
||||
alt="dm-Logo"
|
||||
/>
|
||||
</label>
|
||||
<input type="number" id="cafe-inventory-voucher-dm" name="cafe-inventory-voucher-dm" min="0">
|
||||
<br/>
|
||||
<label for="cafe-inventory-voucher-lidl">
|
||||
<img
|
||||
src="/assets/lidl.svg"
|
||||
class="logo"
|
||||
alt="Lidl-Logo"
|
||||
/>
|
||||
</label>
|
||||
<input type="number" id="cafe-inventory-voucher-lidl" name="cafe-inventory-voucher-lidl" min="0">
|
||||
<br/>
|
||||
<label for="cafe-inventory-voucher-rewe">
|
||||
<img
|
||||
src="/assets/rewe.svg"
|
||||
class="logo"
|
||||
alt="Rewe-Logo"
|
||||
/>
|
||||
</label>
|
||||
<input type="number" id="cafe-inventory-voucher-rewe" name="cafe-inventory-voucher-rewe" min="0">
|
||||
<br/>
|
||||
<label for="cafe-inventory-voucher-tegut">
|
||||
<img
|
||||
src="/assets/tegut.svg"
|
||||
class="logo"
|
||||
alt="Tegut-Logo"
|
||||
/>
|
||||
</label>
|
||||
<input type="number" id="cafe-inventory-voucher-tegut" name="cafe-inventory-voucher-tegut" min="0">
|
||||
<br/>
|
||||
</div>
|
||||
<div>
|
||||
<label for="cafe-inventory-cash">
|
||||
<img
|
||||
src="/assets/cash.svg"
|
||||
class="logo"
|
||||
alt="Bargeld"
|
||||
/>
|
||||
</label>
|
||||
<input type="number" id="cafe-inventory-cash" name="cafe-inventory-cash" min="0">
|
||||
<br/>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="h-container nav">
|
||||
<form id="cafe-nav-inventory">
|
||||
<button type="submit">
|
||||
<span class="shout">
|
||||
Bestand
|
||||
</span>
|
||||
</button>
|
||||
</form>
|
||||
<form id="cafe-nav-voucher">
|
||||
<button type="submit">
|
||||
<span class="shout">
|
||||
Annahme
|
||||
</span>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="angel">
|
||||
<div>
|
||||
<form class="h-container">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="h-container nav">
|
||||
<form class="column" id="nav-cafe">
|
||||
<button type="submit">
|
||||
<img
|
||||
src="/assets/aldi.svg"
|
||||
src="/assets/cafe.svg"
|
||||
class="logo"
|
||||
alt="ALDI-Süd-Logo"
|
||||
alt="Tauschcafé"
|
||||
/>
|
||||
</button>
|
||||
</form>
|
||||
<form class="column" id="edeka-form">
|
||||
<form class="column" id="nav-angel">
|
||||
<button type="submit">
|
||||
<img
|
||||
src="/assets/edeka.svg"
|
||||
src="/assets/angel.svg"
|
||||
class="logo"
|
||||
alt="Edeka-Logo"
|
||||
/>
|
||||
</button>
|
||||
</form>
|
||||
<form class="column" id="dm-form">
|
||||
<button type="submit">
|
||||
<img
|
||||
src="/assets/dm.svg"
|
||||
class="logo"
|
||||
alt="dm-Logo"
|
||||
/>
|
||||
</button>
|
||||
</form>
|
||||
<form class="column" id="lidl-form">
|
||||
<button type="submit">
|
||||
<img
|
||||
src="/assets/lidl.svg"
|
||||
class="logo"
|
||||
alt="Lidl-Logo"
|
||||
/>
|
||||
</button>
|
||||
</form>
|
||||
<form class="column" id="rewe-form">
|
||||
<button type="submit">
|
||||
<img
|
||||
src="/assets/rewe.svg"
|
||||
class="logo"
|
||||
alt="Rewe-Logo"
|
||||
/>
|
||||
</button>
|
||||
</form>
|
||||
<form class="column" id="tegut-form">
|
||||
<button type="submit">
|
||||
<img
|
||||
src="/assets/tegut.svg"
|
||||
class="logo"
|
||||
alt="Tegut-Logo"
|
||||
alt="Botengang"
|
||||
/>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="h-container">
|
||||
<form class="column" id="storno-form">
|
||||
<button type="submit" id="storno-button">
|
||||
Storno
|
||||
</button>
|
||||
</form>
|
||||
<form class="column" id="tara-form">
|
||||
<button type="submit">
|
||||
Tara
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<p id="cnt-msg"></p>
|
||||
<div class="h-container">
|
||||
<form class="column" id="push-form">
|
||||
<button type="submit" class="shout">
|
||||
↑
|
||||
</button>
|
||||
</form>
|
||||
<form class="column" id="pull-form">
|
||||
<button type="submit" class="shout">
|
||||
↓
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</main>
|
||||
<p id="pull-msg"></p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue