You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
inav-configurator/tabs/mission_control.html

489 lines
33 KiB
HTML

<div class="tab-mission-control">
<div style="padding-top: 20px;padding-left: 20px; padding-right: 20px;position: relative;">
<div class="tab_title" data-i18n="tabMissionControl"></div>
</div>
<div class="content_wrapper">
<div class="cf_column fourth" id="missionControls">
<div class="spacer_right">
<div id="missionPlannerAction" class="gui_box grey">
<div class="gui_box_titlebar">
<div class="spacer_box_title" data-i18n="missionActionMenuHead"></div>
<div class="btnMenu btnMenuIcon show_btn" id="showHideActionButton">
<a class="ic_hide" href="#" i18n_title="missionTitleHide"></a>
</div>
</div>
<div class="spacer" id="ActionContent">
3 years ago
<div class="btn save_btn">
<a id="loadFileMissionButton" class="btnicon ic_loadFromFile" href="#" i18n_title="missionTitleLoadMissionFile"></a>
<a id="saveFileMissionButton" class="btnicon ic_save2File" href="#" i18n_title="missionTitleSaveMissionFile"></a>
</div>
<div class="btn save_btn">
8 months ago
<a id="loadMissionButton" class="btnicon ic_loadFromFC" href="#" i18n_title="missionTitleLoadMissionFromFC"> </a>
<a id="saveMissionButton" class="btnicon ic_save2FC" href="#" i18n_title="missionTitleSaveMissionToFC"> </a>
<a id="loadEepromMissionButton" class="btnicon ic_loadFromEprom" href="#" i18n_title="missionTitleLoadEepromMission"></a>
<a id="saveEepromMissionButton" class="btnicon ic_save2Eprom" href="#" i18n_title="missionTitleSaveEepromMission"></a>
</div>
<hr>
<!-- <div class="btn">
<a id="playMissionButton" class="btnicon ic_play" href="#" title="Play mission"></a>
<div class="btn-danger">
<a id="stopMissionButton" class="btnicon ic_stop" href="#" title="Stop mission"></a>
</div>
</div>
<hr> -->
<div id="removeAllPoints" class="btn btn-danger" style="padding-top: 1px; display: inline-block">
<a class="btnicon ic_removeAll" href="#" i18n_title="missionTitleRemoveAll"></a>
</div>
</div>
</div>
3 years ago
<div id="missionPlannerTotalInfo" class="gui_box grey">
<div class="gui_box_titlebar">
<div class="spacer_box_title" data-i18n="missionTotalInformationHead"></div>
<div class="btnMenu btnMenuIcon show_btn" id="showHideInfoButton">
<a class="ic_hide" href="#" i18n_title="missionTitleHide"></a>
</div>
</div>
<div class="spacer" id="InfoContent">
3 years ago
<div id="infoMissionFilename" style="padding-bottom: 2px;">
<span data-i18n="missionTotalInfoFilenameLoaded"></span>
3 years ago
<span id="missionFilename" style="color: #3394b5"></span>
</div>
<div id="infoMissionDistance" style="padding-bottom: 2px;">
<span data-i18n="missionTotalInfoDistance"></span>
<span id="missionDistance"></span>
</div>
<div id="infoAvailablePoints" style="padding-bottom: 2px;">
<span data-i18n="missionTotalInfoAvailablePoints"></span>
<span id="availablePoints">0/0</span>
</div>
<div id="infoMissionValid" style="padding-bottom: 2px;">
<span data-i18n="missionTotalInfoMissionValid"></span>
<div id="missionValid" style="display: inline-block"></div>
</div>
</div>
</div>
3 years ago
<div id="missionPlannerSettings" class="gui_box grey" style="display: none">
<div class="gui_box_titlebar">
<div class="spacer_box_title" data-i18n="missionDefaultSettingsHead"></div>
<div class="btnMenu btnMenuIcon save_btn">
<a id="cancelSettings" class="ic_cancel" href="#" i18n_title="missionTitleCancel"></a>
<a id="saveSettings" class="ic_save" href="#" i18n_title="missionTitleSave"></a>
</div>
</div>
<div class="spacer">
<div class="point">
<label class="point-label" for="MPdefaultPointAlt" data-i18n="missionDefaultPointAlt"></label>
<input id="MPdefaultPointAlt" type="text" value="0" required>
</div>
<div class="point">
<label class="point-label" for="MPdefaultPointSpeed" data-i18n="missionDefaultPointSpeed"></label>
<input id="MPdefaultPointSpeed" type="text" value="0" required>
</div>
<div class="point">
<label class="point-label" for="MPdefaultSafeRangeSH" data-i18n="missionDefaultSafeRangeSH"></label>
<input id="MPdefaultSafeRangeSH" type="text" value="0" required>
</div>
10 months ago
<div class="point">
<label class="point-label" for="MPdefaultFwApproachAlt">FW Approach Alt (m): </label>
<input id="MPdefaultFwApproachAlt" type="text" value="0" required>
</div>
<div class="point">
<label class="point-label" for="MPdefaultLandAlt">FW Land Alt (m): </label>
<input id="MPdefaultLandAlt" type="text" value="0" required>
</div>
</div>
</div>
3 years ago
3 years ago
<div id="missionPlannerMultiMission" class="gui_box grey" style="display: none">
<div class="gui_box_titlebar">
<div class="spacer_box_title" data-i18n="missionMultiMissionHead"></div>
3 years ago
<div class="btnMenu btnMenuIcon save_btn">
<div id="showHideMultimissionButton">
<a class="ic_hide" href="#" i18n_title="missionTitleHide"></a>
3 years ago
</div>
<a id="cancelMultimission" class="ic_cancel" href="#" i18n_title="missionTitleCancel"></a>
3 years ago
</div>
</div>
<div class="spacer" id="multimissionContent">
<div class="btn btnTable btnTableIcon save_btn">
<div>
<span data-i18n="missionMultiMissionsInfo"></span>
<span id="multimissionInfo">None</span>
</div>
<div style="margin-top: 5px">
<span data-i18n="missionMultiActiveMission"></span>
<span id="activeNissionIndex">1</span>
<a class="ic_save disabled" id="setActiveMissionButton" href="#" i18n_title="missionTitleSetActive"></a>
</div>
<hr>
<div style="display: inline-block">
<label for="multimissionOptionList" data-i18n="missionMultiMissionNo."></label>
<select name="Number" id="multimissionOptionList" style="width: 50px">
<option value="0">ALL</option>
</select>
<div style="float: right">
<span data-i18n="missionMultiUpdateAll"></span>
<a class="ic_save disabled" id="updateMultimissionButton" href="#" i18n_title="missionTitleUpdateAll"></a>
</div>
<div style="margin-bottom: 5px; margin-top: 5px">
<label for="addMultimissionButton" data-i18n="missionMultiAddNewMission"></label>
<a class="ic_add disabled" id="addMultimissionButton" href="#" i18n_title="missionTitleAdd"></a>
</div>
</div>
3 years ago
</div>
</div>
</div>
3 years ago
<div id="missionPlannerHome" class="gui_box grey" style="display: none">
3 years ago
<div class="gui_box_titlebar">
<div class="spacer_box_title" data-i18n="missionHomeHead"></div>
3 years ago
<div class="btnMenu btnMenuIcon save_btn">
<div id="showHideHomeButton">
<a class="ic_hide" href="#" i18n_title="missionTitleHide"></a>
3 years ago
</div>
<a id="cancelHome" class="ic_cancel" href="#" i18n_title="missionTitleCancel"></a>
3 years ago
</div>
</div>
<div class="spacer" id="HomeContent">
<div>
<table class="safehomesTable">
<thead>
<tr>
3 years ago
<th style="width: 40px" data-i18n="SafehomeSelected"></th>
<th style="width: 140px" data-i18n="SafehomeLat"></th>
<th style="width: 140px" data-i18n="SafehomeLon"></th>
<th style="width: 100px" data-i18n="SafehomeAlt"></th>
3 years ago
</tr>
</thead>
<tbody id="homeTableBody">
<tr>
<td>
<div id="viewHomePoint" class="btnTable btnTableIcon">
<a class="ic_center" data-role="home-center" href="#" i18n_title="missionTitleMoveToCenterView"></a>
3 years ago
</div>
</td>
<td><input type="number" class="home-lat" /></td>
<td><input type="number" class="home-lon" /></td>
3 years ago
<td><span id="elevationValueAtHome">N/A</span></td>
3 years ago
</tr>
</tbody>
</table>
</div>
</div>
3 years ago
<div class="point" id="elevationEarthModelclass" style="display: none">
8 months ago
<label class="spacer_box_title" for="elevationEarthModel" data-i18n="missionEllipsoidEarthDEMModel"></label>
10 months ago
<input id="elevationEarthModel" type="checkbox" value="0" class="togglemedium" checked required>
3 years ago
</div>
3 years ago
</div>
3 years ago
<div id="missionPlannerSafehome" class="gui_box grey" style="display: none">
4 years ago
<div class="gui_box_titlebar">
<div class="spacer_box_title" data-i18n="missionSafehomeHead"></div>
<div class="btnMenu btnMenuIcon save_btn">
<div id="showHideSafehomeButton">
<a class="ic_hide" href="#" i18n_title="missionTitleHide"></a>
</div>
11 months ago
<a id="cancelSafehome" class="ic_cancel" href="#" title="Cancel"></a>
10 months ago
<a id="addSafehome" class="ic_add" href="#" i18n_title="missionTitleAdd"></a>
<a id="saveEepromSafehomeButton" class="ic_save2Eprom" href="#" i18n_title="missionTitleSaveEepromSafehome"></a>
<a id="loadEepromSafehomeButton" class="ic_loadFromEprom" href="#" i18n_title="missionTitleLoadEepromSafehome"></a>
</div>
4 years ago
</div>
<div class="spacer" id="SafehomeContent">
11 months ago
<div style="padding-bottom: 2px;">
10 months ago
<span data-i18n="missionSafehomeAvailableSafehomes"></span>
11 months ago
<span id="availableSafehomes"></span>
</div>
10 months ago
<div id="SafehomeContentBox" style="display: none;">
<div class="gui_box grey missionPlannerSafehomeBox">
<div class="gui_box_titlebar">
<div class="spacer_box_title" data-i18n="safehomeEdit"></div>
<div class="btnMenu btnMenuIcon">
<div class="btnMenu-danger">
8 months ago
<a id="deleteSafehome" class="ic_removeAll" href="#" i18n_title="missionTitleDelete"></a>
10 months ago
</div>
</div>
</div>
<div class="spacer" id="safehomeSingelContent">
<div class="point">
<label class="point-label-safehome" for="safeHomeLatitude" data-i18n="gpsLat"></label>
<input type="number" id="safehomeLatitude"></input>
</div>
<div class="point">
<label class="point-label-safehome" for="safehomeLongitude" data-i18n="gpsLon"></label>
<input type="number" id="safehomeLongitude"></input>
</div>
<div class="point">
<span style="font-weight: bold" data-i18n="missionFwLandingSettings"></span>
</div>
<div class="point">
<label class="point-label-safehome" for="safehomeSeaLevelRef" data-i18n="missionSeaLevelRef"></label>
<input id="safehomeSeaLevelRef" type="checkbox" value="0" class="togglemedium" required>
</div>
<div class="point">
<label class="point-label-safehome" for="safehomeApproachAlt" data-i18n="missionFwApproachAlt"></label>
<input type="number" id="safehomeApproachAlt"></input>
<span id="safehomeApproachAltM"></span>
</div>
<div class="point">
<label class="point-label-safehome" for="safehomeLandAlt" data-i18n="missionFwLandAlt"></label>
<input type="number" id="safehomeLandAlt"></input>
<span id="safehomeLandAltM"></span>
</div>
<div class="point">
<label class="point-label-safehome" for="safehomeElevation" data-i18n="missionElevation"></label>
<span id="safehomeElevation"></span>
</div>
<div class="point">
<label class="point-label-safehome" for="geozoneApproachDirection" data-i18n="missionFwApproachDir"></label>
<select name="zoneAction" id="geozoneApproachDirection">
<option value="0">Left</option>
<option value="1">Right</option>
</select>
</div>
<div class="point">
<label class="point-label-safehome" for="safehomeLandHeading1" data-i18n="missionFwLandHeading1"></label>
<input type="number" id="safehomeLandHeading1"></input>
<input id="safehomeLandHeading1Excl" type="checkbox" value="0" class="togglemedium" required>
<span data-i18n="missionExclusive"></span>
</div>
<div class="point">
<label class="point-label-safehome" for="safehomeLandHeading2" data-i18n="missionFwLandHeading2"></label>
<input type="number" id="safehomeLandHeading2"></input>
<input id="safehomeLandHeading2Excl" type="checkbox" value="0" class="togglemedium" required>
<span data-i18n="missionExclusive"></span>
</div>
</div>
</div>
11 months ago
</div>
<hr>
<div class="spacer" id="safehomeLegend">
<span><b data-i18n="SafehomeLegend"></b></span>
<div class="legendItem">
11 months ago
<span class="fill" style="border-bottom:5px dotted #900C3F;"></span>
<span class="textLegend" data-i18n="SafehomeMaxDistance"></span>
11 months ago
<span id="safeHomeMaxDistance"></span>
</div>
<div class="legendItem">
11 months ago
<span class="fill" style="border-bottom:5px dotted #88CC3E;"></span>
<span class="textLegend" data-i18n="SafehomeSafeRadius"></span>
11 months ago
<span id="SafeHomeSafeDistance"></span>
</div>
<div class="legendItem">
10 months ago
<span class="fill" style="border-bottom:5px solid #f78a05;border-top:5px solid #0025a1;"></span>
10 months ago
<span class="textLegend" data-i18n="SafehomeFwAppraoch"></span>
11 months ago
<span id="SafeHomeSafeDistance"></span>
</div>
</div>
4 years ago
</div>
</div>
<div class="gui_box grey" id="MPeditPoint" style="display: none">
<div class="gui_box_titlebar">
<div class="spacer_box_title" data-i18n="editPointHead" id="EditPointNumber"></div>
<div class="btnMenu btnMenuIcon">
<div id="showHideWPeditButton" class="save_btn">
<a class="ic_hide" href="#" i18n_title="missionTitleHide"></a>
</div>
3 years ago
<div id="removePoint" class="btn btnMenu-danger">
<a id="removePointButton" class="ic_removeAll" href="#" i18n_title="missionTitlRemove"></a>
</div>
<div id="editMission" class="save_btn" style="display: none">
<a id="editMissionButton" class="ic_setup" href="#" i18n_title="missionTitlEditMission"></a>
</div>
</div>
</div>
<div class="spacer" id="WPeditContent">
<input type="hidden" name="pointNumber" value="">
<div class="point">
10 months ago
<label class="point-label" for="pointType" data-i18n="missionWpType"></label>
<select name="type" id="pointType">
<!--<option value="1">Home</option>-->
<option value="1">Waypoint</option>
<!-- <option value="2">PH_UNLIM</option> -->
<option value="3">PH_TIME</option>
<!--<option value="4">RTH</option>-->
3 years ago
<option value="5">POI</option>
<!--<option value="6">Jump</option>
<option value="7">Heading lock</option>-->
<option value="8">Land</option>
</select>
</div>
<div class="point">
10 months ago
<label class="point-label" for="pointLat" data-i18n="missionWpLat"></label>
<input id="pointLat" type="text" value="0.0" required>
</div>
<div class="point">
10 months ago
<label class="point-label" for="pointLon" data-i18n="missionWpLon"></label>
<input id="pointLon" type="text" value="0.0" required>
</div>
<div class="point">
10 months ago
<label class="point-label" for="pointAlt" data-i18n="missionDefaultPointAlt"></label>
<input id="pointAlt" type="text" value="0" required><span id="altitudeInMeters"></span>
</div>
3 years ago
<div class="point" id="pointP3class" style="display: none">
10 months ago
<label class="point-label" for="pointP3Alt" data-i18n="missionSeaLevelRef"></label>
<input id="pointP3Alt" type="checkbox" value="0" class="togglemedium" checked required>
3 years ago
</div>
3 years ago
<div class="point" id="elevationAtWP" style="display: none">
10 months ago
<label class="point-label" data-i18n="missionElevation"></label>
<span id="elevationValueAtWP" data-i18n="missionNA"></span>
3 years ago
</div>
<div class="point" id="groundClearanceAtWP" style="display: none">
10 months ago
<label class="point-label" data-i18n="missionGroundDist"></label>
<span id="groundClearanceValueAtWP" data-i18n="missionNA"></span>
3 years ago
</div>
<div class="point" id="pointP1class" style="display: none">
10 months ago
<label class="point-label" for="pointP1" data-i18n="missionParameter1"></label>
<input id="pointP1" type="text" value="0" required>
</div>
<div class="point" id="pointP2class" style="display: none">
10 months ago
<label class="point-label" for="pointP2" data-i18n="missionParameter1"></label>
<input id="pointP2" type="text" value="0" required>
</div>
<div class="point" id="pointP3UserActionClass" style="display: none">
10 months ago
<label class="point-label" for="pointP3UserAction" data-i18n="missionUserActions"></label>
<div class="userActionContainer">1 <input id="pointP3UserAction1" type="checkbox" value="0" class="togglemedium" checked required></div>
<div class="userActionContainer">2 <input id="pointP3UserAction2" type="checkbox" value="0" class="togglemedium" checked required></div>
<div class="userActionContainer">3 <input id="pointP3UserAction3" type="checkbox" value="0" class="togglemedium" checked required></div>
<div class="userActionContainer">4 <input id="pointP3UserAction4" type="checkbox" value="0" class="togglemedium" checked required></div>
</div>
<div>
<table class="waypointOptionsTable">
<thead>
<tr>
<th style="width: 30px">
<div id="addOptionsPoint" class="btn btnTable btnTableIcon btnTable-success">
<a id="addOptionsPointButton" class="ic_add" data-role="waypointOptions-add" href="#" style="float: center" title="Add"></a>
</div>
</th>
<th style="width: 50px" data-i18n="WaypointOptionId"></th>
<th style="width: 80px" data-i18n="WaypointOptionAction"></th>
<th style="width: 120px" data-i18n="WaypointOptionP1"></th>
<th style="width: 120px" data-i18n="WaypointOptionP2"></th>
</tr>
</thead>
<tbody id="waypointOptionsTableBody">
</tbody>
</table>
</div>
10 months ago
<div id="wpFwLanding" style="display: none;">
<div class="point">
10 months ago
<span style="font-weight: bold" data-i18n="missionFwLandingSettings"></span>
10 months ago
</div>
<div class="point">
10 months ago
<label class="point-label-safehome" for="wpApproachAlt" data-i18n="missionFwApproachAlt"></label>
10 months ago
<input type="number" id="wpApproachAlt"></input>
<span id="wpApproachAltM"></span>
</div>
<div class="point">
10 months ago
<label class="point-label-safehome" for="wpLandAlt" data-i18n="missionFwLandAlt"></label>
<input type="number" id="wpLandAlt"></input>
<span id="wpLandAltM"></span>
</div>
<div class="point">
<label class="point-label-safehome" for="wpApproachDirection" data-i18n="missionFwApproachDir"></label>
<select name="wpApproachDirection" id="wpApproachDirection">
<option value="0">Left</option>
<option value="1">Right</option>
</select>
</div>
<div class="point">
<label class="point-label-safehome" for="wpLandHeading1" data-i18n="missionFwLandHeading1"></label>
<input type="number" id="wpLandHeading1"></input>
<input id="wpLandHeading1Excl" type="checkbox" value="0" class="togglemedium" checked required>
<span data-i18n="missionExclusive"></span>
</div>
<div class="point">
<label class="point-label-safehome" for="wpLandHeading2" data-i18n="missionFwLandHeading1"></label>
<input type="number" id="wpLandHeading2"></input>
<input id="wpLandHeading2Excl" type="checkbox" value="0" class="togglemedium" checked required>
<span data-i18n="missionExclusive"></span>
</div>
10 months ago
</div>
10 months ago
<div id="wpFwLanding" style="display: none;">
<div class="point">
10 months ago
<span style="font-weight: bold" data-i18n="missionFwLandingSettings"></span>
10 months ago
</div>
<div class="point">
10 months ago
<label class="point-label-safehome" for="wpApproachAlt" data-i18n="missionFwApproachAlt"></label>
10 months ago
<input type="number" id="wpApproachAlt"></input>
<span id="wpApproachAltM"></span>
</div>
<div class="point">
10 months ago
<label class="point-label-safehome" for="wpLandAlt" data-i18n="missionFwLandAlt"></label>
10 months ago
<input type="number" id="wpLandAlt"></input>
<span id="wpLandAltM"></span>
</div>
<div class="point">
10 months ago
<label class="point-label-safehome" for="wpApproachDirection" data-i18n="missionFwApproachDir"></label>
10 months ago
<select name="wpApproachDirection" id="wpApproachDirection">
<option value="0">Left</option>
<option value="1">Right</option>
</select>
</div>
<div class="point">
10 months ago
<label class="point-label-safehome" for="wpLandHeading1" data-i18n="missionFwLandHeading1"></label>
10 months ago
<input type="number" id="wpLandHeading1"></input>
10 months ago
<input id="wpLandHeading1Excl" type="checkbox" value="0" class="togglemedium" checked required>
<span data-i18n="missionExclusive"></span>
10 months ago
</div>
<div class="point">
10 months ago
<label class="point-label-safehome" for="wpLandHeading2" data-i18n="missionFwLandHeading1"></label>
10 months ago
<input type="number" id="wpLandHeading2"></input>
10 months ago
<input id="wpLandHeading2Excl" type="checkbox" value="0" class="togglemedium" checked required>
<span data-i18n="missionExclusive"></span>
10 months ago
</div>
</div>
<!-- <div class="point-radio" id="pointOptionclass" style="display: none">
<div class="radio-line">
<input type="radio" id="Options_None" name="Options" value="None" checked>
<label class="radio-options" for="Options_None">None</label><br>
</div>
<div class="radio-line">
<input type="radio" id="Options_RTH" name="Options" value="RTH">
<label class="radio-options" for="Options_RTH">RTH</label>
<input type="checkbox" id="Options_LandRTH">
<label for="Options_LandRTH">Land after RTH</label><br>
</div>
3 years ago
<div class="radio-line">
<input type="radio" id="Options_JUMP" name="Options" value="JUMP">
<label class="radio-options" for="Options_JUMP">JUMP</label>
<label for="Options_TargetJUMP">Target WP: </label>
<input id="Options_TargetJUMP" type="text" value="0" required>
<label for="Options_NumberJUMP">Repeat: </label>
<input id="Options_NumberJUMP" type="text" value="0" required><br>
</div>
3 years ago
<div class="radio-line">
<input type="radio" id="Options_HEAD" name="Options" value="SET_HEAD">
<label class="radio-options" for="Options_HEAD">HEAD</label>
<label for="Options_HeadingHead">Heading: </label>
<input id="Options_HeadingHead" type="text" value="-1" required><br>
</div>
</div> -->
</div>
</div>
</div>
</div>
3 years ago
<div class="cf_column threefourth_left" style="height: 100%;">
3 years ago
<div id="missionMap"></div>
<div id="missionPlannerElevation" class="gui_box grey" style="display: none">
<div class="gui_box_titlebar">
<div class="spacer_box_title" data-i18n="missionDefaultElevationHead"></div>
<div class="btnMenu btnMenuIcon save_btn">
<a id="cancelPlot" class="ic_cancel" href="#" i18n_title="missionTitleCancel"></a>
3 years ago
</div>
</div>
<div class="spacer">
<div id="elevationDiv">
3 years ago
</div>
</div>
</div>
<div id="notLoadMap" data-i18n="useOnlyStandalone" style="display: none;"></div>
</div>
</div>
</div>