ccm/btroops
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP: smoothe squad view

Browse Source
This commit is contained in:
Catalin Constantin Mititiuc
2025-06-16 22:41:33 -07:00
parent fa483cc76f
commit e3de50ceef
6 changed files with 230 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
public/index.html
View File

@@ -263,7 +263,7 @@
<div id="record-sheet">
<div id="attacker-record" data-allegiance="attacker">
<!-- <img class="logo" src="logo-davion.png" /> -->
<div>
<div class="records-header">
<div><strong class="name">Attacker</strong></div>
<div><button type="button" class="end-move" data-allegiance="attacker">
End Movement
@@ -271,30 +271,14 @@
<div><button type="button" class="end-turn" data-allegiance="defender">
End Turn
</button></div>
<div class="squad-number selected" data-number="1">
<div><button type="button" class="view-squad" value="previous">&lt;</button></div>
<div class="squad-number">
<svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg">
<circle id="counter-base" r="5" cx="0" cy="0"></circle>
<text>1</text>
</svg>
</div>
<div class="squad-number" data-number="2">
<svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg">
<circle id="counter-base" r="5" cx="0" cy="0"></circle>
<text>2</text>
</svg>
</div>
<div class="squad-number" data-number="3">
<svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg">
<circle id="counter-base" r="5" cx="0" cy="0"></circle>
<text>3</text>
</svg>
</div>
<div class="squad-number" data-number="4">
<svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg">
<circle id="counter-base" r="5" cx="0" cy="0"></circle>
<text>4</text>
</svg>
</div>
<div><button type="button" class="view-squad" value="next">&gt;</button></div>
<!-- 1st Squad, 3rd Platoon, Bravo Company, 2nd Battalion<br>
17th Kestral Mechanized Infantry -->
</div>
@@ -302,7 +286,7 @@
</div>
<div id="defender-record" data-allegiance="defender">
<!-- <img class="logo" src="logo-liao.png" /> -->
<div>
<div class="records-header">
<div><strong class="name">Defender</strong></div>
<div><button type="button" class="end-move" data-allegiance="defender">
End Movement
@@ -310,30 +294,16 @@
<div><button type="button" class="end-turn" data-allegiance="attacker">
End Turn
</button></div>
<div class="squad-number selected" data-number="1">
<svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg">
<circle id="counter-base" r="5" cx="0" cy="0"></circle>
<text>1</text>
</svg>
</div>
<div class="squad-number" data-number="2">
<svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg">
<circle id="counter-base" r="5" cx="0" cy="0"></circle>
<text>2</text>
</svg>
</div>
<div class="squad-number" data-number="3">
<svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg">
<circle id="counter-base" r="5" cx="0" cy="0"></circle>
<text>3</text>
</svg>
</div>
<div class="squad-number" data-number="4">
<svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg">
<circle id="counter-base" r="5" cx="0" cy="0"></circle>
<text>4</text>
</svg>
<div><button type="button" class="view-squad" value="previous">&lt;</button></div>
<div>
<div class="squad-number">
<svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg">
<circle id="counter-base" r="5" cx="0" cy="0"></circle>
<text>1</text>
</svg>
</div>
</div>
<div><button type="button" class="view-squad" value="next">&gt;</button></div>
<!-- 2nd Squad, 1st Platoon, 3rd Company, 2nd Battalion<br>
Aldebaran Home Guard -->
</div>