Re: Browse Table Filter Options
Posted: Fri Feb 11, 2022 9:41 pm
Sorry, I'm already a little bit frustrated of myself 
Doesn't work on mobile:

Doesn't work on mobile:
Code: Select all
if (nuFormType() == 'browse') {
var arrAutori = JSON.parse(getAutori());
nuAddBrowseTitleSelect(1, arrAutori); // add dropdown to column 2 (index 1)
$('#nuBrowseTitle1_select').parent().unbind("touchstart");
var arrKategorie = JSON.parse(getKategorie()); // add dropdown to column 5 (index 4)
nuAddBrowseTitleSelect(4, arrKategorie);
$('#nuBrowseTitle4_select').parent().unbind("touchstart");
var arrMedia = JSON.parse(getMedia()); // add dropdown to column 6 (index 5)
nuAddBrowseTitleSelect(5, arrMedia);
$('#nuBrowseTitle5_select').parent().unbind("touchstart");
var arrJazyky = JSON.parse(getJazyky()); // add dropdown to column 4 (index 3)
nuAddBrowseTitleSelect(3, arrJazyky);
$('#nuBrowseTitle3_select').parent().unbind("touchstart");
}
// Function to add a dropdown to a title of a Browse Screen
// * @param {number} index - browse index where the dropdown should appear
// * @param {object} data - array to populate the dropdown
function addBrowseTitleSelect(index, data) {
// var dropId = "nuBrowseTitle" + index + "_dropdown";
var dropId = "nuBrowseTitle" + index + "_select";
var list = document.createElement('select');
list.setAttribute("id", dropId);
var w = nuCurrentProperties().column_widths[index] - 10;
list.setAttribute('style', 'width:'+ w +'px');
for (var i = 0; i < data.length; i++) {
var opt = document.createElement('option');
opt.innerHTML = data[i];
opt.value = data[i];
list.appendChild(opt);
}
// append select to the browse title
$('#nuBrowseTitle'+index).append('<br/>').append(list);
$('#'+dropId).on('change', function (e) {
var optionSelected = $("option:selected", this);
nuSetProperty(this.id,this.value);
nuSearchAction();
});
$('#nuBrowseTitle'+index).on('mousedown' , '> select' , function(e){
e.stopPropagation();
});
var dropValue = nuGetProperty(dropId);
$("#"+dropId).val(dropValue);
}
if( nuFormType() == 'browse') {
$('#nuActionHolder').css({'height': '60px'});
}