show action list and remaining placements on a turn

This commit is contained in:
jude
2023-02-15 18:00:25 +00:00
parent 9ffd43e944
commit b3fd23bba2
16 changed files with 262 additions and 37 deletions

View File

@ -52,52 +52,72 @@
<div class="node east" data-name="A" style="left: 280px;">
<div class="strength"><strong>U</strong></div>
<div class="label">A</div>
<button class="action">Claim</button>
<div class="actions">
<button>Claim</button>
</div>
</div>
<div class="node east" data-name="B" style="left: 160px;">
<div class="strength"><strong>U</strong></div>
<div class="label">B</div>
<button class="action">Claim</button>
<div class="actions">
<button>Claim</button>
</div>
</div>
<div class="node east" data-name="C" style="left: 220px; top: -200px;">
<div class="strength"><strong>U</strong></div>
<div class="label">C</div>
<button class="action">Claim</button>
<div class="actions">
<button>Claim</button>
</div>
</div>
<div class="node east" data-name="D" style="left: 380px; top: -200px;">
<div class="strength"><strong>U</strong></div>
<div class="label">D</div>
<button class="action">Claim</button>
<div class="actions">
<button>Claim</button>
</div>
</div>
<div class="node west" data-name="E" style="left: -40px; top: 140px;">
<div class="strength"><strong>U</strong></div>
<div class="label">E</div>
<button class="action">Claim</button>
<div class="actions">
<button>Claim</button>
</div>
</div>
<div class="node west" data-name="F" style="left: -40px; top: -140px;">
<div class="strength"><strong>U</strong></div>
<div class="label">F</div>
<button class="action">Claim</button>
<div class="actions">
<button>Claim</button>
</div>
</div>
<div class="node west" data-name="G" style="left: -280px; top: -80px;">
<div class="strength"><strong>U</strong></div>
<div class="label">G</div>
<button class="action">Claim</button>
<div class="actions">
<button>Claim</button>
</div>
</div>
<div class="node west" data-name="H" style="left: -280px; top: 80px;">
<div class="strength"><strong>U</strong></div>
<div class="label">H</div>
<button class="action">Claim</button>
<div class="actions">
<button>Claim</button>
</div>
</div>
<div class="node west" data-name="I" style="left: -180px;">
<div class="strength"><strong>U</strong></div>
<div class="label">I</div>
<button class="action">Claim</button>
<div class="actions">
<button>Claim</button>
</div>
</div>
<div class="node east" data-name="J" style="">
<div class="strength"><strong>U</strong></div>
<div class="label">J</div>
<button class="action">Claim</button>
<div class="actions">
<button>Claim</button>
</div>
</div>
</div>