diff --git a/index.html b/index.html index 6a5851f..1cbeb4b 100644 --- a/index.html +++ b/index.html @@ -23,12 +23,15 @@ min-width: 69%; max-width: 100%; } LABEL { - width: 10ex; + width: 25ex; display: inline-block; } .error { color: salmon; } + .hidden { + display: none; + } #barcode { margin-top: 0em; margin-bottom: 0em; @@ -88,14 +91,22 @@ .print_help { display: none; } + .arvo { + font-family: monospace; + } + .kayttaja { + font-family: monospace; + } .kayttaja_pdf { display: none; + font-family: monospace; } .print_help_pdf { display: block; overflow: visible; white-space: pre; white-space: pre-wrap; + font-family: monospace; } @media print { .no-print, .no-print * { @@ -114,6 +125,7 @@ overflow: visible; white-space: pre; white-space: pre-wrap; + font-family: monospace; } } @@ -129,7 +141,8 @@ let state = { 'iban': null, 'paiva': null, 'summa': null, - 'viite': null + 'viite': null, + 'jaettu': null } function clear_barcode() { @@ -187,8 +200,12 @@ function modify_request(iban,summa,viite,paiva) { let saaja_s = encodeURIComponent(document.getElementById('saaja').value); let maksaja_s = encodeURIComponent(document.getElementById('maksaja').value); let lasku_s = encodeURIComponent(document.getElementById('laskun_tiedot').value); - const nextURL = `${URL}?FI${state['iban']},${state['summa']},${state['viite']},${state['paiva']},${saaja_s},${maksaja_s},${lasku_s}`; + let jaettu = state['jaettu'] === true ? "1" : "" + const nextURL = `${URL}?FI${state['iban']},${state['summa']},${state['viite']},${state['paiva']},${saaja_s},${maksaja_s},${lasku_s},${jaettu}`; window.history.replaceState({}, document.title, nextURL); + + const shareURL = `${URL}?FI${state['iban']},${state['summa']},${state['viite']},${state['paiva']},${saaja_s},${maksaja_s},${lasku_s},1`; + document.getElementById('lasku_linkki').href = shareURL; } function calculate_viite_tarkiste(ilman_tarkiste) { let kertoimet = Array(7, 3, 1); @@ -350,16 +367,35 @@ function lasku_pdf() { jsPDF: { unit: 'mm', format: 'A4', orientation: 'portrait' } }; html2pdf().set(opt).from(element).save().then(function(results){ - for (let i = 0; i < editables.length; i++) { - editables[i].classList.remove("kayttaja_pdf"); - } - for (let i = 0; i < printables.length; i++) { - printables[i].classList.remove("print_help_pdf"); + if (! state['jaettu']) { + for (let i = 0; i < editables.length; i++) { + editables[i].classList.remove("kayttaja_pdf"); + } + for (let i = 0; i < printables.length; i++) { + printables[i].classList.remove("print_help_pdf"); + } } }); +} + +function show_shared() { + const editables = document.getElementsByClassName("kayttaja"); + const printables = document.getElementsByClassName("print_help"); + const non_printables = document.getElementsByClassName("no-print"); + for (let i = 0; i < editables.length; i++) { + editables[i].classList.add("kayttaja_pdf"); + } + for (let i = 0; i < printables.length; i++) { + printables[i].classList.add("print_help_pdf"); + } + for (let i = 0; i < non_printables.length; i++) { + non_printables[i].classList.add("hidden"); + } + document.getElementById('jaettu_lasku_nappi').classList.remove('hidden'); } + function init() { const date = new Date(); document.getElementById('paiva').value = date.toISOString().substring(0,10); @@ -375,8 +411,12 @@ function init() { if (i==4) document.getElementById('saaja').value = decodeURIComponent(vars[i]); if (i==5) document.getElementById('maksaja').value = decodeURIComponent(vars[i]); if (i==6) document.getElementById('laskun_tiedot').value = decodeURIComponent(vars[i]); + if (i==7) { + if (vars[i] == "1") { state['jaettu'] = true; } + } } flash_generate(); + if (state['jaettu']) show_shared(); } function reversed(str) { @@ -402,10 +442,11 @@ function reversed(str) {
+ - + @@ -414,11 +455,11 @@ function reversed(str) { - + - + @@ -430,8 +471,9 @@ function reversed(str) {
- -

+

+
+



Saajan tilinumero[tilinro]Saajan tilinumero[tilinro]
MaksajaViite[viite]Viite[viite]
Eräpäivä[paiva][summa]Eräpäivä[paiva][summa]