Notification Filter

一時的に通知を返信のみ見たいけど消したくは無いとき

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Notification Filter
// @namespace    http://github.com/yuzulabo
// @version      1.1.2
// @description  一時的に通知を返信のみ見たいけど消したくは無いとき
// @author       nzws / ねじわさ
// @match        https://knzk.me/*
// @match        https://mastodon.cloud/*
// @match        https://friends.nico/*
// @match        https://pawoo.net/*
// @match        https://itabashi.0j0.jp/*
// @license       MIT License
// ==/UserScript==

(function() {
    window.onload = function () {
        var style = document.createElement("style");
        style.id = "notifilter-js";
        document.querySelector("head").appendChild(style);

        style = document.createElement("style");
        style.innerHTML = "#notifilter{background: #313543;border: 0;color: #9baec8;font-size: 16px;}.notiactive{color:#fff !important;}";
        document.querySelector("head").appendChild(style);

        window.isFilter = false;

        var button_b = document.querySelector(".column button .fa-bell").offsetParent.children[1];
        var button = document.createElement("button");
        button.id = "notifilter";
        button.innerHTML = "<i class='fa fa-comment'></i>";
        button_b.insertBefore(button, button_b.firstChild);

        button.addEventListener('click', filter);
    };

    function filter() {
        window.isFilter = !window.isFilter;
        document.getElementById('notifilter-js').innerHTML = window.isFilter ? '.notification{display:none;}' : '';
        document.getElementById('notifilter').className = window.isFilter ? 'notiactive' : '';
    }
})();