Added dynamic coalition naming to selected units.

This commit is contained in:
PeekabooSteam 2023-03-13 17:58:38 +00:00
parent 74ee1f7d44
commit c221149930
2 changed files with 3 additions and 5 deletions

View File

@ -1,4 +1,4 @@
import { getUnitsManager } from "..";
import { getMissionData, getUnitsManager } from "..";
import { Slider } from "../controls/slider";
import { Unit } from "../units/unit";
import { Panel } from "./panel";
@ -70,10 +70,8 @@ export class UnitControlPanel extends Panel {
var button = document.createElement("button");
button.innerText = unit.getBaseData().unitName;
button.setAttribute( "data-short-label", unit.getBaseData().name );
button.setAttribute( "data-coalition", unit.getMissionData().coalition );
button.classList.add( "pill", "highlight-coalition" )
// TODO: make this dynamic, Mr. Weltro.
button.setAttribute( "data-coalition", "blue" );
button.addEventListener("click", () => getUnitsManager().selectUnit(unit.ID, true));
return (button);

View File

@ -15,7 +15,7 @@
<div id="selected-units-container" class="ol-scroll">
<!-- This is where all the unit selection buttons will be shown-->
<button class="pill highlight-coalition" data-coalition="blue" data-short-label="18">Olympus 1-1</button>
<!-- <button class="pill highlight-coalition" data-coalition="blue" data-short-label="18">Olympus 1-1</button> -->
</div>
<div id="flight-data">