☰

Rainwave v5: Pin Request Pane

Adds a pin/close button to the top-right of the requests pane. Pane stays fully open w/o hovering when pinned.

当前为 2020-03-06 提交的版本，查看 最新版本。

// ==UserScript==
// @version      2.0.0
// @author       Nmaster64
// @namespace    http://twitter.com/nmaster64
// @match        https://*.rainwave.cc/*
// @exclude      /rainwave.cc/(forums|pages|api)/
// @name         Rainwave v5: Pin Request Pane
// @description  Adds a pin/close button to the top-right of the requests pane. Pane stays fully open w/o hovering when pinned.
// @grant        none
// ==/UserScript==

// Helper Functions
var rwAddStyles = function(css) {
    var rwStyle = document.createElement('style');
    rwStyle.textContent = css.join("\n");
    document.head.appendChild(rwStyle);
}
var rwReady = function(cb) {
    if(document.readyState == "complete" || document.readyState == "loaded") {
        cb();
    } else {
        window.addEventListener("load", cb, false);
    }
};

// Style Updates
rwAddStyles([
    'body.full div.panel.requests.pinned { transform:translateX(-100%) !important; background: rgba(38, 39, 42, .9); }',
    'body.full div.panel.requests.pinned ul.request_icons li { visibility:visible; opacity:.5; }',
    'body.full div.panel.requests > div.close { display:block !important; }',
    'body.full div.panel.requests > div.close > img { display:none; }',
    'body.full div.panel.requests > div.close > img.pin  { display:block !important; }',
    'body.full div.panel.requests.pinned > div.close > img { display:block; }',
    'body.full div.panel.requests.pinned > div.close > img.pin {  display:none !important; }',
]);

// Pin Button
rwReady(function() {
    var requestsPane = document.querySelector('body.full div.panel.requests');
    var closeBtn = requestsPane.querySelector('div.close');

    var pinImg = document.createElement('img');
    pinImg.setAttribute('class', 'pin');
    pinImg.setAttribute('src', 'https://rainwave.cc/static/images4/request_pause.png');
    closeBtn.appendChild(pinImg);

    closeBtn.addEventListener('click', function(e) {
        requestsPane.classList.toggle('pinned');
    }, false);
});