betaflight-configurator/tabs/configuration.html

<div class="tab-configuration">
  <div class="tab_title" i18n="tabConfiguration">Configuration</div>
  <div class="cf_doc_version_bt">
    <a id="button-documentation" href="https://github.com/cleanflight/cleanflight/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 class="helpicon"></div>
      </div>
      <div class="spacer_box">
        <div class="mixerPreview twothird">
          <img src="./resources/motor_order/custom.svg" />
        </div>
        <div class="half" style="width:calc(33% - 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 class="helpicon"></div>
      </div>
      <div class="spacer_box">
        <table cellpadding="0" cellspacing="0">
          <thead style="display:none;">
            <tr>
              <th i18n="configurationFeatureEnabled"></th>
              <th i18n="configurationFeatureDescription"></th>
              <th i18n="configurationFeatureName"></th>
            </tr>
          </thead>
          <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" id="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">
    <div class="gui_box grey">
      <div class="gui_box_titlebar">
        <div class="spacer_box_title" i18n="configurationBoardAlignment"></div>
        <div class="helpicon"></div>
      </div>
      <div class="spacer_box">
        <div class="number">
          <label>
          <input type="number" name="board_align_roll" step="1" min="-180" max="360" />
          <span i18n="configurationBoardAlignmentRoll"></span>
          </label>
        </div>
        <div class="number">
          <label>
          <input type="number" name="board_align_pitch" step="1" min="-180" max="360" />
          <span i18n="configurationBoardAlignmentPitch"></span>
          </label>
        </div>
        <div class="number">
          <label>
          <input type="number" name="board_align_yaw" step="1" min="-180" max="360" />
          <span i18n="configurationBoardAlignmentYaw"></span>
          </label>
        </div>
      </div>
    </div>
  </div>
  <div class="rightWrapper acc">
    <div class="gui_box grey">
      <div class="gui_box_titlebar">
        <div class="spacer_box_title" i18n="configurationAccelTrims"></div>
        <div class="helpicon"></div>
      </div>
      <div class="spacer_box">
        <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>
  </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 class="helpicon"></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">
      <div class="gui_box_titlebar">
        <div class="spacer_box_title" i18n="configurationSerialRX"></div>
        <div class="helpicon"></div>
      </div>
      <div class="spacer_box">
        <div class="note">
          <div class="note_spacer">
            <p i18n="configurationSerialRXHelp"></p>
          </div>
        </div>
        <select class="serialRX" size="4">
          <!-- list generated here -->
        </select>
      </div>
    </div>
    <div class="gui_box grey">
      <div class="gui_box_titlebar">
        <div class="spacer_box_title" i18n="configurationFailsafe"></div>
        <div class="helpicon"></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 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>
  </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 class="helpicon"></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>
    </div>
    <div class="gui_box grey">
      <div class="gui_box_titlebar">
        <div class="spacer_box_title" i18n="configurationCurrent"></div>
        <div class="helpicon"></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="checkbox">
            <div class="numberspacer">
              <input type="checkbox" name="multiwiicurrentoutput" id="toggle"/>
            </div><label>
            <span i18n="configurationBatteryMultiwiiCurrent"></span>
          </label>
        </div>
      </div>
    </div>
  </div>
  <div class="clear-both"></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"></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 system">
    <div class="gui_box grey">
      <div class="gui_box_titlebar">
        <div class="spacer_box_title" i18n="configurationSystem"></div>
        <div class="helpicon"></div>
      </div>
      <div class="spacer_box">
        <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 gps">
    <div class="gui_box grey">
      <div class="gui_box_titlebar">
        <div class="spacer_box_title" i18n="configurationGPS"></div>
        <div class="helpicon"></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">
    <div class="gui_box grey">
      <div class="gui_box_titlebar">
        <div class="spacer_box_title" i18n="configurationFeatures"></div>
        <div class="helpicon"></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="clear-both"></div>
  <div class="fixed_band">
    <div class="save_btn"><a class="save" href="#" i18n="configurationButtonSave"></a></div>
  </div>
</div>