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

Избавился от дублированного кода

Browse Source
This commit is contained in:
Anatoly Kopyl
2020-04-15 00:35:35 +03:00
parent e0466c829c
commit 732c0a8dab
2 changed files with 60 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
controls.js vendored
View File

@@ -1,15 +1,15 @@
function muteBtnHTML(id) { {
function muteBtnHTML(id) {
return `<span class="mute_message" id="mute` + id + `"> return `<span class="mute_message" id="mute` + id + `">
🔇 🔇
<span class="mutetooltip">Заглушить</span> <span class="mutetooltip">Заглушить</span>
</span>` </span>`
} }
function addControls() { function addControls(event, msg) {
if (event.target.className == 'im-mess--check fl_l') { let message = msg || event.target.parentElement;
var message = event.target.parentElement;
var actionsArea = message.getElementsByClassName("im-mess--actions")[0]; let actionsArea = message.getElementsByClassName("im-mess--actions")[0];
if (actionsArea && actionsArea.lastChild.className != "mute_message") { if (actionsArea && actionsArea.lastChild.className != "mute_message") {
var sender_id = message.parentElement.parentElement.parentElement["dataset"].peer var sender_id = message.parentElement.parentElement.parentElement["dataset"].peer
@@ -41,55 +41,26 @@ function addControls() {
}); });
} }
} }
}
var chatBody = document.getElementsByClassName("_im_peer_history im-page-chat-contain")[0]; let chatBody = document.getElementsByClassName("_im_peer_history im-page-chat-contain")[0];
chatBody.addEventListener('DOMNodeInserted', addControls); chatBody.addEventListener('DOMNodeInserted', function(event) {
if (event.target.className == 'im-mess--check fl_l') {
addControls(event);
}
});
// Try to add controls until successful. Needed for page refresh. // Try to add controls until successful. Needed for page refresh.
var controlsInterval = setInterval(function () { let controlsInterval = setInterval(function () {
var chatBody = document.getElementsByClassName("_im_peer_history im-page-chat-contain")[0]; chatBody = document.getElementsByClassName("_im_peer_history im-page-chat-contain")[0];
for (var item of chatBody.children) { for (let item of chatBody.children) {
if (item.className.includes('im-mess-stack _im_mess_stack')) { if (item.className.includes('im-mess-stack _im_mess_stack')) {
var messages = item.children[1].children[1].getElementsByClassName('im-mess im_in _im_mess'); let messages = item.children[1].children[1].getElementsByClassName('im-mess im_in _im_mess');
for (var message of messages) { for (let message of messages) {
var actionsArea = message.getElementsByClassName("im-mess--actions")[0]; addControls(null, message);
if (actionsArea && actionsArea.lastChild.className != "mute_message") {
var sender_id = message.parentElement.parentElement.parentElement.dataset.peer;
actionsArea.style['margin-right'] = "-30px";
actionsArea.innerHTML += muteBtnHTML(sender_id);
var muteBtn = actionsArea.getElementsByClassName("mute_message")[0];
muteBtn.style.display = "none";
actionsArea.parentElement.addEventListener("mouseenter", function( event ) {
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(4); // get id of sender from element id
chrome.storage.sync.set({idToHide: clicked_id}, function() {
for (var item of chatBody.children) {
if (item.dataset.peer == clicked_id) {
item.style.display = "none";
}
}
console.log('idToHide: ' + clicked_id);
});
});
} else if (actionsArea.lastChild.className == "mute_message") {
clearInterval(controlsInterval);
} }
} }
} }
} }, 200);
}, 200); }

24
hide_element.js
View File

@@ -1,8 +1,9 @@
var idToHide; {
let idToHide;
var chatBody = document.getElementsByClassName("_im_peer_history im-page-chat-contain")[0]; let chatBody = document.getElementsByClassName("_im_peer_history im-page-chat-contain")[0];
chatBody.addEventListener('DOMNodeInserted', function(event) { chatBody.addEventListener('DOMNodeInserted', function(event) {
if (event.target.className == 'im-mess-stack _im_mess_stack ') { if (event.target.className == 'im-mess-stack _im_mess_stack ') {
chrome.storage.sync.get('idToHide', function(data) { chrome.storage.sync.get('idToHide', function(data) {
idToHide = data.idToHide; idToHide = data.idToHide;
@@ -16,16 +17,16 @@ chatBody.addEventListener('DOMNodeInserted', function(event) {
} }
}); });
} }
}); });
chrome.storage.sync.get('idToHide', function(data) { chrome.storage.sync.get('idToHide', function(data) {
idToHide = data.idToHide; idToHide = data.idToHide;
}); });
// Try to hide until successful. Needed for page refresh. // Try to hide until successful. Needed for page refresh.
var hideInterval = setInterval(function () { let hideInterval = setInterval(function () {
var chatBody = document.getElementsByClassName("_im_peer_history im-page-chat-contain")[0]; chatBody = document.getElementsByClassName("_im_peer_history im-page-chat-contain")[0];
for (var item of chatBody.children) { for (let item of chatBody.children) {
if (item.dataset.peer == idToHide) { if (item.dataset.peer == idToHide) {
if (item.style.display != "none") { if (item.style.display != "none") {
item.style.display = "none"; item.style.display = "none";
@@ -34,4 +35,5 @@ var hideInterval = setInterval(function () {
} }
} }
} }
}, 200); }, 200);
}