mirror of
https://github.com/wavelog/wavelog.git
synced 2026-03-22 10:24:14 +00:00
Adding bootstrap multi select to dxcc dropdown
This commit is contained in:
@@ -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);
|
||||
|
||||
@@ -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(){
|
||||
|
||||
Reference in New Issue
Block a user