1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
|
import select from 'select-dom';
import delegate from 'delegate-it';
import * as pageDetect from 'github-url-detection';
import features from '.';
import showToast from '../github-helpers/toast';
import {clickAll} from './toggle-everything-with-alt';
let previousFile: HTMLElement | undefined;
function remember(event: delegate.Event): void {
previousFile = event.delegateTarget.closest<HTMLElement>('.js-file')!;
}
function isChecked(file: HTMLElement): boolean {
// Use the attribute because the `checked` property seems unreliable in the `click` handler
return file.querySelector('.js-reviewed-checkbox')!.hasAttribute('checked');
}
function batchToggle(event: delegate.Event<MouseEvent, HTMLFormElement>): void {
if (!event.shiftKey || !previousFile) {
return;
}
event.preventDefault();
event.stopImmediatePropagation();
const previousFileState = isChecked(previousFile);
const thisFile = event.delegateTarget.closest<HTMLElement>('.js-file')!;
const files = select.all('.js-file');
const selectedFiles = files.slice(...[
files.indexOf(previousFile) + 1,
files.indexOf(thisFile) + 1
].sort((a, b) => a - b));
for (const file of selectedFiles) {
if (isChecked(file) !== previousFileState) {
select('.js-reviewed-checkbox', file)!.click();
}
}
}
function markAsViewedSelector(target: HTMLElement): string {
const checked = (target as HTMLInputElement).checked ? ':not([checked])' : '[checked]';
return '.js-reviewed-checkbox' + checked;
}
const markAsViewed = clickAll(markAsViewedSelector);
function onAltClick(event: delegate.Event<MouseEvent, HTMLInputElement>): void {
if (!event.altKey || !event.isTrusted) {
return;
}
void showToast(async () => {
markAsViewed(event);
}, {
message: event.delegateTarget.checked ?
'Marking visible files as viewed' :
'Marking visible files as unviewed',
doneMessage: 'Marking files completed'
});
}
function init(): void {
// `mousedown` required to avoid mouse selection on shift-click
delegate(document, '.js-toggle-user-reviewed-file-form', 'mousedown', batchToggle);
delegate(document, '.js-toggle-user-reviewed-file-form', 'submit', remember);
delegate(document, '.js-reviewed-checkbox', 'click', onAltClick);
}
function deinit(): void {
previousFile = undefined;
}
void features.add(__filebasename, {
awaitDomReady: false,
include: [
pageDetect.isPRFiles
],
init,
deinit
});
|
