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

Tarted up the unit control panel a bit more.

Browse Source
This commit is contained in:
PeekabooSteam
2023-03-08 21:42:14 +00:00
parent ef960eb2ee
commit 7c4f11591e
4 changed files with 129 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
client/views/unitcontrolpanel.ejs
View File

@@ -1,19 +1,19 @@
<div id="unit-control-panel" class="ol-panel ol-panel-padding-lg">
<div id="unit-info-panel">
<div id="general" class="panel-section">
<div id="unit-identification">
<div class="unit unit-air no-function">
<div class="unit-marker"></div>
<div class="unit-short-label">18</div>
</div>
<input id="unit-name" value="Olympus 1-1" readonly disabled />
<button id="edit-unit-name" data-on-click="editUnitName"></button>
<div id="unit-identification">
<div class="unit unit-air no-function">
<div class="unit-marker"></div>
<div class="unit-short-label">18</div>
</div>
<input id="unit-name" value="Olympus 1-1" readonly disabled />
<!-- <button id="edit-unit-name" data-on-click="editUnitName"></button> -->
</div>
<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>
@@ -23,16 +23,38 @@
<!-- This is where all the unit selection buttons will be shown-->
</div>
<div id="flight-data" class="panel-section">
<h4 id="flight-data-label">Flight data</h4>
<div id="latitude"></div>
<div id="longitude"></div>
<div class="data-grid">
<div class="data-row"><img class="icon-small" src="images/icons/speed.svg"><h5>Ground Speed</h5><h4 id="ground-speed">12</h4></div>
<div class="data-row"><img class="icon-small" src="images/icons/altitude.svg"><h5>Altitude</h5><h4 id="altitude"></h4></div>
<div class="data-row"><img class="icon-small" src="images/icons/heading.svg"><h5>Heading</h5><h4 id="heading"></h4></div>
<div id="flight-data">
<h4 id="loadout-label">Flight data</h4>
<dl class="data-grid">
<dt>Heading</dt>
<dd id="heading">123&deg;</dd>
<dt>Speed</dt>
<dd id="ground-speed">323kts</dd>
<dt>Altitude</dt>
<dd id="altitude">27,414ft</dd>
</dl>
<h4>Flight controls</h4>
<div class="slider-container flight-control-slider" id="airspeed-slider">
<dl class="data-grid">
<dt>Speed</dt>
<dd class="flight-control-value" id="value">451kts</dd>
</dl>
<input type="range" min="1" max="600" value="451" class="slider">
</div>
<div class="slider-container flight-control-slider" id="altitude-slider">
<dl class="data-grid">
<dt>Altitude</dt>
<dd class="flight-control-value" id="value">21,594ft</dd>
</dl>
<input type="range" min="1" max="50000" value="21594" class="slider">
</div>
</div>
<div id="loadout-data" class="panel-section">
<h4 id="loadout-label">Loadout</h4>
<div class="data-grid">
@@ -43,20 +65,6 @@
</div>
</div>
<h3>Controls</h3>
<div id="flight-controls-buttons-container">
<div class="slider-container flight-control-slider" id="altitude-slider">
<div class="flight-control-title">Altitude</div>
<div class="flight-control-value" id="value"></div>
<input type="range" min="1" max="100" value="50" class="slider">
</div>
<div class="slider-container flight-control-slider" id="airspeed-slider">
<div class="flight-control-title">Speed</div>
<div class="flight-control-value" id="value"></div>
<input type="range" min="1" max="100" value="50" class="slider">
</div>
</div>
<!-- <h3>Formation</h3> -->
<!-- <div id="formation-buttons-container"> -->
<!-- This is where all the formation control buttons will be shown -->
@@ -73,4 +81,11 @@
<div id="reaction-to-threat-buttons-container" class="ol-group ol-button-box">
<!-- This is where the reaction to threat buttons will be shown -->
</div>
<hr />
<div class="ol-button-group">
<button class="ol-button-warning">Delete unit</button>
</div>
</div>