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.
227 lines
15 KiB
HTML
227 lines
15 KiB
HTML
<div class="tab-osd toolbar_fixed_bottom">
|
|
<div class="content_wrapper">
|
|
<h1 class="tab_title">
|
|
OSD
|
|
</h1>
|
|
<div class="unsupported hide">
|
|
<p class="note">Your flight controller isn't responding to OSD commands. This probably means that it does not have an integrated OSD.</p>
|
|
<p class="note">Note that some flight controllers have an onboard <a href="https://www.youtube.com/watch?v=ikKH_6SQ-Tk" target="_blank">MinimOSD</a> that can be flashed and configured with <a href="https://github.com/ShikOfTheRa/scarab-osd/releases/latest" target="_blank">scarab-osd</a>, however the MinimOSD cannot be configured through this interface.</p>
|
|
</div>
|
|
<div class="supported hide">
|
|
<div class="cf_column third_left osd__elements">
|
|
<select class="osd_layouts">
|
|
</select>
|
|
<div class="spacer_right">
|
|
<div id="osd_group_template" class="gui_box grey">
|
|
<div
|
|
class="gui_box_titlebar"
|
|
style="margin-bottom: 0">
|
|
<div class="spacer_box_title">
|
|
Elements
|
|
</div>
|
|
</div>
|
|
<div class="spacer_box">
|
|
<div class="display-fields"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="cf_column twothird">
|
|
<div class="gui_box grey preview" style="float: left; position: fixed;">
|
|
<div class="gui_box_titlebar image">
|
|
<div class="spacer_box_title">
|
|
Preview <span>(drag to change position)</span>
|
|
</div>
|
|
</div>
|
|
<div class="display-layout">
|
|
<div class="col right">
|
|
<div class="preview">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="cf_column third_right" style="width: calc(100% - 377px);">
|
|
<div class="gui_box grey">
|
|
<div class="gui_box_titlebar">
|
|
<div class="spacer_box_title">Video
|
|
Format
|
|
</div>
|
|
</div>
|
|
<div class="spacer_box">
|
|
<div class="video-types"></div>
|
|
</div>
|
|
</div>
|
|
<div class="gui_box grey settings-container">
|
|
<div class="gui_box_titlebar">
|
|
<div class="spacer_box_title" data-i18n="settings">
|
|
</div>
|
|
</div>
|
|
<div class="spacer_box">
|
|
<div class="settings">
|
|
<label class="units">
|
|
<select id="unit_mode" name="unit_mode"></select> Units
|
|
<div class="helpicon cf_tip" style="margin-top: 2px"></div>
|
|
</label>
|
|
<label>
|
|
<select class="update_preview" data-setting="osd_main_voltage_decimals" data-live="true"></select> Voltage Decimals
|
|
</label>
|
|
<label>
|
|
<select class="update_preview" data-setting="osd_coordinate_digits" data-live="true"></select> Coordinate Digits
|
|
</label>
|
|
<div class="helpicon cf_tip" data-i18n_title="osdSettingPLUS_CODE_DIGITS_HELP"></div>
|
|
<label>
|
|
<select class="update_preview" data-setting="osd_plus_code_digits" data-live="true"></select> Plus Code Digits
|
|
</label>
|
|
<div class="helpicon cf_tip" data-i18n_title="osdSettingPLUS_CODE_SHORT_HELP"></div>
|
|
<label>
|
|
<select class="update_preview" data-setting="osd_plus_code_short" data-live="true"></select> Plus Code Remove Leading Digits
|
|
</label>
|
|
<label>
|
|
<select class="update_preview" data-setting="osd_crosshairs_style" data-live="true"></select> Crosshairs Style
|
|
</label>
|
|
<label>
|
|
<select class="update_preview" data-setting="osd_left_sidebar_scroll" data-live="true"></select> Left Sidebar Scroll
|
|
</label>
|
|
<label>
|
|
<select class="update_preview" data-setting="osd_right_sidebar_scroll" data-live="true"></select> Right Sidebar Scroll
|
|
</label>
|
|
<div class="helpicon cf_tip" data-i18n_title="osdSettingCRSF_LQ_FORMAT_HELP"></div>
|
|
<label>
|
|
<select class="update_preview" data-setting="osd_crsf_lq_format" data-live="true"></select> Crossfire LQ Format
|
|
</label>
|
|
<label>
|
|
<input type="checkbox" class="toggle update_preview" data-setting="osd_sidebar_scroll_arrows" data-live="true"> Sidebar Scroll Arrows
|
|
</label>
|
|
<label>
|
|
<input type="checkbox" class="toggle update_preview" data-setting="osd_home_position_arm_screen" data-live="true"> Home Position on Arming Screen
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="gui_box grey alarms-container">
|
|
<div class="gui_box_titlebar">
|
|
<div class="spacer_box_title">
|
|
Alarms
|
|
</div>
|
|
</div>
|
|
<div class="spacer_box settings">
|
|
<label for="rssi_alarm">
|
|
<input id="osd_rssi_alarm" data-setting="osd_rssi_alarm" data-setting-multiplier="1" type="number" data-step="1" />
|
|
<span data-i18n="osd_rssi_alarm"></span>
|
|
</label>
|
|
<label for="time_alarm">
|
|
<input id="osd_time_alarm" data-setting="osd_time_alarm" data-setting-multiplier="1" type="number" data-step="1" />
|
|
<span data-i18n="osd_time_alarm"></span>
|
|
</label>
|
|
<label for="osd_alt_alarm">
|
|
<input id="osd_alt_alarm" data-setting="osd_alt_alarm" data-setting-multiplier="1" type="number" data-step="1" />
|
|
<span data-i18n="osd_alt_alarm"></span>
|
|
</label>
|
|
<div class="helpicon cf_tip" data-i18n_title="osdAlarmMAX_NEG_ALTITUDE_HELP"></div>
|
|
<label for="osd_neg_alt_alarm">
|
|
<input id="osd_neg_alt_alarm" data-setting="osd_neg_alt_alarm" data-setting-multiplier="1" type="number" data-step="1" />
|
|
<span data-i18n="osd_neg_alt_alarm"></span>
|
|
</label>
|
|
<div class="helpicon cf_tip" data-i18n_title="osdAlarmDIST_HELP"></div>
|
|
<label for="osd_dist_alarm">
|
|
<input id="osd_dist_alarm" data-setting="osd_dist_alarm" data-setting-multiplier="1" type="number" data-step="1" />
|
|
<span data-i18n="osd_dist_alarm"></span>
|
|
</label>
|
|
<div class="helpicon cf_tip" data-i18n_title="osdAlarmGFORCE_HELP"></div>
|
|
<label for="osd_gforce_alarm">
|
|
<input id="osd_gforce_alarm" data-setting="osd_gforce_alarm" data-setting-multiplier="1" type="number" data-step="0.1" />
|
|
<span data-i18n="osd_gforce_alarm"></span>
|
|
</label>
|
|
<div class="helpicon cf_tip" data-i18n_title="osdAlarmGFORCE_AXIS_MIN_HELP"></div>
|
|
<label for="osd_gforce_axis_alarm_min">
|
|
<input id="osd_gforce_axis_alarm_min" data-setting="osd_gforce_axis_alarm_min" data-setting-multiplier="1" type="number" data-step="0.1" />
|
|
<span data-i18n="osd_gforce_axis_alarm_min"></span>
|
|
</label>
|
|
<div class="helpicon cf_tip" data-i18n_title="osdAlarmGFORCE_AXIS_MAX_HELP"></div>
|
|
<label for="osd_gforce_axis_alarm_max">
|
|
<input id="osd_gforce_axis_alarm_max" data-setting="osd_gforce_axis_alarm_max" data-setting-multiplier="1" type="number" data-step="0.1" />
|
|
<span data-i18n="osd_gforce_axis_alarm_max"></span>
|
|
</label>
|
|
<div class="helpicon cf_tip" data-i18n_title="osdAlarmCURRENT_HELP"></div>
|
|
<label for="osd_current_alarm">
|
|
<input id="osd_current_alarm" data-setting="osd_current_alarm" data-setting-multiplier="1" type="number" data-step="1" />
|
|
<span data-i18n="osd_current_alarm"></span>
|
|
</label>
|
|
<label for="imu_temp_alarm_min">
|
|
<input id="imu_temp_alarm_min" data-setting="osd_imu_temp_alarm_min" data-setting-multiplier="10" type="number" data-step="0.5" />
|
|
<span data-i18n="osd_imu_temp_alarm_min"></span>
|
|
</label>
|
|
<label for="imu_temp_alarm_max">
|
|
<input id="imu_temp_alarm_max" data-setting="osd_imu_temp_alarm_max" data-setting-multiplier="10" type="number" data-step="0.5" />
|
|
<span data-i18n="osd_imu_temp_alarm_max"></span>
|
|
</label>
|
|
<label for="baro_temp_alarm_min">
|
|
<input id="baro_temp_alarm_min" data-setting="osd_baro_temp_alarm_min" data-setting-multiplier="10" type="number" data-step="0.5" />
|
|
<span data-i18n="osd_baro_temp_alarm_min"></span>
|
|
</label>
|
|
<label for="baro_temp_alarm_max">
|
|
<input id="baro_temp_alarm_max" data-setting="osd_baro_temp_alarm_max" data-setting-multiplier="10" type="number" data-step="0.5" />
|
|
<span data-i18n="osd_baro_temp_alarm_max"></span>
|
|
</label>
|
|
<label for="esc_temp_alarm_min">
|
|
<input id="esc_temp_alarm_min" data-setting="osd_esc_temp_alarm_min" data-setting-multiplier="10" type="number" data-step="0.5" />
|
|
<span data-i18n="osd_esc_temp_alarm_min"></span>
|
|
</label>
|
|
<label for="esc_temp_alarm_max">
|
|
<input id="esc_temp_alarm_max" data-setting="osd_esc_temp_alarm_max" data-setting-multiplier="10" type="number" data-step="0.5" />
|
|
<span data-i18n="osd_esc_temp_alarm_max"></span>
|
|
</label>
|
|
<div class="helpicon cf_tip" data-i18n_title="osdalarmSNR_HELP"></div>
|
|
<label for="snr_alarm">
|
|
<input id="snr_alarm" data-setting="osd_snr_alarm" data-setting-multiplier="1" type="number" data-step="1" />
|
|
<span data-i18n="osd_snr_alarm"></span>
|
|
</label>
|
|
<div class="helpicon cf_tip" data-i18n_title="osdalarmLQ_HELP"></div>
|
|
<label for="link_quality_alarm">
|
|
<input id="link_quality_alarm" data-setting="osd_link_quality_alarm" data-setting-multiplier="1" type="number" data-step="1" />
|
|
<span data-i18n="osd_link_quality_alarm"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="fontmanagercontent" style="display:none; width:712px;">
|
|
<div class="font-picker" style="margin-bottom: 10px;">
|
|
<h1 class="tab_title">Font:</h1>
|
|
<div class="content_wrapper font-preview"></div>
|
|
<div class="fontbuttons">
|
|
<button data-font-file="default">Default</button>
|
|
<button data-font-file="vision">Vision</button>
|
|
<button data-font-file="impact">Impact</button>
|
|
<button data-font-file="impact_mini">Impact mini</button>
|
|
<button data-font-file="clarity">Clarity</button>
|
|
<button data-font-file="clarity_medium">Clarity medium</button>
|
|
<button data-font-file="bold">Bold</button>
|
|
<button data-font-file="large">Large</button>
|
|
<button class="load_font_file">Open Font File</button>
|
|
</div>
|
|
<div class="info">
|
|
<a name="progressbar"></a>
|
|
<progress class="progress" value="0" min="0" max="100"></progress>
|
|
<div class="progressLabel" style="margin-top: -21px; width: 95%; text-align: center; color: white; position: absolute;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="default_btn green" style="width:100%; float:left; margin-bottom: 0;">
|
|
<a class="flash_font active">Upload Font</a>
|
|
</div>
|
|
</div>
|
|
<div class="clear-both"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="content_toolbar supported hide">
|
|
<div class="btn">
|
|
<a class="active save" href="#" >Save</a>
|
|
</div>
|
|
<div class="btn">
|
|
<a class="fonts" id="fontmanager" href="#" >Font Manager</a>
|
|
</div>
|
|
</div>
|
|
</div>
|