Merge pull request #685 from DJ2LS/gui-fixes

Gui fixes
This commit is contained in:
DJ2LS 2024-03-13 02:15:36 -07:00 committed by GitHub
commit 791e9ab9c6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 36 additions and 3 deletions

View file

@ -832,7 +832,7 @@ function quickfill() {
<h6>15m</h6> <h6>15m</h6>
</div> </div>
</a> </a>
<a href="#" class="list-group-item list-group-item-action" @click="updateFrequencyAndApply(14093000)"> <a href="#" class="list-group-item list-group-item-action" @click="updateFrequencyAndApply(18106000)">
<div class="d-flex w-100 justify-content-between"> <div class="d-flex w-100 justify-content-between">
<h5 class="mb-1">18.106 MHz</h5> <h5 class="mb-1">18.106 MHz</h5>
<small>EU / US</small> <small>EU / US</small>

View file

@ -21,6 +21,14 @@ function startStopBeacon() {
} }
} }
var dxcallPing = ref(""); var dxcallPing = ref("");
window.addEventListener(
"stationSelected",
function (eventdata) {
let evt = <CustomEvent>eventdata;
dxcallPing.value = evt.detail;
},
false,
);
</script> </script>
<template> <template>
<div class="card h-100"> <div class="card h-100">

View file

@ -21,6 +21,14 @@ function startStopBeacon() {
} }
} }
var dxcallPing = ref(""); var dxcallPing = ref("");
window.addEventListener(
"stationSelected",
function (eventdata) {
let evt = <CustomEvent>eventdata;
dxcallPing.value = evt.detail;
},
false,
);
</script> </script>
<template> <template>
<div class="card h-100"> <div class="card h-100">

View file

@ -34,6 +34,10 @@ function getMaidenheadDistance(dxGrid) {
// //
} }
} }
function pushToPing(origin)
{
window.dispatchEvent(new CustomEvent("stationSelected", {bubbles:true, detail: origin }));
}
</script> </script>
<template> <template>
<div class="card h-100"> <div class="card h-100">
@ -61,7 +65,7 @@ function getMaidenheadDistance(dxGrid) {
</thead> </thead>
<tbody id="gridHeardStations"> <tbody id="gridHeardStations">
<!--https://vuejs.org/guide/essentials/list.html--> <!--https://vuejs.org/guide/essentials/list.html-->
<tr v-for="item in state.heard_stations" :key="item.origin"> <tr v-for="item in state.heard_stations" :key="item.origin" @click="pushToPing(item.origin)">
<td> <td>
{{ getDateTime(item.timestamp) }} {{ getDateTime(item.timestamp) }}
</td> </td>

View file

@ -34,6 +34,10 @@ function getMaidenheadDistance(dxGrid) {
// //
} }
} }
function pushToPing(origin)
{
window.dispatchEvent(new CustomEvent("stationSelected", {bubbles:true, detail: origin }));
}
</script> </script>
<template> <template>
<div class="card h-100"> <div class="card h-100">
@ -54,7 +58,7 @@ function getMaidenheadDistance(dxGrid) {
</thead> </thead>
<tbody id="miniHeardStations"> <tbody id="miniHeardStations">
<!--https://vuejs.org/guide/essentials/list.html--> <!--https://vuejs.org/guide/essentials/list.html-->
<tr v-for="item in state.heard_stations" :key="item.origin"> <tr v-for="item in state.heard_stations" :key="item.origin" @click="pushToPing(item.origin)">
<td> <td>
<span class="fs-6">{{ getDateTime(item.timestamp) }}</span> <span class="fs-6">{{ getDateTime(item.timestamp) }}</span>
</td> </td>

View file

@ -12,6 +12,15 @@ function transmitPing() {
sendModemPing(dxcallPing.value.toUpperCase()); sendModemPing(dxcallPing.value.toUpperCase());
} }
var dxcallPing = ref(""); var dxcallPing = ref("");
window.addEventListener(
"stationSelected",
function (eventdata) {
let evt = <CustomEvent>eventdata;
dxcallPing.value = evt.detail;
},
false,
);
</script> </script>
<template> <template>
<div class="input-group" style="width: calc(100% - 24px)"> <div class="input-group" style="width: calc(100% - 24px)">