inav-configurator/tabs/configuration.html

<div class="tab-configuration toolbar_fixed_bottom">
    <div class="content_wrapper">
        <div class="tab_title" data-i18n="tabConfiguration">Configuration</div>
        <div class="cf_doc_version_bt">
            <a id="button-documentation" href="https://github.com/iNavFlight/inav/releases" target="_blank"></a>
        </div>
        <div class="note" style="margin-bottom: 20px;">
            <div class="note_spacer">
                <p data-i18n="configurationFeaturesHelp"></p>
            </div>
        </div>
        <div class="leftWrapper">
            <div class="mixer gui_box grey">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" data-i18n="configurationMixer"></div>
                </div>
                <div class="spacer_box">
                    <div class="mixerPreview half">
                        <img src="./resources/motor_order/custom.svg" />
                    </div>
                    <div class="half" style="width: calc(50% - 10px); margin-left: 10px;">
                        <select class="mixerList">
                            <!-- list generated here -->
                        </select>
                    </div>
                </div>
            </div>
            <div class="config-section sensors gui_box grey requires-v1_5">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" data-i18n="configurationSensors"></div>
                </div>
                <div class="spacer_box">

                    <div class="select">
                        <select id="sensor-acc"></select>
                        <label for="sensor-acc"> <span data-i18n="sensorAccelerometer"></span></label>
                    </div>

                    <div class="select">
                        <select id="sensor-mag"></select>
                        <label for="sensor-mag"> <span data-i18n="sensorMagnetometer"></span></label>
                    </div>

                    <div class="select">
                        <select id="sensor-baro"></select>
                        <label for="sensor-baro"> <span data-i18n="sensorBarometer"></span></label>
                    </div>

                    <div class="select">
                        <select id="sensor-pitot"></select>
                        <label for="sensor-pitot"> <span data-i18n="sensorPitot"></span></label>
                    </div>

                    <div class="select requires-v1_7">
                        <select id="sensor-rangefinder"></select>
                        <label for="sensor-rangefinder"> <span data-i18n="sensorRangefinder"></span></label>
                    </div>

                    <div class="select requires-v2_0_0">
                        <select id="sensor-opflow"></select>
                        <label for="sensor-opflow"> <span data-i18n="sensorOpflow"></span></label>
                    </div>
                </div>
            </div>
            <div class="board gui_box grey">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" data-i18n="configurationBoardAlignment"></div>
                    <div class="helpicon cf_tip" data-i18n_title="configHelp2"></div>
                </div>
                <div class="spacer_box">
                    <div class="board_align_content">
                        <div class="number">
                            <label> <input type="number" name="board_align_roll" step="0.1" min="-180" max="360" /> <span
                                    data-i18n="configurationBoardAlignmentRoll"></span>
                            </label>
                            <div class="alignicon roll"></div>
                        </div>
                        <div class="number">
                            <label> <input type="number" name="board_align_pitch" step="0.1" min="-180" max="360" />
                                <span data-i18n="configurationBoardAlignmentPitch"></span>
                            </label>
                            <div class="alignicon pitch"></div>
                        </div>
                        <div class="number">
                            <label> <input type="number" name="board_align_yaw" step="0.1" min="-180" max="360" /> <span
                                    data-i18n="configurationBoardAlignmentYaw"></span>
                            </label>
                            <div class="alignicon yaw"></div>
                        </div>
                    </div>
                    <div class="sensoralignment">
                        <div class="select">
                            <label>
                                <span data-i18n="configurationSensorAlignmentGyro"></span>
                                <select class="gyroalign">
                                    <option value="0">Default</option>
                                    <!-- list generated here -->
                                </select>
                            </label>
                        </div>
                        <div class="select">
                            <label>
                                <span data-i18n="configurationSensorAlignmentAcc"></span>
                                <select class="accalign">
                                    <option value="0">Default</option>
                                    <!-- list generated here -->
                                </select>
                            </label>
                        </div>
                        <div class="select">
                            <label>
                                <span data-i18n="configurationSensorAlignmentMag"></span>
                                <select class="magalign">
                                    <option value="0">Default</option>
                                    <!-- list generated here -->
                                </select>
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="config-section gui_box grey">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" data-i18n="configurationReceiver"></div>
                </div>
                <div class="spacer_box">
                    <select id="rxType" class="full-width">
                    </select>
                </div>
                <div data-rx-type="RX_SERIAL" class="spacer_box">
                    <h3 data-i18n="configurationSerialRX"></h3>
                    <div class="note">
                        <div class="note_spacer">
                            <p data-i18n="configurationSerialRXHelp"></p>
                        </div>
                    </div>
                    <select id="serial-rx-protocol" class="full-width" size="1">
                        <!-- list generated here -->
                    </select>
                </div>
                <div data-rx-type="RX_SPI" class="spacer_box">
                    <h3 data-i18n="configurationSPIProtocol"></h3>
                    <select id="spi-protocol" class="full-width" size="1">
                        <!-- list generated here -->
                    </select>
                </div>
            </div>

            <div class="config-section gui_box grey">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" data-i18n="configurationGPS"></div>
                </div>
                <div class="spacer_box">
                    <div class="note">
                        <div class="note_spacer">
                            <p data-i18n="configurationGPSHelp"></p>
                        </div>
                    </div>

                    <div class="features gps"></div>
                    <!--feature list generated content-->

                    <div class="select">
                        <select id="gps_protocol" class="gps_protocol">
                            <!-- list generated here -->
                        </select>
                        <label for="gps_protocol">
                            <span data-i18n="configurationGPSProtocol"></span>
                        </label>
                    </div>
                    <div class="select">
                        <select id="gps_ubx_sbas" class="gps_ubx_sbas">
                            <!-- list generated here -->
                        </select>
                        <label for="gps_ubx_sbas">
                            <span data-i18n="configurationGPSubxSbas"></span>
                        </label>
                    </div>
                    <div class="number">
                        <input type="number" id="mag_declination" name="mag_declination" step="0.1" min="-180" max="180" />
                        <label for="mag_declination">
                            <span data-i18n="configurationMagDeclination"></span>
                        </label>
                    </div>
                </div>
            </div>

            <div class="config-section gui_box grey">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" data-i18n="configuration3d"></div>
                </div>
                <div class="spacer_box">
                    <div class="number">
                        <input type="number" id="3ddeadbandlow" name="3ddeadbandlow" step="1" min="1425" max="1500" />
                        <label for="3ddeadbandlow">
                            <span data-i18n="configuration3dDeadbandLow"></span>
                        </label>
                    </div>
                    <div class="number">
                        <input type="number" id="3ddeadbandhigh" name="3ddeadbandhigh" step="1" min="1500" max="1575" />
                        <label for="3ddeadbandhigh">
                            <span data-i18n="configuration3dDeadbandHigh"></span>
                        </label>
                    </div>
                    <div class="number">
                        <input type="number" id="3dneutral" name="3dneutral" step="1" min="1475" max="1525" />
                        <label for="3dneutral">
                            <span data-i18n="configuration3dNeutral"></span>
                        </label>
                    </div>
                    <div id="deadband-3d-throttle-container" class="number">
                        <input type="number" id="3ddeadbandthrottle" name="3ddeadbandthrottle" step="1" min="0" max="1000" />
                        <label for="3ddeadbandthrottle">
                            <span data-i18n="configuration3dDeadbandThrottle"></span>
                        </label>
                    </div>
                </div>
            </div>

            <div class="config-section gui_box grey config-personalization">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" data-i18n="configurationPersonalization"></div>
                </div>
                <div class="spacer_box">
                    <div class="string">
                        <input maxlength="16" id="craft_name" name="craft_name" />
                        <label for="craft_name">
                            <span data-i18n="configurationCraftName"></span>
                        </label>
                        <div class="helpicon cf_tip" data-i18n_title="configurationCraftNameHelp"></div>
                    </div>
                </div>
            </div>


            <div class="config-section gui_box grey config-vtx">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" data-i18n="configurationVTX"></div>
                </div>
                <div class="spacer_box">
                    <div class="note" id="vtx_no_band">
                        <div class="note_spacer">
                            <p data-i18n="configurationVTXNoBandHelp"></p>
                        </div>
                    </div>

                    <div class="select vtx_band_wrapper">
                        <select id="vtx_band"></select>
                        <label for="vtx_band">
                            <span data-i18n="configurationVTXBand"></span>
                        </label>
                    </div>

                    <div class="select vtx_channel_wrapper">
                        <select id="vtx_channel"></select>
                        <label for="vtx_channel"> <span data-i18n="configurationVTXChannel"></span></label>
                    </div>

                    <div class="select">
                        <select id="vtx_power"></select>
                        <label for="vtx_power"><span data-i18n="configurationVTXPower"></span></label>
                        <div class="helpicon cf_tip" data-i18n_title="configurationVTXPowerHelp"></div>
                    </div>

                    <div class="select">
                        <select id="vtx_low_power_disarm"></select>
                        <label for="vtx_power"><span data-i18n="configurationVTXLowerPowerDisarm"></span></label>
                        <div class="helpicon cf_tip" data-i18n_title="configurationVTXLowerPowerDisarmHelp"></div>
                    </div>
                </div>
            </div>

        </div>

        <!--Right column begins here-->

        <div class="rightWrapper">
            <div class="config-section gui_box grey">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" data-i18n="configurationEscFeatures"></div>
                </div>
                <div class="spacer_box">
                    <div class="features esc-priority"></div>
                    <!--list of generated features goes here-->
                    <div id="esc-protocols">
                        <div id="esc-protocol-warning" class="warning-box"></div>
                        <div class="select">
                            <select name="esc-protocol" id="esc-protocol"></select>
                            <label for="esc-protocol">
                                <span data-i18n="escProtocol"></span>
                            </label>
                            <div class="helpicon cf_tip" data-i18n_title="escProtocolHelp"></div>
                        </div>
                        <div class="select hide-for-shot">
                            <select name="esc-rate" id="esc-rate"></select>
                            <label for="esc-rate">
                                <span data-i18n="escRefreshRate"></span>
                            </label>
                            <div class="helpicon cf_tip" data-i18n_title="escRefreshRatelHelp"></div>
                        </div>
                        <div class="clear-both"></div>
                    </div>

                    <div id="servo-rate-container">
                        <div class="select">
                            <select name="servo-rate" id="servo-rate"></select>
                            <label for="servo-rate">
                                <span data-i18n="servoRefreshRate"></span>
                            </label>
                            <div class="helpicon cf_tip" data-i18n_title="servoRefreshRatelHelp"></div>
                        </div>
                        <div class="clear-both"></div>
                    </div>

                    <div class="features esc"></div>
                    <!--list of generated features goes here-->

                    <div class="number disarmdelay" style="display: none; margin-bottom: 5px;">
                        <input type="number" id="autodisarmdelay" name="autodisarmdelay" min="0" max="60" />
                        <label for="autodisarmdelay">
                            <span data-i18n="configurationAutoDisarmDelay"></span>
                        </label>
                        <div class="helpicon cf_tip" data-i18n_title="configurationAutoDisarmDelayHelp"></div>
                    </div>

                    <!--   -->
                    <div class="number hide-for-shot">
                        <input type="number" id="minthrottle" name="minthrottle" min="0" max="2000" />
                        <label for="minthrottle">
                            <span data-i18n="configurationThrottleMinimum"></span>
                        </label>
                    </div>
                    <div class="number midthrottle_wrapper hide-for-shot">
                        <input type="number" id="midthrottle" name="midthrottle" min="1200" max="1700" />
                        <label for="midthrottle">
                            <span data-i18n="configurationThrottleMid"></span>
                        </label>
                    </div>
                    <div class="number hide-for-shot">
                        <input type="number" id="maxthrottle" name="maxthrottle" min="0" max="2000" />
                        <label for="maxthrottle">
                            <span data-i18n="configurationThrottleMaximum"></span>
                        </label>
                    </div>
                    <div class="number hide-for-shot">
                        <input type="number" id="mincommand" name="mincommand" min="0" max="2000" />
                        <label for="mincommand">
                            <span data-i18n="configurationThrottleMinimumCommand"></span>
                        </label>
                    </div>
                </div>
            </div>
            <div class="config-section gui_box grey">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" data-i18n="configurationSystem"></div>
                </div>
                <div class="spacer_box">

                    <div class="select">
                        <select id="gyro-lpf"></select>
                        <label for="gyro-lpf"> <span data-i18n="configurationGyroLpfTitle"></span></label>
                        <div class="helpicon cf_tip" data-i18n_title="configurationGyroLpfHelp"></div>
                    </div>

                    <div class="select removed-v2_1_0">
                        <select id="async-mode"></select>
                        <label for="async-mode"> <span data-i18n="configurationAsyncMode"></span></label>
                        <div class="helpicon cf_tip" data-i18n_title="configurationAsyncModeHelp"></div>
                    </div>

                    <div id="gyro-sync-wrapper" class="checkbox">
                        <input type="checkbox" id="gyro-sync-checkbox" class="toggle" />
                        <label for="gyro-sync-checkbox">
                            <span data-i18n="configurationGyroSyncTitle"></span>
                        </label>
                    </div>

                    <div id="gyro-frequency-wrapper" class="checkbox">
                        <select id="gyro-frequency"></select>
                        <label for="gyro-frequency">
                            <span data-i18n="configurationGyroFrequencyTitle"></span>
                        </label>
                        <div class="helpicon cf_tip" data-i18n_title="configurationGyroFrequencyHelp"></div>
                    </div>

                    <div id="accelerometer-frequency-wrapper" class="checkbox removed-v2_1_0">
                        <select id="accelerometer-frequency"></select>
                        <label for="accelerometer-frequency">
                            <span data-i18n="configurationAccelerometerFrequencyTitle"></span>
                        </label>
                        <div class="helpicon cf_tip" data-i18n_title="configurationAccelerometerFrequencyHelp"></div>
                    </div>

                    <div id="attitude-frequency-wrapper" class="checkbox removed-v2_1_0">
                        <select id="attitude-frequency"></select>
                        <label for="attitude-frequency">
                            <span data-i18n="configurationAttitudeFrequencyTitle"></span>
                        </label>
                        <div class="helpicon cf_tip" data-i18n_title="configurationAttitudeFrequencyHelp"></div>
                    </div>
                    <div id="looptime-warning" class="info-box" data-i18n="looptimeNotAdvised"></div>
                    <div class="select">
                        <select id="looptime"></select>
                        <label for="looptime">
                            <span data-i18n="configurationLoopTime"></span>
                        </label>
                        <div class="helpicon cf_tip" data-i18n_title="configurationLoopTimeHelp"></div>
                    </div>
                </div>
            </div>

            <div class="config-section gui_box grey">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" data-i18n="configurationBatteryVoltage"></div>
                </div>
                <div class="spacer_box">
                    <div class="features batteryVoltage"></div>
                    <!--list of generated features goes here-->

                    <div class="select requires-v2_0_0">
                        <select id="voltagesource" class="voltagesource">
                            <option value="0">Raw</option>
                            <option value="1">Sag compensated</option>
                        </select>
                        <label for="voltagesource">
                            <span data-i18n="configurationVoltageSource"></span>
                        </label>
                        <div class="helpicon cf_tip" data-i18n_title="configurationVoltageSourceHelp"></div>
                    </div>
                    <div class="number requires-v2_0_0">
                        <input type="number" id="cells" name="cells" step="1" min="0" max="8" />
                        <label for="cells"><span data-i18n="configurationBatteryCells"></span></label>
                        <div class="helpicon cf_tip" data-i18n_title="configurationBatteryCellsHelp"></div>
                    </div>
                    <div class="number requires-v2_0_0">
                        <input type="number" id="celldetectvoltage" name="celldetectvoltage" step="0.01" min="1" max="5" />
                        <label for="celldetectvoltage"><span data-i18n="configurationBatteryCellDetectVoltage"></span></label>
                        <div class="helpicon cf_tip" data-i18n_title="configurationBatteryCellDetectVoltageHelp"></div>
                    </div>
                    <div class="number">
                        <input type="number" id="mincellvoltage" name="mincellvoltage" step="0.01" min="1" max="5" />
                        <label for="mincellvoltage"><span data-i18n="configurationBatteryMinimum"></span></label>
                    </div>
                    <div class="number">
                        <input type="number" id="maxcellvoltage" name="maxcellvoltage" step="0.01" min="1" max="5" />
                        <label for="maxcellvoltage">
                            <span data-i18n="configurationBatteryMaximum"></span>
                        </label>
                    </div>
                    <div class="number">
                        <input type="number" id="warningcellvoltage" name="warningcellvoltage" step="0.01" min="1" max="5" />
                        <label for="warningcellvoltage">
                            <span data-i18n="configurationBatteryWarning"></span>
                        </label>
                    </div>
                    <div class="number">
                        <input type="number" id="voltagescale" name="voltagescale" step="1" min="10" max="65535" />
                        <label for="voltagescale">
                            <span data-i18n="configurationBatteryScale"></span>
                        </label>
                    </div>
                    <div class="number">
                        <input type="text" id="batteryvoltage" name="batteryvoltage" readonly class="disabled" />
                        <label for="batteryvoltage">
                            <span data-i18n="configurationBatteryVoltage"></span>
                        </label>
                    </div>
                </div>
            </div>
            <div class="config-section gui_box grey">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" data-i18n="configurationCurrent"></div>
                </div>
                <div class="spacer_box">
                    <div class="features batteryCurrent"></div>
                    <!--list of generated features goes here-->

                    <div class="number">
                        <input type="number" id="currentscale" name="currentscale" step="1" min="-10000" max="10000" />
                        <label for="currentscale">
                            <span data-i18n="configurationCurrentScale"></span>
                        </label>
                    </div>
                    <div class="number">
                        <input type="number" id="currentoffset" name="currentoffset" step="0.1" min="-3276.8" max="3276.7" />
                        <label for="currentoffset">
                            <span data-i18n="configurationCurrentOffset"></span>
                        </label>
                    </div>
                    <div class="number">
                        <input type="text" id="batterycurrent" name="batterycurrent" readonly class="disabled" />
                        <label for="batterycurrent">
                            <span data-i18n="configurationBatteryCurrent"></span>
                        </label>
                    </div>
                </div>
            </div>
            <div class="config-section gui_box grey requires-v1_8_1">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" data-i18n="configurationBatteryCapacity"></div>
                </div>
                <div class="spacer_box">
                    <div class="select">
                        <select id="battery_capacity_unit">
                            <option value="mAh">mAh</option>
                            <option value="mWh">mWh</option>
                        </select>
                    </div>
                    <div class="number">
                        <input type="number" id="battery_capacity" name="battery_capacity" step="1" min="0" max="4294967296" />
                        <label for="battery_capacity">
                            <span data-i18n="configurationBatteryCapacityValue"></span>
                        </label>
                    </div>
                    <div class="number">
                        <input type="number" id="battery_capacity_warning" name="battery_capacity_warning" step="1" min="0" max="100" />
                        <label for="battery_capacity_warning">
                            <span data-i18n="configurationBatteryCapacityWarning"></span>
                        </label>
                    </div>
                    <div class="number">
                        <input type="number" id="battery_capacity_critical" name="battery_capacity_critical" step="1" min="0" max="100" />
                        <label for="battery_capacity_critical">
                            <span data-i18n="configurationBatteryCapacityCritical"></span>
                        </label>
                    </div>
                </div>
            </div>

            <div class="config-section gui_box grey other">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" data-i18n="configurationFeatures"></div>
                </div>

                <div class="spacer_box">
                    <div class="features other"></div>
                    <!--feature list generated content-->
                </div>
            </div>

        </div>

        <div class="clear-both"></div>
    </div>
    <div class="content_toolbar">
        <div class="btn save_btn">
            <a class="save" href="#" data-i18n="configurationButtonSave"></a>
        </div>
    </div>
</div>