EH22/design
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

merch sizing-guide: add missing tbody
All checks were successful
/ build (push) Successful in 8s
Details

Browse source
This commit is contained in:
kritzl 2025-02-13 03:12:04 +01:00
commit f99ef52958
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
1 changed files with 33 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

36
styleguide/merch.html
View file

@ -71,9 +71,11 @@
td.val.highlighted[data-dim="A"] {
background-color: rgb(96, 165, 249);
}
td.val.highlighted[data-dim="B"] {
background-color: rgb(211, 129, 247);
}
td.val.highlighted[data-dim="C"] {
background-color: rgb(255, 121, 117);
}
@ -222,6 +224,7 @@
<td class="val">26</td>
<td class="val empty"></td>
</tr>
</tbody>
<tbody>
<tr>
<th rowspan="3">Shirt Fitted</th>
@ -268,6 +271,7 @@
<td class="val empty"></td>
<td class="val empty"></td>
</tr>
</tbody>
<tbody>
<tr>
<th rowspan="3">Hoodie</th>
@ -314,6 +318,7 @@
<td class="val">69.5</td>
<td class="val empty"></td>
</tr>
</tbody>
<tbody>
<tr>
<th rowspan="3">Zipper</th>
@ -382,6 +387,7 @@
<th data-col="5XL">5XL</th>
<th data-col="6XL">6XL</th>
</tr>
</thead>
<tbody>
<tr>
<th rowspan="3">Embroidered<br>Sweatshirt</th>
@ -428,6 +434,7 @@
<td class="val">69.5</td>
<td class="val empty"></td>
</tr>
</tbody>
<tbody>
<tr>
<th>Shirt Straight<br>Black/Navy/Green</th>
@ -435,6 +442,8 @@
<td>Creator 2.0 STTU169</td>
<td colspan="12">same as EH22 Shirt Straight</td>
</tr>
</tbody>
<tbody>
<tr>
<th rowspan="2">Shirt Straight<br>Burgundy</th>
<td rowspan="2">stormtextil</td>
@ -466,6 +475,7 @@
<td class="val">88</td>
<td class="val">89</td>
</tr>
</tbody>
<tbody>
<tr>
<th>Shirt Fitted</th>
@ -473,6 +483,7 @@
<td>Stella Ella STTW174</td>
<td colspan="12">same as EH22 Shirt Fitted</td>
</tr>
</tbody>
<tbody>
<tr>
<th rowspan="3">Dress</th>
@ -519,6 +530,7 @@
<td class="val empty"></td>
<td class="val empty"></td>
</tr>
</tbody>
<tbody>
<tr>
<th rowspan="3">Hoodie</th>
@ -565,6 +577,7 @@
<td class="val">70</td>
<td class="val empty"></td>
</tr>
</tbody>
<tbody>
<tr>
<th rowspan="3">Zipper</th>
@ -611,6 +624,7 @@
<td class="val empty"></td>
<td class="val empty"></td>
</tr>
</tbody>
<tbody>
<tr>
<th rowspan="3">Embroidered<br>Heavy Shirt</th>
@ -679,6 +693,7 @@
<th data-col="5XL">5XL</th>
<th data-col="6XL">6XL</th>
</tr>
</thead>
<tbody>
<tr>
<th rowspan="2">Zipper Straight</th>
@ -711,6 +726,7 @@
<td class="val empty"></td>
<td class="val empty"></td>
</tr>
</tbody>
<tbody>
<tr>
<th rowspan="2">Zipper Fitted</th>
@ -743,6 +759,7 @@
<td class="val empty"></td>
<td class="val empty"></td>
</tr>
</tbody>
<tbody>
<tr>
<th rowspan="2">Shirt Straight</th>
@ -775,6 +792,7 @@
<td class="val">84</td>
<td class="val empty"></td>
</tr>
</tbody>
<tbody>
<tr>
<th rowspan="2">Shirt Fitted</th>
@ -829,6 +847,7 @@
<th data-col="5XL">5XL</th>
<th data-col="6XL">6XL</th>
</tr>
</thead>
<tbody>
<tr>
<th rowspan="3">Fitted Shirt<br>Blue</th>
@ -875,6 +894,7 @@
<td class="val empty"></td>
<td class="val empty"></td>
</tr>
</tbody>
<tbody>
<tr>
<th>Fitted Shirt<br>Black</th>
@ -882,6 +902,7 @@
<td>???</td>
<td colspan="12">unknown model</td>
</tr>
</tbody>
<tbody>
<tr>
<th>Straight Shirt<br>Blue</th>
@ -889,6 +910,7 @@
<td>???</td>
<td colspan="12">unknown model</td>
</tr>
</tbody>
<tbody>
<tr>
<th>Straight Shirt<br>Black</th>
@ -896,6 +918,7 @@
<td>???</td>
<td colspan="12">unknown model</td>
</tr>
</tbody>
<tbody>
<tr>
<th>Hoodie<br>Blue</th>
@ -903,6 +926,7 @@
<td>???</td>
<td colspan="12">unknown model</td>
</tr>
</tbody>
<tbody>
<tr>
<th>Hoodie<br>Black</th>
@ -910,6 +934,7 @@
<td>???</td>
<td colspan="12">unknown model</td>
</tr>
</tbody>
<tbody>
<tr>
<th>Zipper<br>Blue</th>
@ -917,6 +942,7 @@
<td>???</td>
<td colspan="12">unknown model</td>
</tr>
</tbody>
<tbody>
<tr>
<th>Zipper<br>Black</th>
@ -946,6 +972,7 @@
<th data-col="5XL">5XL</th>
<th data-col="6XL">6XL</th>
</tr>
</thead>
<tbody>
<tr>
<th rowspan="3">Shirt Straight</th>
@ -992,6 +1019,7 @@
<td class="val">25</td>
<td class="val empty"></td>
</tr>
</tbody>
<tbody>
<tr>
<th rowspan="3">Shirt Fitted</th>
@ -1038,6 +1066,7 @@
<td class="val empty"></td>
<td class="val empty"></td>
</tr>
</tbody>
<tbody>
<tr>
<th rowspan="3">Hoodie</th>
@ -1084,6 +1113,7 @@
<td class="val">70</td>
<td class="val empty"></td>
</tr>
</tbody>
<tbody>
<tr>
<th rowspan="3">Zipper</th>
@ -1174,13 +1204,13 @@
const group = cell.parentElement.parentElement;
const col = cell.dataset.col;
if(cell.classList.contains('highlighted')){
if (cell.classList.contains('highlighted')) {
selectCell(e);
return;
}
const values = {}
group.querySelectorAll(`td[data-col='${col}']`).forEach(match =>{
group.querySelectorAll(`td[data-col='${col}']`).forEach(match => {
values[match.dataset.dim] = parseFloat(match.dataset.val);
})
@ -1200,7 +1230,7 @@
match.classList.remove('currentDimension');
});
group.querySelectorAll(`td[data-col='${col}']`).forEach(match =>{
group.querySelectorAll(`td[data-col='${col}']`).forEach(match => {
match.classList.add('highlighted')
})