|
|
|
<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">Mission planer</div>
|
|
|
|
</div>
|
|
|
|
<div class="content_wrapper">
|
|
|
|
<div class="cf_column fourth" id="missionControls">
|
|
|
|
<div class="spacer_right">
|
|
|
|
<div id="missionPlanerSettings" class="gui_box grey" style="display: none">
|
|
|
|
<div class="gui_box_titlebar">
|
|
|
|
<div class="spacer_box_title i18n-replaced" data-i18n="missionDefaultSettingsHead">Default settings</div>
|
|
|
|
</div>
|
|
|
|
<div class="spacer">
|
|
|
|
<div class="point">
|
|
|
|
<label class="point-label" for="MPdefaultPointAlt">Alt (cm): </label>
|
|
|
|
<input id="MPdefaultPointAlt" type="text" value="0" required>
|
|
|
|
</div>
|
|
|
|
<div class="point">
|
|
|
|
<label class="point-label" for="MPdefaultPointSpeed">Speed (cm/s): </label>
|
|
|
|
<input id="MPdefaultPointSpeed" type="text" value="0" required>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<div class="btn save_btn" style="padding-top: 10px;">
|
|
|
|
<a id="saveSettings" class="save" href="#" data-i18n="missionSettingsSave" style="float: left">Save</a>
|
|
|
|
<a id="cancelSettings" class="save" href="#" data-i18n="missionSettingsCancel" style="float: right">Cancel</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--<div id="missionPlanerTemplate" class="gui_box grey" style="display: none">
|
|
|
|
<div class="gui_box_titlebar">
|
|
|
|
<div class="spacer_box_title i18n-replaced" data-i18n="missionTemplateHead">Mission Template</div>
|
|
|
|
</div>
|
|
|
|
<div class="spacer">
|
|
|
|
</div>
|
|
|
|
</div>-->
|
|
|
|
<div id="missionPlanerTotalInfo" class="gui_box grey">
|
|
|
|
<div class="gui_box_titlebar">
|
|
|
|
<div class="spacer_box_title i18n-replaced" data-i18n="missionTotalInformationHead">Total information</div>
|
|
|
|
</div>
|
|
|
|
<div class="spacer">
|
|
|
|
<div id="infoMissionDistance" style="padding-bottom: 2px;">
|
|
|
|
<span>Distance (m):</span>
|
|
|
|
<span id="missionDistance"></span>
|
|
|
|
</div>
|
|
|
|
<div id="infoAvailablePoints" style="padding-bottom: 2px;">
|
|
|
|
<span>Available Points</span>
|
|
|
|
<span id="availablePoints">0/0</span>
|
|
|
|
</div>
|
|
|
|
<div id="infoMissionValid" style="padding-bottom: 2px;">
|
|
|
|
<span>Mission valid</span>
|
|
|
|
<div id="missionValid" style="display: inline-block"></div>
|
|
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<!--<div style="display: flex;">
|
|
|
|
<input type="checkbox" style="width: 18px; margin-left: 5px;" id="rthEndMission">
|
|
|
|
<label for="rthEndMission" style="padding: 2px;">RTH at the end of the mission</label>
|
|
|
|
</div>
|
|
|
|
<div id="rthSettings" style="display: none">
|
|
|
|
<div style="display: flex">
|
|
|
|
<input type="checkbox" id="rthLanding" style="width: 18px; margin-left: 5px;">
|
|
|
|
<label for="rthLanding" style="padding: 2px">Landing</label>
|
|
|
|
</div>
|
|
|
|
</div>-->
|
|
|
|
<hr>
|
|
|
|
<div class="btn save_btn">
|
|
|
|
<a id="loadFileMissionButton" class="save" href="#" data-i18n="loadFileMissionButton">Load file mission</a>
|
|
|
|
<a id="saveFileMissionButton" class="save" href="#" data-i18n="saveFileMissionButton">Save file mission</a>
|
|
|
|
</div>
|
|
|
|
<div class="btn save_btn">
|
|
|
|
<a id="loadMissionButton" class="save" href="#" data-i18n="loadMissionButton">Load mission from FC</a>
|
|
|
|
<a id="saveMissionButton" class="save" href="#" data-i18n="saveMissionButton">Save mission to FC</a>
|
|
|
|
<a id="loadEepromMissionButton" class="save" href="#" data-i18n="loadEepromMissionButton">Load Eeprom mission</a>
|
|
|
|
<a id="saveEepromMissionButton" class="save" href="#" data-i18n="saveEepromMissionButton">Save Eeprom mission</a>
|
|
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div id="removeAllPoints" class="btn btn-danger_long" style="padding-top: 1px; display: inline-block">
|
|
|
|
<a class="save" href="#" data-i18n="removeAllPointButtonSave" style="float: left">Remove all</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="gui_box grey" id="MPeditPoint" style="display: none">
|
|
|
|
<div class="gui_box_titlebar">
|
|
|
|
<div class="spacer_box_title i18n-replaced" data-i18n="editPointHead">Edit point</div>
|
|
|
|
</div>
|
|
|
|
<div class="spacer">
|
|
|
|
<input type="hidden" name="pointNumber" value="">
|
|
|
|
<div class="point">
|
|
|
|
<label class="point-label" for="pointType">Type: </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>-->
|
|
|
|
<option value="5">Point of Interest</option>
|
|
|
|
<!--<option value="6">Jump</option>
|
|
|
|
<option value="7">Heading lock</option>-->
|
|
|
|
<option value="8">Land</option>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
<div class="point">
|
|
|
|
<label class="point-label" for="pointLat">Lat: </label>
|
|
|
|
<input id="pointLat" type="text" value="0.0" required>
|
|
|
|
</div>
|
|
|
|
<div class="point">
|
|
|
|
<label class="point-label" for="pointLon">Lon: </label>
|
|
|
|
<input id="pointLon" type="text" value="0.0" required>
|
|
|
|
</div>
|
|
|
|
<div class="point">
|
|
|
|
<label class="point-label" for="pointAlt">Alt (cm): </label>
|
|
|
|
<input id="pointAlt" type="text" value="0" required><span id="altitudeInMeters"></span>
|
|
|
|
</div>
|
|
|
|
<div class="point" id="pointP1class" style="display: none">
|
|
|
|
<label class="point-label" for="pointP1">Parameter 1: </label>
|
|
|
|
<input id="pointP1" type="text" value="0" required>
|
|
|
|
</div>
|
|
|
|
<div class="point" id="pointP2class" style="display: none">
|
|
|
|
<label class="point-label" for="pointP2">Parameter 2: </label>
|
|
|
|
<input id="pointP2" type="text" value="0" required>
|
|
|
|
</div>
|
|
|
|
<div class="point" id="pointP3class" style="display: none">
|
|
|
|
<label class="point-label" for="pointP3">Parameter 3: </label>
|
|
|
|
<input id="pointP3" type="text" value="0" required>
|
|
|
|
</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>
|
|
|
|
<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>
|
|
|
|
<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 style="padding-top: 10px; display: inline-block">
|
|
|
|
<div id="savePoint" class="btn save_btn">
|
|
|
|
<a class="save" href="#" data-i18n="editPointButtonSave" style="float: left">Save</a>
|
|
|
|
</div>
|
|
|
|
<div id="removePoint" class="btn btn-danger_short">
|
|
|
|
<a class="save" href="#" data-i18n="editPointButtonRemove" style="float: left">Remove</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="cf_column threefourth_left">
|
|
|
|
<div id="missionMap"></div>
|
|
|
|
<div id="notLoadMap" data-i18n="useOnlyStandalone" style="display: none;"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|