mirror of
git://git.yoctoproject.org/poky
synced 2026-09-17 00:12:30 +00:00
6c2d88fda5
The radio button for a filter action is disabled if that filter action has no associated records. However, the label retains the normal font styling, so it's unclear that the action is not available. Add the "muted" class to the label for a filter action (and still disable its radio button) if it has no records associated with it. [YOCTO #8738] (Bitbake rev: b7f7ff095c9c4c922e608f776713f17acc1f150d) Signed-off-by: Elliot Smith <elliot.smith@intel.com> Signed-off-by: Ed Bartosh <ed.bartosh@linux.intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
741 lines
23 KiB
JavaScript
741 lines
23 KiB
JavaScript
'use strict';
|
|
|
|
function tableInit(ctx){
|
|
|
|
if (ctx.url.length === 0) {
|
|
throw "No url supplied for retreiving data";
|
|
}
|
|
|
|
var tableChromeDone = false;
|
|
var tableTotal = 0;
|
|
|
|
var tableParams = {
|
|
limit : 25,
|
|
page : 1,
|
|
orderby : null,
|
|
filter : null,
|
|
search : null,
|
|
};
|
|
|
|
var defaultHiddenCols = [];
|
|
|
|
var table = $("#" + ctx.tableName);
|
|
|
|
/* if we're loading clean from a url use it's parameters as the default */
|
|
var urlParams = libtoaster.parseUrlParams();
|
|
|
|
/* Merge the tableParams and urlParams object properties */
|
|
tableParams = $.extend(tableParams, urlParams);
|
|
|
|
/* Now fix the types that .extend changed for us */
|
|
tableParams.limit = Number(tableParams.limit);
|
|
tableParams.page = Number(tableParams.page);
|
|
|
|
loadData(tableParams);
|
|
|
|
// clicking on this set of elements removes the search
|
|
var clearSearchElements = $('.remove-search-btn-'+ctx.tableName +
|
|
', .show-all-'+ctx.tableName);
|
|
|
|
function loadData(tableParams){
|
|
$.ajax({
|
|
type: "GET",
|
|
url: ctx.url,
|
|
data: tableParams,
|
|
headers: { 'X-CSRFToken' : $.cookie('csrftoken')},
|
|
success: function(tableData) {
|
|
updateTable(tableData);
|
|
window.history.replaceState(null, null,
|
|
libtoaster.dumpsUrlParams(tableParams));
|
|
}
|
|
});
|
|
}
|
|
|
|
function updateTable(tableData) {
|
|
var tableBody = table.children("tbody");
|
|
var pagination = $('#pagination-'+ctx.tableName);
|
|
var paginationBtns = pagination.children('ul');
|
|
var tableContainer = $("#table-container-"+ctx.tableName);
|
|
|
|
tableContainer.css("visibility", "hidden");
|
|
/* To avoid page re-layout flicker when paging set fixed height */
|
|
table.css("padding-bottom", table.height());
|
|
|
|
/* Reset table components */
|
|
tableBody.html("");
|
|
paginationBtns.html("");
|
|
|
|
if (tableParams.search)
|
|
clearSearchElements.show();
|
|
else
|
|
clearSearchElements.hide();
|
|
|
|
$('.table-count-' + ctx.tableName).text(tableData.total);
|
|
tableTotal = tableData.total;
|
|
|
|
if (tableData.total === 0){
|
|
tableContainer.hide();
|
|
$("#new-search-input-"+ctx.tableName).val(tableParams.search);
|
|
$("#no-results-"+ctx.tableName).show();
|
|
table.trigger("table-done", [tableData.total, tableParams]);
|
|
|
|
return;
|
|
} else {
|
|
tableContainer.show();
|
|
$("#no-results-"+ctx.tableName).hide();
|
|
}
|
|
|
|
setupTableChrome(tableData);
|
|
|
|
/* Add table data rows */
|
|
var column_index;
|
|
for (var i in tableData.rows){
|
|
/* only display if the column is display-able */
|
|
var row = $("<tr></tr>");
|
|
column_index = -1;
|
|
for (var key_j in tableData.rows[i]){
|
|
|
|
/* if we have a static: version of a key, prefer the static: version for rendering */
|
|
var orig_key_j = key_j;
|
|
|
|
if (key_j.indexOf("static:") === 0) {
|
|
if (key_j.substr("static:".length) in tableData.rows[i]) {
|
|
continue;
|
|
}
|
|
orig_key_j = key_j.substr("static:".length)
|
|
} else if (("static:" + key_j) in tableData.rows[i]) {
|
|
key_j = "static:" + key_j;
|
|
}
|
|
|
|
/* we skip over un-displayable column entries */
|
|
column_index += 1;
|
|
if (! tableData.columns[column_index].displayable) {
|
|
continue;
|
|
}
|
|
|
|
var td = $("<td></td>");
|
|
td.prop("class", orig_key_j);
|
|
if (tableData.rows[i][key_j]){
|
|
td.html(tableData.rows[i][key_j]);
|
|
}
|
|
row.append(td);
|
|
}
|
|
tableBody.append(row);
|
|
|
|
/* If we have layerbtns then initialise them */
|
|
layerBtnsInit();
|
|
|
|
/* If we have popovers initialise them now */
|
|
$('td > a.btn').popover({
|
|
html:true,
|
|
placement:'left',
|
|
container:'body',
|
|
trigger:'manual'
|
|
}).click(function(e){
|
|
$('td > a.btn').not(this).popover('hide');
|
|
/* ideally we would use 'toggle' here
|
|
* but it seems buggy in our Bootstrap version
|
|
*/
|
|
$(this).popover('show');
|
|
e.stopPropagation();
|
|
});
|
|
|
|
/* enable help information tooltip */
|
|
$(".get-help").tooltip({container:'body', html:true, delay:{show:300}});
|
|
}
|
|
|
|
/* Setup the pagination controls */
|
|
|
|
var start = tableParams.page - 2;
|
|
var end = tableParams.page + 2;
|
|
var numPages = Math.ceil(tableData.total/tableParams.limit);
|
|
|
|
if (numPages > 1){
|
|
if (tableParams.page < 3)
|
|
end = 5;
|
|
|
|
for (var page_i=1; page_i <= numPages; page_i++){
|
|
if (page_i >= start && page_i <= end){
|
|
var btn = $('<li><a href="#" class="page">'+page_i+'</a></li>');
|
|
|
|
if (page_i === tableParams.page){
|
|
btn.addClass("active");
|
|
}
|
|
|
|
/* Add the click handler */
|
|
btn.click(pageButtonClicked);
|
|
paginationBtns.append(btn);
|
|
}
|
|
}
|
|
}
|
|
|
|
loadColumnsPreference();
|
|
|
|
table.css("padding-bottom", 0);
|
|
tableContainer.css("visibility", "visible");
|
|
|
|
table.trigger("table-done", [tableData.total, tableParams]);
|
|
}
|
|
|
|
function setupTableChrome(tableData){
|
|
if (tableChromeDone === true)
|
|
return;
|
|
|
|
var tableHeadRow = table.find("thead");
|
|
var editColMenu = $("#table-chrome-"+ctx.tableName).find(".editcol");
|
|
|
|
tableHeadRow.html("");
|
|
editColMenu.html("");
|
|
|
|
if (!tableParams.orderby && tableData.default_orderby){
|
|
tableParams.orderby = tableData.default_orderby;
|
|
}
|
|
|
|
/* Add table header and column toggle menu */
|
|
for (var i in tableData.columns){
|
|
var col = tableData.columns[i];
|
|
if (col.displayable === false) {
|
|
continue;
|
|
}
|
|
var header = $("<th></th>");
|
|
header.prop("class", col.field_name);
|
|
|
|
/* Setup the help text */
|
|
if (col.help_text.length > 0) {
|
|
var help_text = $('<i class="icon-question-sign get-help"> </i>');
|
|
help_text.tooltip({title: col.help_text});
|
|
header.append(help_text);
|
|
}
|
|
|
|
/* Setup the orderable title */
|
|
if (col.orderable) {
|
|
var title = $('<a href=\"#\" ></a>');
|
|
|
|
title.data('field-name', col.field_name);
|
|
title.text(col.title);
|
|
title.click(sortColumnClicked);
|
|
|
|
header.append(title);
|
|
|
|
header.append(' <i class="icon-caret-down" style="display:none"></i>');
|
|
header.append(' <i class="icon-caret-up" style="display:none"></i>');
|
|
|
|
/* If we're currently ordered setup the visual indicator */
|
|
if (col.field_name === tableParams.orderby ||
|
|
'-' + col.field_name === tableParams.orderby){
|
|
header.children("a").addClass("sorted");
|
|
|
|
if (tableParams.orderby.indexOf("-") === -1){
|
|
header.find('.icon-caret-down').show();
|
|
} else {
|
|
header.find('.icon-caret-up').show();
|
|
}
|
|
}
|
|
|
|
} else {
|
|
/* Not orderable */
|
|
header.css("font-weight", "normal");
|
|
header.append('<span class="muted">' + col.title + '</span> ');
|
|
}
|
|
|
|
/* Setup the filter button */
|
|
if (col.filter_name){
|
|
var filterBtn = $('<a href="#" role="button" data-filter-on="' + col.filter_name + '" class="pull-right btn btn-mini" data-toggle="modal"><i class="icon-filter filtered"></i></a>');
|
|
|
|
filterBtn.data('filter-name', col.filter_name);
|
|
filterBtn.prop('id', col.filter_name);
|
|
filterBtn.click(filterOpenClicked);
|
|
|
|
/* If we're currently being filtered setup the visial indicator */
|
|
if (tableParams.filter &&
|
|
tableParams.filter.match('^'+col.filter_name)) {
|
|
|
|
filterBtnActive(filterBtn, true);
|
|
}
|
|
header.append(filterBtn);
|
|
}
|
|
|
|
/* Done making the header now add it */
|
|
tableHeadRow.append(header);
|
|
|
|
/* Now setup the checkbox state and click handler */
|
|
var toggler = $('<li><label class="checkbox">'+col.title+'<input type="checkbox" id="checkbox-'+ col.field_name +'" class="col-toggle" value="'+col.field_name+'" /></label></li>');
|
|
|
|
var togglerInput = toggler.find("input");
|
|
|
|
togglerInput.attr("checked","checked");
|
|
|
|
/* If we can hide the column enable the checkbox action */
|
|
if (col.hideable){
|
|
togglerInput.click(colToggleClicked);
|
|
} else {
|
|
toggler.find("label").addClass("muted");
|
|
togglerInput.attr("disabled", "disabled");
|
|
}
|
|
|
|
if (col.hidden) {
|
|
defaultHiddenCols.push(col.field_name);
|
|
}
|
|
|
|
editColMenu.append(toggler);
|
|
} /* End for each column */
|
|
|
|
tableChromeDone = true;
|
|
}
|
|
|
|
/* Toggles the active state of the filter button */
|
|
function filterBtnActive(filterBtn, active){
|
|
if (active) {
|
|
filterBtn.addClass("btn-primary");
|
|
|
|
filterBtn.tooltip({
|
|
html: true,
|
|
title: '<button class="btn btn-small btn-primary" onClick=\'$("#clear-filter-btn-'+ ctx.tableName +'").click();\'>Clear filter</button>',
|
|
placement: 'bottom',
|
|
delay: {
|
|
hide: 1500,
|
|
show: 400,
|
|
},
|
|
});
|
|
} else {
|
|
filterBtn.removeClass("btn-primary");
|
|
filterBtn.tooltip('destroy');
|
|
}
|
|
}
|
|
|
|
/* Display or hide table columns based on the cookie preference or defaults */
|
|
function loadColumnsPreference(){
|
|
var cookie_data = $.cookie("cols");
|
|
|
|
if (cookie_data) {
|
|
var cols_hidden = JSON.parse($.cookie("cols"));
|
|
|
|
/* For each of the columns check if we should hide them
|
|
* also update the checked status in the Edit columns menu
|
|
*/
|
|
$("#"+ctx.tableName+" th").each(function(){
|
|
for (var i in cols_hidden){
|
|
if ($(this).hasClass(cols_hidden[i])){
|
|
table.find("."+cols_hidden[i]).hide();
|
|
$("#checkbox-"+cols_hidden[i]).removeAttr("checked");
|
|
}
|
|
}
|
|
});
|
|
} else {
|
|
/* Disable these columns by default when we have no columns
|
|
* user setting.
|
|
*/
|
|
for (var i in defaultHiddenCols) {
|
|
table.find("."+defaultHiddenCols[i]).hide();
|
|
$("#checkbox-"+defaultHiddenCols[i]).removeAttr("checked");
|
|
}
|
|
}
|
|
}
|
|
|
|
function sortColumnClicked(e){
|
|
e.preventDefault();
|
|
|
|
/* We only have one sort at a time so remove any existing sort indicators */
|
|
$("#"+ctx.tableName+" th .icon-caret-down").hide();
|
|
$("#"+ctx.tableName+" th .icon-caret-up").hide();
|
|
$("#"+ctx.tableName+" th a").removeClass("sorted");
|
|
|
|
var fieldName = $(this).data('field-name');
|
|
|
|
/* if we're already sorted sort the other way */
|
|
if (tableParams.orderby === fieldName &&
|
|
tableParams.orderby.indexOf('-') === -1) {
|
|
tableParams.orderby = '-' + $(this).data('field-name');
|
|
$(this).parent().children('.icon-caret-up').show();
|
|
} else {
|
|
tableParams.orderby = $(this).data('field-name');
|
|
$(this).parent().children('.icon-caret-down').show();
|
|
}
|
|
|
|
$(this).addClass("sorted");
|
|
|
|
loadData(tableParams);
|
|
}
|
|
|
|
function pageButtonClicked(e) {
|
|
tableParams.page = Number($(this).text());
|
|
loadData(tableParams);
|
|
/* Stop page jumps when clicking on # links */
|
|
e.preventDefault();
|
|
}
|
|
|
|
/* Toggle a table column */
|
|
function colToggleClicked (){
|
|
var col = $(this).val();
|
|
var disabled_cols = [];
|
|
|
|
if ($(this).prop("checked")) {
|
|
table.find("."+col).show();
|
|
} else {
|
|
table.find("."+col).hide();
|
|
/* If we're ordered by the column we're hiding remove the order by */
|
|
if (col === tableParams.orderby ||
|
|
'-' + col === tableParams.orderby){
|
|
tableParams.orderby = null;
|
|
loadData(tableParams);
|
|
}
|
|
}
|
|
|
|
/* Update the cookie with the unchecked columns */
|
|
$(".col-toggle").not(":checked").map(function(){
|
|
disabled_cols.push($(this).val());
|
|
});
|
|
|
|
$.cookie("cols", JSON.stringify(disabled_cols));
|
|
}
|
|
|
|
/**
|
|
* Create the DOM/JS for the client side of a TableFilterActionToggle
|
|
* or TableFilterActionDay
|
|
*
|
|
* filterName: (string) internal name for the filter action
|
|
* filterActionData: (object)
|
|
* filterActionData.count: (number) The number of items this filter will
|
|
* show when selected
|
|
*/
|
|
function createActionRadio(filterName, filterActionData) {
|
|
var hasNoRecords = (Number(filterActionData.count) == 0);
|
|
|
|
var actionStr = '<div class="radio">' +
|
|
'<input type="radio" name="filter"' +
|
|
' value="' + filterName + '"';
|
|
|
|
if (hasNoRecords) {
|
|
actionStr += ' disabled="disabled"';
|
|
}
|
|
|
|
actionStr += ' id="' + filterName + '">' +
|
|
'<input type="hidden" name="filter_value" value="on"' +
|
|
' data-value-for="' + filterName + '">' +
|
|
'<label class="filter-title' +
|
|
(hasNoRecords ? ' muted' : '') + '"' +
|
|
' for="' + filterName + '">' +
|
|
filterActionData.title +
|
|
' (' + filterActionData.count + ')' +
|
|
'</label>' +
|
|
'</div>';
|
|
|
|
return $(actionStr);
|
|
}
|
|
|
|
/**
|
|
* Create the DOM/JS for the client side of a TableFilterActionDateRange
|
|
*
|
|
* filterName: (string) internal name for the filter action
|
|
* filterValue: (string) from,to date range in format yyyy-mm-dd,yyyy-mm-dd;
|
|
* used to select the current values for the from/to datepickers;
|
|
* if this is partial (e.g. "yyyy-mm-dd,") only the applicable datepicker
|
|
* will have a date pre-selected; if empty, neither will
|
|
* filterActionData: (object) data for generating the action's HTML
|
|
* filterActionData.title: label for the radio button
|
|
* filterActionData.max: (string) maximum date for the pickers, in ISO 8601
|
|
* datetime format
|
|
* filterActionData.min: (string) minimum date for the pickers, ISO 8601
|
|
* datetime
|
|
*/
|
|
function createActionDateRange(filterName, filterValue, filterActionData) {
|
|
var action = $('<div class="radio">' +
|
|
'<input type="radio" name="filter"' +
|
|
' value="' + filterName + '" ' +
|
|
' id="' + filterName + '">' +
|
|
'<input type="hidden" name="filter_value" value=""' +
|
|
' data-value-for="' + filterName + '">' +
|
|
'<label class="filter-title"' +
|
|
' for="' + filterName + '">' +
|
|
filterActionData.title +
|
|
'</label>' +
|
|
'<input type="text" maxlength="10" class="input-small"' +
|
|
' data-date-from-for="' + filterName + '">' +
|
|
'<span class="help-inline">to</span>' +
|
|
'<input type="text" maxlength="10" class="input-small"' +
|
|
' data-date-to-for="' + filterName + '">' +
|
|
'<span class="help-inline get-help">(yyyy-mm-dd)</span>' +
|
|
'</div>');
|
|
|
|
var radio = action.find('[type="radio"]');
|
|
var value = action.find('[data-value-for]');
|
|
|
|
// make the datepickers for the range
|
|
var options = {
|
|
dateFormat: 'yy-mm-dd',
|
|
maxDate: new Date(filterActionData.max),
|
|
minDate: new Date(filterActionData.min)
|
|
};
|
|
|
|
// create date pickers, setting currently-selected from and to dates
|
|
var selectedFrom = null;
|
|
var selectedTo = null;
|
|
|
|
var selectedFromAndTo = [];
|
|
if (filterValue) {
|
|
selectedFromAndTo = filterValue.split(',');
|
|
}
|
|
|
|
if (selectedFromAndTo.length == 2) {
|
|
selectedFrom = selectedFromAndTo[0];
|
|
selectedTo = selectedFromAndTo[1];
|
|
}
|
|
|
|
options.defaultDate = selectedFrom;
|
|
var inputFrom =
|
|
action.find('[data-date-from-for]').datepicker(options);
|
|
inputFrom.val(selectedFrom);
|
|
|
|
options.defaultDate = selectedTo;
|
|
var inputTo =
|
|
action.find('[data-date-to-for]').datepicker(options);
|
|
inputTo.val(selectedTo);
|
|
|
|
// set filter_value based on date pickers when
|
|
// one of their values changes
|
|
var changeHandler = function () {
|
|
value.val(inputFrom.val() + ',' + inputTo.val());
|
|
};
|
|
|
|
inputFrom.change(changeHandler);
|
|
inputTo.change(changeHandler);
|
|
|
|
// check the associated radio button on clicking a date picker
|
|
var checkRadio = function () {
|
|
radio.prop('checked', 'checked');
|
|
};
|
|
|
|
inputFrom.focus(checkRadio);
|
|
inputTo.focus(checkRadio);
|
|
|
|
// selecting a date in a picker constrains the date you can
|
|
// set in the other picker
|
|
inputFrom.change(function () {
|
|
inputTo.datepicker('option', 'minDate', inputFrom.val());
|
|
});
|
|
|
|
inputTo.change(function () {
|
|
inputFrom.datepicker('option', 'maxDate', inputTo.val());
|
|
});
|
|
|
|
// if the radio button is checked and one or both of the datepickers are
|
|
// empty, populate them with today's date
|
|
radio.change(function () {
|
|
var now = new Date();
|
|
|
|
if (inputFrom.val() === '') {
|
|
inputFrom.datepicker('setDate', now);
|
|
}
|
|
|
|
if (inputTo.val() === '') {
|
|
inputTo.datepicker('setDate', now);
|
|
}
|
|
|
|
// setting the date like this doesn't fire the changeHandler to
|
|
// update the filter_value, so do that manually instead
|
|
changeHandler()
|
|
});
|
|
|
|
return action;
|
|
}
|
|
|
|
function filterOpenClicked(){
|
|
var filterName = $(this).data('filter-name');
|
|
|
|
/* We need to pass in the current search so that the filter counts take
|
|
* into account the current search term
|
|
*/
|
|
var params = {
|
|
'name' : filterName,
|
|
'search': tableParams.search,
|
|
'cmd': 'filterinfo',
|
|
};
|
|
|
|
$.ajax({
|
|
type: "GET",
|
|
url: ctx.url,
|
|
data: params,
|
|
headers: { 'X-CSRFToken' : $.cookie('csrftoken')},
|
|
success: function (filterData) {
|
|
/*
|
|
filterData structure:
|
|
|
|
{
|
|
title: '<title for the filter popup>',
|
|
filter_actions: [
|
|
{
|
|
title: '<label for radio button inside the popup>',
|
|
name: '<name of the filter action>',
|
|
count: <number of items this filter will show>,
|
|
... additional data for the action ...
|
|
}
|
|
]
|
|
}
|
|
|
|
each filter_action gets a radio button; the value of this is
|
|
set to filterName + ':' + filter_action.name; e.g.
|
|
|
|
in_current_project:in_project
|
|
|
|
specifies the "in_project" action of the "in_current_project"
|
|
filter
|
|
|
|
the filterName is set on the column filter icon, and corresponds
|
|
to a value in the table's filter map
|
|
|
|
when the filter popup's "Apply" button is clicked, the
|
|
value for the radio button which is checked is passed in the
|
|
querystring, along with a filter_value, and applied to the
|
|
queryset on the table
|
|
*/
|
|
var filterActionRadios = $('#filter-actions-' + ctx.tableName);
|
|
|
|
$('#filter-modal-title-' + ctx.tableName).text(filterData.title);
|
|
|
|
filterActionRadios.empty();
|
|
|
|
// create a radio button + form elements for each action associated
|
|
// with the filter on this column of the table
|
|
for (var i in filterData.filter_actions) {
|
|
var action = null;
|
|
var filterActionData = filterData.filter_actions[i];
|
|
var filterName = filterData.name + ':' +
|
|
filterActionData.action_name;
|
|
|
|
if (filterActionData.type === 'toggle' ||
|
|
filterActionData.type === 'day') {
|
|
action = createActionRadio(filterName, filterActionData);
|
|
}
|
|
else if (filterActionData.type === 'daterange') {
|
|
// current values for the from/to dates
|
|
var filterValue = tableParams.filter_value;
|
|
|
|
action = createActionDateRange(
|
|
filterName,
|
|
filterValue,
|
|
filterActionData
|
|
);
|
|
}
|
|
|
|
if (action) {
|
|
// Setup the current selected filter; default to 'all' if
|
|
// no current filter selected
|
|
var radioInput = action.children('input[name="filter"]');
|
|
if ((tableParams.filter &&
|
|
tableParams.filter === radioInput.val()) ||
|
|
filterActionData.action_name == 'all') {
|
|
radioInput.attr("checked", "checked");
|
|
}
|
|
|
|
filterActionRadios.append(action);
|
|
}
|
|
}
|
|
|
|
$('#filter-modal-'+ctx.tableName).modal('show');
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
$(".get-help").tooltip({container:'body', html:true, delay:{show:300}});
|
|
|
|
/* Keep the Edit columns menu open after click by eating the event */
|
|
$('.dropdown-menu').click(function(e) {
|
|
e.stopPropagation();
|
|
});
|
|
|
|
$(".pagesize-"+ctx.tableName).val(tableParams.limit);
|
|
|
|
/* page size selector */
|
|
$(".pagesize-"+ctx.tableName).change(function(e){
|
|
tableParams.limit = Number(this.value);
|
|
if ((tableParams.page * tableParams.limit) > tableTotal)
|
|
tableParams.page = 1;
|
|
|
|
loadData(tableParams);
|
|
/* sync the other selectors on the page */
|
|
$(".pagesize-"+ctx.tableName).val(this.value);
|
|
e.preventDefault();
|
|
});
|
|
|
|
$("#search-submit-"+ctx.tableName).click(function(e){
|
|
e.preventDefault();
|
|
var searchTerm = $("#search-input-"+ctx.tableName).val();
|
|
|
|
tableParams.page = 1;
|
|
tableParams.search = searchTerm;
|
|
|
|
/* If a filter was active we remove it */
|
|
if (tableParams.filter) {
|
|
var filterBtn = $("#" + tableParams.filter.split(":")[0]);
|
|
filterBtnActive(filterBtn, false);
|
|
tableParams.filter = null;
|
|
}
|
|
|
|
loadData(tableParams);
|
|
});
|
|
|
|
clearSearchElements.click(function(e){
|
|
e.preventDefault();
|
|
|
|
tableParams.page = 1;
|
|
tableParams.search = null;
|
|
loadData(tableParams);
|
|
|
|
$("#search-input-"+ctx.tableName).val("");
|
|
$(this).hide();
|
|
});
|
|
|
|
$("#search-input-"+ctx.tableName).keyup(function(e){
|
|
if (e.which === 13)
|
|
$('#search-submit-'+ctx.tableName).click();
|
|
});
|
|
|
|
/* Stop page jumps when clicking on # links */
|
|
$('a[href="#"]').click(function(e){
|
|
e.preventDefault();
|
|
});
|
|
|
|
$("#clear-filter-btn-"+ctx.tableName).click(function(e){
|
|
e.preventDefault();
|
|
|
|
var filterBtn = $("#" + tableParams.filter.split(":")[0]);
|
|
filterBtnActive(filterBtn, false);
|
|
|
|
tableParams.filter = null;
|
|
loadData(tableParams);
|
|
});
|
|
|
|
$("#filter-modal-form-"+ctx.tableName).submit(function(e){
|
|
e.preventDefault();
|
|
|
|
/* remove active status from all filter buttons so that only one filter
|
|
can be active at a time */
|
|
$('[data-filter-on]').each(function (index, filterBtn) {
|
|
filterBtnActive($(filterBtn), false);
|
|
});
|
|
|
|
// checked radio button
|
|
var checkedFilter = $(this).find("input[name='filter']:checked");
|
|
tableParams.filter = checkedFilter.val();
|
|
|
|
// hidden field holding the value for the checked filter
|
|
var checkedFilterValue = $(this).find("input[data-value-for='" +
|
|
tableParams.filter + "']");
|
|
tableParams.filter_value = checkedFilterValue.val();
|
|
|
|
/* All === remove filter */
|
|
if (tableParams.filter.match(":all$")) {
|
|
tableParams.filter = null;
|
|
tableParams.filter_value = null;
|
|
} else {
|
|
var filterBtn = $("#" + tableParams.filter.split(":")[0]);
|
|
filterBtnActive(filterBtn, true);
|
|
}
|
|
|
|
loadData(tableParams);
|
|
|
|
$(this).parent().modal('hide');
|
|
});
|
|
}
|