darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-08-24 16:24:08 -04:00
Code Issues Packages Projects Releases Wiki Activity

Make selection summary (counter) more detailed

Browse Source
This commit is contained in:
Tom Byers
2020-09-18 11:51:56 +01:00
parent 704de9ebf3
commit 4b28846c6b
1 changed files with 33 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
app/assets/javascripts/templateFolderForm.js
View File

@@ -171,9 +171,29 @@
this.selectionStatus = { this.selectionStatus = {
'default': 'Nothing selected', 'default': 'Nothing selected',
'selected': numSelected => `${numSelected} selected`, 'selected': numSelected => {
const getString = key => {
if (numSelected[key] === 0) {
return '';
} else if (numSelected[key] === 1) {
return `1 ${key.substring(0, key.length - 1)}`;
} else {
return `${numSelected[key]} ${key}`;
}
};
const results = [];
if (numSelected.templates > 0) {
results.push(getString('templates'));
}
if (numSelected.folders > 0) {
results.push(getString('folders'));
}
return results.join(', ') + ' selected';
},
'update': numSelected => { 'update': numSelected => {
let message = (numSelected > 0) ? this.selectionStatus.selected(numSelected) : this.selectionStatus.default; let message = (numSelected.total > 0) ? this.selectionStatus.selected(numSelected) : this.selectionStatus.default;
$('.template-list-selected-counter__count').html(message); $('.template-list-selected-counter__count').html(message);
this.$liveRegionCounter.html(message); this.$liveRegionCounter.html(message);
@@ -183,10 +203,10 @@
this.templateFolderCheckboxChanged = function() { this.templateFolderCheckboxChanged = function() {
let numSelected = this.countSelectedCheckboxes(); let numSelected = this.countSelectedCheckboxes();
if (this.currentState === 'nothing-selected-buttons' && numSelected !== 0) { if (this.currentState === 'nothing-selected-buttons' && numSelected.total !== 0) {
// user has just selected first item // user has just selected first item
this.currentState = 'items-selected-buttons'; this.currentState = 'items-selected-buttons';
} else if (this.currentState === 'items-selected-buttons' && numSelected === 0) { } else if (this.currentState === 'items-selected-buttons' && numSelected.total === 0) {
// user has just deselected last item // user has just deselected last item
this.currentState = 'nothing-selected-buttons'; this.currentState = 'nothing-selected-buttons';
} }
@@ -206,7 +226,15 @@
}; };
this.countSelectedCheckboxes = function() { this.countSelectedCheckboxes = function() {
return this.$form.find('input:checkbox:checked').length; const allSelected = this.$form.find('input:checkbox:checked');
const templates = allSelected.filter((idx, el) => $(el).siblings('.template-list-template').length > 0).length;
const folders = allSelected.filter((idx, el) => $(el).siblings('.template-list-folder').length > 0).length;
const results = {
'templates': templates,
'folders': folders,
'total': allSelected.length
};
return results;
}; };
this.render = function() { this.render = function() {