Dasko
d5b4c820f3
Isti .animiraj:nth-child stagger (korak 0.06s) bio je dupliran u 7 template <style> blokova (admin_profil, admin_login_istorija, profil_tema, podesavanja i 3 podstranice). Prebačen u main.css kao .stranica-stack .animiraj:nth-child(N); descendant selektor čuva isto ponašanje po neposrednom roditelju, a klasa .stranica-stack sprečava curenje na ostatak programa. Sad radi i pod HTMX navigacijom, menja se na jednom mestu.
53 lines
3.6 KiB
HTML
53 lines
3.6 KiB
HTML
{{template "base" .}} {{define "naslov"}}Istorija prijava — NTech{{end}} {{define "sadrzaj"}}
|
|
<div class="stranica-stack" style="display: flex; flex-direction: column; gap: 16px">
|
|
<div style="display: flex; align-items: center; gap: 12px; flex-wrap: wrap">
|
|
<a href="/admin/korisnici" class="btn-sekundarno">← Nazad</a>
|
|
<span style="font-size: 15px; font-weight: 500; color: var(--tekst-glavni)">Istorija prijava — {{.PrikazKorisnik.KorisnickoIme}}</span>
|
|
</div>
|
|
|
|
<div class="kartica animiraj" style="padding: 0; overflow: hidden">
|
|
<div style="padding: 16px 20px; border-bottom: 0.5px solid var(--ivica); display: flex; align-items: center; justify-content: space-between">
|
|
<span style="font-size: 15px; font-weight: 500; color: var(--tekst-glavni)">Poslednjih 50 pokušaja</span>
|
|
<span style="font-size: 12px; color: var(--tekst-sporedni)">Vreme prikazano po lokalnom vremenu servera</span>
|
|
</div>
|
|
|
|
{{if .Istorija}}
|
|
<div style="overflow-x: auto">
|
|
<table class="tabela">
|
|
<thead>
|
|
<tr style="border-bottom: 0.5px solid var(--ivica)">
|
|
<th style="padding: 10px 20px; text-align: left; font-size: 12px; font-weight: 500; color: var(--tekst-sporedni); white-space: nowrap">Datum i vreme</th>
|
|
<th style="padding: 10px 20px; text-align: left; font-size: 12px; font-weight: 500; color: var(--tekst-sporedni)">IP adresa</th>
|
|
<th style="padding: 10px 20px; text-align: left; font-size: 12px; font-weight: 500; color: var(--tekst-sporedni)">Pregledač</th>
|
|
<th style="padding: 10px 20px; text-align: center; font-size: 12px; font-weight: 500; color: var(--tekst-sporedni)">Status</th>
|
|
<th style="padding: 10px 20px; text-align: left; font-size: 12px; font-weight: 500; color: var(--tekst-sporedni)">Razlog</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{range .Istorija}}
|
|
<tr class="animiraj" style="border-bottom: 0.5px solid var(--ivica)">
|
|
<td style="padding: 10px 20px; font-size: 13px; color: var(--tekst-sporedni); white-space: nowrap">{{.Vreme.Format "02.01.2006. 15:04:05"}}</td>
|
|
<td style="padding: 10px 20px; font-size: 13px; color: var(--tekst-glavni); font-family: monospace">{{.IP}}</td>
|
|
<td style="padding: 10px 20px; font-size: 12px; color: var(--tekst-sporedni); max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap">{{.UserAgent}}</td>
|
|
<td style="padding: 10px 20px; text-align: center">
|
|
{{if .Uspeh}}
|
|
<span style="display: inline-block; padding: 2px 10px; border-radius: 20px; background: #035f1f; color: #16a34a; font-size: 11px; font-weight: 500">Uspeh</span>
|
|
{{else}}
|
|
<span style="display: inline-block; padding: 2px 10px; border-radius: 20px; background: #e21313; color: #dc2626; font-size: 11px; font-weight: 500">Neuspeh</span>
|
|
{{end}}
|
|
</td>
|
|
<td style="padding: 10px 20px; font-size: 13px; color: var(--tekst-sporedni)">
|
|
{{if eq .Razlog "korisnik_ne_postoji"}}Korisnik ne postoji {{else if eq .Razlog "nalog_neaktivan"}}Nalog neaktivan {{else if eq .Razlog "pogrešna_lozinka"}}Pogrešna lozinka {{else if eq .Razlog "ip_zaklucano"}}IP zaključano {{else if .Uspeh}}— {{else}}{{.Razlog}} {{end}}
|
|
</td>
|
|
</tr>
|
|
{{end}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{{else}}
|
|
<div style="padding: 40px 20px; text-align: center; color: var(--tekst-sporedni); font-size: 14px">Nema zabeleženih pokušaja prijave za ovog korisnika.</div>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
{{end}}
|