gitea-mirror/KSP-MGA-Planner
1
0
Fork 0
mirror of https://github.com/Krafpy/KSP-MGA-Planner.git synced 2025-12-12 07:40:41 -08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #32 from Krafpy/update-dv-display

Browse Source 
Update maneuvers' delta-V display.
This commit is contained in:
Krafpy
2023-01-07 01:24:29 +01:00
committed by GitHub
parent 068869d6a2 c7de2269d5
commit 01b3baa906
4 changed files with 78 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
dist/main/editor/editor.js vendored
View File

@@ -274,6 +274,7 @@ export async function initEditorWithSystem(systems, systemIndex) {
resultItems.endDateSpan.innerHTML = "--";
resultItems.startDateSpan.innerHTML = "--";
resultItems.dateSpan.innerHTML = "--";
resultItems.progradeDVSpan.innerHTML = "--";
resultItems.normalDVSpan.innerHTML = "--";
resultItems.radialDVSpan.innerHTML = "--";
resultItems.ejAngleSpan.innerHTML = "--";

27
index.html
View File

@@ -286,11 +286,30 @@
<div id="maneuvre-details" class="result-details">
<h3>Maneuver <span id="maneuvre-number"></span> details:</h3>
<ul>
<li><strong>Date:</strong> <span id="maneuvre-date" class="clickable-date">--</span> MET</li>
<li><strong>Prograde ΔV:</strong> <span id="prograde-delta-v">--</span> m/s</li>
<li><strong>Date:</strong><span id="maneuvre-date" class="clickable-date">--</span> MET</li>
<!--<li><strong>Prograde ΔV:</strong> <span id="prograde-delta-v">--</span> m/s</li>
<li><strong>Normal ΔV:</strong> <span id="normal-delta-v">--</span> m/s</li>
<li><strong>Radial ΔV:</strong> <span id="radial-delta-v">--</span> m/s</li>
<li hidden><strong>Ejection angle:</strong> <span id="ejection-angle">--</span>° (counter clockwise)</li>
<li><strong>Radial ΔV:</strong> <span id="radial-delta-v">--</span> m/s</li>-->
<li>
<div id="maneuver-dv-li">
<strong>ΔV (m/s):</strong>
<table id="maneuver-dv-table">
<tbody>
<tr>
<th class="prograde-label">prograde</th>
<th class="normal-label">normal</th>
<th class="radial-label">radial</th>
</tr>
<tr>
<td><span id="prograde-delta-v">--</span></td>
<td><span id="normal-delta-v">--</span></td>
<td><span id="radial-delta-v">--</span></td>
</tr>
</tbody>
</table>
</div>
</li>
<li hidden><strong>Ejection angle:</strong><span id="ejection-angle">--</span>° (counter clockwise)</li>
</ul>
</div>

1
src/main/editor/editor.ts
View File

@@ -357,6 +357,7 @@ export async function initEditorWithSystem(systems: SolarSystemData[], systemInd
resultItems.endDateSpan.innerHTML = "--";
resultItems.startDateSpan.innerHTML = "--";
resultItems.dateSpan.innerHTML = "--";
resultItems.progradeDVSpan.innerHTML = "--";
resultItems.normalDVSpan.innerHTML = "--";
resultItems.radialDVSpan.innerHTML = "--";
resultItems.ejAngleSpan.innerHTML = "--";

54
style.css
View File

@@ -404,12 +404,64 @@ input[type="range"]
margin-top: 0;
}
.result-details li strong
#maneuvre-details li strong
{
display: inline-block;
width: 110px;
}
#flyby-details li strong
{
display: inline-block;
width: 127px;
}
#maneuver-dv-li
{
display: flex;
flex-direction: row;
}
/* Maneuver delta-V table */
#maneuver-dv-table
{
border-collapse: collapse;
}
#maneuver-dv-table th
{
width: 65px;
border-width: 0;
padding: 0;
text-align: center;
}
#maneuver-dv-table td
{
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
}
.prograde-label
{
color: #afe54e;
}
.normal-label
{
color: #d45de5;
}
.radial-label
{
color: #66d5f6;
}
/* Clickable dates */
.clickable-date
{
color: rgb(86, 169, 224);