FreeDATA/gui/src/components/settings_exp.vue

90 lines
2.6 KiB
Vue
Raw Normal View History

2023-09-06 10:23:20 +00:00
<script setup lang="ts">
2023-11-09 18:46:29 +00:00
import { saveModemConfig } from "../js/api";
2023-10-03 13:15:17 +00:00
import { setActivePinia } from "pinia";
import pinia from "../store/index";
2023-09-06 10:23:20 +00:00
setActivePinia(pinia);
2023-10-03 13:15:17 +00:00
import { useSettingsStore } from "../store/settingsStore.js";
2023-09-06 10:23:20 +00:00
const settings = useSettingsStore(pinia);
</script>
<template>
2023-10-03 13:15:17 +00:00
<div class="input-group input-group-sm mb-1">
<label class="input-group-text w-50">Enable autotune</label>
<label class="input-group-text w-50">
<div class="form-check form-switch form-check-inline ms-2">
<input
class="form-check-input"
type="checkbox"
id="autoTuneSwitch"
2023-11-09 18:46:29 +00:00
@change="saveModemConfig"
2023-10-03 13:15:17 +00:00
v-model="settings.auto_tune"
/>
<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 w-50">
<div class="form-check form-switch form-check-inline ms-2">
<input
class="form-check-input"
type="checkbox"
id="fskModeSwitch"
2023-11-09 18:46:29 +00:00
@change="saveModemConfig"
2023-10-03 13:15:17 +00:00
v-model="settings.enable_fsk"
2023-10-15 05:37:15 +00:00
disabled
2023-10-03 13:15:17 +00:00
/>
<label class="form-check-label" for="fskModeSwitch"
>not available, yet</label
>
</div>
</label>
</div>
<div class="input-group input-group-sm mb-1">
<label class="input-group-text w-50">Enable MESH protocol</label>
<label class="input-group-text w-50">
<div class="form-check form-switch form-check-inline ms-2">
<input
class="form-check-input"
type="checkbox"
id="enableMeshSwitch"
2023-11-09 18:46:29 +00:00
@change="saveModemConfig"
2023-10-03 13:15:17 +00:00
v-model="settings.enable_mesh_features"
/>
<label class="form-check-label" for="enableMeshSwitch"
>experimental! REALLY!</label
2023-09-06 10:23:20 +00:00
>
</div>
2023-10-03 13:15:17 +00:00
</label>
</div>
<div class="input-group input-group-sm mb-1">
<label class="input-group-text w-50">Database maintenance</label>
<label class="input-group-text w-50">
<button
class="btn btn-outline-secondary btn-sm w-50"
id="btnCleanDB"
type="button"
2023-10-15 05:37:15 +00:00
disabled
2023-10-03 13:15:17 +00:00
>
Clean</button
>&nbsp;
<div
class="spinner-border text-warning invisible"
role="status"
id="divCleanDBSpinner"
></div>
</label>
</div>
<div class="center">
<div class="badge text-bg-danger">
<i class="bi bi-shield-exclamation"></i> These options may not work and
are for experienced users only!
2023-09-06 10:23:20 +00:00
</div>
2023-10-03 13:15:17 +00:00
</div>
2023-09-06 10:23:20 +00:00
</template>