Peter/bkbh
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

More UI

Browse source
This commit is contained in:
Bianca Fürstenau 2025-02-15 19:48:49 +01:00
parent 4b1efa3a30
commit a7cea3b13a
3 changed files with 192 additions and 132 deletions
Download patch file Download diff file Expand all files Collapse all files

171
src/index.html
View file

@ -5,12 +5,12 @@
<link rel="stylesheet" href="styles.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Darmstadt sagt Nein zur Bezahlkartei!</title>
<script type="module" src="/main.js" defer></script>
<script type="module" src="main.js" defer></script>
</head>
<body>
<div class="v-container" id="cafe">
<div id=cafe-voucher>
<div class="v-container" id="cafe" style="display: none">
<div id="cafe-voucher" style="display: none">
<h1 class="shout">
Sumpf
</h1>
@ -18,7 +18,7 @@
<form class="column" id="cafe-voucher-aldi">
<button type="submit">
<img
src="/assets/aldi.svg"
src="assets/aldi.svg"
class="logo"
alt="ALDI-Süd-Logo"
/>
@ -27,7 +27,7 @@
<form class="column" id="cafe-voucher-edeka">
<button type="submit">
<img
src="/assets/edeka.svg"
src="assets/edeka.svg"
class="logo"
alt="Edeka-Logo"
/>
@ -36,7 +36,7 @@
<form class="column" id="cafe-voucher-dm">
<button type="submit">
<img
src="/assets/dm.svg"
src="assets/dm.svg"
class="logo"
alt="dm-Logo"
/>
@ -45,7 +45,7 @@
<form class="column" id="cafe-voucher-lidl">
<button type="submit">
<img
src="/assets/lidl.svg"
src="assets/lidl.svg"
class="logo"
alt="Lidl-Logo"
/>
@ -54,7 +54,7 @@
<form class="column" id="cafe-voucher-rewe">
<button type="submit">
<img
src="/assets/rewe.svg"
src="assets/rewe.svg"
class="logo"
alt="Rewe-Logo"
/>
@ -63,7 +63,7 @@
<form class="column" id="cafe-voucher-tegut">
<button type="submit">
<img
src="/assets/tegut.svg"
src="assets/tegut.svg"
class="logo"
alt="Tegut-Logo"
/>
@ -71,85 +71,96 @@
</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 id="cafe-inventory" style="display: none">
<form>
<div style="display: contents">
<div class="labelled-input">
<input type="radio" id="cafe-inventory-acc-sumpf" name="cafe-inventory-acc">
<label for="cafe-inventory-acc-sumpf">Sumpf</label>
</div>
<div class="labelled-input">
<input type="radio" id="cafe-inventory-acc-hs" name="cafe-inventory-acc">
<label for="cafe-inventory-acc-hs">Heinersyndikat</label>
</div>
</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 style="display: contents">
<div class="labelled-input" id="cafe-inventory-aldi">
<label for="cafe-inventory-voucher-aldi">
<img
src="assets/aldi.svg"
class="logo"
alt="ALDI-Süd-Logo"
/>
</label>
<input type="number" name="cafe-inventory-voucher-aldi" min="0">
</div>
<div class="labelled-input" id="cafe-inventory-edeka">
<label for="cafe-inventory-voucher-edeka">
<img
src="assets/edeka.svg"
class="logo"
alt="Edeka-Logo"
/>
</label>
<input type="number" name="cafe-inventory-voucher-edeka" min="0">
</div>
<div class="labelled-input" id="cafe-inventory-dm">
<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">
</div>
<div class="labelled-input" id="cafe-inventory-lidl">
<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">
</div>
<div class="labelled-input" id="cafe-inventory-rewe">
<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">
</div>
<div class="labelled-input" id="cafe-inventory-tegut">
<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">
</div>
</div>
<div>
<div class="labelled-input">
<label for="cafe-inventory-cash">
<img
src="/assets/cash.svg"
src="assets/cash.svg"
class="logo"
alt="Bargeld"
/>
</label>
<input type="number" id="cafe-inventory-cash" name="cafe-inventory-cash" min="0">
<br/>
</div>
<button type="submit" class="shout">
Senden
</button>
</form>
</div>
<div class="h-container nav">
<div class="v-container nav" id="cafe-nav">
<form id="cafe-nav-inventory">
<button type="submit">
<span class="shout">
@ -166,17 +177,17 @@
</form>
</div>
</div>
<div class="angel">
<div id="angel">
<div>
<form class="h-container">
</form>
</div>
</div>
<div class="h-container nav">
<div class="v-container nav" id="nav">
<form class="column" id="nav-cafe">
<button type="submit">
<img
src="/assets/cafe.svg"
src="assets/cafe.svg"
class="logo"
alt="Tauschcafé"
/>
@ -185,7 +196,7 @@
<form class="column" id="nav-angel">
<button type="submit">
<img
src="/assets/angel.svg"
src="assets/angel.svg"
class="logo"
alt="Botengang"
/>