inav-configurator/tabs/configuration.html

<div class="tab-configuration toolbar_fixed_bottom">
    <div class="content_wrapper">
        <div class="tab_title" 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 i18n="configurationFeaturesHelp"></p>
            </div>
        </div>
        <div class="leftWrapper mixer">
            <div class="gui_box grey">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" 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>
        <div class="rightWrapper motorstop">
            <div class="gui_box grey">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" i18n="configurationEscFeatures"></div>
                </div>
                <div class="spacer_box">

                    <table cellpadding="0" cellspacing="0">
                        <tbody class="features esc-priority">
                            <!-- table generated here -->
                        </tbody>
                    </table>

                    <div id="esc-protocols">
                        <div class="select">
                            <select name="esc-protocol" id="esc-protocol"></select>
                            <label for="esc-protocol"> <span class="freelabel"
                                i18n="escProtocol"></span></label>
                                <div class="helpicon cf_tip" i18n_title="escProtocolHelp"></div>
                        </div>
                        <div class="select">
                            <select name="esc-rate" id="esc-rate"></select>
                            <label for="esc-refresh-rate"> <span class="freelabel"
                                i18n="escRefreshRate"></span></label>
                                <div class="helpicon cf_tip" 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 class="freelabel"
                                i18n="servoRefreshRate"></span></label>
                                <div class="helpicon cf_tip" i18n_title="servoRefreshRatelHelp"></div>
                        </div>
                        <div class="clear-both"></div>
                    </div>

                    <table cellpadding="0" cellspacing="0">
                        <tbody class="features esc">
                            <!-- table generated here -->
                        </tbody>
                    </table>
                    <!--   -->

                    <div class="disarm">
                        <div class="checkbox">
                            <div style="float: left; height: 20px; margin-right: 15px; margin-left: 3px;">
                                <input type="checkbox" name="disarmkillswitch" class="toggle" />
                            </div>
                            <label for="disarmkillswitch"> <span class="freelabel"
                                i18n="configurationDisarmKillSwitch"></span>
                            </label>
                        </div>
                        <div class="number disarmdelay" style="display: none; margin-bottom: 5px;">
                            <label>
                                <div class="numberspacer">
                                    <input type="number" name="autodisarmdelay" min="0" max="60" />
                                </div>
                                <span i18n="configurationAutoDisarmDelay"></span>
                            </label>
                        </div>
                    </div>
                    <!--   -->
                    <div class="number">
                        <label>
                            <div class="numberspacer">
                                <input type="number" name="minthrottle" min="0" max="2000" />
                            </div>
                            <span i18n="configurationThrottleMinimum"></span>
                        </label>
                    </div>
                    <div class="number">
                        <label>
                            <div class="numberspacer">
                                <input type="number" name="midthrottle" min="0" max="2000" />
                            </div>
                            <span i18n="configurationThrottleMid"></span>
                        </label>
                    </div>
                    <div class="number">
                        <label>
                            <div class="numberspacer">
                                <input type="number" name="maxthrottle" min="0" max="2000" />
                            </div>
                            <span i18n="configurationThrottleMaximum"></span>
                        </label>
                    </div>
                    <div class="number">
                        <label>
                            <div class="numberspacer">
                                <input type="number" name="mincommand" min="0" max="2000" />
                            </div>
                            <span i18n="configurationThrottleMinimumCommand"></span>
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div class="clear-both"></div>
        <div class="leftWrapper board">
            <div class="gui_box grey">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" i18n="configurationBoardAlignment"></div>
                    <div class="helpicon cf_tip" 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
                                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 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
                                i18n="configurationBoardAlignmentYaw"></span>
                            </label>
                            <div class="alignicon yaw"></div>
                        </div>
                    </div>
                    <div class="sensoralignment">
                        <div class="select">
                            <label>
                                <span i18n="configurationSensorAlignmentGyro"></span>
                                <select class="gyroalign">
                                    <option value="0">Default</option>
                                    <!-- list generated here -->
                                </select>
                            </label>
                        </div>
                        <div class="select">
                            <label>
                                <span i18n="configurationSensorAlignmentAcc"></span>
                                <select class="accalign">
                                    <option value="0">Default</option>
                                    <!-- list generated here -->
                                </select>
                            </label>
                        </div>
                        <div class="select">
                            <label>
                                <span i18n="configurationSensorAlignmentMag"></span>
                                <select class="magalign">
                                    <option value="0">Default</option>
                                    <!-- list generated here -->
                                </select>
                            </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="rightWrapper system">
            <div class="gui_box grey">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" i18n="configurationSystem"></div>
                </div>
                <div class="spacer_box">

                    <div class="checkbox requires-1_3">
                        <div class="numberspacer">
                            <input type="checkbox" id="gyro-sync-checkbox" class="toggle" />
                        </div>
                        <label> <span i18n="configurationGyroSyncTitle"></span>
                        </label>
                    </div>

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

                    <div class="number requires-v1_3">
                        <label> <input type="number" id="gyro-sync-denominator" step="1" min="1" max="32" /> <span
                            i18n="configurationGyroSyncDenominator"></span>
                        </label>
                    </div>

                    <div class="note">
                        <div class="note_spacer">
                            <p i18n="configurationLoopTimeHelp"></p>
                        </div>
                    </div>
                    <div class="number">
                        <label> <input type="number" name="looptime" step="100" min="0" max="9000" /> <span
                            i18n="configurationLoopTime"></span>
                        </label>
                    </div>
                    <div class="number">
                        <label> <input type="text" name="looptimehz" readonly class="disabled" /> <span
                            i18n="configurationCalculatedCyclesSec"></span>
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div class="clear-both"></div>
        <div class="leftWrapper">
            <div class="gui_box grey">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" i18n="configurationReceiver"></div>
                </div>
                <div class="spacer_box">
                    <table cellpadding="0" cellspacing="0">
                        <thead>
                            <tr>
                                <th i18n="configurationFeatureEnabled"></th>
                                <th i18n="configurationFeatureDescription"></th>
                                <th i18n="configurationFeatureName"></th>
                            </tr>
                        </thead>
                        <tbody class="features rxMode">
                            <!-- table generated here -->
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="gui_box grey rxprovider">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" i18n="configurationSerialRX"></div>
                </div>
                <div class="spacer_box">
                    <div class="note">
                        <div class="note_spacer">
                            <p i18n="configurationSerialRXHelp"></p>
                        </div>
                    </div>
                    <select class="serialRX" size="8">
                        <!-- list generated here -->
                    </select>
                </div>
            </div>
            <div class="gui_box grey nrf24provider">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" i18n="configurationNrf24Protocol"></div>
                </div>
                <div class="spacer_box">
                    <select class="nrf24Protocol" size="8">
                        <!-- list generated here -->
                    </select>
                </div>
            </div>
        </div>
        <div class="rightWrapper current voltage">
            <div class="gui_box grey">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" i18n="configurationBatteryVoltage"></div>
                </div>
                <div class="spacer_box">
                    <table cellpadding="0" cellspacing="0">
                        <thead>
                            <tr>
                                <th i18n="configurationFeatureEnabled"></th>
                                <th i18n="configurationFeatureDescription"></th>
                                <th i18n="configurationFeatureName"></th>
                            </tr>
                        </thead>
                        <tbody class="features batteryVoltage">
                            <!-- table generated here -->
                        </tbody>
                    </table>
                    <div class="number">
                        <label> <input type="number" name="mincellvoltage" step="0.1" min="1" max="5" /> <span
                            i18n="configurationBatteryMinimum"></span>
                        </label>
                    </div>
                    <div class="number">
                        <label> <input type="number" name="maxcellvoltage" step="0.1" min="1" max="5" /> <span
                            i18n="configurationBatteryMaximum"></span>
                        </label>
                    </div>
                    <div class="number">
                        <label> <input type="number" name="warningcellvoltage" step="0.1" min="1" max="5" /> <span
                            i18n="configurationBatteryWarning"></span>
                        </label>
                    </div>
                    <div class="number">
                        <label> <input type="number" name="voltagescale" step="1" min="10" max="255" /> <span
                            i18n="configurationBatteryScale"></span>
                        </label>
                    </div>
                     <div class="number">
                        <label> <input type="text" name="batteryvoltage" readonly class="disabled" /> <span
                            i18n="configurationBatteryVoltage"></span>
                        </label>
                    </div>
                </div>
            </div>
            <div class="gui_box grey">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" i18n="configurationCurrent"></div>
                </div>
                <div class="spacer_box">
                    <table cellpadding="0" cellspacing="0">
                        <thead>
                            <tr>
                                <th i18n="configurationFeatureEnabled"></th>
                                <th i18n="configurationFeatureDescription"></th>
                                <th i18n="configurationFeatureName"></th>
                            </tr>
                        </thead>
                        <tbody class="features batteryCurrent">
                            <!-- table generated here -->
                        </tbody>
                    </table>
                    <div class="number">
                        <label> <input type="number" name="currentscale" step="1" min="-1000" max="1000" /> <span
                            i18n="configurationCurrentScale"></span>
                        </label>
                    </div>
                    <div class="number">
                        <label> <input type="number" name="currentoffset" step="1" min="0" max="3300" /> <span
                            i18n="configurationCurrentOffset"></span>
                        </label>
                    </div>
                    <div class="number">
                        <label> <input type="text" name="batterycurrent" readonly class="disabled" /> <span
                            i18n="configurationBatteryCurrent"></span>
                    </div>
                    <div class="checkbox">
                        <div class="numberspacer">
                            <input type="checkbox" name="multiwiicurrentoutput" class="toggle" />
                        </div>
                        <label> <span i18n="configurationBatteryMultiwiiCurrent"></span>
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div class="clear-both"></div>
        <div class="leftWrapper gps">
            <div class="gui_box grey">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" i18n="configurationGPS"></div>
                </div>
                <div class="spacer_box">
                    <div class="note">
                        <div class="note_spacer">
                            <p i18n="configurationGPSHelp"></p>
                        </div>
                    </div>
                    <table cellpadding="0" cellspacing="0">
                        <thead>
                            <tr>
                                <th i18n="configurationFeatureEnabled"></th>
                                <th i18n="configurationFeatureDescription"></th>
                                <th i18n="configurationFeatureName"></th>
                            </tr>
                        </thead>
                        <tbody class="features gps">
                            <!-- table generated here -->
                        </tbody>
                    </table>
                    <div class="line">
                        <select class="gps_protocol">
                            <!-- list generated here -->
                        </select>
                        <span i18n="configurationGPSProtocol"></span>
                    </div>
                    <div class="line">
                        <select class="gps_baudrate">
                            <!-- list generated here -->
                        </select>
                        <span i18n="configurationGPSBaudrate"></span>
                    </div>
                    <div class="line">
                        <select class="gps_ubx_sbas">
                            <!-- list generated here -->
                        </select>
                        <span i18n="configurationGPSubxSbas"></span>
                    </div>
                    <div class="number">
                        <label> <input type="number" name="mag_declination" step="0.1" min="-180" max="180" />
                        <span i18n="configurationMagDeclination"></span>
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div class="rightWrapper other">
            <div class="gui_box grey">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" i18n="configurationFeatures"></div>
                </div>
                <div class="spacer_box">
                    <table cellpadding="0" cellspacing="0">
                        <thead>
                            <tr>
                                <th i18n="configurationFeatureEnabled"></th>
                                <th i18n="configurationFeatureDescription"></th>
                                <th i18n="configurationFeatureName"></th>
                            </tr>
                        </thead>
                        <tbody class="features other" id="noline">
                            <!-- table generated here -->
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="leftWrapper rssi">
            <div class="gui_box grey">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" i18n="configurationRSSI"></div>
                        <div class="helpicon cf_tip" i18n_title="configurationRSSIHelp"></div>
                    </div>
                <div class="spacer_box">
                    <table cellpadding="0" cellspacing="0">
                        <thead>
                            <tr>
                                <th i18n="configurationFeatureEnabled"></th>
                                <th i18n="configurationFeatureDescription"></th>
                                <th i18n="configurationFeatureName"></th>
                            </tr>
                        </thead>
                        <tbody class="features rssi">
                            <!-- table generated here -->
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="rightWrapper 3d">
            <div class="gui_box grey">
                <div class="gui_box_titlebar">
                    <div class="spacer_box_title" i18n="configuration3d"></div>
                </div>
                <div class="spacer_box">
                    <div class="number">
                        <label> <input type="number" name="3ddeadbandlow" step="1" min="1425" max="1500" /> <span
                            i18n="configuration3dDeadbandLow"></span>
                        </label>
                    </div>
                    <div class="number">
                        <label> <input type="number" name="3ddeadbandhigh" step="1" min="1500" max="1575" /> <span
                            i18n="configuration3dDeadbandHigh"></span>
                        </label>
                    </div>
                    <div class="number">
                        <label> <input type="number" name="3dneutral" step="1" min="1475" max="1525" /> <span
                            i18n="configuration3dNeutral"></span>
                        </label>
                    </div>
                    <div class="number 3ddeadbandthrottle" >
                        <label> <input type="number" name="3ddeadbandthrottle" step="1" min="0" max="1000" /> <span
                            i18n="configuration3dDeadbandThrottle"></span>
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div class="clear-both"></div>
    </div>
    <div class="content_toolbar">
        <div class="btn save_btn">
            <a class="save" href="#" i18n="configurationButtonSave"></a>
        </div>
    </div>
</div>