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-14 01:23:42 +03:00
parent 507af212f0
commit 5931b46866
4 changed files with 10 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
README.md
View File

@@ -2,7 +2,8 @@
Заглушить собеседника в беседе в ВК. 🔇 Заглушить собеседника в беседе в ВК. 🔇
На данный момент ВКонтакте не позволяет заглушать людей в беседах. Это расширение для Google Chrome берется это исправить. На данный момент ВКонтакте не позволяет заглушать людей в беседах. Это расширение для Google Chrome берется это исправить.
Сообщения аккаунта, id которого указан в поле вверху расширения, будут скрыты из всех бесед.
Если нажать на кнопку 🔇 напротив сообщения в беседе, то все сообщения во всех беседах от этого отправителя будут скрыты.
## Установка: ## Установка:
1. Скачать ZIP 1. Скачать ZIP
@@ -11,6 +12,3 @@
1. Включить режим разработчика 1. Включить режим разработчика
2. Загрузить распакованное, выбрать каталог с расширением 2. Загрузить распакованное, выбрать каталог с расширением
**Внимание! id нужно указывать ЦИФРОВОЕ**
Узнать его можно, например [здесь](https://regvk.com/id/)

2
controls.js vendored
View File

@@ -101,7 +101,7 @@ chatBody.addEventListener('DOMNodeInserted', function(event) {
}); });
muteBtn.addEventListener("click", 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() { chrome.storage.sync.set({idToHide: clicked_id}, function() {
hidePeer(clicked_id); hidePeer(clicked_id);

89
popup.html
View File

@@ -2,94 +2,10 @@
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<style> <link rel="stylesheet" href="popup.css">
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>
</head> </head>
<body> <body>
<div class="header"> <div class="header">
<input id="idToHide" type="text" placeholder="ID человека" />
<h3 align="center" id="status"></h3> <h3 align="center" id="status"></h3>
</div> </div>
<!--<button id="disableButton">Toggle</button>--> <!--<button id="disableButton">Toggle</button>-->
@@ -99,6 +15,9 @@
<span class="slider round"></span> <span class="slider round"></span>
</label> </label>
</div> </div>
<div class="id_list">
<div id="idToHide"></div>
</div>
<script src="popup.js"></script> <script src="popup.js"></script>
</body> </body>
</html> </html>

25
popup.js
View File

@@ -1,6 +1,6 @@
//let disableButton = document.getElementById('disableButton'); //let disableButton = document.getElementById('disableButton');
let disableCheckbox = document.getElementById('disableCheckbox'); let disableCheckbox = document.getElementById('disableCheckbox');
let idToHideInput = document.getElementById('idToHide'); let idToHideDisplay = document.getElementById('idToHide');
let status = document.getElementById('status'); let status = document.getElementById('status');
var isExtensionOn; var isExtensionOn;
var idToHide; var idToHide;
@@ -21,23 +21,9 @@ chrome.storage.sync.get('isExtensionOn', function(data) {
chrome.storage.sync.get('idToHide', function(data) { chrome.storage.sync.get('idToHide', function(data) {
idToHide = data.idToHide; 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) => { disableCheckbox.addEventListener('change', (event) => {
isExtensionOn = event.target.checked; isExtensionOn = event.target.checked;
if (event.target.checked) { if (event.target.checked) {
@@ -50,10 +36,3 @@ disableCheckbox.addEventListener('change', (event) => {
console.log('isExtensionOn: '+isExtensionOn); console.log('isExtensionOn: '+isExtensionOn);
}); });
}); });
idToHideInput.addEventListener('input', () => {
chrome.storage.sync.set({idToHide: idToHideInput.value}, function() {
console.log('idToHide: '+idToHideInput.value);
});
});