Merge pull request wavelog#2560 from int2001/DXCluster_LoTW

LoTW-Badge at cluster

Author: int2001

application/views/bandmap/list.php

@@ -427,7 +427,7 @@
 		<!-- LoTW Users Button (separate) -->
 		<div class="btn-group flex-shrink-0" role="group">
 			<button class="btn btn-sm btn-secondary" type="button" id="toggleLotwFilter" title="<?= __("Toggle LoTW User filter"); ?>">
-				<i class="fas fa-upload"></i> <span class="d-none d-sm-inline"><?= __("LoTW users"); ?></span>
+				<span style="font-family: Helvetica; display: inline-block; width: 16px; height: 16px; line-height: 16px; text-align: center; background-color: #6c757d; color: white; border-radius: 2px; font-size: 12px; font-weight: bold; margin-right: 4px;">L</span> <span class="d-none d-sm-inline"><?= __("LoTW users"); ?></span>
 			</button>
 		</div>
 

assets/js/sections/bandmap_list.js

@@ -1007,7 +1007,7 @@ $(function() {
 			lclass = 'lotw_info_yellow';
 		}
 		let lotw_title = lang_bandmap_lotw_last_upload.replace('%d', single.dxcc_spotted.lotw_user);
-		lotw_badge = '<a href="https://lotw.arrl.org/lotwuser/act?act=' + single.spotted + '" target="_blank" onclick="event.stopPropagation();">' + buildBadge('success ' + lclass, 'fa-upload', lotw_title) + '</a>';
+		lotw_badge = '<a href="https://lotw.arrl.org/lotwuser/act?act=' + single.spotted + '" target="_blank" onclick="event.stopPropagation();">' + buildBadge('success ' + lclass, null, lotw_title, 'L', false, "Helvetica") + '</a>';
 	}
 
 	// Build activity badges (POTA, SOTA, WWFF, IOTA, Contest, Worked)
@@ -1796,10 +1796,11 @@ $(function() {
 	// title: tooltip text
 	// text: optional text content instead of icon
 	// isLast: if true, uses margin: 0 instead of negative margin
-	function buildBadge(type, icon, title, text = null, isLast = false) {
+	function buildBadge(type, icon, title, text = null, isLast = false, fontFamily = null) {
 		const margin = isLast ? '0' : '0 2px 0 0';
 		const fontSize = text ? '0.75rem' : '0.7rem';
-		const content = text ? text : '<i class="fas ' + icon + '" style="display: block;"></i>';
+		const fontFamilyStyle = fontFamily ? 'font-family: ' + fontFamily + ';' : '';
+		const content = text ? '<span style="display: block; ' + fontFamilyStyle + '">' + text + '</span>' : '<i class="fas ' + icon + '" style="display: block;"></i>';
 		return '<small class="badge text-bg-' + type + '" style="display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; padding: 0; margin: ' + margin + '; font-size: ' + fontSize + '; line-height: 1;" data-bs-toggle="tooltip" title="' + title + '">' + content + '</small>';
 	}