QoL improvement: submit/next/prev buttons on navbar

[zardus]

Aside from an internal command line tool, we could have small buttons on the navbar to pop up a modal to submit a flag, to launch the next challenge, and to launch the previous challenge.

[JensHouses]

Hey everyone,

I noticed this issue has been open for a while. I'd love to work on it.

[zardus]

Sure, we'd love the help!

One issue is that we're running out of space in the nav bar. However, we have this little dude:

We could replace it with a hamburger (https://fontawesome.com/icons/bars?s=solid) and have stuff like:

• Hide Navbar (or Show Navbar if Navbar is hidden)
• If challenge is started: Submit Flag Restart Challenge Next Challenge Previous Challenge
• If challenge is not started: Start Recent Challenge
• Maybe move Admin over here?

[JensHouses]

Sounds like a good idea.
I see a solution for all points.
But I need some help for the start recent challenge:

How do I determine the recent challenge?
Iterate through all unsolved dojos -> modules -> challenges ? They are sorted by index I guess ?

[zardus]

Hmm, good point… for now, let’s ignore the issue and just not have that one.

[JensHouses]

What do you think about that layout ?

[ConnorNelson]

What about a button in the middle (https://fontawesome.com/icons/rotate-left?f=classic&s=solid) with the current challege name that says "Restart current".

And then maybe just something that more closely resembles the existing flag submit line at the bottom (we wouldn't need to say Mars anymore if its on the restart button):

Or something closer to that (fine if we have a slightly different feel to match this popup).

I'm mildly concerned about long challenge names and what that might do to this UI though (especially with the added 3rd button). You could test for example with some of the longer challenge names like in https://github.com/pwncollege/linux-luminarium.

Another edge case to consider: what if there isn't a prev/next challenge. I assume the current idea (which is totally fine!) is to only do prev/next relative to the current module. What do you think the UI should look like then?

Overall though, this feature sounds super exciting! Thank you!

[JensHouses]

I changed the layout and added the restart button.

If a challenge is the first or last the button could be display-none, invisible or just disabled 🙂

So far, starting the previous, current or next challenge works and the buttons change accordingly to the new previous, current and next challenges.
Submitting the flag also works.