Grid HSL updates/testing

This commit is contained in:
Mashintime 2023-12-03 13:01:46 -05:00
parent aafa3cd5ba
commit c1852a4d5f
2 changed files with 19 additions and 23 deletions

View file

@ -29,7 +29,7 @@ function getDateTime(timestampRaw) {
function getMaidenheadDistance(dxGrid) { function getMaidenheadDistance(dxGrid) {
try { try {
return parseInt(distance(settings.mygrid, dxGrid)); return parseInt(distance(settings.remote.STATION.mygrid, dxGrid));
} catch (e) { } catch (e) {
// //
} }
@ -43,7 +43,7 @@ function getMaidenheadDistance(dxGrid) {
<strong>Heard stations</strong> <strong>Heard stations</strong>
</div> </div>
<div class="card-body"> <div class="card-body overflow-auto">
<div class="table-responsive"> <div class="table-responsive">
<!-- START OF TABLE FOR HEARD STATIONS --> <!-- START OF TABLE FOR HEARD STATIONS -->
<table class="table table-sm" id="tblHeardStationList"> <table class="table table-sm" id="tblHeardStationList">
@ -61,33 +61,33 @@ 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.timestamp"> <tr v-for="item in state.activities" :key="item[0]">
<td> <td>
<span class="badge bg-secondary">{{ <span class="badge bg-secondary">{{
getDateTime(item.timestamp) getDateTime(item[1].timestamp)
}}</span> }}</span>
</td> </td>
<td> <td>
<span class="badge bg-secondary" <span class="badge bg-secondary"
>{{ item.frequency / 1000 }} kHz</span >{{ item[1].frequency / 1000 }} kHz</span
> >
</td> </td>
<td> <td>
<span class="badge bg-secondary">{{ item.dxcallsign }}</span> <span class="badge bg-secondary">{{ item[1].origin }}</span>
</td> </td>
<td> <td>
<span class="badge bg-secondary">{{ item.dxgrid }}</span> <span class="badge bg-secondary">{{ item[1].gridsquare }}</span>
</td> </td>
<td> <td>
<span class="badge bg-secondary" <span class="badge bg-secondary"
>{{ getMaidenheadDistance(item.dxgrid) }} km</span >{{ getMaidenheadDistance(item[1].gridsquare) }} km</span
> >
</td> </td>
<td> <td>
<span class="badge bg-secondary">{{ item.datatype }}</span> <span class="badge bg-secondary">{{ item[1].activity_type }}</span>
</td> </td>
<td> <td>
<span class="badge bg-secondary">{{ item.snr }}</span> <span class="badge bg-secondary">{{ item[1].snr }}</span>
</td> </td>
</tr> </tr>
</tbody> </tbody>

View file

@ -16,7 +16,7 @@ function getDateTime(timestampRaw) {
navigator.language, navigator.language,
{ {
hourCycle: "h23", hourCycle: "h23",
year: "numeric",
month: "2-digit", month: "2-digit",
day: "2-digit", day: "2-digit",
hour: "2-digit", hour: "2-digit",
@ -29,7 +29,7 @@ function getDateTime(timestampRaw) {
function getMaidenheadDistance(dxGrid) { function getMaidenheadDistance(dxGrid) {
try { try {
return parseInt(distance(settings.mygrid, dxGrid)); return parseInt(distance(settings.remote.STATION.mygrid, dxGrid));
} catch (e) { } catch (e) {
// //
} }
@ -43,7 +43,7 @@ function getMaidenheadDistance(dxGrid) {
<strong>Heard stations</strong> <strong>Heard stations</strong>
</div> </div>
<div class="card-body"> <div class="card-body overflow-auto">
<div class="table-responsive"> <div class="table-responsive">
<!-- START OF TABLE FOR HEARD STATIONS --> <!-- START OF TABLE FOR HEARD STATIONS -->
<table class="table table-sm" id="tblHeardStationList"> <table class="table table-sm" id="tblHeardStationList">
@ -51,29 +51,25 @@ function getMaidenheadDistance(dxGrid) {
<tr> <tr>
<th scope="col" id="thTime">Time</th> <th scope="col" id="thTime">Time</th>
<th scope="col" id="thDxcall">DXCall</th> <th scope="col" id="thDxcall">DXCall</th>
<th scope="col" id="thDxgrid">Grid</th>
<th scope="col" id="thSnr">SNR</th> <th scope="col" id="thSnr">SNR</th>
<!--<th scope="col">Off</th>--> <!--<th scope="col">Off</th>-->
</tr> </tr>
</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.timestamp"> <tr v-for="item in state.activities" :key="item[0]">
<td> <td>
<span class="badge bg-secondary">{{ <span class="fs-6">{{
getDateTime(item.timestamp) getDateTime(item[1].timestamp)
}}</span> }}</span>
</td> </td>
<td> <td>
<span class="badge bg-secondary">{{ item.dxcallsign }}</span> <span >{{ item[1].origin }}</span>
</td> </td>
<td> <td>
<span class="badge bg-secondary">{{ item.dxgrid }}</span> <span>{{ item[1].snr }}</span>
</td>
>
<td>
<span class="badge bg-secondary">{{ item.snr }}</span>
</td> </td>
<!--<td>{{ item.offset }}</td>--> <!--<td>{{ item.offset }}</td>-->
</tr> </tr>