New feature: Muting
Community does what devs don’t. Thanks to the efforts of SleepProgger, we’ve been able to add Mute as a feature1 on this board.
Feature contains substances known to the state of California to cause cancer. By using this feature, you agree to indemnify us (“hapless hosts”) against liability for things including, but not limited to: extraneous mutant limbs, glow-in-the-dark skin, and a hankering for human flesh.
This feature is now live on all themes.
How to use:
Alt text: Simply use the microphone icon below the post
Added: safety prompt
No longer will fat-fingers hide posts you want to reply to. You will be prompted before muting or unmuting a poster.
Limitations
- Muting doesn’t carry over across browsers or devices (stored client-side)
- Muting may do weird things to quoted text
Installation for Discourse Admins:
added 4 February 2018
In the admin panel, choose Customize. Select theme. Click edit CSS/HTML. Add the following code to each respective section.
CSS
@keyframes nodeInserted {
from {
outline-color: #fff;
}
to {
outline-color: #000;
}
}
@-moz-keyframes nodeInserted {
from {
outline-color: #fff;
}
to {
outline-color: #000;
}
}
@-webkit-keyframes nodeInserted {
from {
outline-color: #fff;
}
to {
outline-color: #000;
}
}
@-ms-keyframes nodeInserted {
from {
outline-color: #fff;
}
to {
outline-color: #000;
}
}
@-o-keyframes nodeInserted {
from {
outline-color: #fff;
}
to {
outline-color: #000;
}
}
article, #article, .article {
animation-duration: 0.01s;
-o-animation-duration: 0.01s;
-ms-animation-duration: 0.01s;
-moz-animation-duration: 0.01s;
-webkit-animation-duration: 0.01s;
animation-name: nodeInserted;
-o-animation-name: nodeInserted;
-ms-animation-name: nodeInserted;
-moz-animation-name: nodeInserted;
-webkit-animation-name: nodeInserted;
}
Atchung!:
change this line to reflect your site name:
var GR_COOKIE_NAME = ‘community_mute_users’;
Head/javascript
<script type="text/javascript">
var run_script = false;
$(document).ready(function(){
if (window.location.href.indexOf("/t/") > 0) {
run_script = true;
MakeMagic();
}
});
if (!this.GM_getValue || (this.GM_getValue.toString && this.GM_getValue.toString().indexOf("not supported")>-1)) {
this.GM_getValue=function (key,def) {
return localStorage[key] || def;
};
this.GM_setValue=function (key,value) {
return localStorage[key]=value;
};
this.GM_deleteValue=function (key) {
return delete localStorage[key];
};
}
var GR_COOKIE_NAME = 'community_mute_users';
var hide_ids = $.parseJSON(GM_getValue(GR_COOKIE_NAME, '{}'));
(function(){
event = function(event){
if (event.animationName == 'nodeInserted') {
RecastSpell();
}
}
document.addEventListener('animationstart', event, false);
document.addEventListener('MSAnimationStart', event, false);
document.addEventListener('webkitAnimationStart', event, false);
})();
function RecastSpell(){
if (run_script == true) {
MakeMagic();
}
}
function MakeMagic(){
hide_ids = $.parseJSON(GM_getValue(GR_COOKIE_NAME, '{}'));
function handle_post_node(node){
var tid = node.getAttribute('data-user-id');
var name = $('[data-user-id="'+tid+'"]').find('.username a').first().text();
function mute_foo(){
//var name = $(node).find('.names').text;
var confirmString = "Really mute " + name + "?";
if (confirm(confirmString) == true) {
this.innerHTML = "Unmute;"
$(node).find('.contents').hide();
$(node).find('.names').hide();
$(node).find('.avatar').hide();
$(this).unbind('click', mute_foo);
$(this).click(umute_foo);
hide_ids[tid] = 1;
GM_setValue(GR_COOKIE_NAME, JSON.stringify(hide_ids));
$('[data-user-id="'+tid+'"]').find('.mute_btn').remove();
$('[data-user-id="'+tid+'"]').each(function(){ handle_post_node(this) });
}
}
function umute_foo(){
var confirmString = "Unmute " + name + "?";
if (confirm(confirmString) == true) {
this.innerHTML = "Mute";
$(node).find('.contents').show();
$(node).find('.names').show();
$(node).find('.avatar').show();
$(this).unbind('click', umute_foo);
$(this).click(mute_foo);
delete hide_ids[tid];
GM_setValue(GR_COOKIE_NAME, JSON.stringify(hide_ids));
$('[data-user-id="'+tid+'"]').find('.umute_btn').remove();
$('[data-user-id="'+tid+'"]').each(function(){ $(this).find('.contents').show(); handle_post_node(this) });
}
}
if(hide_ids[tid]){
$(node).find('.contents').hide();
$(node).find('.names').hide();
$(node).find('.avatar').hide();
if($(node).find('.umute_btn').length > 0) return;
var btn = $('<button class="umute_btn" title="Unmute this user." style="background-color: Transparent; background-repeat:no-repeat; border: none; cursor:pointer; overflow: hidden; outline:none; margin-left: 3px; "><i class="fa fa-microphone"></i></button>');
$(node).find('.post-info').first().prepend(btn);
btn.click(umute_foo);
}else {
if($(node).find('.mute_btn').length > 0) return;
var btn = $('<button title="Mute this user." style="background: none;" class="mute_btn"><i class="fa fa-microphone-slash"></i></button>');
btn.insertBefore($(node).find('.create').last());
btn.click(mute_foo);
}
}
$('article').each(function(){handle_post_node(this)});
var observer = new MutationObserver(function(mutations) {
for(var i=0; i < mutations.length; ++i){
var mutation = mutations[i];
for(var j=0; j < mutation.addedNodes.length; ++j){
if(mutation.addedNodes[j].nodeName == "#text") continue;
var node = mutation.addedNodes[j];
//console.log(node);
if(node.className == 'container posts'){
$(node).find('article').each(function(){handle_post_node(this)});
continue;
}
// just to be sure (TODO: sometimes when jumping to a thread via notification the posts aren't handled.
// This "hack" (should) ensure that all posts are handled )
if(node.className == 'topic-link'){
$(window.document).find('article').each(function(){handle_post_node(this)});
continue;
}
if(node.className == 'ember-view post-cloak'){
node = $(node).find('article').get(0);
}
if(node.nodeName == "ARTICLE" && node.getAttribute('data-user-id')){
handle_post_node(node);
}
}
}
});
observer.observe(document, { subtree: true, childList: true});
}
</script>Original userscript by SleepProgger.
CSS event method invented by Daniel Buchner
Original post
Jeff (Discourse dev) refused to implement a block system, but I’ll make one for here anyway by converting an existing userscript into theme-embedded JavaScript.
Limitations:
- Blocking will not hide quotations
Just a PSA from your friendly neighbourhood spiderman: Jeff’s a clueless dude. https://meta.discourse.org/t/ability-to-block-or-mute-another-user/6001/95