50 lines
1.5 KiB
Plaintext
50 lines
1.5 KiB
Plaintext
package component
|
|
|
|
import "git.proximination.com/pclatihan/wstempl/model"
|
|
|
|
templ BarangView(mdl model.Barang) {
|
|
<div class="max-w-xl mx-auto bg-white p-6 rounded-xl shadow-md">
|
|
<h1 class="text-2xl font-bold mb-4 text-blue-700">{ mdl.Nama }</h1>
|
|
<p class="text-gray-600 mb-2">Merk: <span class="font-semibold">{ mdl.Merk }</span></p>
|
|
<table class="w-full border border-gray-300 rounded text-sm">
|
|
<tr class="bg-gray-50">
|
|
<td class="p-2 font-semibold">Panjang</td>
|
|
<td class="p-2">{ mdl.Panjang }</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="p-2 font-semibold">Lebar</td>
|
|
<td class="p-2">{ mdl.Lebar }</td>
|
|
</tr>
|
|
<tr class="bg-gray-50">
|
|
<td class="p-2 font-semibold">Tinggi</td>
|
|
<td class="p-2">{ mdl.Tinggi }</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="p-2 font-semibold">Satuan</td>
|
|
<td class="p-2">{ mdl.Unit }</td>
|
|
</tr>
|
|
<tr class="bg-gray-50">
|
|
<td class="p-2 font-semibold">Status</td>
|
|
<td class="p-2">{ mdl.Status }</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="p-2 font-semibold">Warna</td>
|
|
<td class="p-2">{ mdl.Warna }</td>
|
|
</tr>
|
|
</table>
|
|
<a href="/" class="inline-block mt-4 text-blue-600 hover:underline">← Kembali ke daftar</a>
|
|
</div>
|
|
}
|
|
|
|
templ DaftarBarangView(mdl model.DaftarBarang) {
|
|
@Common("DAFTAR") {
|
|
<ul class="list-disc list-inside text-blue-700 space-y-2">
|
|
for _, item := range mdl.Items {
|
|
<li>
|
|
<a class="hover:underline" href={ templ.SafeURL(item.Url) }>{ item.Nama }</a>
|
|
</li>
|
|
}
|
|
</ul>
|
|
}
|
|
}
|