kevin/portfolio
1
0
Fork 0
Code

Add column layout to plamo filter checkboxes.

Browse Source
This commit is contained in:
Kevin Matsubara 2026-03-01 13:32:39 +01:00
parent 99230d03bd
commit 989ca4b683
1 changed files with 270 additions and 158 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

118
portfolio/templates/model-kits.html
View File

@ -2,170 +2,282 @@
<div class="filters"> <div class="filters">
<!-- Status --> <!-- Status -->
<fieldset class="filter-group" data-filter="status">
<legend>$table-plamo-status$</legend> <legend>$table-plamo-status$</legend>
<fieldset class="filter-group row row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 p-1" data-filter="status">
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="$filter-plamo-in-box$" checked> <input class="me-2" type="checkbox" value="$filter-plamo-in-box$" checked>
$filter-plamo-in-box$ $filter-plamo-in-box$
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="$filter-plamo-building$" checked> <input class="me-2" type="checkbox" value="$filter-plamo-building$" checked>
$filter-plamo-building$ $filter-plamo-building$
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="$filter-plamo-built$" checked> <input class="me-2" type="checkbox" value="$filter-plamo-built$" checked>
$filter-plamo-built$ $filter-plamo-built$
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="$filter-plamo-complete$" checked> <input class="me-2" type="checkbox" value="$filter-plamo-complete$" checked>
$filter-plamo-complete$ $filter-plamo-complete$
</label> </label>
</div>
</fieldset> </fieldset>
<!-- Manufacturer --> <!-- Manufacturer -->
<fieldset class="filter-group" data-filter="manufacturer">
<legend>$table-plamo-manufacturer$</legend> <legend>$table-plamo-manufacturer$</legend>
<fieldset class="filter-group row row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 p-1" data-filter="manufacturer">
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="AZmodel" checked> <input class="me-2" type="checkbox" value="AZmodel" checked>
AZmodel AZmodel
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="Bandai" checked> <input class="me-2" type="checkbox" value="Bandai" checked>
Bandai Bandai
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="Bandai Spirits" checked> <input class="me-2" type="checkbox" value="Bandai Spirits" checked>
Bandai Spirits Bandai Spirits
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="Cavico" checked> <input class="me-2" type="checkbox" value="Cavico" checked>
Cavico Cavico
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="Eduard" checked> <input class="me-2" type="checkbox" value="Eduard" checked>
Eduard Eduard
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="Finemolds" checked> <input class="me-2" type="checkbox" value="Finemolds" checked>
Finemolds Finemolds
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="Flame Toys" checked> <input class="me-2" type="checkbox" value="Flame Toys" checked>
Flame Toys Flame Toys
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="Fujimi" checked> <input class="me-2" type="checkbox" value="Fujimi" checked>
Fujimi Fujimi
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="Hasegawa" checked> <input class="me-2" type="checkbox" value="Hasegawa" checked>
Hasegawa Hasegawa
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="Italeri" checked> <input class="me-2" type="checkbox" value="Italeri" checked>
Italeri Italeri
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="Kotobukiya" checked> <input class="me-2" type="checkbox" value="Kotobukiya" checked>
Kotobukiya Kotobukiya
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="MiniArt" checked> <input class="me-2" type="checkbox" value="MiniArt" checked>
MiniArt MiniArt
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="Moderoid - Good Smile Company" checked> <input class="me-2" type="checkbox" value="Moderoid - Good Smile Company" checked>
Moderoid - Good Smile Company Moderoid - Good Smile Company
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="Ōtaki" checked> <input class="me-2" type="checkbox" value="Ōtaki" checked>
Ōtaki Ōtaki
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="Revell" checked> <input class="me-2" type="checkbox" value="Revell" checked>
Revell Revell
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="Tamiya" checked> <input class="me-2" type="checkbox" value="Tamiya" checked>
Tamiya Tamiya
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="Thunder Model" checked> <input class="me-2" type="checkbox" value="Thunder Model" checked>
Thunder Model Thunder Model
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="Wave Corporation" checked> <input class="me-2" type="checkbox" value="Wave Corporation" checked>
Wave Corporation Wave Corporation
</label> </label>
</div>
</fieldset> </fieldset>
<!-- Series --> <!-- Series -->
<fieldset class="filter-group" data-filter="series">
<legend>$table-plamo-series$</legend> <legend>$table-plamo-series$</legend>
<fieldset class="filter-group row row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 p-1" data-filter="series">
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="$filter-plamo-series-msg$" checked> <input class="me-2" type="checkbox" value="$filter-plamo-series-msg$" checked>
$filter-plamo-series-msg$ $filter-plamo-series-msg$
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="$filter-plamo-series-msg-pocket$" checked> <input class="me-2" type="checkbox" value="$filter-plamo-series-msg-pocket$" checked>
$filter-plamo-series-msg-pocket$ $filter-plamo-series-msg-pocket$
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="$filter-plamo-series-msg-stardust$" checked> <input class="me-2" type="checkbox" value="$filter-plamo-series-msg-stardust$" checked>
$filter-plamo-series-msg-stardust$ $filter-plamo-series-msg-stardust$
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="$filter-plamo-series-msg-char$" checked> <input class="me-2" type="checkbox" value="$filter-plamo-series-msg-char$" checked>
$filter-plamo-series-msg-char$ $filter-plamo-series-msg-char$
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="$filter-plamo-series-msg-gqx$" checked> <input class="me-2" type="checkbox" value="$filter-plamo-series-msg-gqx$" checked>
$filter-plamo-series-msg-gqx$ $filter-plamo-series-msg-gqx$
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="$filter-plamo-series-msg-ironblood$" checked> <input class="me-2" type="checkbox" value="$filter-plamo-series-msg-ironblood$" checked>
$filter-plamo-series-msg-ironblood$ $filter-plamo-series-msg-ironblood$
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="$filter-plamo-series-msg-seed$" checked> <input class="me-2" type="checkbox" value="$filter-plamo-series-msg-seed$" checked>
$filter-plamo-series-msg-seed$ $filter-plamo-series-msg-seed$
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="$filter-plamo-series-msg-seed-destiny$" checked> <input class="me-2" type="checkbox" value="$filter-plamo-series-msg-seed-destiny$" checked>
$filter-plamo-series-msg-seed-destiny$ $filter-plamo-series-msg-seed-destiny$
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="$filter-plamo-series-msg-seed-freedom$" checked> <input class="me-2" type="checkbox" value="$filter-plamo-series-msg-seed-freedom$" checked>
$filter-plamo-series-msg-seed-freedom$ $filter-plamo-series-msg-seed-freedom$
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="$filter-plamo-series-msg-witch$" checked> <input class="me-2" type="checkbox" value="$filter-plamo-series-msg-witch$" checked>
$filter-plamo-series-msg-witch$ $filter-plamo-series-msg-witch$
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="$filter-plamo-series-msg-unicorn$" checked> <input class="me-2" type="checkbox" value="$filter-plamo-series-msg-unicorn$" checked>
$filter-plamo-series-msg-unicorn$ $filter-plamo-series-msg-unicorn$
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="$filter-plamo-series-msg-zz$" checked> <input class="me-2" type="checkbox" value="$filter-plamo-series-msg-zz$" checked>
$filter-plamo-series-msg-zz$ $filter-plamo-series-msg-zz$
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="$filter-plamo-series-msg-zeta$" checked> <input class="me-2" type="checkbox" value="$filter-plamo-series-msg-zeta$" checked>
$filter-plamo-series-msg-zeta$ $filter-plamo-series-msg-zeta$
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="$filter-plamo-series-gundam-wing-endless-waltz$" checked> <input class="me-2" type="checkbox" value="$filter-plamo-series-gundam-wing-endless-waltz$" checked>
$filter-plamo-series-gundam-wing-endless-waltz$ $filter-plamo-series-gundam-wing-endless-waltz$
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="$filter-plamo-series-mfg-gundam$" checked> <input class="me-2" type="checkbox" value="$filter-plamo-series-mfg-gundam$" checked>
$filter-plamo-series-mfg-gundam$ $filter-plamo-series-mfg-gundam$
</label> </label>
</div>
<div class="col">
<label> <label>
<input class="me-2" type="checkbox" value="$filter-plamo-series-gundam-bf-try$" checked> <input class="me-2" type="checkbox" value="$filter-plamo-series-gundam-bf-try$" checked>
$filter-plamo-series-gundam-bf-try$ $filter-plamo-series-gundam-bf-try$
</label> </label>
</div>
</fieldset> </fieldset>
</div> </div>