From d1aabdd8bf93512e5ead95f1210c8dfbf77c5411 Mon Sep 17 00:00:00 2001
From: Andreas Kristiansen <6977712+AndreasK79@users.noreply.github.com>
Date: Wed, 22 Oct 2025 16:41:20 +0200
Subject: [PATCH] Adding bootstrap multi select to dxcc dropdown

---
 application/controllers/Gridmap.php |  1 +
 assets/js/sections/gridmap.js       | 17 +++++++++++++++++
 2 files changed, 18 insertions(+)

diff --git a/application/controllers/Gridmap.php b/application/controllers/Gridmap.php
index 65d64e995..fbca27ea6 100644
--- a/application/controllers/Gridmap.php
+++ b/application/controllers/Gridmap.php
@@ -46,6 +46,7 @@ class Gridmap extends CI_Controller {
 			'assets/js/sections/gridmap.js?',
 			'assets/js/sections/itumap_geojson.js?' . filemtime(realpath(__DIR__ . "/../../assets/js/sections/itumap_geojson.js")),
 			'assets/js/sections/cqmap_geojson.js?' . filemtime(realpath(__DIR__ . "/../../assets/js/sections/cqmap_geojson.js")),
+			'assets/js/bootstrap-multiselect.js?' . filemtime(realpath(__DIR__ . "/../../assets/js/bootstrap-multiselect.js")),
 		];
 
 		$this->load->view('interface_assets/header', $data);
diff --git a/assets/js/sections/gridmap.js b/assets/js/sections/gridmap.js
index 08d8b163d..a3f2e68c3 100644
--- a/assets/js/sections/gridmap.js
+++ b/assets/js/sections/gridmap.js
@@ -8,6 +8,23 @@ document.addEventListener("DOMContentLoaded", function() {
 			}
 		});
 	});
+	$('#dxcc').multiselect({
+		// template is needed for bs5 support
+		templates: {
+			button: '<button type="button" class="multiselect dropdown-toggle btn btn-secondary form-select form-select-sm" data-bs-toggle="dropdown" aria-expanded="false"><span class="multiselect-selected-text"></span></button>',
+		},
+		enableFiltering: true,
+		enableFullValueFiltering: false,
+		enableCaseInsensitiveFiltering: true,
+		filterPlaceholder: lang_general_word_search,
+		numberDisplayed: 1,
+		inheritClass: true,
+		buttonWidth: '100%',
+		maxHeight: 600
+	});
+	$('.multiselect-container .multiselect-filter', $('#dxcc').parent()).css({
+		'position': 'sticky', 'top': '0px', 'z-index': 1, 'background-color':'inherit', 'width':'100%', 'height':'37px'
+	})
 });
 
 $('#band').change(function(){