Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

--- it:software:invoiceninja [2024/01/05 13:04] – Petr Nosek
+++ it:software:invoiceninja [2024/01/05 17:31] (aktuální) – [QR kód] Petr Nosek
@@ Řádek 37: / Řádek 37: @@
+===== QR kód =====
+Protože byl přepracován vzhled šablon, tak se otevřely nové možnosti vložení QR kódu do šablony. Nejprve vypadala nadějně [[https://invoiceninja.github.io/en/qr-codes/|oficiální dokumentace ke QR kódům]].
+V dokumentaci jsou 3 typy QR kódů. Pochopil jsem, že první se týká Švýcarska - takže pro mě nepoužitelné. Další variantou jsou SEPA ERC QR kódy. Aktivace spočívá v přidání v custom fields pro **Company**. Pozor, musí být přesně dané pořadí, jinak to nebude fungovat. Nicméně měna byla v Eurech a týkala se podle mě plateb v zahraničí.
+Řešením měla být poslední možnost - Generic Payment link QR Codes. Použití bylo jednoduché, stačilo do šablony vložit proměnnou **payment_qrcode** a mělo to fungovat. Bohužel mělo a nefungovalo.
+Pak jsem se ale inspiroval [[https://forum.invoiceninja.com/t/qr-code-to-scan-and-pay/8292|ve fóru]], kde vložili do šablony tag, který načítá URL, která vygeneruje QR kód. Velmi jednoduché řešení.
+Jako služba pro generování QR kódu jsem použil službu https://developers.google.com/chart/infographics/docs/qr_codes.
+V bankovnictví jsem si vygeneroval QR kód, přečetl jsem si obsah a nahradil v řětezci proměnné pro měnu a variabilní symbol. Výsledek byl, že jsem do šablony pak vložil tento tag, který generuje QR platby:
+<code html>
+<img src="https://chart.googleapis.com/chart?cht=qr&chl=SPD*1.0*ACC:CZ8520100000002801581174*AM:$amount_raw*CC:CZK*X-VS:$number&chs=200x200&chld=L|0" class="qr-code img-thumbnail img-responsive" />
+</code>
+Ještě doplním, že jsem musel použít proměnnou **$amount_raw**, aby byla v kódu částka bez měny.
+O proměnné je psáno [[https://forum.invoiceninja.com/t/qr-codes-scan-and-pay/3713/10|zde]] a [[https://forum.invoiceninja.com/t/issue-with-custom-fields-amount-and-other-fields-should-only-contain-float-no-currency-text/10253|zde]].
+Jenom jsem nasadil QR platby, tak u druhé faktury dostal Google výpadek a nejde generovat QR obrázky. To mě dovedlo k alternativní službě, která je jistým způsobem ještě jednodušší, protože parametry účtu předávám v rámci parametrů.
+Dokumentaci jsem našel na serveru [[https://qr-platba.cz/pro-vyvojare/restful-api/|qr-platba.cz]] a tady je příklad kódu:
+<code html>
+<img src="http://api.paylibo.com/paylibo/generator/czech/image?accountNumber=222885&bankCode=5500&amount=250.00&currency=CZK&vs=333&message=FOND%20HUMANITY%20CCK" />
+</code>
+===== Vkládání podpisu (obrázku) do šablony =====
+Zakódoval jsem obrázek do base64 a vložil pomocí tagu IMG s nastavenou src. Obrázek lze zakódovat jednoduše například přes službu [[https://www.base64-image.de/|base64image]]. Výsledek kódu a vložení vypadá takto:
+<code html>
+<img src="data:image/png;base64,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jBQWsQQRAmTUUUEVFuK0a6SYyNB50sM/5PhFcsnkqoCRYwE1qJAcP/gf/J6tWUxMuknhJBB8se2PESC0C7Qatv19bNutEyDwDFxpHX+tCcx8kt7oaLEjoH8buLjuaPIecLkDDD7pkiE5UoCWv1gE3s/om/LAwC3Qt+bOrX2O0wcgS7NK3wAHh8BoibLXPd7d2z23f3va8/sBlZ9ytbVp6sEAAA39aVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA0LjQuMC1FeGl2MiI+CiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICB4bWxuczpHSU1QPSJodHRwOi8vd3d3LmdpbXAub3JnL3htcC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgeG1wTU06RG9jdW1lbnRJRD0iZ2ltcDpkb2NpZDpnaW1wOjcwN2JkNDQ0LWRkMzUtNDk4YS05YzI0LTY2YzcwMzc5NzBjNCIKICAgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowODkyNTNhOC01NzQ4LTRkMTEtYjRhMy04MzQ5NDQ0OGQwZjUiCiAgIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmMGZhNjU3ZC03ODE5LTQzMTYtODdlZi1hYjc4ODc4NmFlNTgiCiAgIGRjOkZvcm1hdD0iaW1hZ2UvcG5nIgogICBHSU1QOkFQST0iMi4wIgogICBHSU1QOlBsYXRmb3JtPSJMaW51eCIKICAgR0lNUDpUaW1lU3RhbXA9IjE3MDQ0NjI3MTkzMjMxNjEiCiAgIEdJTVA6VmVyc2lvbj0iMi4xMC4zMCIKICAgdGlmZjpPcmllbnRhdGlvbj0iMSIKICAgeG1wOkNyZWF0b3JUb29sPSJHSU1QIDIuMTAiPgogICA8eG1wTU06SGlzdG9yeT4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJzYXZlZCIKICAgICAgc3RFdnQ6Y2hhbmdlZD0iLyIKICAgICAgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDowNDJjOGMyYS1hMzE1LTRiNDAtOGE3ZC0zZjFjYTk3NDU5MGMiCiAgICAgIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkdpbXAgMi4xMCAoTGludXgpIgogICAgICBzdEV2dDp3aGVuPSIyMDI0LTAxLTA1VDE0OjQ4OjIxKzAxOjAwIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InNhdmVkIgogICAgICBzdEV2dDpjaGFuZ2VkPSIvIgogICAgICBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjc0YzYwN2M5LWMwZmEtNDgyNS05ODdjLWNiYzU0OTZhMTZkNyIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iR2ltcCAyLjEwIChMaW51eCkiCiAgICAgIHN0RXZ0OndoZW49IjIwMjQtMDEtMDVUMTQ6NTE6NTkrMDE6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+r+yG4AAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAsSgAALEoBd3p0TQAAAAd0SU1FB+gBBQ0zO3HF9YoAAAPCSURBVFjD3ZZ/iFVVEMc/72W00UIXKeYZxdoPKqE4/bBk64/WIOSmUYYUFGEZeQuFbQ2pDTYeGVlKbFL/3ELaqMBKCFn0+iNsH1lhWe0JpZcku4uRb/4ILilsm8brj+bB5bX73nMrYh04nDtzz5wz3zNzZiYXhFGV6dNBYH6axBMibgC4zeS/A4PAM8C7wII6vU1A9yT7rQU2ZvhjwHpVP9jMkFn8M7oGmAOMAgKcB6wHOoCngCNAwc7ZnNEbBt4GHHCPAUuBU8Bc4GWgDKwGPhBxs1X9eCND8vy7lKr6fqDX+CtsnjCwo8BBVT+k6ovANvv/qvGp8TtV/QBwAGgpYuo9MgCMATngCeBCk4/aDQLcDVw3xX4dIu4QMNtu9yPgRuAy4I3MXlub2JWIOIA2oK+ZNyYFkiZxCSAIoy3AXguNsTSJiybvaADkBPCheWCHqvdm0H5V33kanu0FvrUQewx4YdpvJE3i74MwWgh8choG/GIh8re3JOK+yPD3qvpjDfYZVvUlETcEPD2d0KoHUw7CqAt4roW93reQmkx+oE42YfMh4BXgV+OPGn/U+D3ALBHXpup/a3R4ri79dqVJXArCqB3IpUl83MLp3DSJx+37LeDhjM6laRKP8j/TVB65ABgMwuiONIkrNRCNSMStBK4Gnlf1qYhbDNyg6tfZ//st1eaBwVwu916lMlwVcfOsplwC/ABsUvVjIq6v3sOqvkfE9VtW2yXiClZ7Dueb1Ih9QRhd1eKlLAV6rI4A3AqsMBAbgC1mWDvwTrVafbNQcGdZQukEvgLuBHaZ/grgQSumCzJF9UmgU8SdD+w2nW3N6sjlQCkIo/ktghkHVoq4mzOeEgO4WdUvUvWLgX7g0WqVa62QHgFiYAnwkog729R3qPpbaiNzTjuwHTgHuF3VV1opiAJ8GoTRSBBGI8CyBmu/BD4DXgf+MNk8C+F9mXXbbQ4std4F/AwMAXNU/Un7v1zEVW3szuh3m8dHatmv1creZq3DXLuNRrQauB64z/iKzRdl1lyZeaN7DewSYD/wooi7qVbhgYU21mb0f7S0vEjERf9Fi4Kq/w54rWasqi8DJaBXxK0Rcd3mha+t6dwDPAsct6pPxpsFoMvG0mxKV/UbzLMbRVzHVFlrAvi8BbvL+b9aGgA1zwEU7RZPGL/MutpiLWsBPaq+IuIeAtYBj1i326fqvxFxPwEXA8sz5xUNbK0nexz4GChOWkeYgZTnDKEskJMWHjMayCnggTSJyzMdyKo0ibfO6NgKwmjNmfBG/gQK6VFcQ3FNKgAAAABJRU5ErkJggg==" />
+</code>
+===== Šablona =====
+Šablonu jsem postavil na **Business template**. Přidal jsem ještě některé styly na další úpravy. Některé jsem později vypnul, protože jsem našel jinou volbu v nastavení, které problém řešila.
+<code css>
+ /* [data-ref="product_table-product.item-th"],
+    [data-ref="product_table-product.item-td"] { display:none; }*/
+   p[data-ref="company_details-company.id_number"]::before {
+        content: "I\00010C: ";
+        display: inline; /* nebo 'inline-block' pokud potřebujete další formátování */
+    }
+    p[data-ref="company_details-company.id_number"], p[data-ref="company_details-company.id_number"] > p {
+        display: inline-block;
+        margin-bottom: 5px;
+    }
+   [data-ref="company_details-company.custom1"]{
+        margin-top: 10px;
+    }
+    p[data-ref="client_details-client.number"]:not(:empty)::before {
+        content: "I\00010C: ";
+        display: inline; /* nebo 'inline-block' pokud potřebujete další formátování */
+    }
+    p[data-ref="client_details-client.number"], p[data-ref="client_details-client.number"] > p {
+        display: inline-block;
+    }
+   p[data-ref="client_details-client.vat_number"]:not(:empty)::before {
+        content: "DI\00010C: ";
+        display: inline; /* nebo 'inline-block' pokud potřebujete další formátování */
+    }
+    p[data-ref="client_details-client.vat_number"], p[data-ref="client_details-client.vat_number"] > p {
+        display: inline-block;
+        margin-bottom: 10px; /* Pro jistotu, aby nebyly žádné defaultní marginy */
+    }
+  #payment-instructions{
+    font-size: 18px !important;
+    padding-bottom: 30px;
+    padding-top: 10px;
+  }
+  #payment-instructions strong{
+   font-size: 20px;
+ }
+   [data-ref="client_details-client.phone"] { margin-top: 10px }
+   /*[data-ref="totals_table-net_subtotal"] { display: none }
+   [data-ref="totals_table-net_subtotal-label"] { display: none }
+   [data-ref="totals_table-subtotal-label"] { display: none }
+   [data-ref="totals_table-subtotal"] { display: none }*/
+</code>
+A tady kód samotné šablony.
+<code html>
+<div id="body">
+               <div class="header-container">
+                  <img src="$company.logo" class="company-logo" alt="$company.name logo">
+                  <div id="company-details"></div>
+                  <div id="company-address"></div>
+               </div>
+               <div class="client-and-entity-wrapper">
+                <div id="client-details"><p class="entity-issued-to">$entity_issued_to_label:</p></div>
+                  <div id="vendor-details"></div>
+                <div id="shipping-details"></div>
+                  <div class="entity-details-wrapper">
+                     <table id="entity-details" cellspacing="0" dir="$dir"></table>
+                  </div>
+               </div>
+                <div id="payment-instructions">Platbu <strong>$amount</strong> proveďte na účet číslo <strong>280 158 1174/2010</strong>, s variabilním symbolem <strong>$number</strong></div>
+               <table id="product-table" cellspacing="0" data-ref="table"></table>
+               <table id="task-table" cellspacing="0" data-ref="table"></table>
+               <table id="delivery-note-table" cellspacing="0" data-ref="table"></table>
+               <table id="statement-invoice-table" cellspacing="0" data-ref="table"></table>
+               <div id="statement-invoice-table-totals" data-ref="statement-totals"></div>
+               <table id="statement-payment-table" cellspacing="0" data-ref="table"></table>
+               <div id="statement-payment-table-totals" data-ref="statement-totals"></div>
+                            <table id="statement-credit-table" cellspacing="0" data-ref="table"></table>
+                            <div id="statement-credit-table-totals" data-ref="statement-totals"></div>
+               <table id="statement-aging-table" cellspacing="0" data-ref="table"></table>
+               <div id="statement-aging-table-totals" data-ref="statement-totals"></div>
+               <div id="table-totals" cellspacing="0">$status_logo</div>
+              <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABBQAAAF8CAYAAAB..." width="35%" style="display: block; margin-left: auto;" />
+            </div>
+<div>
+<img src="https://chart.googleapis.com/chart?cht=qr&chl=SPD*1.0*ACC:CZ8520100000002801581174*AM:$amount_raw*CC:CZK*X-VS:$number&chs=200x200&chld=L|0" class="qr-code img-thumbnail img-responsive" />
+</div>
+</code>
+Výsledek pak vypadá takto:
+{{:it:software:pasted:20240105-150706.png}}