Activities in GUI

This commit is contained in:
Mashintime 2023-12-03 11:49:56 -05:00
parent 7a88875309
commit a6630234d8
3 changed files with 14 additions and 12 deletions

View file

@ -29,9 +29,10 @@ function getDateTime(timestampRaw) {
function getMaidenheadDistance(dxGrid) {
try {
return parseInt(distance(settings.mygrid, dxGrid));
return parseInt(distance(settings.remote.STATION.mygrid, dxGrid));
} catch (e) {
//
console.warn(e);
}
}
</script>
@ -81,33 +82,33 @@ function getMaidenheadDistance(dxGrid) {
</thead>
<tbody id="heardstations">
<!--https://vuejs.org/guide/essentials/list.html-->
<tr v-for="item in state.heard_stations" :key="item.timestamp">
<tr v-for="item in state.activities" :key="item[0]">
<td>
<span class="badge bg-secondary">{{
getDateTime(item.timestamp)
getDateTime(item[1].timestamp)
}}</span>
</td>
<td>
<span class="badge bg-secondary"
>{{ item.frequency / 1000 }} kHz</span
>{{ item[1].frequency / 1000 }} kHz</span
>
</td>
<td>
<span class="badge bg-secondary">{{ item.dxcallsign }}</span>
<span class="badge bg-secondary">{{ item[1].origin }}</span>
</td>
<td>
<span class="badge bg-secondary">{{ item.dxgrid }}</span>
<span class="badge bg-secondary">{{ item[1].gridsquare }}</span>
</td>
<td>
<span class="badge bg-secondary"
>{{ getMaidenheadDistance(item.dxgrid) }} km</span
>{{ getMaidenheadDistance(item[1].gridsquare) }} km</span
>
</td>
<td>
<span class="badge bg-secondary">{{ item.datatype }}</span>
<span class="badge bg-secondary">{{ item[1].activity_type }}</span>
</td>
<td>
<span class="badge bg-secondary">{{ item.snr }}</span>
<span class="badge bg-secondary">{{ item[1].snr }}</span>
</td>
<!--<td>{{ item.offset }}</td>-->
</tr>

View file

@ -43,6 +43,7 @@ export function stateDispatcher(data) {
stateStore.radio_status = data["radio_status"];
stateStore.frequency = data["radio_frequency"];
stateStore.mode = data["radio_mode"];
stateStore.activities = Object.entries(data["activities"]).reverse();
/*
self.is_arq_state = False
self.is_arq_session = False

View file

@ -31,7 +31,7 @@ export const useStateStore = defineStore("stateStore", () => {
var arq_total_bytes = ref(0);
var arq_transmission_percent = ref(0);
var heard_stations = ref("");
var activities = ref([]);
var dxcallsign = ref("");
var arq_session_state = ref("");
@ -113,7 +113,7 @@ export const useStateStore = defineStore("stateStore", () => {
arq_session_state,
is_codec2_traffic,
rf_level,
heard_stations,
activities,
beacon_state,
rigctld_started,
rigctld_process,