Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
74 changes: 74 additions & 0 deletions src/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -127,6 +127,7 @@ <h3 class="mb-2 mb-sm-0 text-center text-sm-start me-sm-3">Mode</h3>
value="single"
autocomplete="off"
checked
data-persist="true"
/>
<label
class="btn btn-outline-primary d-flex align-items-center justify-content-center"
Expand All @@ -141,6 +142,7 @@ <h3 class="mb-2 mb-sm-0 text-center text-sm-start me-sm-3">Mode</h3>
id="modeContest"
value="contest"
autocomplete="off"
data-persist="true"
/>
<label
class="btn btn-outline-primary d-flex align-items-center justify-content-center"
Expand All @@ -155,6 +157,7 @@ <h3 class="mb-2 mb-sm-0 text-center text-sm-start me-sm-3">Mode</h3>
id="modePota"
value="pota"
autocomplete="off"
data-persist="true"
/>
<label
class="btn btn-outline-primary d-flex align-items-center justify-content-center"
Expand All @@ -169,6 +172,7 @@ <h3 class="mb-2 mb-sm-0 text-center text-sm-start me-sm-3">Mode</h3>
id="modeCwt"
value="cwt"
autocomplete="off"
data-persist="true"
/>
<label
class="btn btn-outline-primary d-flex align-items-center justify-content-center"
Expand All @@ -183,6 +187,7 @@ <h3 class="mb-2 mb-sm-0 text-center text-sm-start me-sm-3">Mode</h3>
id="modeSst"
value="sst"
autocomplete="off"
data-persist="true"
/>
<label
class="btn btn-outline-primary d-flex align-items-center justify-content-center"
Expand All @@ -191,6 +196,13 @@ <h3 class="mb-2 mb-sm-0 text-center text-sm-start me-sm-3">Mode</h3>
>
</div>
</div>
<div
class="col-12 col-lg-3 d-flex justify-content-lg-end align-items-center"
>
<button id="resetSettingsButton" class="btn btn-secondary mb-2">
Reset Settings
</button>
</div>
</div>

<hr />
Expand Down Expand Up @@ -232,6 +244,7 @@ <h5>Your Station Settings</h5>
autocapitalize="characters"
spellcheck="false"
autocorrect="off"
data-persist="true"
/>
<div class="invalid-feedback"></div>
</div>
Expand All @@ -247,6 +260,7 @@ <h5>Your Station Settings</h5>
autocapitalize="characters"
spellcheck="false"
autocorrect="off"
data-persist="true"
/>
<div class="invalid-feedback"></div>
</div>
Expand All @@ -263,6 +277,7 @@ <h5>Your Station Settings</h5>
autocapitalize="characters"
spellcheck="false"
autocorrect="off"
data-persist="true"
/>
<div class="invalid-feedback"></div>
</div>
Expand All @@ -279,6 +294,7 @@ <h5>Your Station Settings</h5>
max="100"
step="1"
required
data-persist="true"
/>
</div>
<div class="col-6 col-md-4 col-lg-2">
Expand All @@ -295,6 +311,7 @@ <h5>Your Station Settings</h5>
max="9999"
step="1"
required
data-persist="true"
/>
</div>
<div class="col-6 col-md-4 col-lg-2">
Expand All @@ -311,6 +328,7 @@ <h5>Your Station Settings</h5>
max="100"
step="1"
required
data-persist="true"
/>
</div>
</div>
Expand Down Expand Up @@ -358,7 +376,31 @@ <h5>Responding Station Settings</h5>
max="100"
step="1"
required
data-persist="true"
/>
</div>

<!-- Enable Continuous respons -->
<div class="col-12 col-md-6 col-lg">
<input
type="checkbox"
class="btn-check"
id="enableContinuous"
autocomplete="off"
data-persist="true"
onchange="
document.getElementById('enableContinuousLabel').innerHTML =
`<i class='${this.checked ? 'fa-solid fa-circle-check' : 'fa-regular fa-circle-xmark'} me-2'></i>Continuous Mode`;
"
/>
<label
class="btn btn-outline-primary w-100"
for="enableContinuous"
id="enableContinuousLabel"
>
<i class="fa-regular fa-circle-xmark me-2"></i>Continuous
Mode
</label>
</div>

<!-- Min Speed -->
Expand All @@ -373,6 +415,7 @@ <h5>Responding Station Settings</h5>
min="1"
max="100"
step="1"
data-persist="true"
required
/>
<div class="invalid-feedback"></div>
Expand All @@ -390,6 +433,7 @@ <h5>Responding Station Settings</h5>
min="1"
max="100"
step="1"
data-persist="true"
required
/>
</div>
Expand All @@ -401,6 +445,7 @@ <h5>Responding Station Settings</h5>
class="btn-check"
id="enableFarnsworth"
autocomplete="off"
data-persist="true"
onchange="
document.getElementById('enableFarnsworthLabel').innerHTML =
`<i class='${this.checked ? 'fa-solid fa-circle-check' : 'fa-regular fa-circle-xmark'} me-2'></i>Farnsworth`;
Expand Down Expand Up @@ -430,6 +475,7 @@ <h5>Responding Station Settings</h5>
min="1"
max="100"
step="1"
data-persist="true"
required
disabled
/>
Expand All @@ -449,6 +495,7 @@ <h5>Responding Station Settings</h5>
min="1"
max="9999"
step="1"
data-persist="true"
required
/>
<div class="invalid-feedback"></div>
Expand All @@ -464,6 +511,7 @@ <h5>Responding Station Settings</h5>
min="1"
max="9999"
step="1"
data-persist="true"
required
/>
</div>
Expand All @@ -478,6 +526,7 @@ <h5>Responding Station Settings</h5>
min="0"
max="100"
step="1"
data-persist="true"
required
/>
<div class="invalid-feedback"></div>
Expand All @@ -493,6 +542,7 @@ <h5>Responding Station Settings</h5>
min="0"
max="100"
step="1"
data-persist="true"
required
/>
</div>
Expand All @@ -511,6 +561,7 @@ <h5>Responding Station Settings</h5>
min="0"
max="2"
step="0.25"
data-persist="true"
required
/>
</div>
Expand All @@ -529,6 +580,7 @@ <h5>Responding Station Settings</h5>
min="0"
max="5"
step="0.25"
data-persist="true"
required
/>
</div>
Expand All @@ -544,6 +596,7 @@ <h5>Responding Station Settings</h5>
autocomplete="off"
id="usOnly"
checked
data-persist="true"
onchange="
document.getElementById('usOnlyLabel').innerHTML =
`<i class='${this.checked ? 'fa-solid fa-circle-check' : 'fa-regular fa-circle-xmark'} me-2'></i>US Only Callsigns`;
Expand Down Expand Up @@ -572,6 +625,7 @@ <h5>Responding Station Settings</h5>
class="btn-check"
id="1x1"
autocomplete="off"
data-persist="true"
/>
<label class="btn btn-outline-primary" for="1x1">1x1</label>

Expand All @@ -580,6 +634,7 @@ <h5>Responding Station Settings</h5>
class="btn-check"
id="1x2"
autocomplete="off"
data-persist="true"
checked
/>
<label class="btn btn-outline-primary" for="1x2">1x2</label>
Expand All @@ -589,6 +644,7 @@ <h5>Responding Station Settings</h5>
class="btn-check"
id="2x1"
autocomplete="off"
data-persist="true"
checked
/>
<label class="btn btn-outline-primary" for="2x1">2x1</label>
Expand All @@ -598,6 +654,7 @@ <h5>Responding Station Settings</h5>
class="btn-check"
id="2x2"
autocomplete="off"
data-persist="true"
checked
/>
<label class="btn btn-outline-primary" for="2x2">2x2</label>
Expand All @@ -607,6 +664,7 @@ <h5>Responding Station Settings</h5>
class="btn-check"
id="1x3"
autocomplete="off"
data-persist="true"
checked
/>
<label class="btn btn-outline-primary" for="1x3">1x3</label>
Expand All @@ -616,6 +674,7 @@ <h5>Responding Station Settings</h5>
class="btn-check"
id="2x3"
autocomplete="off"
data-persist="true"
checked
/>
<label class="btn btn-outline-primary" for="2x3">2x3</label>
Expand All @@ -634,6 +693,7 @@ <h5>Responding Station Settings</h5>
type="checkbox"
class="btn-check"
autocomplete="off"
data-persist="true"
id="enableCutNumbers"
onchange="document.getElementById('enableCutNumbersLabel').innerHTML =
`<i class='${this.checked ? 'fa-solid fa-circle-check' : 'fa-regular fa-circle-xmark'} me-2'></i>Enable Cut Numbers`;
Expand Down Expand Up @@ -663,6 +723,7 @@ <h5>Responding Station Settings</h5>
class="btn-check"
id="cutT"
autocomplete="off"
data-persist="true"
checked
/>
<label
Expand All @@ -677,6 +738,7 @@ <h5>Responding Station Settings</h5>
class="btn-check"
id="cutA"
autocomplete="off"
data-persist="true"
/>
<label
class="btn btn-responsive btn-outline-primary"
Expand All @@ -690,6 +752,7 @@ <h5>Responding Station Settings</h5>
class="btn-check"
id="cutU"
autocomplete="off"
data-persist="true"
/>
<label
class="btn btn-responsive btn-outline-primary"
Expand All @@ -703,6 +766,7 @@ <h5>Responding Station Settings</h5>
class="btn-check"
id="cutV"
autocomplete="off"
data-persist="true"
/>
<label
class="btn btn-responsive btn-outline-primary"
Expand All @@ -716,6 +780,7 @@ <h5>Responding Station Settings</h5>
class="btn-check"
id="cutE"
autocomplete="off"
data-persist="true"
/>
<label
class="btn btn-responsive btn-outline-primary"
Expand All @@ -729,6 +794,7 @@ <h5>Responding Station Settings</h5>
class="btn-check"
id="cutG"
autocomplete="off"
data-persist="true"
/>
<label
class="btn btn-responsive btn-outline-primary"
Expand All @@ -742,6 +808,7 @@ <h5>Responding Station Settings</h5>
class="btn-check"
id="cutD"
autocomplete="off"
data-persist="true"
/>
<label
class="btn btn-responsive btn-outline-primary"
Expand All @@ -755,6 +822,7 @@ <h5>Responding Station Settings</h5>
class="btn-check"
id="cutN"
autocomplete="off"
data-persist="true"
checked
/>
<label
Expand Down Expand Up @@ -806,6 +874,7 @@ <h5>Effects Settings</h5>
name="qrn"
id="qrnOff"
value="off"
data-persist="true"
/>
<label class="btn btn-outline-primary" for="qrnOff"
>Off</label
Expand All @@ -817,6 +886,7 @@ <h5>Effects Settings</h5>
name="qrn"
id="qrnNormal"
value="normal"
data-persist="true"
checked
/>
<label class="btn btn-outline-primary" for="qrnNormal"
Expand All @@ -829,6 +899,7 @@ <h5>Effects Settings</h5>
name="qrn"
id="qrnModerate"
value="moderate"
data-persist="true"
/>
<label class="btn btn-outline-primary" for="qrnModerate"
>Moderate</label
Expand All @@ -840,6 +911,7 @@ <h5>Effects Settings</h5>
name="qrn"
id="qrnHeavy"
value="heavy"
data-persist="true"
/>
<label class="btn btn-outline-primary" for="qrnHeavy"
>Heavy</label
Expand All @@ -857,6 +929,7 @@ <h5>Effects Settings</h5>
class="btn-check"
id="qsb"
autocomplete="off"
data-persist="true"
onchange="
document.getElementById('qsbLabel').innerHTML =
`<i class='${this.checked ? 'fa-solid fa-circle-check' : 'fa-regular fa-circle-xmark'} me-2'></i>QSB (Fading)`;
Expand Down Expand Up @@ -885,6 +958,7 @@ <h5>Effects Settings</h5>
min="0"
max="100"
value="50"
data-persist="true"
disabled
oninput="document.getElementById('qsbValue').textContent = this.value + '%';"
/>
Expand Down
Loading