rob/upn-qr
1
0
Fork 0
mirror of https://gitplac.si/aljaxus/upn-qr.git synced 2025-12-17 04:00:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

updated the docs styling for pre, code

Browse Source
This commit is contained in:
Aljaz S
2021-11-17 12:03:15 +01:00
parent e5dc2881d7
commit 47f3fc875b
2 changed files with 19 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/index.html
View File

@@ -23,11 +23,20 @@
<section> <section>
<h1>API</h1> <h1>API</h1>
<h4 id="api-qrcode"><a href="#api-qrcode">&#128279;</a> <code>GET /api/qrcode</code></h4> <h4 id="api-qrcode"><a href="#api-qrcode">&#128279;</a> <code>GET /api/qrcode</code></h4>
<p>Following the specification from official documentation - <a href="https://www.upn-qr.si/uploads/files/NavodilaZaProgramerjeUPNQR.pdf">NavodilaZaProgramerjeUPNQR.pdf</a>, section <code>4. Vsebina kode QR</code>.</p> <div>
<span>Returns a <code>image/png</code> image if successful (OK 200), else returns the following JSON <code>{ ok: false, errors: String[] }</code> where <code>errors</code> is an array of descriptive strings.</span>
<br>
<pre>
&#x3C;!-- Meant to be used as direct image source, for example --&#x3E;
&#x3C;img src="https://upn-qr.gitapp.si/api/qrcode?client_name=Šolski center Nova Gorica&client_address=Cankarjeva ulica 8a&client_city=5000 Nova Gorica&amount=00000001000&payment_purpose=placilo&iban=SI56020170014356205&reference=SI121234567890120&issuer_name=Hitre Spletne Strani Na 123&issuer_address=Namisljena ulica 1a&issuer_city=1000 Ljubljana"&#x3E;
</pre>
<img src="/api/qrcode?client_name=Šolski center Nova Gorica&client_address=Cankarjeva ulica 8a&client_city=5000 Nova Gorica&amount=00000001000&payment_purpose=placilo&iban=SI56020170014356205&reference=SI121234567890120&issuer_name=Hitre Spletne Strani Na 123&issuer_address=Namisljena ulica 1a&issuer_city=1000 Ljubljana">
</div>
<br> <br>
<div> <div>
<b>Query parameters:</b> <b>Query parameters:</b>
<p>Following the specification from official documentation - <a href="https://www.upn-qr.si/uploads/files/NavodilaZaProgramerjeUPNQR.pdf">NavodilaZaProgramerjeUPNQR.pdf</a>, section <code>4. Vsebina kode QR</code>.</p>
<h5 id="api-qrcode-client_name"><a href="#api-qrcode-client_name">&#128279;</a> <code>client_name</code></h5> <h5 id="api-qrcode-client_name"><a href="#api-qrcode-client_name">&#128279;</a> <code>client_name</code></h5>
<div> <div>
Regex: <code>^[a-zA-Z0-9ČŠŽĐ](?:[A-Z0-9 ČŠŽĐ]{0,31}[A-Z0-9ČŠŽĐ])?$/i</code> Regex: <code>^[a-zA-Z0-9ČŠŽĐ](?:[A-Z0-9 ČŠŽĐ]{0,31}[A-Z0-9ČŠŽĐ])?$/i</code>

10
src/style.css
View File

@@ -14,7 +14,7 @@ html {
padding: 0 0; padding: 0 0;
width: 100vw; width: 100vw;
display: grid; display: grid;
grid-template-columns: auto minmax(50vw, 550px) auto; grid-template-columns: auto minmax(50vw, 650px) auto;
background-color: var(--c-dark); background-color: var(--c-dark);
} }
@@ -35,19 +35,25 @@ body {
font-family: monospace; font-family: monospace;
font-size: 16px; font-size: 16px;
line-height: 1.6em; line-height: 1.6em;
word-break: normal;
} }
a { a {
color: var(--c-accent); color: var(--c-accent);
text-decoration: none; text-decoration: none;
} }
code { code,
pre {
background-color: var(--c-dark); background-color: var(--c-dark);
padding: 6px 4px 2px 4px; padding: 6px 4px 2px 4px;
word-break: break-all; word-break: break-all;
} }
pre {
overflow-x: scroll;
}
section div { section div {
padding-left: 25px; padding-left: 25px;
display: grid;
} }
.credits { .credits {