2023-12-03 23:39:06 +00:00
|
|
|
<script setup lang="ts">
|
|
|
|
import { setActivePinia } from "pinia";
|
2023-12-09 06:18:16 +00:00
|
|
|
import pinia from "../../store/index";
|
2024-02-20 07:09:05 +00:00
|
|
|
import { setRadioParametersFrequency, setRadioParametersMode, setRadioParametersRFLevel } from "../../js/api";
|
2023-12-03 23:39:06 +00:00
|
|
|
setActivePinia(pinia);
|
|
|
|
|
2023-12-09 06:18:16 +00:00
|
|
|
import { useStateStore } from "../../store/stateStore.js";
|
2023-12-03 23:39:06 +00:00
|
|
|
const state = useStateStore(pinia);
|
|
|
|
|
2024-02-20 07:09:05 +00:00
|
|
|
function set_radio_parameter_frequency(){
|
|
|
|
setRadioParametersFrequency(state.new_frequency)
|
2023-12-03 23:39:06 +00:00
|
|
|
}
|
2024-02-20 07:09:05 +00:00
|
|
|
|
|
|
|
function set_radio_parameter_mode(){
|
|
|
|
setRadioParametersMode(state.mode)
|
|
|
|
}
|
|
|
|
|
|
|
|
function set_radio_parameter_rflevel(){
|
|
|
|
setRadioParametersRFLevel(state.rf_level)
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
2023-12-03 23:39:06 +00:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
2023-12-04 03:49:02 +00:00
|
|
|
<div class="card h-100">
|
2023-12-10 08:00:39 +00:00
|
|
|
<div class="card-header p-0">
|
2023-12-04 03:49:02 +00:00
|
|
|
<i class="bi bi-house-door" style="font-size: 1.2rem"></i>
|
|
|
|
<strong>Radio control</strong>
|
|
|
|
</div>
|
2023-12-03 23:39:06 +00:00
|
|
|
|
2023-12-10 08:00:39 +00:00
|
|
|
<div class="card-body overflow-auto p-0">
|
2023-12-04 03:49:02 +00:00
|
|
|
<div class="input-group input-group-sm bottom-0 m-0">
|
|
|
|
<div class="me-2">
|
|
|
|
<div class="input-group input-group-sm">
|
|
|
|
<span class="input-group-text">QRG</span>
|
2023-12-16 16:12:03 +00:00
|
|
|
<span class="input-group-text"
|
|
|
|
>{{ state.frequency / 1000 }} kHz</span
|
|
|
|
>
|
2023-12-03 23:39:06 +00:00
|
|
|
|
2023-12-16 16:12:03 +00:00
|
|
|
<button
|
|
|
|
class="btn btn-secondary dropdown-toggle"
|
|
|
|
v-bind:class="{
|
2023-12-04 03:49:02 +00:00
|
|
|
disabled: state.hamlib_status === 'disconnected',
|
2023-12-16 16:12:03 +00:00
|
|
|
}"
|
|
|
|
type="button"
|
|
|
|
data-bs-toggle="offcanvas"
|
|
|
|
data-bs-target="#offcanvasFrequency"
|
|
|
|
aria-controls="offcanvasExample"
|
|
|
|
></button>
|
2023-12-03 23:39:06 +00:00
|
|
|
</div>
|
2023-12-04 03:49:02 +00:00
|
|
|
</div>
|
2023-12-03 23:39:06 +00:00
|
|
|
|
2023-12-04 03:49:02 +00:00
|
|
|
<div class="me-2">
|
|
|
|
<div class="input-group input-group-sm">
|
|
|
|
<span class="input-group-text">Mode</span>
|
|
|
|
<select
|
|
|
|
class="form-control"
|
|
|
|
v-model="state.mode"
|
2024-02-20 07:09:05 +00:00
|
|
|
@click="set_radio_parameter_mode()"
|
2023-12-04 03:49:02 +00:00
|
|
|
v-bind:class="{
|
|
|
|
disabled: state.hamlib_status === 'disconnected',
|
|
|
|
}"
|
|
|
|
>
|
2024-02-20 10:05:57 +00:00
|
|
|
<option selected value="">---</option>
|
2023-12-04 03:49:02 +00:00
|
|
|
<option value="USB">USB</option>
|
2024-02-20 07:09:05 +00:00
|
|
|
<option value="USB-D">USB-D</option>
|
2023-12-04 03:49:02 +00:00
|
|
|
<option value="PKTUSB">PKT-U</option>
|
|
|
|
</select>
|
2023-12-03 23:39:06 +00:00
|
|
|
</div>
|
2023-12-04 03:49:02 +00:00
|
|
|
</div>
|
2023-12-03 23:39:06 +00:00
|
|
|
|
2023-12-04 03:49:02 +00:00
|
|
|
<div class="me-2">
|
|
|
|
<div class="input-group input-group-sm">
|
|
|
|
<span class="input-group-text">% Power</span>
|
|
|
|
<select
|
|
|
|
class="form-control"
|
|
|
|
v-model="state.rf_level"
|
2024-02-20 07:09:05 +00:00
|
|
|
@click="set_radio_parameter_rflevel()"
|
2023-12-04 03:49:02 +00:00
|
|
|
v-bind:class="{
|
|
|
|
disabled: state.hamlib_status === 'disconnected',
|
|
|
|
}"
|
|
|
|
>
|
|
|
|
<option value="0">-</option>
|
|
|
|
<option value="10">10</option>
|
|
|
|
<option value="20">20</option>
|
|
|
|
<option value="30">30</option>
|
|
|
|
<option value="40">40</option>
|
|
|
|
<option value="50">50</option>
|
|
|
|
<option value="60">60</option>
|
|
|
|
<option value="70">70</option>
|
|
|
|
<option value="80">80</option>
|
|
|
|
<option value="90">90</option>
|
|
|
|
<option value="100">100</option>
|
|
|
|
</select>
|
2023-12-03 23:39:06 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2023-12-04 03:49:02 +00:00
|
|
|
</div>
|
2023-12-03 23:39:06 +00:00
|
|
|
</template>
|