weyne/DCSOlympus
1
0
Fork 0
mirror of https://github.com/Pax1601/DCSOlympus.git synced 2025-10-29 16:56:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed task pill

Browse Source
This commit is contained in:
Pax1601 2023-03-21 17:05:36 +01:00
parent 2d47b93445
commit b24f706582
3 changed files with 6 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/demo.js
View File

@ -46,7 +46,7 @@ const DEMO_UNIT_DATA = {
wingmenIDs: []
},
taskData: {
currentTask: "Example task",
currentTask: "Holding",
activePath: undefined,
targetSpeed: 400,
targetAltitude: 3000

12
client/src/panels/unitinfopanel.ts
View File

@ -12,7 +12,7 @@ export class UnitInfoPanel extends Panel {
#fuel: HTMLElement;
#latitude: HTMLElement;
#longitude: HTMLElement;
#task: HTMLElement;
#currentTask: HTMLElement;
#loadoutContainer: HTMLElement;
constructor(ID: string) {
@ -27,7 +27,7 @@ export class UnitInfoPanel extends Panel {
this.#fuel = <HTMLElement>(this.getElement().querySelector("#fuel"));
this.#latitude = <HTMLElement>(this.getElement().querySelector("#latitude"));
this.#longitude = <HTMLElement>(this.getElement().querySelector("#longitude"));
this.#task = <HTMLElement>(this.getElement().querySelector("#task"));
this.#currentTask = <HTMLElement>(this.getElement().querySelector("#current-task"));
this.#loadoutContainer = <HTMLElement>(this.getElement().querySelector("#loadout-container"));
document.addEventListener("unitsSelection", (e: CustomEvent<Unit[]>) => this.#onUnitsSelection(e.detail));
@ -50,12 +50,8 @@ export class UnitInfoPanel extends Panel {
//this.#fuel.innerText = String(unit.getMissionData().fuel + "%");
//this.#latitude.innerText = ConvertDDToDMS(unit.getFlightData().latitude, false);
//this.#longitude.innerText = ConvertDDToDMS(unit.getFlightData().longitude, true);
this.#task.innerText = unit.getTaskData().currentTask !== ""? unit.getTaskData().currentTask: "No task";
/* Set the class of the task container */
this.#task.classList.toggle("red", unit.getMissionData().coalition === "red");
this.#task.classList.toggle("blue", unit.getMissionData().coalition === "blue");
this.#task.classList.toggle("neutral", unit.getMissionData().coalition === "neutral");
this.#currentTask.dataset.currentTask = unit.getTaskData().currentTask !== ""? unit.getTaskData().currentTask: "No task";
this.#currentTask.dataset.coalition = unit.getMissionData().coalition;
/* Add the loadout elements */
this.#loadoutContainer.replaceChildren(...unit.getMissionData().ammo.map(

3
client/views/unitinfopanel.ejs
View File

@ -7,9 +7,8 @@
<div class="ol-group">
<div id="name" class="pill highlight-primary">Name</div>
<div id="group-name" class="pill highlight-primary">Group</div>
<div id="task" class="pill highlight-primary">Task</div>
</div>
<div id="current-task" class="pill highlight-coalition" data-coalition="blue" data-current-task="Orbiting in place"></div>
<div id="current-task" class="pill highlight-coalition" data-coalition="blue" data-current-task=""></div>
</div>
<div id="loadout-data" class="panel-section">