inav-configurator/tabs/configuration.html

<div class="tab-configuration">
    <div class="help">
        <p i18n="configurationFeaturesHelp"></p>
    </div>

    <div class="leftWrapper">
        <div class="groupTitle" i18n="configurationMixer"></div>
        <div class="mixerPreview">
            <img src="./resources/motor_order/custom.svg" />
        </div>
        <select class="mixerList">
            <!-- list generated here -->
        </select>
    </div>
    <div class="rightWrapper">        
        <div class="groupTitle" i18n="configurationEscFeatures"></div>
        <table>
            <thead>
                <tr>
                    <th i18n="configurationFeatureEnabled"></th>
                    <th i18n="configurationFeatureName"></th>
                    <th i18n="configurationFeatureDescription"></th>
                </tr>
            </thead>
            <tbody class="features esc">
                <!-- table generated here -->
            </tbody>
        </table>
        <div class="number">
            <label>
                <input type="number" name="minthrottle" min="0" max="2000" />
                <span i18n="configurationThrottleMinimum"></span>
            </label>
        </div>
        <div class="number">
            <label>
                <input type="number" name="midthrottle" min="0" max="2000" />
                <span i18n="configurationThrottleMid"></span>
            </label>
        </div>
        <div class="number">
            <label>
                <input type="number" name="maxthrottle" min="0" max="2000" />
                <span i18n="configurationThrottleMaximum"></span>
            </label>
        </div>
        <div class="number">
            <label>
                <input type="number" name="mincommand" min="0" max="2000" />
                <span i18n="configurationThrottleMinimumCommand"></span>
            </label>
        </div>
    </div>
    <div class="clear-both"></div>
    <div class="leftWrapper">
        <div class="groupTitle" i18n="configurationBoardAlignment"></div>
        <div class="number">
            <label>
                <input type="number" name="board_align_roll" step="1" min="-180" max="180" />
                <span i18n="configurationBoardAlignmentRoll"></span>
            </label>
        </div>
        <div class="number">
            <label>
                <input type="number" name="board_align_pitch" step="1" min="-180" max="180" />
                <span i18n="configurationBoardAlignmentPitch"></span>
            </label>
        </div>
        <div class="number">
            <label>
                <input type="number" name="board_align_yaw" step="1" min="-180" max="180" />
                <span i18n="configurationBoardAlignmentYaw"></span>
            </label>
        </div>
    </div>
    <div class="rightWrapper">
        <div class="groupTitle" i18n="configurationAccelTrims"></div>
        <div class="number">
            <label>
                <input type="number" name="roll"   min="-300" max="300" />
                <span i18n="configurationAccelTrimRoll"></span>
            </label>
        </div>
        <div class="number">
            <label>
                <input type="number" name="pitch" min="-300" max="300" />
                <span i18n="configurationAccelTrimPitch"></span>
            </label>
        </div>
    </div>
    <div class="clear-both"></div>
    <div class="leftWrapper">
        <div class="groupTitle" i18n="configurationReceiver"></div>
        <table>
            <thead>
                <tr>
                    <th i18n="configurationFeatureEnabled"></th>
                    <th i18n="configurationFeatureName"></th>
                    <th i18n="configurationFeatureDescription"></th>
                </tr>
            </thead>
            <tbody class="features rxMode">
                <!-- table generated here -->
            </tbody>
        </table>
                
        <div class="groupTitle" i18n="configurationSerialRX"></div>
        <select class="serialRX" size="4">
            <!-- list generated here -->
        </select>
        
        <div class="groupTitle" i18n="configurationRSSI"></div>
        <table>
            <thead>
                <tr>
                    <th i18n="configurationFeatureEnabled"></th>
                    <th i18n="configurationFeatureName"></th>
                    <th i18n="configurationFeatureDescription"></th>
                </tr>
            </thead>
            <tbody class="features rssi">
                <!-- table generated here -->
            </tbody>
        </table>
        <div class="groupTitle" i18n="configurationFailsafe"></div>
        <table>
            <thead>
                <tr>
                    <th i18n="configurationFeatureEnabled"></th>
                    <th i18n="configurationFeatureName"></th>
                    <th i18n="configurationFeatureDescription"></th>
                </tr>
            </thead>
            <tbody class="features rxFailsafe">
                <!-- table generated here -->
            </tbody>
        </table>
        <div class="number">
            <label>
                <input type="number" name="failsafe_throttle" min="0" max="2000" />
                <span i18n="configurationThrottleFailsafe"></span>
            </label>
        </div>
        

    </div>
    <div class="rightWrapper current voltage">
        <div class="groupTitle" i18n="configurationBatteryVoltage"></div>
        <table>
            <thead>
                <tr>
                    <th i18n="configurationFeatureEnabled"></th>
                    <th i18n="configurationFeatureName"></th>
                    <th i18n="configurationFeatureDescription"></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="200" />
                <span i18n="configurationBatteryScale"></span>
            </label>
        </div>
                <div class="groupTitle" i18n="configurationCurrent"></div>
        <table>
            <thead>
                <tr>
                    <th i18n="configurationFeatureEnabled"></th>
                    <th i18n="configurationFeatureName"></th>
                    <th i18n="configurationFeatureDescription"></th>
                </tr>
            </thead>
            <tbody class="features batteryCurrent">
                <!-- table generated here -->
            </tbody>
        </table>        
        <div class="number">
            <label>
                <input type="number" name="currentscale" step="1" min="1" max="1000" />
                <span i18n="configurationCurrentScale"></span>
            </label>
        </div>
        <div class="number">
            <label>
                <input type="number" name="currentoffset" step="1" min="1" max="1000" />
                <span i18n="configurationCurrentOffset"></span>
            </label>
        </div>
        <div class="checkbox">
            <label>
                <div>
                    <input type="checkbox" name="multiwiicurrentoutput" />
                </div>
                <span i18n="configurationBatteryMultiwiiCurrent"></span>
            </label>
        </div>        
    </div>
    <div class="clear-both"></div>
    <div class="leftWrapper gps">
        <div class="groupTitle" i18n="configurationGPS"></div>
        <table>
            <thead>
                <tr>
                    <th i18n="configurationFeatureEnabled"></th>
                    <th i18n="configurationFeatureName"></th>
                    <th i18n="configurationFeatureDescription"></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 class="rightWrapper">
        <div class="groupTitle" i18n="configurationFeatures"></div>
        <table>
            <thead>
                <tr>
                    <th i18n="configurationFeatureEnabled"></th>
                    <th i18n="configurationFeatureName"></th>
                    <th i18n="configurationFeatureDescription"></th>
                </tr>
            </thead>
            <tbody class="features other">
                <!-- table generated here -->
            </tbody>
        </table>
    </div>
    <div class="clear-both"></div>
    <div class="buttons">
        <a class="save" href="#" i18n="configurationButtonSave"></a>
    </div>
</div>