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-12-16 15:49:49 +01:00
parent f1bab1baa5
commit 391b4da5ea
3 changed files with 68 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,3 +1,8 @@
main > .container {
min-height: 100vh;
padding-bottom: 30px;
}
.form-leistung {
width: calc(100% + 25px);
left: 0;
@ -49,7 +54,6 @@ hr {
#html {
font-size: 18px;
}
#html span {
@ -75,10 +79,48 @@ hr {
text-align: right;
}
.row.separator {
margin-top: 30px;
}
.row.btm {
margin-top: 80px;
margin-bottom: 60px;
}
@media print {
.no-print{
display: none;
}
header {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
header a {
margin-left: 0 !important;
margin-right: auto !important;
}
header img {
width: 200px;
height: auto;
}
#html {
font-size: 15px !important;
}
h1 {
font-size: 20px !important;
}
.mt-5,
.mb-5 {
margin-top: 30px !important;
}
hr {
display: block;
}

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

@ -97,6 +97,8 @@ function storeFormData() {
if($("#verzicht").is(':checked')) {
localStorage.setItem('verzicht', 1);
} else {
localStorage.setItem('verzicht', 0);
}
if($("#auszahlung").is(':checked')) {
@ -104,6 +106,9 @@ function storeFormData() {
localStorage.setItem('auszahlung', 1);
localStorage.setItem('iban', iban);
} else {
localStorage.setItem('auszahlung', 0);
localStorage.setItem('iban', '');
}
window.location.href = 'print.html';

36
app/print.html
View file

@ -35,6 +35,7 @@
<span>Name:</span>
<div id="name"></div>
</div>
<div>
<span>Adresse:</span>
<div id="adresse"></div>
@ -50,6 +51,7 @@
<div id="betrag"></div>
</div>
</div>
<span>Gesamt:</span>
<div class="row">
<div class="col col-10 offset-2">
@ -61,33 +63,35 @@
<div>
<div id="verzicht"></div>
</div>
<div>
<div id="auszahlung"></div>
<div id="iban"></div>
</div>
<div>
<span>Ort, Datum:</span>
<div id="citydate"></div>
</div>
<hr />
<div class="row separator">
<span>Genehmigt und erledigt durch:</span>
</div>
<div></div> <hr />
<div>
<span>Genehmigt und erledigt durch:</span>
</div>
<br><br><br><br><br><br>
<div class="row">
<div class="col col-3">
<div></div> <hr />
<div>Datum</div>
</div>
<div class="col col-5">
<div></div> <hr />
<div>Unterschrift / Stempel</div>
<div class="row btm">
<div class="col col-3">
<div></div> <hr />
<div>Datum</div>
</div>
<div class="col col-5">
<div></div> <hr />
<div>Unterschrift / Stempel</div>
</div>
</div>
</div>
<br>
</div>
<br>
<button class="btn btn-primary no-print" onclick="window.print();">Drucken</button>
</div>
</div>