forked from ryanflorence/github-plusone-extension
-
Notifications
You must be signed in to change notification settings - Fork 0
/
content_script.js
78 lines (68 loc) · 2.6 KB
/
content_script.js
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
function removePlusOnes() {
var comments = [].slice.call(document.querySelectorAll('.timeline-comment-wrapper'), 0);
var avatars = [];
var alreadySeen = [];
comments.forEach(function (comment) {
var text = comment.querySelector('.comment-body').textContent.trim();
if (
text.match(/^(\+1|👍)/) ||
comment.querySelector('img[title=":+1:"]') ||
comment.querySelector('img[title=":thumbsup:"]')
) {
var avatar = comment.querySelector('a').cloneNode(true);
var user = avatar.href;
if(alreadySeen.indexOf(user) < 0) {
avatars.push(avatar);
alreadySeen.push(user);
}
if(text.match(/^(\+1|👍)$/) || !text) { // there wont be text if the comment is just a 👍
comment.style.display = 'none';
}
}
});
if(avatars.length > 0) {
var div = document.createElement('div');
div.className = 'js-plus-one-count flex-table gh-header-meta';
div.innerHTML = '' +
'<div class="flex-table-item">' +
' <div class="state" style="background: hsl(215, 50%, 50%)">' +
' <span class="octicon octicon-thumbsup"></span>' +
' +' + avatars.length +
' </div>' +
'</div>' +
'<div class="flex-table-item flex-table-item-primary"></div>';
var avatarContainer = div.querySelector('.flex-table-item-primary');
avatarContainer.style.paddingTop = 0;
avatars.forEach(function (avatar) {
// Tap the power of tooltips
avatar.className = 'avatar-link tooltipped tooltipped-s';
avatar.setAttribute('aria-label', avatar.getAttribute('href').replace(/^\//, ''));
var img = avatar.querySelector('img');
img.className = '';
img.style.height = '26px';
img.style.width = '26px';
img.style.margin = '0 2px';
img.style.borderRadius = '3px';
avatarContainer.appendChild(avatar);
});
var currentCount = document.querySelector('.js-plus-one-count');
if (currentCount) { currentCount.remove(); }
document.querySelector('.gh-header-show').appendChild(div);
}
}
var observer = new MutationObserver(function(mutations) {
var needsRemoval = false;
mutations.forEach(function(mutation) {
Array.prototype.slice.call(mutation.addedNodes).forEach(function(node) {
if (node instanceof Element && (node.querySelector('.js-comment') || node.classList.contains('js-comment'))) {
needsRemoval = true;
}
});
});
if (needsRemoval) {
removePlusOnes();
}
});
var container = document.getElementById('js-repo-pjax-container');
observer.observe(container, {childList: true, subtree: true});
removePlusOnes();