Adds a checkbox to select all issues/PRs

templates/repo/issue/list.tmpl

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

web_src/js/features/common-issue.js

@@ -2,14 +2,33 @@ import $ from 'jquery';
 import {updateIssuesMeta} from './repo-issue.js';
 
 export function initCommonIssue() {
-  $('.issue-checkbox').on('click', () => {
-    const numChecked = $('.issue-checkbox').children('input:checked').length;
-    if (numChecked > 0) {
+  $('.issue-checkbox,.issue-checkbox-all').on('click', (e) => {
+    const issuecheckbox = $('.issue-checkbox input');
+    if (e.currentTarget.className.includes('issue-checkbox-all')) {
+      if ($('.issue-checkbox-all input').prop('checked')) {
+        const selected = $('.issue-checkbox input:checked');
+        $('.issue-checkbox input:not(:checked)').prop('checked', 1);
+        selected.prop('checked', 0);
+      } else {
+        $('.issue-checkbox input:checked').prop('checked', 0);
+      }
+    }
+    if (e.shiftKey && window.config.checkboxfirst !== undefined) {
+      for (let i = window.config.checkboxfirst + 1, j = issuecheckbox.index($(e.currentTarget).find('input')); i < j; i++) {
+        issuecheckbox[i].checked = 1;
+      }
+      delete window.config.checkboxfirst;
+    } else {
+      window.config.checkboxfirst = issuecheckbox.index($(e.currentTarget).find('input'));
+    }
+    if (issuecheckbox.is(':checked')) {
       $('#issue-filters').addClass('hide');
       $('#issue-actions').removeClass('hide');
+      $('#issue-actions .six').prepend($('.issue-checkbox-all'));
     } else {
       $('#issue-filters').removeClass('hide');
       $('#issue-actions').addClass('hide');
+      $('#issue-filters .six').prepend($('.issue-checkbox-all'));
     }
   });