mirror of
https://github.com/anatolykopyl/vk-mute.git
synced 2026-03-26 12:55:13 +00:00
Упростил интерфейс
This commit is contained in:
@@ -2,7 +2,8 @@
|
||||
Заглушить собеседника в беседе в ВК. 🔇
|
||||
|
||||
На данный момент ВКонтакте не позволяет заглушать людей в беседах. Это расширение для Google Chrome берется это исправить.
|
||||
Сообщения аккаунта, id которого указан в поле вверху расширения, будут скрыты из всех бесед.
|
||||
|
||||
Если нажать на кнопку 🔇 напротив сообщения в беседе, то все сообщения во всех беседах от этого отправителя будут скрыты.
|
||||
|
||||
## Установка:
|
||||
1. Скачать ZIP
|
||||
@@ -11,6 +12,3 @@
|
||||
1. Включить режим разработчика
|
||||
2. Загрузить распакованное, выбрать каталог с расширением
|
||||
|
||||
**Внимание! id нужно указывать ЦИФРОВОЕ**
|
||||
|
||||
Узнать его можно, например [здесь](https://regvk.com/id/)
|
||||
|
||||
2
controls.js
vendored
2
controls.js
vendored
@@ -101,7 +101,7 @@ chatBody.addEventListener('DOMNodeInserted', function(event) {
|
||||
});
|
||||
|
||||
muteBtn.addEventListener("click", function(event) {
|
||||
var clicked_id = event.target.id.substr(event.target.id.length - 9);
|
||||
var clicked_id = event.target.id.substr(4);
|
||||
|
||||
chrome.storage.sync.set({idToHide: clicked_id}, function() {
|
||||
hidePeer(clicked_id);
|
||||
|
||||
89
popup.html
89
popup.html
@@ -2,94 +2,10 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<style>
|
||||
body {
|
||||
min-width: 80px;
|
||||
}
|
||||
/* The switch - the box around the slider */
|
||||
.switch {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 60px;
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
/* Hide default HTML checkbox */
|
||||
.switch input {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* The slider */
|
||||
.slider {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #ccc;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
.slider:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 26px;
|
||||
width: 26px;
|
||||
left: 4px;
|
||||
bottom: 4px;
|
||||
background-color: white;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
input:checked + .slider {
|
||||
background-color: #2196F3;
|
||||
}
|
||||
|
||||
input:focus + .slider {
|
||||
box-shadow: 0 0 1px #2196F3;
|
||||
}
|
||||
|
||||
input:checked + .slider:before {
|
||||
-webkit-transform: translateX(26px);
|
||||
-ms-transform: translateX(26px);
|
||||
transform: translateX(26px);
|
||||
}
|
||||
|
||||
/* Rounded sliders */
|
||||
.slider.round {
|
||||
border-radius: 34px;
|
||||
}
|
||||
|
||||
.slider.round:before {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.header {
|
||||
background-color: #2196F3;
|
||||
color: white;
|
||||
width: 100vw;
|
||||
position: relative;
|
||||
margin-left: -50vw;
|
||||
left: 50%;
|
||||
margin-top: -20vw;
|
||||
margin-bottom: 10vw;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
input {
|
||||
font-size:13pt;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="popup.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<input id="idToHide" type="text" placeholder="ID человека" />
|
||||
<h3 align="center" id="status"></h3>
|
||||
</div>
|
||||
<!--<button id="disableButton">Toggle</button>-->
|
||||
@@ -99,6 +15,9 @@
|
||||
<span class="slider round"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="id_list">
|
||||
<div id="idToHide"></div>
|
||||
</div>
|
||||
<script src="popup.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
25
popup.js
25
popup.js
@@ -1,6 +1,6 @@
|
||||
//let disableButton = document.getElementById('disableButton');
|
||||
let disableCheckbox = document.getElementById('disableCheckbox');
|
||||
let idToHideInput = document.getElementById('idToHide');
|
||||
let idToHideDisplay = document.getElementById('idToHide');
|
||||
let status = document.getElementById('status');
|
||||
var isExtensionOn;
|
||||
var idToHide;
|
||||
@@ -21,23 +21,9 @@ chrome.storage.sync.get('isExtensionOn', function(data) {
|
||||
|
||||
chrome.storage.sync.get('idToHide', function(data) {
|
||||
idToHide = data.idToHide;
|
||||
idToHideInput.value = idToHide;
|
||||
idToHideDisplay.innerText = idToHide;
|
||||
});
|
||||
|
||||
|
||||
/*disableButton.onclick = function(element) {
|
||||
isExtensionOn = !isExtensionOn;
|
||||
if (isExtensionOn) {
|
||||
status.innerHTML = "Enabled";
|
||||
} else {
|
||||
status.innerHTML = "Disabled";
|
||||
}
|
||||
|
||||
chrome.storage.sync.set({isExtensionOn: isExtensionOn}, function() {
|
||||
console.log('isExtensionOn: '+isExtensionOn);
|
||||
});
|
||||
};*/
|
||||
|
||||
disableCheckbox.addEventListener('change', (event) => {
|
||||
isExtensionOn = event.target.checked;
|
||||
if (event.target.checked) {
|
||||
@@ -50,10 +36,3 @@ disableCheckbox.addEventListener('change', (event) => {
|
||||
console.log('isExtensionOn: '+isExtensionOn);
|
||||
});
|
||||
});
|
||||
|
||||
idToHideInput.addEventListener('input', () => {
|
||||
chrome.storage.sync.set({idToHide: idToHideInput.value}, function() {
|
||||
console.log('idToHide: '+idToHideInput.value);
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user