anatolykopyl/vk-mute
1
0
Fork 0
mirror of https://github.com/anatolykopyl/vk-mute.git synced 2026-03-26 21:05:16 +00:00
Code Issues Projects Releases Wiki Activity

Перевел кномки управления на domnodeinserted

Browse Source
This commit is contained in:
Anatoly Kopyl
2020-04-14 00:34:18 +03:00
parent 55684be7f7
commit 260fc474cc
3 changed files with 32 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
controls.css
View File

@@ -42,8 +42,8 @@
height: 16px; height: 16px;
position: relative; position: relative;
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
background: url('chrome-extension://__MSG_@@extension_id__/mute.png') no-repeat top left; /*background: url('chrome-extension://__MSG_@@extension_id__/mute.png') !important;*/
background-repeat: no-repeat; background-repeat: no-repeat;
padding: 6px; padding: 6px;
} }

51
controls.js vendored
View File

@@ -30,8 +30,7 @@ showMembersBtn.addEventListener('click', function() {
*/ */
function muteBtnHTML(id) { function muteBtnHTML(id) {
return ` return `<span class="mute_message" id="mute` + id + `">
<span class="mute_message" id="mute` + id + `">
🔇 🔇
<span class="mutetooltip">Заглушить</span> <span class="mutetooltip">Заглушить</span>
</span>` </span>`
@@ -42,29 +41,37 @@ function addControls() {
for (var item of messages) { for (var item of messages) {
var actionsArea = item.getElementsByClassName("im-mess--actions")[0]; var actionsArea = item.getElementsByClassName("im-mess--actions")[0];
var sender_id = item.parentElement.parentElement.parentElement["dataset"].peer if (actionsArea && actionsArea.lastChild.className != "mute_message") {
var sender_id = item.parentElement.parentElement.parentElement["dataset"].peer
actionsArea.innerHTML += muteBtnHTML(sender_id); actionsArea.innerHTML += muteBtnHTML(sender_id);
var muteBtn = actionsArea.getElementsByClassName("mute_message")[0]; var muteBtn = actionsArea.getElementsByClassName("mute_message")[0];
muteBtn.style.display = "none"; muteBtn.style.display = "none";
actionsArea.parentElement.addEventListener("mouseenter", function( event ) { actionsArea.parentElement.addEventListener("mouseenter", function( event ) {
event.target.getElementsByClassName("mute_message")[0].style.display = ""; event.target.getElementsByClassName("mute_message")[0].style.display = "inline-block";
});
actionsArea.parentElement.addEventListener("mouseleave", function( event ) {
event.target.getElementsByClassName("mute_message")[0].style.display = "none";
});
muteBtn.addEventListener("click", function(event) {
var clicked_id = event.target.id.substr(event.target.id.length - 9);
chrome.storage.sync.set({idToHide: clicked_id}, function() {
hidePeer(clicked_id);
console.log('idToHide: ' + clicked_id);
}); });
});
actionsArea.parentElement.addEventListener("mouseleave", function( event ) {
event.target.getElementsByClassName("mute_message")[0].style.display = "none";
});
muteBtn.addEventListener("click", function(event) {
var clicked_id = event.target.id.substr(event.target.id.length - 9);
chrome.storage.sync.set({idToHide: clicked_id}, function() {
hidePeer(clicked_id);
console.log('idToHide: ' + clicked_id);
});
});
}
} }
} }
addControls(); var chatBody = document.getElementsByClassName("_im_peer_history im-page-chat-contain")[0];
chatBody.addEventListener('DOMNodeInserted', function(event) {
if (event.target.className == 'im-mess--check fl_l') {
addControls();
}
});

2
manifest.json
View File

@@ -24,7 +24,7 @@
"js": ["hide_element.js"] "js": ["hide_element.js"]
}, },
{ {
"matches": ["https://*.vk.com/*"], "matches": ["https://*.vk.com/im*"],
"js": ["controls.js"], "js": ["controls.js"],
"css": ["controls.css"] "css": ["controls.css"]
} }