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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
|
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this file,
* You can obtain one at http://mozilla.org/MPL/2.0/.
*
* This Source Code Form is "Incompatible With Secondary Licenses", as
* defined by the Mozilla Public License, v. 2.0. */
/**
* Reference or define the Bugzilla app namespace.
* @namespace
*/
var Bugzilla = Bugzilla || {};
/**
* Reference or define the Review namespace.
* @namespace
*/
Bugzilla.Review = Bugzilla.Review || {};
/**
* Provide the Badge functionality that shows the current review summary in the dropdown.
*/
Bugzilla.Review.Badge = class Badge {
/**
* Get a new Badge instance.
* @returns {Badge} New Badge instance.
*/
constructor() {
this.$button = document.querySelector('#header-requests-menu-button');
this.$panel = document.querySelector('#header-requests .dropdown-panel');
this.$loading = document.querySelector('#header-requests .dropdown-panel .loading');
if (this.$loading) {
this.$button.addEventListener('click', () => this.init(), { once: true });
}
}
/**
* Initialize the Reviews dropdown menu.
*/
async init() {
const url = this.$panel.querySelector('footer a').href + '&ctype=json';
const response = await fetch(url, { credentials: 'same-origin' });
const _requests = response.ok ? await response.json() : [];
if (!response.ok) {
this.$loading.innerHTML = 'Couldn’t load requests for you.<br>Please try again later.';
return;
}
if (!_requests.length) {
this.$loading.className = 'empty';
this.$loading.innerHTML = 'You’re all caught up!';
return;
}
const requests = [];
const $ul = this.$panel.querySelector('ul');
const $fragment = document.createDocumentFragment();
// Sort requests from new to old, then group reviews/feedbacks asked by the same person in the same bug
_requests.reverse().forEach(_req => {
const dup_index = requests.findIndex(req => req.requester === _req.requester
&& req.bug_id === _req.bug_id && req.type === _req.type && req.attach_id && _req.attach_id);
if (dup_index > -1) {
requests[dup_index].dup_count++;
} else {
_req.dup_count = 1;
requests.push(_req);
}
});
// Show up to 20 newest requests
requests.slice(0, 20).forEach(req => {
const $li = document.createElement('li');
const [, name, email] = req.requester.match(/^(?:(.*)\s<)?(.+?)>?$/);
const pretty_name = name ? name.replace(/([\[\(<‹].*?[›>\)\]]|\:[\w\-]+|\s+\-\s+.*)/g, '').trim() : email;
const link = req.attach_id && req.dup_count === 1
? `attachment.cgi?id=${req.attach_id}&action=edit` : `show_bug.cgi?id=${req.bug_id}`;
$li.setAttribute('role', 'none');
$li.innerHTML = `<a href="${link}" role="menuitem" tabindex="-1" `
+ `class="${(req.restricted ? 'secure' : '')}" data-type="${req.type}">`
+ `<img src="https://secure.gravatar.com/avatar/${md5(email)}?d=mm&size=64" alt="">`
+ `<label><strong>${pretty_name.htmlEncode()}</strong> asked for your `
+ (req.type === 'needinfo' ? 'info' : req.type) + (req.attach_id ? ' on ' : '')
+ (req.attach_id && req.ispatch ? (req.dup_count > 1 ? `${req.dup_count} patches` : 'a patch') : '')
+ (req.attach_id && !req.ispatch ? (req.dup_count > 1 ? `${req.dup_count} files` : 'a file') : '')
+ ' in ' + (req.restricted ? '<span class="icon" aria-label="secure"></span> ' : '')
+ `<strong>Bug ${req.bug_id} – ${req.bug_summary.htmlEncode()}</strong>.</label>`
+ `<time datetime="${req.created}">${timeAgo(new Date(req.created))}</time></a>`;
$fragment.appendChild($li);
});
this.$loading.remove();
$ul.appendChild($fragment);
$ul.hidden = false;
}
}
window.addEventListener('DOMContentLoaded', () => new Bugzilla.Review.Badge(), { once: true });
|