Wanikani: Dashboard Level

Adds level back to the dashboard header

Verzia zo dňa 20.05.2020. Pozri najnovšiu verziu.

Na nainštalovanie skriptu si budete musieť nainštalovať rozšírenie, ako napríklad Tampermonkey, Greasemonkey alebo Violentmonkey.

Na nainštalovanie skriptu si budete musieť nainštalovať rozšírenie, ako napríklad Tampermonkey, % alebo Violentmonkey.

Na nainštalovanie skriptu si budete musieť nainštalovať rozšírenie, ako napríklad Tampermonkey, % alebo Violentmonkey.

Na nainštalovanie skriptu si budete musieť nainštalovať rozšírenie, ako napríklad Tampermonkey alebo Userscripts.

Na inštaláciu tohto skriptu je potrebné nainštalovať rozšírenie, ako napríklad Tampermonkey.

Na inštaláciu tohto skriptu je potrebné nainštalovať rozšírenie správcu používateľských skriptov.

(Už mám správcu používateľských skriptov, nechajte ma ho nainštalovať!)

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie, ako napríklad Stylus.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie, ako napríklad Stylus.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie, ako napríklad Stylus.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie správcu používateľských štýlov.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie správcu používateľských štýlov.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie správcu používateľských štýlov.

(Už mám správcu používateľských štýlov, nechajte ma ho nainštalovať!)

// ==UserScript==
// @name         Wanikani: Dashboard Level
// @namespace    http://tampermonkey.net/
// @version      1.1.1
// @description  Adds level back to the dashboard header
// @author       Kumirei
// @include      https://www.wanikani.com*
// @include      *preview.wanikani.com*
// @grant        none
// ==/UserScript==

(function() {
    let header = document.getElementsByClassName('global-header')[0];
    if (!header) return;
    let level = document.getElementsByClassName('user-summary__attribute')[0].children[0].href.split('/level/')[1];
    let subscription = document.getElementsByClassName('user-summary__attribute')[1].children[0].innerHTML.trim();
    let color = '#f1f3f5';
    if (subscription == "Lifetime") color = '#d580ff';
    if (subscription == "Recurring") color = '#80d5ff';
    if (level==60) color = '#fbc042';
    header.getElementsByClassName('sitemap__section-header--account')[0].insertAdjacentHTML('beforebegin', '<div class="dashboard-level"><span>'+level+'</span></div>');
    document.getElementsByTagName('head')[0].insertAdjacentHTML('beforeend', `
<style id="DashboardLevelCSS">
.dashboard-level {
    width: 19px;
    height: 19px;
    z-index: 1;
    position: absolute;
    right: 5px;
    transform: translateX(50%);
    bottom: -10px;
    border-radius: 100%;
    text-align: center;
    background: ${color};
}
.dashboard-level > span {
    color: rgb(240, 240, 240) !important;
    text-shadow: 1px 1px rgba(42, 42, 42, 0.5) !important;
    font-size: 12px;
    font-weight: bold;
    display: block;
}
</style>`);
})();