VueUI Titlebars, Resizing, and Scrolling (#10528)

TL;DR: Goodbye gross white BYOND titlebar ruining my immersion, hello beautiful theme-matched titlebars of the future. Screenshots below.

    Removes the BYOND titlebar (and thus resizing / dragging features) and replaces them with Vue/JS replacements, which may be styled as needed.
    Added a debug button that appears when UIDEBUG is defined if the user has developer permissions, thereby allowing UI developers to toggle debug mode on/off at will in-game
    A few minor styling tweaks (like adding a parameter to have buttons be an icon only so they don't have an extra margin-right sticking out)

Pretty much all of the JS heavy lifting here was ported from /tg/ and then butchered by yours truly, to get it working with our Vue system rather than their React-based system. There are no doubt more than a few JS warcrimes in here, so I'd appreciate a thorough, but gentle, review of things, as well as a decent bit of testing.
This commit is contained in:
Wildkins
2020-12-06 13:23:54 -05:00
committed by GitHub
parent 777166a3a8
commit b053ce9ba7
20 changed files with 1253 additions and 119 deletions

View File

@@ -153,6 +153,8 @@
else
VUEUI_SET_CHECK(data["apclinkicon"], "", ., data)
data["flashlight"] = flashlight?.enabled ? TRUE : FALSE
switch(get_ntnet_status())
if(0)
VUEUI_SET_CHECK(data["ntneticon"], "sig_none.gif", ., data)
@@ -175,4 +177,4 @@
continue
VUEUI_SET_CHECK(data["programheaders"][P.filename], P.ui_header, ., data)
VUEUI_SET_CHECK(data["showexitprogram"], !!active_program, ., data) // Hides "Exit Program" button on mainscreen
VUEUI_SET_CHECK(data["showexitprogram"], !!active_program, ., data) // Hides "Exit Program" button on mainscreen