mirror of
https://github.com/Pax1601/DCSOlympus.git
synced 2025-10-29 16:56:34 +00:00
67 lines
2.8 KiB
Plaintext
67 lines
2.8 KiB
Plaintext
<div id="unit-control-panel" class="ol-panel ol-panel-padded">
|
|
<h2>Selected units</h2>
|
|
|
|
|
|
<div id="unit-info-panel">
|
|
<div id="general" class="panel-section">
|
|
<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>
|
|
<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>
|
|
</div>
|
|
<div id="loadout-data" class="panel-section">
|
|
<h3 id="loadout-label">Loadout</h3>
|
|
<div class="data-grid">
|
|
<div class="data-row"><img class="icon-small" src="images/icons/fuel.svg"><h5>Fuel</h5><h4 id="fuel"></h4></div>
|
|
</div>
|
|
<div id="loadout-container" class="ol-scroll">
|
|
</div>
|
|
</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 -->
|
|
</div>
|
|
|
|
<h3>Rules of engagement</h3>
|
|
<div id="roe-buttons-container">
|
|
<!-- This is where the roe buttons will be shown -->
|
|
</div>
|
|
|
|
<h3>Reaction to threat</h3>
|
|
<div id="reaction-to-threat-buttons-container">
|
|
<!-- This is where the reaction to threat buttons will be shown -->
|
|
</div>
|
|
</div>
|