Artikli: šifre, tip i jedinica mere; magacin UI; servis predračun
Šifre artikala: - Kôd kategorije kao prefiks auto-šifre (PREFIKS-NNNN), otporno na brisanje (max+1) - Tip artikla (proizvod/usluga/trošak) i jedinica mere - Arhiviranje artikala umesto brisanja kad su već u prometu Magacin: - Paginacija 50 po stranici - Klikabilna šifra (vodi na karticu), opisniji placeholder pretrage - Ispravka: pretraga više ne okida animaciju redova (globalni htmx listener umesto hx-on atributa koji se ne okida u ovoj htmx verziji) - Dugmad akcija ne prelamaju tekst; uklonjen content-visibility (secanje pri skrolu) Servis: predračun (nova stranica i ruta)
This commit is contained in:
@@ -29,8 +29,8 @@
|
||||
<div class="forma-grid-2" style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
|
||||
<div>
|
||||
<label class="polje-labela">Šifra artikla</label>
|
||||
<input type="text" name="sifra" value="{{.Artikal.Sifra}}"
|
||||
placeholder="npr. ART-00001"
|
||||
<input type="text" name="sifra" id="sifra-input" value="{{.Artikal.Sifra}}"
|
||||
placeholder="npr. KOMP-0001"
|
||||
style="width:100%;font-family:monospace;">
|
||||
<div style="font-size:11px;color:var(--tekst-slabi);margin-top:4px;">Ako ostaviš prazno, šifra se automatski dodeljuje.</div>
|
||||
</div>
|
||||
@@ -53,6 +53,32 @@
|
||||
style="width:100%;">
|
||||
</div>
|
||||
|
||||
<!-- tip i jedinica mere -->
|
||||
<div class="forma-grid-2" style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
|
||||
<div>
|
||||
<label class="polje-labela">Tip artikla</label>
|
||||
<select name="tip" id="tip-artikla" style="width:100%;">
|
||||
<option value="proizvod" {{if eq .Artikal.Tip "proizvod"}}selected{{end}}>Proizvod (prati lager)</option>
|
||||
<option value="usluga" {{if eq .Artikal.Tip "usluga"}}selected{{end}}>Usluga</option>
|
||||
<option value="trosak" {{if eq .Artikal.Tip "trosak"}}selected{{end}}>Trošak</option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<label class="polje-labela">Jedinica mere</label>
|
||||
{{$jm := .Artikal.JedinicaMere}}
|
||||
<select name="jedinica_mere" style="width:100%;">
|
||||
<option value="kom" {{if eq $jm "kom"}}selected{{end}}>kom</option>
|
||||
<option value="sat" {{if eq $jm "sat"}}selected{{end}}>sat</option>
|
||||
<option value="set" {{if eq $jm "set"}}selected{{end}}>set</option>
|
||||
<option value="m" {{if eq $jm "m"}}selected{{end}}>m</option>
|
||||
<option value="m2" {{if eq $jm "m2"}}selected{{end}}>m²</option>
|
||||
<option value="l" {{if eq $jm "l"}}selected{{end}}>l</option>
|
||||
<option value="kg" {{if eq $jm "kg"}}selected{{end}}>kg</option>
|
||||
<option value="pak" {{if eq $jm "pak"}}selected{{end}}>pak</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- kategorija -->
|
||||
<div>
|
||||
<label class="polje-labela">Kategorija</label>
|
||||
@@ -72,8 +98,8 @@
|
||||
style="width:100%;resize:vertical;">{{.Artikal.Opis}}</textarea>
|
||||
</div>
|
||||
|
||||
<!-- količina i minimum -->
|
||||
<div class="forma-grid-2" style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
|
||||
<!-- količina i minimum (samo za proizvode) -->
|
||||
<div class="forma-grid-2" data-lager style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
|
||||
<div>
|
||||
<label class="polje-labela">Količina na stanju</label>
|
||||
<input type="number" name="kolicina" value="{{.Artikal.Kolicina}}" min="0" style="width:100%;">
|
||||
@@ -102,8 +128,8 @@
|
||||
placeholder="prazno = po kategoriji / globalna">
|
||||
</div>
|
||||
|
||||
<!-- lokacija -->
|
||||
<div>
|
||||
<!-- lokacija (samo za proizvode) -->
|
||||
<div data-lager>
|
||||
<label class="polje-labela">Lokacija u magacinu</label>
|
||||
<input type="text" name="lokacija" value="{{.Artikal.Lokacija}}"
|
||||
placeholder="npr. Polica A3, Kutija 2..."
|
||||
@@ -130,4 +156,34 @@
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
(function () {
|
||||
// sakrivanje polja lagera za usluge i troškove
|
||||
var tip = document.getElementById('tip-artikla');
|
||||
var lager = document.querySelectorAll('[data-lager]');
|
||||
function azurirajLager() {
|
||||
var prati = tip.value === 'proizvod';
|
||||
lager.forEach(function (el) { el.style.display = prati ? '' : 'none'; });
|
||||
}
|
||||
tip.addEventListener('change', azurirajLager);
|
||||
azurirajLager();
|
||||
|
||||
// auto-predlog šifre pri promeni kategorije (samo za nov artikal i ako šifra nije ručno menjana)
|
||||
var kat = document.querySelector('select[name="kategorija_id"]');
|
||||
var sifra = document.getElementById('sifra-input');
|
||||
var jeIzmena = {{if .Izmena}}true{{else}}false{{end}};
|
||||
if (sifra) {
|
||||
sifra.addEventListener('input', function () { sifra.dataset.rucno = '1'; });
|
||||
}
|
||||
if (kat && sifra && !jeIzmena) {
|
||||
kat.addEventListener('change', function () {
|
||||
if (sifra.dataset.rucno === '1' && sifra.value !== '') return;
|
||||
fetch('/magacin/sledeca-sifra?kategorija=' + encodeURIComponent(kat.value))
|
||||
.then(function (r) { return r.ok ? r.text() : ''; })
|
||||
.then(function (t) { if (t) sifra.value = t; });
|
||||
});
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
{{end}}
|
||||
|
||||
Reference in New Issue
Block a user