diff options
| author | Andrea Lepori <alepori@student.ethz.ch> | 2022-08-07 11:05:03 +0200 |
|---|---|---|
| committer | Andrea Lepori <alepori@student.ethz.ch> | 2022-08-07 11:05:03 +0200 |
| commit | c4ccf8af5f82c359bbe79538d8e745e21f17f06a (patch) | |
| tree | b0bd6b80d1d913d6727bd57476fb1eae3e20dbae /client/templates/client/approve_doc_pdf.html | |
| parent | unified approve doc page (diff) | |
| download | scout-subs-c4ccf8af5f82c359bbe79538d8e745e21f17f06a.tar.gz scout-subs-c4ccf8af5f82c359bbe79538d8e745e21f17f06a.zip | |
add qr code to pdf approve, direct approval page
Diffstat (limited to '')
| -rw-r--r-- | client/templates/client/approve_doc_pdf.html | 20 |
1 files changed, 19 insertions, 1 deletions
diff --git a/client/templates/client/approve_doc_pdf.html b/client/templates/client/approve_doc_pdf.html index 244bc20..0cf4944 100644 --- a/client/templates/client/approve_doc_pdf.html +++ b/client/templates/client/approve_doc_pdf.html @@ -8,7 +8,12 @@ </head> <body style="background: white;"> <main style="margin-left: 10px;margin-right: 10px;margin-top: 10px; background: white;"> - <br><br><br><br> + <div style="position: absolute; top: 10px; left: 10px;"> + <div id="qrcode"></div> + </div> + <div class="row center"> + <svg id="barcode"></svg> + </div> <br><br> <div class="row"> <p class="center">{{doc.user.first_name}} {{doc.user.last_name}} ({{doc.user.username}})</p> @@ -55,4 +60,17 @@ </main> </body> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> +<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.5/dist/barcodes/JsBarcode.code128.min.js"></script> +<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script> +<script type="text/javascript"> + JsBarcode("#barcode", {{doc.code}}, {width: 3, height: 40, displayValue: false}); + var qrcode = new QRCode(document.getElementById("qrcode"), { + text: "{{ uri }}", + width: 128, + height: 128, + colorDark : "#000000", + colorLight : "#ffffff", + correctLevel : QRCode.CorrectLevel.H + }); +</script> </html>
\ No newline at end of file |