Tabbed settings menu

This commit is contained in:
Mashintime 2023-02-11 12:14:44 -05:00
parent 3d58ab466e
commit b9bf46bb5f

View file

@ -1247,20 +1247,40 @@
</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>
<!-- SETTINGS Nav tabs -->
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<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>
</li>
<li class="nav-item" role="presentation">
<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>
</li>
<li class="nav-item" role="presentation">
<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>
</li>
<li class="nav-item" role="presentation">
<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>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<!-- GUI TAB-->
<div class="tab-pane active" id="gui" role="tabpanel" aria-labelledby="gui-tab" tabindex="0">
<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">Theme</span> id="basic-addon1">Theme</span>
<select class="form-select form-select-sm w-50" id="theme_selector"> <select class="form-select form-select-sm w-50" id="theme_selector">
@ -1313,6 +1333,10 @@
</div> </div>
</label> </label>
</div> </div>
<div class="input-group input-group-sm mb-1">
<label class="input-group-text w-50" for="inputGroupFile02">Received files folder</label>
<input type="text" class="form-control w-50" id="received_files_folder">
</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">Update channel</span> id="basic-addon1">Update channel</span>
<select class="form-select form-select-sm w-50" id="update_channel_selector"> <select class="form-select form-select-sm w-50" id="update_channel_selector">
@ -1321,10 +1345,9 @@
<option value="alpha">alpha</option> <option value="alpha">alpha</option>
</select> </select>
</div> </div>
<div class="input-group input-group-sm mb-1">
<label class="input-group-text w-50" for="inputGroupFile02">Received files folder</label>
<input type="text" class="form-control w-50" id="received_files_folder">
</div> </div>
<!-- TNC Tab-->
<div class="tab-pane" id="profile" role="tabpanel" aria-labelledby="profile-tab" tabindex="0">
<div class="input-group input-group-sm mb-1"> <div class="input-group input-group-sm mb-1">
<label class="input-group-text w-25">Tuning range</label> <label class="input-group-text w-25">Tuning range</label>
<label class="input-group-text">fmin</label> <label class="input-group-text">fmin</label>
@ -1344,24 +1367,8 @@
<option value="250.0">250.0</option> <option value="250.0">250.0</option>
</select> </select>
</div> </div>
<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 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 Waterfall data</label> <label class="input-group-text w-50">Enable Waterfall data</label>
<label class="input-group-text bg-white w-50"> <label class="input-group-text bg-white w-50">
@ -1389,25 +1396,6 @@
</div> </div>
</label> </label>
</div> </div>
<div class="input-group input-group-sm mb-1">
<label class="input-group-text w-50">Enable Explorer Publishing <br>
(https://explorer.freedata.app) </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="ExplorerSwitch">
<label class="form-check-label" for="ExplorerSwitch">Publish</label>
</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 class="input-group input-group-sm mb-1"> <div class="input-group input-group-sm mb-1">
<label class="input-group-text w-50">Respond to CQ</label> <label class="input-group-text w-50">Respond to CQ</label>
<label class="input-group-text bg-white w-50"> <label class="input-group-text bg-white w-50">
@ -1435,6 +1423,60 @@
</select> </select>
</label> </label>
</div> </div>
</div>
<!-- Stats Tab-->
<div class="tab-pane" id="messages" role="tabpanel" aria-labelledby="messages-tab" tabindex="0">
<div class="input-group input-group-sm mb-1">
<label class="input-group-text w-50">Enable Explorer Publishing <br>
(https://explorer.freedata.app) </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="ExplorerSwitch">
<label class="form-check-label" for="ExplorerSwitch">Publish</label>
</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>