kbin subscriptions button

adds a header button to kbin to instantly go to your subscribed/moderated magazines lists

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(Tôi đã có Trình quản lý tập lệnh người dùng, hãy cài đặt nó!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @name         kbin subscriptions button
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  adds a header button to kbin to instantly go to your subscribed/moderated magazines lists
// @author       raltsm4k
// @match        https://kbin.social/*
// @match        https://fedia.io/*
// @match        https://karab.in/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=kbin.social
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    var a_login = document.querySelector("#header a.login");
    var a_login_href = a_login.getAttribute("href");

    if (a_login_href !== "/login") {
        let subs_button = Object.assign(document.createElement("li"), {
            className: "dropdown"
        });
        let a = Object.assign(document.createElement("a"), {
            className: "icon",
            href: a_login_href + "/subscriptions",
            title: "View magazine lists",
        }).appendChild(Object.assign(document.createElement("i"), {
            className: "fa-solid fa-newspaper"
        })).parentNode;
        let ul = Object.assign(document.createElement("ul"), {
            className: "dropdown__menu"
        });
        const li_subbed = document.createElement("li").appendChild(Object.assign(document.createElement("a"), {
            href: a_login_href + "/subscriptions",
            textContent: " Subscribed List "
        })).parentNode;
        const li_modded = document.createElement("li").appendChild(Object.assign(document.createElement("a"), {
            href: a_login_href + "/moderated",
            textContent: " Moderated List "
        })).parentNode;

        a.setAttribute("aria-label", "View magazine lists");
        ul.appendChild(li_subbed);
        ul.appendChild(li_modded);

        subs_button.appendChild(a);
        subs_button.appendChild(ul);

        var menu = document.querySelectorAll("#header menu")[1];
        var search_button = menu.querySelector("li");
        menu.insertBefore(subs_button, search_button);
    }
})();