Nulo/gitea
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Activity

Add a checkbox to select all issues/PRs (#20177)

Browse source
This commit is contained in:
Tyrone Yeh 2022-07-28 18:25:18 +08:00 committed by GitHub
parent 3bd8f50af8
commit 8b0e07e368
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 33 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
templates/repo/issue/list.tmpl
View file

@ -28,6 +28,12 @@
<div class="ui divider"></div> <div class="ui divider"></div>
<div id="issue-filters" class="ui stackable grid"> <div id="issue-filters" class="ui stackable grid">
<div class="six wide column"> <div class="six wide column">
{{if $.CanWriteIssuesOrPulls}}
<div class="ui checkbox issue-checkbox-all vm">
<input type="checkbox"></input>
<label></label>
</div>
{{end}}
{{template "repo/issue/openclose" .}} {{template "repo/issue/openclose" .}}
</div> </div>
<div class="ten wide right aligned column"> <div class="ten wide right aligned column">

35
web_src/js/features/common-issue.js
View file

@ -2,15 +2,34 @@ import $ from 'jquery';
import {updateIssuesMeta} from './repo-issue.js'; import {updateIssuesMeta} from './repo-issue.js';
export function initCommonIssue() { export function initCommonIssue() {
$('.issue-checkbox').on('click', () => { const $issueSelectAllWrapper = $('.issue-checkbox-all');
const numChecked = $('.issue-checkbox').children('input:checked').length; const $issueSelectAll = $('.issue-checkbox-all input');
if (numChecked > 0) { const $issueCheckboxes = $('.issue-checkbox input');
$('#issue-filters').addClass('hide');
$('#issue-actions').removeClass('hide'); const syncIssueSelectionState = () => {
const $checked = $issueCheckboxes.filter(':checked');
const anyChecked = $checked.length !== 0;
const allChecked = anyChecked && $checked.length === $issueCheckboxes.length;
if (allChecked) {
$issueSelectAll.prop({'checked': true, 'indeterminate': false});
} else if (anyChecked) {
$issueSelectAll.prop({'checked': false, 'indeterminate': true});
} else { } else {
$('#issue-filters').removeClass('hide'); $issueSelectAll.prop({'checked': false, 'indeterminate': false});
$('#issue-actions').addClass('hide');
} }
// if any issue is selected, show the action panel, otherwise show the filter panel
$('#issue-filters').toggle(!anyChecked);
$('#issue-actions').toggle(anyChecked);
// there are two panels but only one select-all checkbox, so move the checkbox to the visible panel
$('#issue-filters, #issue-actions').filter(':visible').find('.column:first').prepend($issueSelectAllWrapper);
};
$issueCheckboxes.on('change', syncIssueSelectionState);
$issueSelectAll.on('change', () => {
$issueCheckboxes.prop('checked', $issueSelectAll.is(':checked'));
syncIssueSelectionState();
}); });
$('.issue-action').on('click', async function () { $('.issue-action').on('click', async function () {
@ -41,7 +60,7 @@ export function initCommonIssue() {
}); });
// NOTICE: This event trigger targets Firefox caching behaviour, as the checkboxes stay // NOTICE: This event trigger targets Firefox caching behaviour, as the checkboxes stay
// checked after reload trigger ckecked event, if checkboxes are checked on load // checked after reload trigger checked event, if checkboxes are checked on load
$('.issue-checkbox input[type="checkbox"]:checked').first().each((_, e) => { $('.issue-checkbox input[type="checkbox"]:checked').first().each((_, e) => {
e.checked = false; e.checked = false;
$(e).trigger('click'); $(e).trigger('click');