View squad records

src/index.js

@@ -255,6 +255,20 @@ document.querySelector('#toggle-grid-vis input').addEventListener('change', func
   svg.querySelector('#dots').style.display = this.checked ? 'inline' : 'none';
 });
 
+document.querySelectorAll('#record-sheet [data-allegiance]').forEach(el => {
+  const squadNumbers = el.querySelectorAll(`.squad-number`);
+  const recordContainer = el.querySelector('.records');
+
+  squadNumbers.forEach(sn =>
+    sn.addEventListener('click', function() {
+      recordContainer.dataset.viewSquadNumber = this.dataset.number;
+      squadNumbers.forEach(sn =>
+        sn.classList[sn.dataset.number === this.dataset.number ? 'add' : 'remove']('selected')
+      );
+    })
+  );
+});
+
 contentVisToggleEl.addEventListener('input', toggleContentVis);
 contentVisToggleEl.checked = (localStorage.getItem('content-visibility') !== 'false');
 toggleContentVis();