betaflight-configurator/tabs/pid_tuning.html

<div id="content-watermark"></div>
<div class="tab-pid_tuning toolbar_fixed_bottom">
    <div class="content_wrapper">
        <div class="tab_title" i18n="tabPidTuning"></div>
        <div class="cf_doc_version_bt">
            <a id="button-documentation" href="https://github.com/cleanflight/cleanflight/releases" target="_blank"></a>
        </div>
        <div class="cf_column half">
            <div class="controller">
                <span class="head" i18n="pidTuningControllerHead"></span> 
                <select name="controller">
                    <!-- list generated here -->
                </select>
            </div>
            <div class="cf_column right">
                <div class="default_btn show">
                    <a href="#" id="showAllPids">Show all PIDs</a>
                </div>
                <div class="default_btn resetbt">
                    <a href="#" id="resetPIDs">Reset PID Controller</a>
                </div>


            </div>
        </div>
        <form name="pid-tuning" id="pid-tuning">
            <div class="clear-both"></div>
            <div class="cf_column half">
                <div class="gui_box grey">
                    <table class="pid_titlebar">
                        <tr>
                            <th class="name" i18n="pidTuningName""></th>
                            <th class="proportional" i18n="pidTuningProportional"></th>
                            <th class="integral" i18n="pidTuningIntegral"></th>
                            <th class="derivative" i18n="pidTuningDerivative"></th>
                        </tr>
                    </table>
                    <table id="pid_main" class="pid_tuning">
                        <tr>
                            <th colspan="4">
                                <div class="pid_mode" i18n="pidTuningBasic"></div>
                            </th>
                        </tr>
                        <tr class="ROLL">
                            <!-- 0 -->
                            <td></td>
                            <td><input type="number" name="p" step="1" min="0" max="255" /></td>
                            <td><input type="number" name="i" step="1" min="0" max="255" /></td>
                            <td><input type="number" name="d" step="1" min="0" max="255" /></td>
                        </tr>
                        <tr class="PITCH">
                            <!-- 1 -->
                            <td></td>
                            <td><input type="number" name="p" step="1" min="0" max="255" /></td>
                            <td><input type="number" name="i" step="1" min="0" max="255" /></td>
                            <td><input type="number" name="d" step="1" min="0" max="255" /></td>
                        </tr>
                        <tr class="YAW">
                            <!-- 2 -->
                            <td></td>
                            <td><input type="number" name="p" step="1" min="0" max="255" /></td>
                            <td><input type="number" name="i" step="1" min="0" max="255" /></td>
                            <td><input type="number" name="d" step="1" min="0" max="255" /></td>
                        </tr>
                    </table>
                    <table id="pid_baro" class="pid_tuning">
                        <tr>
                            <th colspan="4">
                                <div class="pid_mode" i18n="pidTuningAltitude"></div>
                            </th>
                        </tr>
                        <tr class="ALT">
                            <!-- 3 -->
                            <td></td>
                            <td><input type="number" name="p" step="1" min="0" max="255" /></td>
                            <td><input type="number" name="i" step="1" min="0" max="255" /></td>
                            <td><input type="number" name="d" step="1" min="0" max="255" /></td>
                        </tr>
                        <tr class="Vario">
                            <!-- 9 -->
                            <td>VEL</td>
                            <td><input type="number" name="p" step="1" min="0" max="255" /></td>
                            <td><input type="number" name="i" step="1" min="0" max="255" /></td>
                            <td><input type="number" name="d" step="1" min="0" max="255" /></td>
                        </tr>
                    </table>
                    <table id="pid_mag" class="pid_tuning">
                        <tr>
                            <th colspan="4">
                                <div class="pid_mode" i18n="pidTuningMag"></div>
                            </th>
                        </tr>
                        <tr class="MAG">
                            <!-- 8 -->
                            <td></td>
                            <td><input type="number" name="p" step="1" min="0" max="255" /></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </table>
                    <table id="pid_gps" class="pid_tuning">
                        <tr>
                            <th colspan="4">
                                <div class="pid_mode" i18n="pidTuningGps"></div>
                            </th>
                        </tr>
                        <tr class="Pos">
                            <!-- 4 -->
                            <td></td>
                            <td><input type="number" name="p" step="1" min="0" max="255" /></td>
                            <!-- <td><input type="number" name="i" step="1" min="0" max="255" /></td>  -->
                            <td></td>
                            <td></td>
                        </tr>
                        <tr class="PosR">
                            <!-- 5 -->
                            <td></td>
                            <td><input type="number" name="p" step="1" min="0" max="255" /></td>
                            <td><input type="number" name="i" step="1" min="0" max="255" /></td>
                            <td><input type="number" name="d" step="1" min="0" max="255" /></td>
                        </tr>
                        <tr class="NavR">
                            <!-- 6 -->
                            <td></td>
                            <td><input type="number" name="p" step="1" min="0" max="255" /></td>
                            <td><input type="number" name="i" step="1" min="0" max="255" /></td>
                            <td><input type="number" name="d" step="1" min="0" max="255" /></td>
                        </tr>
                    </table>
                </div>
                <div class="gui_box grey topspacer">
                    <table id="pid_accel" class="pid_tuning">
                        <tr>
                            <th colspan="4">
                                <div class="pid_mode borderleft">
                                    <div class="textleft">
                                        <div class="pidTuningLevel" i18n="pidTuningLevel"></div>
                                        <div class="helpicon cf_tip" i18n_title="pidTuningLevelHelp"></div>
                                    </div>
                                    <div class="pids" i18n="pidTuningLevelP"></div>
                                    <div class="pids" i18n="pidTuningLevelI"></div>
                                    <div class="pids" i18n="pidTuningLevelD"></div>
                                </div>
                            </th>
                        </tr>
                        <tr class="LEVEL">
                            <!-- 7 -->
                            <td></td>
                            <td><input type="number" name="p" step="1" min="0" max="255" /></td>
                            <td><input type="number" name="i" step="1" min="0" max="255" /></td>
                            <td><input type="number" name="d" step="1" min="0" max="255" /></td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="cf_column half">
                <div class="spacer_left">
                    <table class="rate-tpa cf">
                        <thead>
                            <tr>
                                <th class="roll-pitch" i18n="pidTuningRollPitchRate"></th>
                                <th class="roll" i18n="pidTuningRollRate"></th>
                                <th class="pitch" i18n="pidTuningPitchRate"></th>
                                <th i18n="pidTuningYawRate"></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="roll-pitch"><input type="number" name="roll-pitch" step="0.01" min="0"
                                    max="1.00" /></td>
                                <td class="roll"><input type="number"
                                    name="roll" step="0.01" min="0" max="1.00" /></td>
                                <td class="pitch"><input type="number" name="pitch" step="0.01" min="0" max="1.00" /></td>
                                <td><input type="number" name="yaw" step="0.01" min="0" max="2.55" /></td>
                            </tr>
                        </tbody>
                    </table>
                    <table class="rate-tpa cf">
                        <thead>
                            <tr>
                                <th i18n="pidTuningTPA"></th>
                                <th class="tpa-breakpoint" i18n="pidTuningTPABreakPoint"></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="leftzero"><input type="number" name="tpa" step="0.01" min="0"
                                    max="1.00" /></td>
                                <td class="tpa-breakpoint"><input type="number" name="tpa-breakpoint" step="10"
                                    min="1000" max="2000" /></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </form>
        <div class="clear-both"></div>
    </div>
    <div class="content_toolbar">
        <div class="btn save_btn">
            <a class="update" href="#" i18n="pidTuningButtonSave"></a>
        </div>
        <div class="btn refresh_btn">
            <a class="refresh" href="#" i18n="pidTuningButtonRefresh"></a>
        </div>
    </div>
</div>