Servis: logo na dokumentima, jedinstveno 3-kolonsko zaglavlje, podesiva QR adresa, javni status
- Logo na dokumentima ako je ukljucen prikaz loga; helper logoZaDokument - Jedinstveno zaglavlje (revers/predracun/otpremnica/radni nalog): firma | klijent | barkod+broj+datumi+QR; dodati MB i barkod - Revers: QR u sekciju Uredjaj desno, bez JMBG, Primio bez imena servisera - Podesavanja Opste: auto-snimanje sve 3 sekcije (marker _sekcija_firma za checkbox loga) - Podesiva adresa za QR (qr_bazni_url) za pristup sa telefona / Caddy HTTPS - Javni status: token se gasi po preuzimanju; predvidjeni datum zavrsetka, garancija i napomena iz baze; nova kartica Radovi i delovi sa procenom
This commit is contained in:
@@ -10,14 +10,14 @@
|
||||
|
||||
.strana { max-width: 780px; margin: 0 auto; padding: 32px 40px; }
|
||||
|
||||
/* zaglavlje */
|
||||
.zaglavlje { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 2px solid #111; gap: 20px; }
|
||||
.firma-naziv { font-size: 20px; font-weight: 700; }
|
||||
/* zaglavlje: tri okvira (firma · klijent · dokument) */
|
||||
.zaglavlje { display: flex; align-items: stretch; margin-bottom: 20px; gap: 12px; }
|
||||
.zg-okvir { flex: 1; padding: 12px 14px; border: 0.5px solid #ddd; border-radius: 6px; }
|
||||
.firma-naziv { font-size: 18px; font-weight: 700; }
|
||||
.firma-info { font-size: 11px; color: #555; margin-top: 4px; line-height: 1.7; }
|
||||
.dok-naslov { text-align: right; }
|
||||
.dok-tip { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #555; margin-bottom: 4px; }
|
||||
.dok-broj { font-size: 22px; font-weight: 700; font-family: monospace; }
|
||||
.dok-datum { font-size: 12px; color: #555; margin-top: 6px; }
|
||||
.dok-broj { font-size: 18px; font-weight: 700; font-family: monospace; }
|
||||
.dok-datum { font-size: 12px; color: #555; margin-top: 4px; }
|
||||
|
||||
/* strane */
|
||||
.strane-blok { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 20px; }
|
||||
@@ -69,96 +69,97 @@
|
||||
|
||||
<!-- zaglavlje -->
|
||||
<div class="zaglavlje">
|
||||
<div>
|
||||
<!-- LEVO: firma — logo na vrhu, tekst ispod -->
|
||||
<div class="zg-okvir">
|
||||
{{if .LogoPutanja}}
|
||||
<img src="{{.LogoPutanja}}" alt="Logo" style="max-height:54px;max-width:100%;object-fit:contain;display:block;margin-bottom:8px;">
|
||||
{{else}}
|
||||
<div class="firma-naziv">{{if .NazivFirme}}{{.NazivFirme}}{{else}}— naziv firme —{{end}}</div>
|
||||
{{end}}
|
||||
<div class="firma-info">
|
||||
{{if .Podnazlov}}{{.Podnazlov}}<br>{{end}}
|
||||
{{if .Adresa}}{{.Adresa}}<br>{{end}}
|
||||
{{if .Telefon}}Tel: {{telefon .Telefon}}<br>{{end}}
|
||||
{{if .PIB}}PIB: {{.PIB}}{{end}}
|
||||
{{if .PIB}}PIB: {{.PIB}}{{end}}{{if .MaticniBroj}}{{if .PIB}} · {{end}}MB: {{.MaticniBroj}}{{end}}
|
||||
</div>
|
||||
</div>
|
||||
<div style="display:flex;align-items:flex-start;gap:14px;">
|
||||
<div class="dok-naslov">
|
||||
<div class="dok-tip">Revers — potvrda o prijemu</div>
|
||||
<div class="dok-broj">{{.Nalog.BrojNaloga}}</div>
|
||||
<div class="dok-datum">Datum prijema: {{.Nalog.DatumPrijema.Format "02.01.2006."}}</div>
|
||||
{{if .Nalog.PredvidjenDatum}}
|
||||
<div class="dok-datum">Predviđen rok: {{.Nalog.PredvidjenDatum.Format "02.01.2006."}}</div>
|
||||
{{end}}
|
||||
</div>
|
||||
{{if .QRKod}}
|
||||
<img src="data:image/png;base64,{{.QRKod}}" width="76" height="76"
|
||||
alt="QR {{.Nalog.BrojNaloga}}"
|
||||
style="image-rendering:pixelated;border:1px solid #ddd;border-radius:4px;flex-shrink:0;">
|
||||
{{end}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- primalac (firma) i predao (klijent) -->
|
||||
<div class="strane-blok">
|
||||
<div class="strana-kartica">
|
||||
<div class="strana-tip">Primio (servis)</div>
|
||||
<div class="strana-naziv">{{if .NazivFirme}}{{.NazivFirme}}{{else}}—{{end}}</div>
|
||||
<div class="strana-info">
|
||||
{{if .Adresa}}{{.Adresa}}<br>{{end}}
|
||||
{{if .Telefon}}{{telefon .Telefon}}{{end}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="strana-kartica">
|
||||
<div class="strana-tip">Predao (klijent)</div>
|
||||
<!-- SREDINA: klijent -->
|
||||
<div class="zg-okvir">
|
||||
<div class="strana-tip">Klijent</div>
|
||||
{{if .KlijentNaziv}}
|
||||
<div class="strana-naziv">{{.KlijentNaziv}}</div>
|
||||
<div class="strana-info">
|
||||
{{if .Klijent}}
|
||||
{{if .Klijent.Telefon}}Tel: {{telefon .Klijent.Telefon}}<br>{{end}}
|
||||
{{if .Klijent.Email}}{{.Klijent.Email}}<br>{{end}}
|
||||
{{if .Klijent.Mesto}}{{.Klijent.Mesto}}<br>{{end}}
|
||||
{{if .Klijent.PIB}}PIB: {{.Klijent.PIB}}{{end}}
|
||||
{{end}}
|
||||
{{if .KlijentBrojIdent}}{{.KlijentOznakaIdent}}: {{.KlijentBrojIdent}}{{end}}
|
||||
</div>
|
||||
{{else}}
|
||||
<div class="strana-naziv prazno">— klijent nije naveden —</div>
|
||||
{{end}}
|
||||
</div>
|
||||
<!-- DESNO: barkod na vrhu, ispod dokument i datumi (QR je u sekciji „Uređaj na servisu") -->
|
||||
<div class="zg-okvir" style="flex:1.3;">
|
||||
{{if .Barkod}}<img src="data:image/png;base64,{{.Barkod}}" alt="Barkod {{.Nalog.BrojNaloga}}" style="display:block;width:100%;max-height:46px;object-fit:contain;margin-bottom:10px;">{{end}}
|
||||
<div class="dok-tip">Revers — potvrda o prijemu</div>
|
||||
<div class="dok-broj">{{.Nalog.BrojNaloga}}</div>
|
||||
<div class="dok-datum">Datum prijema: {{.Nalog.DatumPrijema.Format "02.01.2006."}}</div>
|
||||
{{if .Nalog.PredvidjenDatum}}
|
||||
<div class="dok-datum">Predviđen rok: {{.Nalog.PredvidjenDatum.Format "02.01.2006."}}</div>
|
||||
{{end}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- uređaj -->
|
||||
<!-- uređaj (QR skroz desno — klijent ga skenira da prati status) -->
|
||||
<div class="odeljak">
|
||||
<div class="odeljak-naslov">Uređaj na servisu</div>
|
||||
<div class="podaci-grid" style="margin-bottom:10px;">
|
||||
<div>
|
||||
<div class="polje-labela">Naziv uređaja</div>
|
||||
<div class="polje-vrednost">{{if .Nalog.Uredjaj}}{{.Nalog.Uredjaj}}{{else}}<span class="prazno">—</span>{{end}}</div>
|
||||
<div style="display:flex;gap:16px;align-items:flex-start;">
|
||||
<div style="flex:1;">
|
||||
<div class="podaci-grid" style="margin-bottom:10px;">
|
||||
<div>
|
||||
<div class="polje-labela">Naziv uređaja</div>
|
||||
<div class="polje-vrednost">{{if .Nalog.Uredjaj}}{{.Nalog.Uredjaj}}{{else}}<span class="prazno">—</span>{{end}}</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="polje-labela">Serijski broj</div>
|
||||
<div class="polje-vrednost-mono">{{if .Nalog.SerijskiBroj}}{{.Nalog.SerijskiBroj}}{{else}}<span class="prazno">—</span>{{end}}</div>
|
||||
</div>
|
||||
{{if .Nalog.PinUredjaja}}
|
||||
<div>
|
||||
<div class="polje-labela">PIN / lozinka</div>
|
||||
<div><span class="pin-vrednost">{{.Nalog.PinUredjaja}}</span></div>
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
{{if .Nalog.Pribor}}
|
||||
<div style="margin-top:8px;">
|
||||
<div class="polje-labela">Pribor predat uz uređaj</div>
|
||||
<div class="polje-tekst">{{.Nalog.Pribor}}</div>
|
||||
</div>
|
||||
{{end}}
|
||||
{{if .Nalog.Ostecenja}}
|
||||
<div style="margin-top:8px;">
|
||||
<div class="polje-labela">Vidljiva oštećenja pri prijemu</div>
|
||||
<div class="polje-tekst">{{.Nalog.Ostecenja}}</div>
|
||||
</div>
|
||||
{{end}}
|
||||
{{if .Nalog.TrazeneNadogradnje}}
|
||||
<div style="margin-top:8px;">
|
||||
<div class="polje-labela">Tražene nadogradnje</div>
|
||||
<div class="polje-tekst">{{.Nalog.TrazeneNadogradnje}}</div>
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
<div>
|
||||
<div class="polje-labela">Serijski broj</div>
|
||||
<div class="polje-vrednost-mono">{{if .Nalog.SerijskiBroj}}{{.Nalog.SerijskiBroj}}{{else}}<span class="prazno">—</span>{{end}}</div>
|
||||
</div>
|
||||
{{if .Nalog.PinUredjaja}}
|
||||
<div>
|
||||
<div class="polje-labela">PIN / lozinka</div>
|
||||
<div><span class="pin-vrednost">{{.Nalog.PinUredjaja}}</span></div>
|
||||
{{if .QRKod}}
|
||||
<div style="text-align:center;flex-shrink:0;">
|
||||
<img src="data:image/png;base64,{{.QRKod}}" width="96" height="96" alt="QR {{.Nalog.BrojNaloga}}"
|
||||
style="image-rendering:pixelated;border:1px solid #ddd;border-radius:4px;">
|
||||
<div style="font-size:9px;color:#888;margin-top:3px;">Skenirajte za status</div>
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
{{if .Nalog.Pribor}}
|
||||
<div style="margin-top:8px;">
|
||||
<div class="polje-labela">Pribor predat uz uređaj</div>
|
||||
<div class="polje-tekst">{{.Nalog.Pribor}}</div>
|
||||
</div>
|
||||
{{end}}
|
||||
{{if .Nalog.Ostecenja}}
|
||||
<div style="margin-top:8px;">
|
||||
<div class="polje-labela">Vidljiva oštećenja pri prijemu</div>
|
||||
<div class="polje-tekst">{{.Nalog.Ostecenja}}</div>
|
||||
</div>
|
||||
{{end}}
|
||||
{{if .Nalog.TrazeneNadogradnje}}
|
||||
<div style="margin-top:8px;">
|
||||
<div class="polje-labela">Tražene nadogradnje</div>
|
||||
<div class="polje-tekst">{{.Nalog.TrazeneNadogradnje}}</div>
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
|
||||
<!-- prijavljeni kvar -->
|
||||
@@ -189,7 +190,7 @@
|
||||
<div class="potpis-linija">Predao (klijent)</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="potpis-linija">Primio{{if .TehnicarNaziv}} — {{.TehnicarNaziv}}{{end}} (servis)</div>
|
||||
<div class="potpis-linija">Primio (servis)</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user