Crash_Override/FreeDATA
1
0
Fork 0
mirror of https://github.com/DJ2LS/FreeDATA synced 2024-05-14 08:04:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Tabbed settings menu

Browse source
This commit is contained in:
Mashintime 2023-02-11 12:14:44 -05:00
parent 3d58ab466e
commit b9bf46bb5f
1 changed files with 221 additions and 179 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

400
gui/src/index.html
View file

@ -1247,194 +1247,236 @@
</div> </div>
</div> </div>
</div> </div>
<!-- INFO MODAL --> <!-- SETTINGS MODAL -->
<div class="modal fade" data-bs-backdrop="static" tabindex="-1" id="infoModal"> <div class="modal fade" data-bs-backdrop="static" tabindex="-1" id="infoModal">
<div class="modal-dialog modal-dialog-scrollable"> <div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title">Settings</h5> <h5 class="modal-title">Settings</h5><br \>
<div class="badge text-bg-warning ms-3">
<i class="bi bi-exclamation-triangle-fill"></i> Most setting changes require a TNC restart!
</div>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="alert alert-warning" role="alert">
Most settings need a tnc restart to take effect!
</div>
<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50" <!-- SETTINGS Nav tabs -->
id="basic-addon1">Theme</span> <ul class="nav nav-tabs" id="myTab" role="tablist">
<select class="form-select form-select-sm w-50" id="theme_selector"> <li class="nav-item" role="presentation">
<option value="default">Default</option> <button class="nav-link active" id="gui-tab" data-bs-toggle="tab" data-bs-target="#gui" type="button" role="tab" aria-controls="home" aria-selected="true">GUI</button>
<option value="cerulean">Cerulean</option> </li>
<option value="cosmo">Cosmo</option> <li class="nav-item" role="presentation">
<option value="cyborg">Cyborg</option> <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">TNC</button>
<option value="darkly">Darkly</option> </li>
<option value="flatly">Flatly</option> <li class="nav-item" role="presentation">
<option value="journal">Journal</option> <button class="nav-link" id="messages-tab" data-bs-toggle="tab" data-bs-target="#messages" type="button" role="tab" aria-controls="messages" aria-selected="false">Stats</button>
<option value="litera">Litera</option> </li>
<option value="lumen">Lumen</option> <li class="nav-item" role="presentation">
<option value="lux">Lux</option> <button class="nav-link" id="settings-tab" data-bs-toggle="tab" data-bs-target="#settings" type="button" role="tab" aria-controls="settings" aria-selected="false">Experimental</button>
<option value="materia">Materia</option> </li>
<option value="minty">Minty</option> </ul>
<option value="morph">Morhp</option>
<option value="pulse">Pulse</option> <!-- Tab panes -->
<option value="quartz">Quartz</option> <div class="tab-content">
<option value="sandstone">Sandstone</option> <!-- GUI TAB-->
<option value="simplex">Simplex</option> <div class="tab-pane active" id="gui" role="tabpanel" aria-labelledby="gui-tab" tabindex="0">
<option value="sketchy">Sketchy</option> <div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50"
<option value="slate">Slate</option> id="basic-addon1">Theme</span>
<option value="solar">Solar</option> <select class="form-select form-select-sm w-50" id="theme_selector">
<option value="spacelab">Spacelab</option> <option value="default">Default</option>
<option value="superhero">Superhero</option> <option value="cerulean">Cerulean</option>
<option value="united">United</option> <option value="cosmo">Cosmo</option>
<option value="vapor">Vapor</option> <option value="cyborg">Cyborg</option>
<option value="yeti">Yeti</option> <option value="darkly">Darkly</option>
<option value="zephyr">Zephyr</option> <option value="flatly">Flatly</option>
</select> <option value="journal">Journal</option>
</div> <option value="litera">Litera</option>
<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50" <option value="lumen">Lumen</option>
id="basic-addon1">Waterfall Theme</span> <option value="lux">Lux</option>
<select class="form-select form-select-sm w-50" id="wftheme_selector"> <option value="materia">Materia</option>
<option value="2">Default</option> <option value="minty">Minty</option>
<option value="0">Turbo</option> <option value="morph">Morhp</option>
<option value="1">Fosphor</option> <option value="pulse">Pulse</option>
<option value="3">Inferno</option> <option value="quartz">Quartz</option>
<option value="4">Magma</option> <option value="sandstone">Sandstone</option>
<option value="5">Jet</option> <option value="simplex">Simplex</option>
<option value="6">Binary</option> <option value="sketchy">Sketchy</option>
</select> <option value="slate">Slate</option>
</div> <option value="solar">Solar</option>
<div class="input-group input-group-sm mb-1"> <option value="spacelab">Spacelab</option>
<label class="input-group-text w-50">Enable Fancy GUI</label> <option value="superhero">Superhero</option>
<label class="input-group-text bg-white w-50"> <option value="united">United</option>
<div class="form-check form-switch form-check-inline"> <option value="vapor">Vapor</option>
<input class="form-check-input" type="checkbox" id="GraphicsSwitch"> <option value="yeti">Yeti</option>
<label class="form-check-label" for="GraphicsSwitch">Higher CPU Usage</label> <option value="zephyr">Zephyr</option>
</div> </select>
</label> </div>
</div> <div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50"
<div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50" id="basic-addon1">Waterfall Theme</span>
id="basic-addon1">Update channel</span> <select class="form-select form-select-sm w-50" id="wftheme_selector">
<select class="form-select form-select-sm w-50" id="update_channel_selector"> <option value="2">Default</option>
<option value="latest">stable</option> <option value="0">Turbo</option>
<option value="beta">beta</option> <option value="1">Fosphor</option>
<option value="alpha">alpha</option> <option value="3">Inferno</option>
</select> <option value="4">Magma</option>
</div> <option value="5">Jet</option>
<div class="input-group input-group-sm mb-1"> <option value="6">Binary</option>
<label class="input-group-text w-50" for="inputGroupFile02">Received files folder</label> </select>
<input type="text" class="form-control w-50" id="received_files_folder"> </div>
</div> <div class="input-group input-group-sm mb-1">
<div class="input-group input-group-sm mb-1"> <label class="input-group-text w-50">Enable Fancy GUI</label>
<label class="input-group-text w-25">Tuning range</label> <label class="input-group-text bg-white w-50">
<label class="input-group-text">fmin</label> <div class="form-check form-switch form-check-inline">
<select class="form-select form-select-sm" id="tuning_range_fmin"> <input class="form-check-input" type="checkbox" id="GraphicsSwitch">
<option value="-50.0">-50.0</option> <label class="form-check-label" for="GraphicsSwitch">Higher CPU Usage</label>
<option value="-100.0">-100.0</option> </div>
<option value="-150.0">-150.0</option> </label>
<option value="-200.0">-200.0</option> </div>
<option value="-250.0">-250.0</option> <div class="input-group input-group-sm mb-1">
</select> <label class="input-group-text w-50" for="inputGroupFile02">Received files folder</label>
<label class="input-group-text">fmax</label> <input type="text" class="form-control w-50" id="received_files_folder">
<select class="form-select form-select-sm" id="tuning_range_fmax"> </div>
<option value="50.0">50.0</option> <div class="input-group input-group-sm mb-1"> <span class="input-group-text w-50"
<option value="100.0">100.0</option> id="basic-addon1">Update channel</span>
<option value="150.0">150.0</option> <select class="form-select form-select-sm w-50" id="update_channel_selector">
<option value="200.0">200.0</option> <option value="latest">stable</option>
<option value="250.0">250.0</option> <option value="beta">beta</option>
</select> <option value="alpha">alpha</option>
</div> </select>
<div class="input-group input-group-sm mb-1"> </div>
<label class="input-group-text w-50">Enable Autotune <br>(Highly Experimental)</label> </div>
<label class="input-group-text bg-white w-50"> <!-- TNC Tab-->
<div class="form-check form-switch form-check-inline ms-2"> <div class="tab-pane" id="profile" role="tabpanel" aria-labelledby="profile-tab" tabindex="0">
<input class="form-check-input" type="checkbox" id="autoTuneSwitch"> <div class="input-group input-group-sm mb-1">
<label class="form-check-label" for="autoTuneSwitch">adjust ALC on TX</label> <label class="input-group-text w-25">Tuning range</label>
</div> <label class="input-group-text">fmin</label>
</label> <select class="form-select form-select-sm" id="tuning_range_fmin">
</div> <option value="-50.0">-50.0</option>
<div class="input-group input-group-sm mb-1"> <option value="-100.0">-100.0</option>
<label class="input-group-text w-50">Enable FSK mode</label> <option value="-150.0">-150.0</option>
<label class="input-group-text bg-white w-50"> <option value="-200.0">-200.0</option>
<div class="form-check form-switch form-check-inline ms-2"> <option value="-250.0">-250.0</option>
<input class="form-check-input" type="checkbox" id="fskModeSwitch" disabled> </select>
<label class="form-check-label" for="fskModeSwitch">not available, yet</label> <label class="input-group-text">fmax</label>
</div> <select class="form-select form-select-sm" id="tuning_range_fmax">
</label> <option value="50.0">50.0</option>
</div> <option value="100.0">100.0</option>
<div class="input-group input-group-sm mb-1"> <option value="150.0">150.0</option>
<label class="input-group-text w-50">Enable Waterfall data</label> <option value="200.0">200.0</option>
<label class="input-group-text bg-white w-50"> <option value="250.0">250.0</option>
<div class="form-check form-switch form-check-inline"> </select>
<input class="form-check-input" type="checkbox" id="fftSwitch"> </div>
<label class="form-check-label" for="fftSwitch">Waterfall</label>
</div>
</label> <div class="input-group input-group-sm mb-1">
</div> <label class="input-group-text w-50">Enable Waterfall data</label>
<div class="input-group input-group-sm mb-1"> <label class="input-group-text bg-white w-50">
<label class="input-group-text w-50">Enable Scatter diagram data</label> <div class="form-check form-switch form-check-inline">
<label class="input-group-text bg-white w-50"> <input class="form-check-input" type="checkbox" id="fftSwitch">
<div class="form-check form-switch form-check-inline"> <label class="form-check-label" for="fftSwitch">Waterfall</label>
<input class="form-check-input" type="checkbox" id="scatterSwitch"> </div>
<label class="form-check-label" for="scatterSwitch">Scatter</label> </label>
</div> </div>
</label> <div class="input-group input-group-sm mb-1">
</div> <label class="input-group-text w-50">Enable Scatter diagram data</label>
<div class="input-group input-group-sm mb-1"> <label class="input-group-text bg-white w-50">
<label class="input-group-text w-50">Enable 563Hz only mode</label> <div class="form-check form-switch form-check-inline">
<label class="input-group-text bg-white w-50"> <input class="form-check-input" type="checkbox" id="scatterSwitch">
<div class="form-check form-switch form-check-inline"> <label class="form-check-label" for="scatterSwitch">Scatter</label>
<input class="form-check-input" type="checkbox" id="500HzModeSwitch"> </div>
<label class="form-check-label" for="500HzModeSwitch">563Hz</label> </label>
</div> </div>
</label> <div class="input-group input-group-sm mb-1">
</div> <label class="input-group-text w-50">Enable 563Hz only mode</label>
<div class="input-group input-group-sm mb-1"> <label class="input-group-text bg-white w-50">
<label class="input-group-text w-50">Enable Explorer Publishing <br> <div class="form-check form-switch form-check-inline">
(https://explorer.freedata.app) </label> <input class="form-check-input" type="checkbox" id="500HzModeSwitch">
<label class="input-group-text bg-white w-50"> <label class="form-check-label" for="500HzModeSwitch">563Hz</label>
<div class="form-check form-switch form-check-inline"> </div>
<input class="form-check-input" type="checkbox" id="ExplorerSwitch"> </label>
<label class="form-check-label" for="ExplorerSwitch">Publish</label> </div>
</div> <div class="input-group input-group-sm mb-1">
</label> <label class="input-group-text w-50">Respond to CQ</label>
</div> <label class="input-group-text bg-white w-50">
<div class="input-group input-group-sm mb-1"> <div class="form-check form-switch form-check-inline">
<label class="input-group-text w-50">Enable Explorer Stats Publishing</label> <input class="form-check-input" type="checkbox" id="respondCQSwitch">
<label class="input-group-text bg-white w-50"> <label class="form-check-label" for="respondCQSwitch">QRV</label>
<div class="form-check form-switch form-check-inline"> </div>
<input class="form-check-input" type="checkbox" id="ExplorerStatsSwitch"> </label>
<label class="form-check-label" for="ExplorerStatsSwitch">Publish stats</label> </div>
</div> <div class="input-group input-group-sm mb-1">
</label> <label class="input-group-text w-50">rx buffer size</label>
</div> <label class="input-group-text bg-white w-50">
<div class="input-group input-group-sm mb-1"> <select class="form-select form-select-sm" id="rx_buffer_size">
<label class="input-group-text w-50">Respond to CQ</label> <option value="1">1</option>
<label class="input-group-text bg-white w-50"> <option value="2">2</option>
<div class="form-check form-switch form-check-inline"> <option value="4">4</option>
<input class="form-check-input" type="checkbox" id="respondCQSwitch"> <option value="8">8</option>
<label class="form-check-label" for="respondCQSwitch">QRV</label> <option value="16">16</option>
</div> <option value="32">32</option>
</label> <option value="64">64</option>
</div> <option value="128">128</option>
<div class="input-group input-group-sm mb-1"> <option value="256">256</option>
<label class="input-group-text w-50">rx buffer size</label> <option value="512">512</option>
<label class="input-group-text bg-white w-50"> <option value="1024">1024</option>
<select class="form-select form-select-sm" id="rx_buffer_size"> </select>
<option value="1">1</option> </label>
<option value="2">2</option> </div>
<option value="4">4</option>
<option value="8">8</option> </div>
<option value="16">16</option> <!-- Stats Tab-->
<option value="32">32</option> <div class="tab-pane" id="messages" role="tabpanel" aria-labelledby="messages-tab" tabindex="0">
<option value="64">64</option> <div class="input-group input-group-sm mb-1">
<option value="128">128</option> <label class="input-group-text w-50">Enable Explorer Publishing <br>
<option value="256">256</option> (https://explorer.freedata.app) </label>
<option value="512">512</option> <label class="input-group-text bg-white w-50">
<option value="1024">1024</option> <div class="form-check form-switch form-check-inline">
</select> <input class="form-check-input" type="checkbox" id="ExplorerSwitch">
</label> <label class="form-check-label" for="ExplorerSwitch">Publish</label>
</div> </div>
</label>
</div>
<div class="input-group input-group-sm mb-1">
<label class="input-group-text w-50">Enable Explorer Stats Publishing</label>
<label class="input-group-text bg-white w-50">
<div class="form-check form-switch form-check-inline">
<input class="form-check-input" type="checkbox" id="ExplorerStatsSwitch">
<label class="form-check-label" for="ExplorerStatsSwitch">Publish stats</label>
</div>
</label>
</div>
</div>
<!-- Experimental-->
<div class="tab-pane" id="settings" role="tabpanel" aria-labelledby="settings-tab" tabindex="0">
<div class="input-group input-group-sm mb-1">
<label class="input-group-text w-50">Enable Autotune <br>(Highly Experimental)</label>
<label class="input-group-text bg-white w-50">
<div class="form-check form-switch form-check-inline ms-2">
<input class="form-check-input" type="checkbox" id="autoTuneSwitch">
<label class="form-check-label" for="autoTuneSwitch">adjust ALC on TX</label>
</div>
</label>
</div>
<div class="input-group input-group-sm mb-1">
<label class="input-group-text w-50">Enable FSK mode</label>
<label class="input-group-text bg-white w-50">
<div class="form-check form-switch form-check-inline ms-2">
<input class="form-check-input" type="checkbox" id="fskModeSwitch" disabled>
<label class="form-check-label" for="fskModeSwitch">not available, yet</label>
</div>
</label>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>