[Userscript] Level Duration 2.0

[JamieKovo]

Eyyyy its not too bad actually, here’s a step by step for changing level text:

1. Make sure you have the updated script first.
2. Replace: let date, level_duration; ＞ let date, level_duration, level_current, level_text;
3. Update the following functions

function fetch_date() {
            return wkof.Apiv2.fetch_endpoint('/level_progressions').then(data => {data = data.data.pop().data; date = data.unlocked_at; level_current = data.level;});
        }

function install_display() {
            level_duration = document.createElement('div');
            level_duration.className = 'level-duration';
            level_duration.innerHTML = '<span></span>';
            let target = document.querySelector('.sitemap .sitemap__section-header[aria-controls="sitemap__levels"').parentElement;
            let old_target = document.querySelector('.dropdown.levels')
            if (old_target) { // Support for old header script
                level_duration.className = 'level-duration-old';
                target = old_target;
            }
            else level_text = target.firstElementChild;
            target.append(level_duration);
            //Update moved further down to be after assignment of level_text
            update_display(level_duration, date);
            setInterval(update_display, 1000*60*15); // Update every 15 minutes
        }

function update_display() {
            let text = format_date();
            level_duration.children[0].innerText = text;
            level_text.firstElementChild.innerText = "レベル " + level_current;
            level_text.lastElementChild.innerText = "Level " + level_current;
        }

[JamieKovo]

Changing the font is literally just adding one line, Add font-family: [font name]; under font-size: 14px;

The name of the font can found be opening your font file (file.ttf or file.otf) and going to its info page. Here’s what mine looks like on linux:

[Kumirei]

@omoide

You seem to consider it is a bug in the Breeze Dark theme? Thanks.

Yeah. I could easily make the buttons look like they should and not obstruct the level duration indicator, but it’s really something that should be done in Breeze Dark itself. I might just post a fix for Breeze Dark myself, though.

[Kumirei]

@zEUs_japanese

Quick question: Is there way to update a script without deleting and reinstalling it (that was my solution just now, but I assume there has to be another way)?

If you go back to where you installed the script there should be a button to update instead of installing. If you wait long enough they will also update on their own.

[Kumirei]

@ToastedRice

Eyyyy its not too bad actually, here’s a step by step for changing level text:

Omg I didn’t even notice that you added the level in your original post

I don’t think I will make that a native feature, though, seeing as it obscures that it’s actually a drop down list. There are separate level indicator scripts already.

@zEUs_japanese

What exactly do I have to change in order for it to display my current level and to change the font?

Hmm, if others are asking for the font maybe I should include it as an option

[JamieKovo]

Ooooh what if you allowed users to type the name of a font on their system into the menu. I’d def appreciate.

[Kumirei]

I think that’s too much effort for the average user, so I was thinking just another formatting option for that specific font

[JamieKovo]

True, true. Def true

[Kumirei]

Added it as a separate format. If a user wishes to change the font out for another, they just need to change out the font family in the CSS

[zEUs_Japanese]

Thank you, I found it. Also thank you for the script btw. It’s really neat

[zEUs_Japanese]

Thanks for the detailded description! But I have to admit defeat yet again. I tried interchaning the code as you did, but since there was another update it didn’t properly work after that. When I tried finding only those lines of code, that would affect the current level data, it broke completely, so yeah. If you were to go through the trouble of readjusting the current level display to the new version, I’d be happy if you could share that with me. But I understand, if you don’t.

[zEUs_Japanese]

Btw @Kumirei and @ToastedRice , I just read through your conversation and even though I’ve got quite a few friends actually, who can code as well, I’m still amazed every time I can witness this magic.

[Kumirei]

Revised instructions

@ToastedRice

1. Make sure you have the updated script first.
2. Replace: let date, level_duration; with let date, level_duration, level_current, level_text; (towards the beginning of the script)
   
3. Replace these functions

    function fetch_date() {
        return wkof.Apiv2.fetch_endpoint('/level_progressions').then(data => {data = data.data.pop().data; date = data.unlocked_at; level_current = data.level;});
    }

    function install_display() {
        level_duration = document.createElement('div');
        level_duration.id = 'level-duration';
        level_duration.innerHTML = '<span></span>';
        let target = document.querySelector('.sitemap .sitemap__section-header[aria-controls="sitemap__levels"').parentElement;
        let old_target = document.querySelector('.dropdown.levels')
        if (old_target) { // Support for old header script
            level_duration.id = 'level-duration-old';
            target = old_target;
        }
        else level_text = target.firstElementChild;
        update_display(level_duration, date);
        target.append(level_duration);
        setInterval(update_display, 1000*60*15); // Update every 15 minutes
    }

    function update_display() {
        let text = format_date();
        level_duration.children[0].innerText = text;
        level_duration.className = wkof.settings.level_duration.format;
        level_text.firstElementChild.innerText = "レベル " + level_current;
        level_text.lastElementChild.innerText = "Level " + level_current;
    }

EDIT: I missed a line in the last one

[JamieKovo]

Thanks for all the hard work Kumi
And yeah @zEUs_japanese, make sure to follow step 2, otherwise it won’t work at all. You just need to add level_current, level_text to the other variables. But if you’re still having trouble after that, you can just copy the full script here.
Also always happy to help ^^.

[zEUs_Japanese]

Nice XD, it finally works! Thank you very much, Kumirei.

[yndajas]

In case you’re using Tampermonkey @zEUs_japanese, for future reference you can update all your scripts by clicking on the extension icon and selecting “Check for userscript updates”.

[zEUs_Japanese]

Oh, you’re right. Thank you

[MeisterMike]

this is fine

[Japcroco]

Y do u have so many reviews? It seems like u don’t manage ur daily reviews properly since they seem to have piled up. Do u still have this problem in 2023?

[wmr]

I think the new update broke this script

Edit: nevermind! A separate script was turning it off