216 lines
10 KiB
HTML
216 lines
10 KiB
HTML
<div class="tab-led-strip toolbar_fixed_bottom">
|
|
<div class="content_wrapper">
|
|
<div class="tab_title" i18n="tabLedStrip"></div>
|
|
<div class="cf_doc_version_bt">
|
|
<a id="button-documentation" href="https://github.com/betaflight/betaflight/releases" target="_blank"></a>
|
|
</div>
|
|
<div class="note spacebottom">
|
|
<div class="note_spacer">
|
|
<p i18n="ledStripHelp"></p>
|
|
</div>
|
|
</div>
|
|
<div class="mainGrid"></div>
|
|
<div class="gridSections">
|
|
<div class="block"></div>
|
|
<div class="block"></div>
|
|
<div class="block"></div>
|
|
<div class="block"></div>
|
|
<div class="block"></div>
|
|
<div class="block"></div>
|
|
<div class="block"></div>
|
|
<div class="block"></div>
|
|
<div class="block"></div>
|
|
<div class="block"></div>
|
|
<div class="block"></div>
|
|
<div class="block"></div>
|
|
<div class="block"></div>
|
|
<div class="block"></div>
|
|
<div class="block"></div>
|
|
<div class="block"></div>
|
|
</div>
|
|
<div class="colorDefineSliders">
|
|
<div class="">Color setup</div>
|
|
<div class="colorDefineSliderContainer">
|
|
<Label class="colorDefineSliderLabel">H</Label>
|
|
<input class="sliderHSV" type="range" min="0" max="359" value="0">
|
|
<Label class="colorDefineSliderValue Hvalue">0</Label>
|
|
</div>
|
|
<div class="colorDefineSliderContainer">
|
|
<Label class="colorDefineSliderLabel">S</Label>
|
|
<input class="sliderHSV" type="range" min="0" max="255" value="0">
|
|
<Label class="colorDefineSliderValue Svalue">0</Label>
|
|
</div>
|
|
<div class="colorDefineSliderContainer">
|
|
<Label class="colorDefineSliderLabel">V</Label>
|
|
<input class="sliderHSV" type="range" min="0" max="255" value="0">
|
|
<Label class="colorDefineSliderValue Vvalue">0</Label>
|
|
</div>
|
|
</div>
|
|
<div class="controls">
|
|
<div class="wires-remaining">
|
|
<div></div>
|
|
Remaining
|
|
</div>
|
|
<button class="funcClear">Clear selected</button>
|
|
<button class="funcClearAll">Clear ALL</button>
|
|
|
|
<div class="section" i18n="ledStripFunctionSection"></div>
|
|
|
|
|
|
<div class="select">
|
|
<span class="color_section" i18n="ledStripFunctionTitle"></span>
|
|
<select class="functionSelect">
|
|
<option value="">None</option>
|
|
<option value="function-c" class="">Color</option>
|
|
<option value="function-f" class="">Modes & Orientation</option>
|
|
<option value="function-a" class="">Arm State</option>
|
|
<option value="function-l" class="extra_functions20">Battery</option>
|
|
<option value="function-s" class="extra_functions20">RSSI</option>
|
|
<option value="function-g" class="extra_functions20">GPS</option>
|
|
<option value="function-r" class="">Ring</option>
|
|
</select>
|
|
</div>
|
|
|
|
|
|
<div class="modifiers">
|
|
<span class="color_section" i18n="ledStripColorModifierTitle"></span>
|
|
<div class="checkbox">
|
|
<input type="checkbox" name="ThrottleHue" class="toggle function-t" />
|
|
<label>
|
|
<select class="auxSelect">
|
|
<option value="0" class="">Roll</option>
|
|
<option value="1" class="">Pitch</option>
|
|
<option value="2" class="">Yaw</option>
|
|
<option value="3" class="">Throttle</option>
|
|
<option value="4" class="">Aux1</option>
|
|
<option value="5" class="">Aux2</option>
|
|
<option value="6" class="">Aux3</option>
|
|
<option value="7" class="">Aux4</option>
|
|
<option value="8" class="">Aux5</option>
|
|
<option value="9" class="">Aux6</option>
|
|
<option value="10" class="">Aux7</option>
|
|
<option value="11" class="">Aux8</option>
|
|
</select>
|
|
<span class="labelSelect" i18n="ledStripThrottleFunction"></span>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="checkbox extra_functions20">
|
|
<input type="checkbox" name="LarsonScanner" class="toggle function-o" />
|
|
<label> <span i18n="ledStripVtxFunction"></span></label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="blinkers extra_functions20">
|
|
<span class="color_section" i18n="ledStripBlinkTitle"></span>
|
|
<div class="checkbox blinkOverlay">
|
|
<input type="checkbox" name="blink" class="toggle function-b" />
|
|
<label> <span i18n="ledStripBlinkAlwaysOverlay"></span></label>
|
|
</div>
|
|
<div class="checkbox landingBlinkOverlay">
|
|
<input type="checkbox" name="landingBlink" class="toggle function-n" />
|
|
<label> <span i18n="ledStripBlinkLandingOverlay"></span></label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="overlays">
|
|
<span class="color_section" i18n="ledStripOverlayTitle"></span>
|
|
<div class="checkbox warningOverlay">
|
|
<input type="checkbox" name="Warnings" class="toggle function-w" />
|
|
<label> <span i18n="ledStripWarningsOverlay"></span></label>
|
|
</div>
|
|
<div class="checkbox indicatorOverlay">
|
|
<input type="checkbox" name="Indicator" class="toggle function-i" />
|
|
<label> <span i18n="ledStripIndecatorOverlay"></span></label>
|
|
</div>
|
|
<div class="checkbox vtxOverlay">
|
|
<input type="checkbox" name="Vtx" class="toggle function-v" />
|
|
<label> <span i18n="ledStripVtxOverlay"></span></label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mode_colors">
|
|
<div class="section">Mode colors</div>
|
|
|
|
<select class="modeSelect">
|
|
<option value="0">Orientation</option>
|
|
<option value="1">Headfree</option>
|
|
<option value="2">Horizon</option>
|
|
<option value="3">Angle</option>
|
|
<option value="4">Mag</option>
|
|
<option value="5">Baro</option>
|
|
</select>
|
|
|
|
<button class="mode_color-0-0 dir-n">N</button>
|
|
<button class="mode_color-0-1 dir-e">E</button>
|
|
<button class="mode_color-0-2 dir-s">S</button>
|
|
<button class="mode_color-0-3 dir-w">W</button>
|
|
<button class="mode_color-0-4 dir-u">U</button>
|
|
<button class="mode_color-0-5 dir-d">D</button>
|
|
</div>
|
|
|
|
<div class="section">LED Orientation ('Modes & Orientation') and Color</div>
|
|
<div class="directions">
|
|
<button class="dir-n">N</button>
|
|
<button class="dir-e">E</button>
|
|
<button class="dir-s">S</button>
|
|
<button class="dir-w">W</button>
|
|
<button class="dir-u">U</button>
|
|
<button class="dir-d">D</button>
|
|
</div>
|
|
|
|
<div class="colors">
|
|
<button class="color-0" i18n_title="colorBlack">0</button>
|
|
<button class="color-1" i18n_title="colorWhite">1</button>
|
|
<button class="color-2" i18n_title="colorRed">2</button>
|
|
<button class="color-3" i18n_title="colorOrange">3</button>
|
|
<button class="color-4" i18n_title="colorYellow">4</button>
|
|
<button class="color-5" i18n_title="colorLimeGreen">5</button>
|
|
<button class="color-6" i18n_title="colorGreen">6</button>
|
|
<button class="color-7" i18n_title="colorMintGreen">7</button>
|
|
<button class="color-8" i18n_title="colorCyan">8</button>
|
|
<button class="color-9" i18n_title="colorLightBlue">9</button>
|
|
<button class="color-10" i18n_title="colorBlue">10</button>
|
|
<button class="color-11" i18n_title="colorDarkViolet">11</button>
|
|
<button class="color-12" i18n_title="colorMagenta">12</button>
|
|
<button class="color-13" i18n_title="colorDeepPink">13</button>
|
|
<button class="color-14" i18n_title="colorBlack">14</button>
|
|
<button class="color-15" i18n_title="colorBlack">15</button>
|
|
</div>
|
|
|
|
<div class="special_colors mode_colors">
|
|
<div class="section">Special colors</div>
|
|
<button class="mode_color-6-0" i18n_title="colorGreen">Disarmed</button>
|
|
<button class="mode_color-6-1" i18n_title="colorBlue">Armed</button>
|
|
<button class="mode_color-6-2" i18n_title="colorWhite">Animation</button>
|
|
<!-- button class="mode_color-6-3" i18n_title="colorBlack">Background</button -->
|
|
<button class="mode_color-6-4" i18n_title="colorBlack">Blink background</button>
|
|
<button class="mode_color-6-5" i18n_title="colorRed">GPS: no sats</button>
|
|
<button class="mode_color-6-6" i18n_title="colorOrange">GPS: no lock</button>
|
|
<button class="mode_color-6-7" i18n_title="colorGreen">GPS: locked</button>
|
|
</div>
|
|
|
|
<div class="section">LED Strip Wiring</div>
|
|
<div class="wiringMode">
|
|
<button class="funcWire w100">Wire Ordering Mode</button>
|
|
</div>
|
|
<div class="wiringControls">
|
|
<button class="funcWireClearSelect w50">Clear selected</button>
|
|
<button class="funcWireClear w50">Clear ALL Wiring</button>
|
|
</div>
|
|
<p>LEDs without wire ordering number will not be saved.</p>
|
|
</div>
|
|
|
|
<div class="colorControls">
|
|
|
|
</div>
|
|
|
|
<div class="clear-both"></div>
|
|
</div>
|
|
<div class="content_toolbar">
|
|
<div class="btn save_btn">
|
|
<a class="save" href="#" i18n="ledStripButtonSave"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|