From 391b4da5eaeb83b04f799385432fc5fc8057f7e0 Mon Sep 17 00:00:00 2001
From: Matthias Hemmerich <m.hemmerich@netzhaut.de>
Date: Thu, 16 Dec 2021 15:49:49 +0100
Subject: [PATCH] add footer

---
 app/assets/css/main.css | 44 ++++++++++++++++++++++++++++++++++++++++-
 app/assets/js/main.js   |  5 +++++
 app/print.html          | 36 ++++++++++++++++++---------------
 3 files changed, 68 insertions(+), 17 deletions(-)

diff --git a/app/assets/css/main.css b/app/assets/css/main.css
index c9eb9ab..ec0fb3c 100644
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -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;
     }
diff --git a/app/assets/js/main.js b/app/assets/js/main.js
index 33301a9..8d16c31 100644
--- a/app/assets/js/main.js
+++ b/app/assets/js/main.js
@@ -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';
diff --git a/app/print.html b/app/print.html
index 3076e1f..afa7def 100644
--- a/app/print.html
+++ b/app/print.html
@@ -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>