neue Datei: root/css/global.css
neue Datei: root/error.html neue Datei: root/favicon.ico neue Datei: root/index.html neue Datei: root/message.html neue Datei: root/qrcode.html neue Datei: root/settings.html
This commit is contained in:
parent
85f7dc8569
commit
52f3f8a71a
103
root/css/global.css
Normal file
103
root/css/global.css
Normal file
@ -0,0 +1,103 @@
|
||||
* {
|
||||
user-select: none;
|
||||
box-sizing: content-box;
|
||||
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
}
|
||||
|
||||
body {
|
||||
height: 100vh;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
#container > div {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#container > div label {
|
||||
text-align: center;
|
||||
font-size: 2rem;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
#price-input-div {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
input {
|
||||
line-height: 20px;
|
||||
font-size: 1rem;
|
||||
padding: 8px 12px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #afafaf;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#price-input-div input {
|
||||
border-radius: 5px 0 0 5px;
|
||||
text-align: center;
|
||||
font-size: 1.2rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#iban {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#price-input-div > span {
|
||||
font-size: 1.3rem;
|
||||
background-color: #dfdfdf;
|
||||
display: inline-block;
|
||||
line-height: 34px;
|
||||
width: 40px;
|
||||
text-align: center;
|
||||
border: 1px solid #afafaf;
|
||||
border-left: none;
|
||||
border-radius: 0 5px 5px 0;
|
||||
}
|
||||
|
||||
#settings-button {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
bottom: 5px;
|
||||
}
|
||||
|
||||
.button {
|
||||
padding: 8px 12px;
|
||||
background-color: #7a7a7a;
|
||||
font-size: 16px;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
margin: 15px 0 0 0;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.button-container .button {
|
||||
width: calc(25% - 28px);
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
.back-button {
|
||||
background-color: #9a9a9a;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background-color: #6a6a6a;
|
||||
}
|
||||
|
||||
.button:active {
|
||||
background-color: #8a8a8a;
|
||||
}
|
||||
14
root/error.html
Normal file
14
root/error.html
Normal file
@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>webInventory | Fehler</title>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="/css/global.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="site-container">
|
||||
<h1 class="heading">webInventory</h1>
|
||||
<label class="site-heading">{{ message }}</label><br>
|
||||
<a class="button" href="{{ path }}">OK</a>
|
||||
</div>
|
||||
</body>
|
||||
BIN
root/favicon.ico
Normal file
BIN
root/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
23
root/index.html
Normal file
23
root/index.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Preis eingeben</title>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="./css/global.css">
|
||||
</head>
|
||||
<body>
|
||||
<form method="post">
|
||||
<input type="hidden" name="action" value="price-input">
|
||||
<div id="container">
|
||||
<div>
|
||||
<label for="price">Preis eingeben</label>
|
||||
<div id="price-input-div">
|
||||
<input id="price" type="number" name="price">
|
||||
<span>€</span>
|
||||
</div>
|
||||
<input type="submit" value="Weiter" class="button">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<a href="/settings" id="settings-button" class="button">Einstellungen</a>
|
||||
</body>
|
||||
15
root/message.html
Normal file
15
root/message.html
Normal file
@ -0,0 +1,15 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Meldung</title>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="/css/global.css">
|
||||
<meta http-equiv='refresh' content='3; url=/'>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<div>
|
||||
{{ message }}
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
15
root/qrcode.html
Normal file
15
root/qrcode.html
Normal file
@ -0,0 +1,15 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>QR-Code</title>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="./css/global.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<div>
|
||||
<img id="qrcode" src="data:image/png;base64,{{ base64qrcode }}">
|
||||
<a href="/" class="button">OK</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
23
root/settings.html
Normal file
23
root/settings.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Einstellungen</title>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="./css/global.css">
|
||||
</head>
|
||||
<body>
|
||||
<form method="post">
|
||||
<input type="hidden" name="action" value="save-settings">
|
||||
<div id="container">
|
||||
<div>
|
||||
<label>Einstellungen</label>
|
||||
<input id="name" type="text" name="name" placeholder="Empfänger" value="{{ name }}">
|
||||
<input id="iban" type="text" name="iban" placeholder="IBAN" value="{{ iban }}" pattern="DE\d{2}( )?(\d{4}\1){4}\d{2}">
|
||||
<input id="bic" type="text" name="bic" placeholder="BIC" value="{{ bic }}" pattern="[A-Z]{6}[A-Z2-9][A-NP-Z0-9][A-Z0-9]{3}">
|
||||
<input id="usecase" type="text" name="usecase" placeholder="Verwendungszweck" value="{{ usecase }}">
|
||||
<input type="submit" value="Speichern" class="button">
|
||||
<a class="button" href="/">Zurück</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
Loading…
x
Reference in New Issue
Block a user