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
|
import React from 'dom-chef';
import select from 'select-dom';
import {checkInline} from '../libs/icons';
import features from '../libs/features';
import {fetchCIStatus} from './ci-link';
function populateDropDown({currentTarget}: Event): void {
const searchParam = new URLSearchParams(location.search);
let queryString = searchParam.get('q') || '';
const [currentStatus = ''] = /\bstatus:(?:success|failure|pending)\b/.exec(queryString) || [];
if (currentStatus) {
queryString = queryString.replace(currentStatus, '').trim();
}
const dropdown = select('.select-menu-list', currentTarget as Element)!;
for (const status of ['Success', 'Failure', 'Pending']) {
const isSelected = currentStatus.toLowerCase() === status.toLowerCase();
const search = new URLSearchParams({
q: `${queryString} status:${status.toLowerCase()}`
});
dropdown.append(
<a
href={`?${search}`}
className={`select-menu-item ${isSelected ? 'selected' : ''}`}
aria-checked={isSelected}
role="menuitemradio"
>
{checkInline()}
<div className="select-menu-item-text">{status}</div>
</a>
);
}
}
async function init(): Promise<void | false> {
const hasCI = await fetchCIStatus();
if (!hasCI) {
return false;
}
const reviewsFilter = select('.table-list-header-toggle > details:nth-last-child(3)')!;
if (!reviewsFilter) {
return false;
}
// Copy existing element and adapt its content
const statusFilter = reviewsFilter.cloneNode(true) as HTMLDetailsElement;
select('summary', statusFilter)!.textContent = 'Status\u00A0';
select('.select-menu-title', statusFilter)!.textContent = 'Filter by build status';
select('.select-menu-list', statusFilter)!.textContent = ''; // Drop previous filters
statusFilter.addEventListener('toggle', populateDropDown, {once: true});
reviewsFilter.after(statusFilter);
}
features.add({
id: __featureName__,
description: 'Adds a `Build status` dropdown filter in PR lists.',
screenshot: 'https://user-images.githubusercontent.com/22439276/56372372-7733ca80-621c-11e9-8b60-a0b95aa4cd4f.png',
include: [
features.isPRList
],
load: features.onAjaxedPages,
init
});
|
