69 lines
2.2 KiB
JavaScript
69 lines
2.2 KiB
JavaScript
define(['jquery',
|
|
'sources/gettext',
|
|
'sources/selection/column_selector',
|
|
'sources/selection/row_selector',
|
|
'sources/selection/range_selection_helper',
|
|
'sources/url_for',
|
|
], function ($, gettext, ColumnSelector, RowSelector, RangeSelectionHelper, url_for) {
|
|
var GridSelector = function (columnDefinitions) {
|
|
var rowSelector = new RowSelector(columnDefinitions);
|
|
var columnSelector = new ColumnSelector(columnDefinitions);
|
|
|
|
var init = function (grid) {
|
|
this.grid = grid;
|
|
grid.onHeaderClick.subscribe(function (event, eventArguments) {
|
|
if (eventArguments.column.selectAllOnClick) {
|
|
toggleSelectAll(grid);
|
|
}
|
|
});
|
|
|
|
grid.getSelectionModel().onSelectedRangesChanged
|
|
.subscribe(handleSelectedRangesChanged.bind(null, grid));
|
|
grid.registerPlugin(rowSelector);
|
|
grid.registerPlugin(columnSelector);
|
|
};
|
|
|
|
var getColumnDefinitions = function (columnDefinitions) {
|
|
columnDefinitions = columnSelector.getColumnDefinitions(columnDefinitions);
|
|
columnDefinitions = rowSelector.getColumnDefinitions(columnDefinitions);
|
|
|
|
columnDefinitions[0].selectAllOnClick = true;
|
|
columnDefinitions[0].name = '<span data-id="select-all" ' +
|
|
'title="' + gettext('Select/Deselect All') + '">' +
|
|
'<br>' +
|
|
columnDefinitions[0].name +
|
|
'<img class="select-all-icon" src="' + url_for('static', {'filename': 'img/select-all-icon.png'}) + '"></img>';
|
|
'</span>';
|
|
return columnDefinitions;
|
|
};
|
|
|
|
function handleSelectedRangesChanged(grid) {
|
|
if(RangeSelectionHelper.isEntireGridSelected(grid)) {
|
|
$('[data-id=\'select-all\']').addClass('selected');
|
|
} else {
|
|
$('[data-id=\'select-all\']').removeClass('selected');
|
|
}
|
|
}
|
|
|
|
function toggleSelectAll(grid) {
|
|
if (RangeSelectionHelper.isEntireGridSelected(grid)) {
|
|
selectNone(grid);
|
|
} else {
|
|
RangeSelectionHelper.selectAll(grid);
|
|
}
|
|
}
|
|
|
|
function selectNone(grid) {
|
|
var selectionModel = grid.getSelectionModel();
|
|
selectionModel.setSelectedRanges([]);
|
|
}
|
|
|
|
$.extend(this, {
|
|
'init': init,
|
|
'getColumnDefinitions': getColumnDefinitions,
|
|
});
|
|
};
|
|
|
|
return GridSelector;
|
|
});
|