112 lines
6.6 KiB
JavaScript
Executable File
112 lines
6.6 KiB
JavaScript
Executable File
var ThemeDialog_html = `
|
||
<div id="scxThemeDialog" class="modal scxDialog">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<a href="#" data-dismiss="modal" aria-hidden="true" class="close">×</a>
|
||
<h4>Theme "<span id="scxThemeDialog_headerTitle"></span>"</h4>
|
||
</div>
|
||
<div class="modal-body scxThemeDialog-body">
|
||
<table>
|
||
<tr>
|
||
<td><label>Line/Bar Color</label></td>
|
||
<td><input id="scxThemeDialog_input_lineBarColor" type="text" class="scxSpectrum"></td>
|
||
</tr>
|
||
<tr>
|
||
<td><label>Up Candle Color</label></td>
|
||
<td><input id="scxThemeDialog_input_upBarColor" type="text" class="scxSpectrum"></td>
|
||
</tr>
|
||
<tr>
|
||
<td><label id="scxThemeDialog_label_upBarBorderColor">Up Candle Border Color</label></td>
|
||
<td class="scxInline">
|
||
<input id="scxThemeDialog_input_upBarBorderColor" type="text" class="scxSpectrum">
|
||
<input id="scxThemeDialog_chk_upBarBorderColor" type="checkbox" class="js-switch" />
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td><label>Down Candle Color</label></td>
|
||
<td><input id="scxThemeDialog_input_downBarColor" type="text" class="scxSpectrum"></td>
|
||
</tr>
|
||
<tr>
|
||
<td><label id="scxThemeDialog_label_downBarBorderColor">Down Candle Border Color</label></td>
|
||
<td class="scxInline">
|
||
<input id="scxThemeDialog_input_downBarBorderColor" type="text" class="scxSpectrum">
|
||
<input id="scxThemeDialog_chk_downBarBorderColor" type="checkbox" class="js-switch" />
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td><label>Wick Color</label></td>
|
||
<td><input id="scxThemeDialog_input_wickColor" type="text" class="scxSpectrum"></td>
|
||
</tr>
|
||
</table>
|
||
<table>
|
||
<tr>
|
||
<td><label>Text Font</label></td>
|
||
<td>
|
||
<select id="scxThemeDialog_input_textFont" class="scxDropdown scxFontDropdown">
|
||
<option style="font-family:Arial;" value="Arial">Arial</option>
|
||
<option style="font-family:Calibri;" value="Calibri" selected>Calibri</option>
|
||
<option style="font-family:'Comic Sans';" value="Comic Sans">Comic Sans</option>
|
||
<option style="font-family:'Courier New';" value="Courier New">Courier New</option>
|
||
<option style="font-family:Georgia;" value="Georgia">Georgia</option>
|
||
<option style="font-family:Impact;" value="Impact">Impact</option>
|
||
<option style="font-family:'Open Sans';" value="Open Sans">Open Sans</option>
|
||
<option style="font-family:'Source Sans Pro';" value="Source Sans Pro">Source Sans Pro</option>
|
||
<option style="font-family:Tangerine;" value="Tangerine">Tangerine</option>
|
||
</select>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td><label>Text Size</label></td>
|
||
<td>
|
||
<select id="scxThemeDialog_input_textSize" class="scxDropdown">
|
||
<option value="8">8</option>
|
||
<option value="9">9</option>
|
||
<option value="10">10</option>
|
||
<option value="11">11</option>
|
||
<option value="12">12</option>
|
||
<option value="13">13</option>
|
||
<option value="14">14</option>
|
||
</select>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td><label>Text Color</label></td>
|
||
<td><input id="scxThemeDialog_input_textColor" type="text" class="scxSpectrum"></td>
|
||
</tr>
|
||
<tr>
|
||
<td><label>Gradient Color 1</label></td>
|
||
<td><input id="scxThemeDialog_input_gradient1Color" type="text" class="scxSpectrum"></td>
|
||
</tr>
|
||
<tr>
|
||
<td><label>Gradient Color 2</label></td>
|
||
<td><input id="scxThemeDialog_input_gradient2Color" type="text" class="scxSpectrum"></td>
|
||
</tr>
|
||
<tr>
|
||
<td><label>Grid Color</label></td>
|
||
<td><input id="scxThemeDialog_input_gridColor" type="text" class="scxSpectrum"></td>
|
||
</tr>
|
||
</table>
|
||
|
||
<div id="scxThemeDialog_themeWrapper" style="float: left;">
|
||
<select id="scxThemeDialog_input_theme" class="scxDropdown" data-dropup-auto="true">
|
||
<option title="Theme" value="Dark">Dark</option>
|
||
<option title="Theme" value="Light">Light</option>
|
||
</select>
|
||
<button type="button" class="btn btn-default" id="scxThemeDialog_btn_newTheme">New</button>
|
||
<span id="scxThemeDialog_newThemeWrapper">
|
||
<input type="text" value="" class="form-control" id="scxThemeDialog_input_newThemeName">
|
||
<button type="button" class="btn btn-default" id="scxThemeDialog_btn_newThemeConfirm">Cancel</button>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer scxThemeDialog-footer">
|
||
<div class="scxThemeDialog-footer-buttons">
|
||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||
<button type="button" class="btn btn-success" id="scxThemeDialog_btn_saveTheme">Save</button>
|
||
<button type="button" class="btn btn-primary" id="scxThemeDialog_btn_save">Apply</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>`; |