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

Started to look at the unit control panel.

Browse Source
This commit is contained in:
PeekabooSteam 2023-03-06 20:45:11 +00:00
parent c4b03a7795
commit 3911b8fefe
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
client/src/panels/unitcontrolpanel.ts
View File

@ -50,6 +50,7 @@ export class UnitControlPanel extends Panel {
if (this.getElement() != null)
{
this.#showFlightControlSliders(units);
console.log( this.getElement().querySelector("#selected-units-container") );
this.getElement().querySelector("#selected-units-container")?.replaceChildren(...units.map((unit: Unit) =>
{
var button = document.createElement("button");

14
client/views/unitcontrolpanel.ejs
View File

@ -1,16 +1,20 @@
<div id="unit-control-panel" class="ol-panel">
<div id="unit-control-panel" class="ol-panel ol-panel-padded">
<h2>Selected units</h2>
<div id="selected-units-container" class="ol-scroll">
<!-- This is where all the unit selection buttons will be shown-->
</div>
<div id="unit-info-panel">
<div id="general" class="panel-section">
<h3 id="unit-name">Olympus 1-1</h3>
<h3>
<div id="unit-name">Olympus 1-1</div>
<button>[e]</button>
</h3>
<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="selected-units-container" class="ol-scroll">
<!-- This is where all the unit selection buttons will be shown-->
</div>
<div id="flight-data" class="panel-section">
<h3 id="flight-data-label">Flight data</h3>
<div id="latitude"></div>