angestoepselt/refund-form
5
0
Fork 0
mirror of https://codeberg.org/angestoepselt/refund-form.git synced 2025-05-24 14:46:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add footer

Browse source
This commit is contained in:
Matthias Hemmerich 2021-11-15 09:45:35 +01:00
parent 1a6cbdc335
commit 6c0c1bb3e7
5 changed files with 41 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/assets/css/main.css
View file

@ -39,6 +39,10 @@
}
}
hr {
width:100%; border: 1px solid black;
}
#form-iban {
display: none;
}
@ -53,7 +57,6 @@
font-weight: bold;
}
#html > div {
margin-bottom: 1.5rem;
}
@ -76,4 +79,7 @@
.no-print{
display: none;
}
hr {
display: block;
}
}

0
app/assets/img/210210_angestöpselt_logo_final_web.jpg → app/assets/img/angestöpselt_logo_web.jpg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 53 KiB

After

Width:  |  Height:  |  Size: 53 KiB

4
app/assets/js/main.js
View file

@ -77,6 +77,7 @@ function storeFormData() {
console.log("here");
var name = $('#name').val();
var adresse = $('#adresse').val();
var citydate = $('#citydate').val();
var leistung = {};
var betrag = {};
$('.form-leistung').each(function(index, item) {
@ -89,6 +90,7 @@ function storeFormData() {
localStorage.setItem('name', name);
localStorage.setItem('adresse', adresse);
localStorage.setItem('citydate', citydate);
var gesamt = $('#gesamt').val();
localStorage.setItem('gesamt', gesamt);
@ -113,10 +115,12 @@ function getFormData() {
var verzicht = localStorage.getItem('verzicht');
var auszahlung = localStorage.getItem('auszahlung');
var iban = localStorage.getItem('iban');
var citydate = localStorage.getItem('citydate');
var gesamt = localStorage.getItem('gesamt');
$('#name').text(name);
$('#adresse').text(adresse);
$('#citydate').text(citydate);
var leistung = JSON.parse(localStorage.getItem('leistung'));
var betrag = JSON.parse(localStorage.getItem('betrag'));

8
app/index.html
View file

@ -20,7 +20,7 @@
<div class="container">
<header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
<a href="/" class="d-flex align-items-center mb-4 mb-md-0 ms-md-auto text-dark text-decoration-none">
<img src="assets/img/210210_angestöpselt_logo_final_web.jpg" alt="Angestöpselt" title="Angestöpselt" width="400" height="62.5">
<img src="assets/img/angestöpselt_logo_web.jpg" alt="Angestöpselt" title="Angestöpselt" width="400" height="62.5">
</a>
</header>
@ -75,7 +75,11 @@
<label for="iban" class="form-label">IBAN</label>
<input id="iban" name="iban" type="text" class="form-control" />
</div>
<br>
<div class="mb-4">
<label for="citydate" class="form-label">Ort, Datum *</label>
<input id="citydate" name="citydate" type="text" class="form-control" required="required" />
</div>
<div class="mb-4">
<div class="btn btn-primary btn-continue">Weiter</div>
</div>

25
app/print.html
View file

@ -20,7 +20,7 @@
<div class="container">
<header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
<a href="/" class="d-flex align-items-center mb-4 mb-md-0 ms-md-auto text-dark text-decoration-none">
<img src="assets/img/210210_angestöpselt_logo_final_web.jpg" alt="Angestöpselt" title="Angestöpselt" width="400" height="62.5">
<img src="assets/img/angestöpselt_logo_web.jpg" alt="Angestöpselt" title="Angestöpselt" width="400" height="62.5">
</a>
</header>
@ -65,7 +65,30 @@
<div id="auszahlung"></div>
<div id="iban"></div>
</div>
<div>
<span>Ort, Datum:</span>
<div id="citydate"></div>
</div>
</div>
<div class="block_1"></div> <hr />
<div>
<span>Genehmigt und erledigt durch:</span>
</div>
<br><br><br><br><br><br>
<div class="row">
<div class="col col-3">
<hr />
<div>Datum</div>
</div>
<div class="col col-5">
<hr />
<div>Unterschrift / Stempel</div>
</div>
</div>
<br>
</div>
<br>
<button class="btn btn-primary no-print" onclick="window.print();">Drucken</button>
</div>
</div>