w1cdn/spothole
1
0
Fork 0
mirror of https://git.ianrenton.com/ian/spothole.git synced 2025-10-27 16:59:25 +00:00
Code Issues 11 Packages Projects Releases Wiki Activity

QRZ links and wrapping features. Closes #7

Browse Source
This commit is contained in:
Ian Renton
2025-10-03 12:33:16 +01:00
parent f489c75bb1
commit cd5f65cb57
2 changed files with 17 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
webassets/css/style.css
View File

@@ -9,6 +9,10 @@
} }
} }
td.nowrap {
text-wrap: nowrap;
}
span.flag-wrapper { span.flag-wrapper {
display: inline-block; display: inline-block;
width: 1.7em; width: 1.7em;
@@ -60,4 +64,10 @@ div.appearing-panel {
p.filter-card-text { p.filter-card-text {
line-height: 2.5em !important; line-height: 2.5em !important;
}
a.dx-link {
color: var(--bs-emphasis-color);
text-decoration: none;
font-weight: bold;
} }

14
webassets/js/code.js
View File

@@ -112,14 +112,14 @@ function updateTable() {
var bandFullName = s['band'] ? s['band'] + " band": "Unknown band"; var bandFullName = s['band'] ? s['band'] + " band": "Unknown band";
// Populate the row // Populate the row
$tr.append(`<td>${time_formatted}</td>`); $tr.append(`<td class='nowrap'>${time_formatted}</td>`);
$tr.append(`<td><span class='flag-wrapper' title='${dx_country}'>${s["dx_flag"]}</span>${s["dx_call"]}</td>`); $tr.append(`<td class='nowrap'><span class='flag-wrapper' title='${dx_country}'>${s["dx_flag"]}</span><a class='dx-link' href='https://qrz.com/db/${s["dx_call"]}' target='_new'>${s["dx_call"]}</a></td>`);
$tr.append(`<td><span class='band-bullet band-bullet-${cssFormattedBandName}' title='${bandFullName}'>&#9632;</span>${freq_string}</td>`); $tr.append(`<td class='nowrap'><span class='band-bullet band-bullet-${cssFormattedBandName}' title='${bandFullName}'>&#9632;</span>${freq_string}</td>`);
$tr.append(`<td>${mode_string}</td>`); $tr.append(`<td class='nowrap'>${mode_string}</td>`);
$tr.append('<td>' + escapeHtml(`${s["comment"]}`) + '</td>'); $tr.append('<td>' + escapeHtml(`${s["comment"]}`) + '</td>');
$tr.append(`<td><span class='icon-wrapper'><i class='fa-solid fa-${s["icon"]}'></i></span> ${s["source"]}</td>`); $tr.append(`<td class='nowrap'><span class='icon-wrapper'><i class='fa-solid fa-${s["icon"]}'></i></span> ${s["source"]}</td>`);
$tr.append(`<td>${sig_refs}</td>`); $tr.append(`<td class='nowrap'>${sig_refs}</td>`);
$tr.append(`<td><span class='flag-wrapper' title='${de_country}'>${de_flag}</span>${s["de_call"]}</td>`); $tr.append(`<td class='nowrap'><span class='flag-wrapper' title='${de_country}'>${de_flag}</span>${s["de_call"]}</td>`);
table.find('tbody').append($tr); table.find('tbody').append($tr);
}); });