Добавлена кнопка мьюта напротив сообщений

controls.js

@@ -0,0 +1,64 @@
+var showMembersBtn = document.getElementsByClassName("_im_chat_members im-page--members")[0];
+var controlsArea;
+
+function isInt(value) {
+    return !isNaN(value) && (function(x) { return (x | 0) === x; })(parseFloat(value))
+}
+
+/*
+showMembersBtn.addEventListener('click', function() {
+    var checkExist = setInterval(function() {
+        controlsArea = document.getElementsByClassName("ListItem__aside");
+
+        if (controlsArea.length > 0) {
+            for (var item of controlsArea) {
+                // Narrowing the list to onle people
+                if (item.parentElement.firstElementChild.firstElementChild.classList.contains('Entity')) {
+                    var link = item.parentElement.firstElementChild.firstElementChild.children[1].firstElementChild.firstElementChild.href;
+                    var id = link.substr(link.length - 9);
+                    if (isInt(id)) {
+                        item.innerHTML += '<button class="muteBtn" id="' + id + '">' + id + '</button>';
+                    }
+                }
+            }
+
+            clearInterval(checkExist);
+        }
+    }, 100);
+});
+*/
+
+function muteBtnHTML(id) {
+    return '<span style="vertical-align:middle;" class="mute_message" id="mute' + id + '">🔇</span>'
+}
+
+function addControls() {
+    var messages = document.getElementsByClassName("im-mess im_in _im_mess");
+
+    for (var item of messages) {
+        var actionsArea = item.getElementsByClassName("im-mess--actions")[0];
+        var sender_id = item.parentElement.parentElement.parentElement["dataset"].peer
+
+        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 = "";
+        });
+
+        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() {
+                console.log('idToHide: ' + clicked_id);
+            });
+        });
+    }
+}
+
+addControls();