From 93feaee1d00d9490f6f9aa2e3501b7b9095f5239 Mon Sep 17 00:00:00 2001
From: Florian Dagner <99618839+fdagner@users.noreply.github.com>
Date: Mon, 12 Feb 2024 17:51:14 +0100
Subject: [PATCH] belege

---
 belege.html                |  9 ++++-----
 js/belege.js               | 21 ++++++++++++++-------
 templates/angebot1.svg     |  2 +-
 templates/angebot2.svg     |  2 +-
 templates/kassenbon.svg    |  2 +-
 templates/kontoauszug1.svg |  2 +-
 templates/kontoauszug2.svg |  2 +-
 templates/quittung1.svg    |  2 +-
 templates/template1.svg    |  2 +-
 templates/template2.svg    |  2 +-
 templates/template3.svg    |  3 ++-
 templates/template4.svg    |  2 +-
 templates/template5.svg    |  2 +-
 13 files changed, 30 insertions(+), 23 deletions(-)

diff --git a/belege.html b/belege.html
index 6103ce8..08bc71c 100644
--- a/belege.html
+++ b/belege.html
@@ -216,7 +216,7 @@ <h3>Allgemeine Daten</h3>
 
 
             </div><br>
-            <div id="rechnung1Container" style="border:1px solid #00000039;line-height:0.75;padding:0px;margin:0px;width:720px">
+            <div id="rechnung1Container" style="margin:0 auto;width:726px;text-align: center">
             </div>
             <br>
             <div class="exportButtons">
@@ -361,7 +361,7 @@ <h3>Allgemeine Daten</h3>
 
             </div>
             <br>
-            <div id="kontoauszugContainer" style="border:0px solid #00000039;width:760px"></div><br>
+            <div id="kontoauszugContainer" style="text-align:center;margin:0 auto;width:765px"></div><br>
             <div class="exportButtons">
                 <button class="icon" type="button" onclick="kontoauszugHerunterladenAlsPNG()"><svg
                         xmlns="http://www.w3.org/2000/svg" height="16" width="16"
@@ -483,8 +483,7 @@ <h3>Allgemeine Daten</h3>
 
             </div>
 <br>
-            <div id="quittungContainer"
-            style="border:1px solid #00000039;line-height:0.75;padding:0px;margin:0px;width:720px"></div><br>
+            <div id="quittungContainer" style="text-align:center;margin:0 auto;width:726px"></div><br>
                 <div class="exportButtons">
                     <button class="icon" type="button" onclick="quittungHerunterladenAlsPNG()"><svg
                             xmlns="http://www.w3.org/2000/svg" height="16" width="16"
@@ -612,7 +611,7 @@ <h3>Allgemeine Daten</h3>
 
             </div>
 <br>
-            <div id="kassenbonContainer" style="border:1px solid #00000039;line-height:0.75;text-align: center;margin:0 auto;width:50%;min-width:402px"></div><br>
+            <div id="kassenbonContainer" style="text-align: center;margin:0 auto;width:415px"></div><br>
                 <div class="exportButtons">
                     <button class="icon" type="button" onclick="kassenbonHerunterladenAlsPNG()"><svg
                             xmlns="http://www.w3.org/2000/svg" height="16" width="16"
diff --git a/js/belege.js b/js/belege.js
index 86feb79..01bed3d 100644
--- a/js/belege.js
+++ b/js/belege.js
@@ -1442,16 +1442,23 @@ function kassenbonHerunterladen() {
 
 
 
-function rechnungKopiereInZwischenablage() {
-    const rechnungHTML = document.getElementById('rechnung1Container').innerHTML.replace(/&nbsp;/g, ' ');;
-    navigator.clipboard.writeText(rechnungHTML)
-        .then(() => alert('Code wurde in die Zwischenablage kopiert'))
-        .catch(err => console.error('Fehler beim Kopieren in die Zwischenablage:', err));
-}
 
 
 function kopiereInZwischenablage(containerId) {
-    const containerHTML = document.getElementById(containerId).innerHTML.replace(/&nbsp;/g, ' ');
+    // SVG-Element aus dem Container abrufen
+    const containerSVG = document.getElementById(containerId).querySelector('svg');
+    
+    // Kopie des SVG-Elements erstellen, um das Original nicht zu ändern
+    const clonedSVG = containerSVG.cloneNode(true);
+
+    // width und height Attribute entfernen
+    clonedSVG.removeAttribute('width');
+    clonedSVG.removeAttribute('height');
+
+    // HTML des modifizierten SVGs erhalten
+    const containerHTML = clonedSVG.outerHTML.replace(/&nbsp;/g, ' ');
+
+    // Text in die Zwischenablage kopieren
     navigator.clipboard.writeText(containerHTML)
         .then(() => alert('Code wurde in die Zwischenablage kopiert'))
         .catch(err => console.error('Fehler beim Kopieren in die Zwischenablage:', err));
diff --git a/templates/angebot1.svg b/templates/angebot1.svg
index 85804e4..0dccf69 100644
--- a/templates/angebot1.svg
+++ b/templates/angebot1.svg
@@ -1,4 +1,4 @@
-<svg id="rechnungSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 720 1050" width="720" height="1050"  style="background-color:#fff;padding:0px;max-width:100%;" onload="SVGonLoad()">
+<svg id="rechnungSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 720 1050" width="720" height="1050"  style="background-color:#fff;padding:0px;width:100%;max-width:720px;border: 1px solid #ccc" onload="SVGonLoad()">
   <defs id="customDefs"/>
   <!--Gruppe für Firmeninformationen-->
     <rect class="colorSVG" x="0" y="0" width="720" height="130" fill="#7db9f5"/>
diff --git a/templates/angebot2.svg b/templates/angebot2.svg
index a7a2451..ef6a66c 100644
--- a/templates/angebot2.svg
+++ b/templates/angebot2.svg
@@ -1,4 +1,4 @@
-<svg id="rechnungSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 720 1050" width="720" height="1050" style="background-color:#fff;padding:0px;max-width:100%;" onload="SVGonLoad()">
+<svg id="rechnungSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 720 1050" width="720" height="1050" style="background-color:#fff;padding:0px;width:100%;max-width:720px;border: 1px solid #ccc" onload="SVGonLoad()">
   <defs id="customDefs"/>
   <!--Gruppe für Firmeninformationen-->
     <rect class="colorSVG" x="0" y="120" width="720" height="5" />
diff --git a/templates/kassenbon.svg b/templates/kassenbon.svg
index 3b277c6..0a7fe24 100644
--- a/templates/kassenbon.svg
+++ b/templates/kassenbon.svg
@@ -1,4 +1,4 @@
-<svg id="kassenbonSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 400 650" width="400" height="650"  style="background-color:#fff;padding:1px;max-width: 100%" onload="SVGonLoad()">
+<svg id="kassenbonSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 400 650" width="400" height="650"  style="background-color:#fff;padding:2px;width:100%;max-width:400px;border:1px dashed #000" onload="SVGonLoadKassenbon()">
      <defs id="customDefsKassenbon">
 
      </defs>
diff --git a/templates/kontoauszug1.svg b/templates/kontoauszug1.svg
index b200fbc..2480064 100644
--- a/templates/kontoauszug1.svg
+++ b/templates/kontoauszug1.svg
@@ -1,4 +1,4 @@
-<svg id="kontoauszugSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 760 430" width="760" height="430" style="background-color:#fff;padding:0px;max-width:100%;" onload="SVGonLoadKontoauszug()">
+<svg id="kontoauszugSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 760 430" width="760" height="430" style="background-color:#fff;padding:0px;width:100%;max-width:760px" onload="SVGonLoadKontoauszug()">
      <defs id="customDefsKontoauszug">
     <linearGradient id="blueGradient" x1="0%" y1="0%" x2="100%" y2="0%">
       <stop offset="0%" style="stop-color: #1e4877" />
diff --git a/templates/kontoauszug2.svg b/templates/kontoauszug2.svg
index d09e2fa..5706386 100644
--- a/templates/kontoauszug2.svg
+++ b/templates/kontoauszug2.svg
@@ -1,4 +1,4 @@
-<svg id="kontoauszugSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 760 430" width="760" height="430" style="background-color:#fff;padding:0px;max-width:100%;" onload="SVGonLoadKontoauszug()">
+<svg id="kontoauszugSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 760 430" width="760" height="430" style="background-color:#fff;padding:0px;width:100%;max-width:760px;border: 1px solid #ccc;" onload="SVGonLoadKontoauszug()">
      <defs id="customDefsKontoauszug">
   </defs>
 
diff --git a/templates/quittung1.svg b/templates/quittung1.svg
index 52fdc83..44b456d 100644
--- a/templates/quittung1.svg
+++ b/templates/quittung1.svg
@@ -1,4 +1,4 @@
-<svg id="quittungSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 500 350" width="720" height="504"  style="background-color:#fff;padding:0px;max-width:100%;" onload="SVGonLoad()">
+<svg id="quittungSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 500 350" width="720" height="504"  style="background-color:#fff;padding:0px;width:100%;max-width:720px;border:1px solid #ccc" onload="SVGonLoadQuittung()">
  <defs id="customDefsQuittung">
  </defs>
 <style>
diff --git a/templates/template1.svg b/templates/template1.svg
index 1029492..0f5d4eb 100644
--- a/templates/template1.svg
+++ b/templates/template1.svg
@@ -1,4 +1,4 @@
-<svg id="rechnungSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 720 1050" width="720" height="1050" style="background-color:#fff;padding:0px;max-width:100%;" onload="SVGonLoad()">
+<svg id="rechnungSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 720 1050" preserveAspectRatio="xMidYMid meet" width="720px" height="1050px" style="background-color:#fff;padding:0px;width:100%;max-width:720px;border: 1px solid #ccc" onload="SVGonLoad()">
   <defs id="customDefs"/>
   <!--Gruppe für Firmeninformationen-->
     <rect class="colorSVG" x="0" y="0" width="720" height="130" fill="#7db9f5"/>
diff --git a/templates/template2.svg b/templates/template2.svg
index 3472406..58c24a3 100644
--- a/templates/template2.svg
+++ b/templates/template2.svg
@@ -1,4 +1,4 @@
-<svg id="rechnungSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 720 1050" width="720" height="1050" style="background-color:#fff;padding:0px;max-width:100%;" onload="SVGonLoad()">
+<svg id="rechnungSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 720 1050" width="720" height="1050" style="background-color:#fff;padding:0px;width:100%;max-width:720px;border: 1px solid #ccc" onload="SVGonLoad()">
   <defs id="customDefs"/>
   <!--Gruppe für Firmeninformationen-->
     <rect class="colorSVG" x="0" y="120" width="720" height="5" />
diff --git a/templates/template3.svg b/templates/template3.svg
index 97dbc1c..0d266cf 100644
--- a/templates/template3.svg
+++ b/templates/template3.svg
@@ -1,7 +1,8 @@
-<svg id="rechnungSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 720 1050" width="720" height="1050" style="background-color:#fff;padding:0px;max-width:100%;" onload="SVGonLoad()">
+<svg id="rechnungSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 720 1050" width="720" height="1050" style="background-color:#fff;padding:0px;width:100%;max-width:720px;border: 1px solid #ccc" onload="SVGonLoad()">
   <defs id="customDefs"/>
   <!--Gruppe für Firmeninformationen-->
     <ellipse class="colorSVG" rx="550" ry="130" cx="0" cy="0" fill="#7db9f5"/>
+    <rect x="0" y="-420" width="720" height="420" fill="#fff"/>
     <rect class="colorSVG" x="0" y="950" width="720" height="100" fill="#7db9f5"/>
     <rect x="0" y="130" width="720" height="1" fill="#000"/>
   <g id="liefererInformationen" fill="#000">
diff --git a/templates/template4.svg b/templates/template4.svg
index db94d59..885d94c 100644
--- a/templates/template4.svg
+++ b/templates/template4.svg
@@ -1,4 +1,4 @@
-<svg id="rechnungSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 720 1050" width="720" height="1050" style="background-color:#fff;padding:0px;max-width:100%;" onload="SVGonLoad()">
+<svg id="rechnungSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 720 1050" width="720" height="1050" style="background-color:#fff;padding:0px;width:100%;max-width:720px;border: 1px solid #ccc" onload="SVGonLoad()">
   <defs id="customDefs"/>
   <!--Gruppe für Firmeninformationen-->
     <rect class="colorSVG" x="0" y="0" width="720" height="130" fill="#7db9f5"/>
diff --git a/templates/template5.svg b/templates/template5.svg
index fcfc831..c060f86 100644
--- a/templates/template5.svg
+++ b/templates/template5.svg
@@ -1,4 +1,4 @@
-<svg id="rechnungSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1050 720" width="1050" height="720"  style="background-color:#fff;padding:0px;max-width:100%;" onload="SVGonLoad()">
+<svg id="rechnungSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1050 720" width="1050" height="720"  style="background-color:#fff;padding:0px;width:100%;max-width:1050px;border: 1px solid #ccc" onload="SVGonLoad()">
   <defs id="customDefs"/>
   <!--Gruppe für Firmeninformationen-->
     <rect class="colorSVG" x="0" y="0" width="700" height="130" fill="#7db9f5"/>