AO-SDL updates

[noble drum]

@chilly ridge Also testing with drag handles.

[chilly ridge]

That's very nice. A good number of people were looking for just this.

[noble drum]

I still need to simplify all of this back into components, right now the panels do a lot of the weight themselves.

[terse bridge]

newlines not working in ooc?

[noble drum]

The UI element is a basic text display rn. Haven't changed much there yet.

[noble drum]

@chilly ridge Think that was the last requested component.

Aka the Semvi special.

Unless you can think of a base component we are mising.

[chilly ridge]

Lookin' good. There's always more to be done, but this is enough for the suggestions related to UI functionality.

Great work.

[noble drum]

                ExpandingBox {
                    expandedWidth:  200
                    expandedHeight: 180
                    buttonComponent: Component {
                        Button { text: "Notes" }
                    }

                    ColumnLayout {
                        anchors.fill: parent
                        anchors.margins: 6
                        Label { text: "Case notes"; color: "white"; font.bold: true }
                        TextArea {
                            Layout.fillWidth: true
                            Layout.fillHeight: true
                            placeholderText: "Type notes here..."
                            wrapMode: TextEdit.Wrap
                            color: "white"
                        }
                    }
                }

It is also somewhat reasonable to configure once some reference documentation is made.

(and yes, you can also have it open to the left.)

[chilly ridge]

Technology is a marvel to behold.

This up anywhere to try?

[noble drum]

Currently just sitting on my PC.

(Also need to fix the CI still.)

[chilly ridge]

Take your time for it. If this ever goes up somewhere, I'll mess around and see if theres anything of note.

[noble drum]

If you have QtCreator and 6.11 installed you can just pull AO-SDL and go to qt-frontend branch

[chilly ridge]

I thought it was just on your PC?

[noble drum]

ahem

#github message

I push the code in a second.

Cause I need to test it on mac too.

[chilly ridge]

Works. Thank you.

[terse bridge]

i had a hard time getting it to compile on linux

[noble drum]

I will add Linux to the amount of OS's I run at once. /jk

[terse bridge]

cmake .. \
        -DOPENSSL_ROOT_DIR=/usr \
        -DOPENSSL_CRYPTO_LIBRARY=/usr/lib/libcrypto.so \
        -DOPENSSL_SSL_LIBRARY=/usr/lib/libssl.so \
        -DSDL_PIPEWIRE=OFF \
        -DCMAKE_C_FLAGS="-D_GNU_SOURCE -include arpa/inet.h -D_LARGEFILE64_SOURCE -D_FILE_OFFSET_BITS=64"

and fixing headers in 1 file

[noble drum]

Last UI component I remember someone asked about.

[noble drum]

@chilly ridge @valid stone added a playground to the latest CI run. When you press F8 in the server list it opens a window where you can open QML files to mess around a bit. Documentation of Components is in the component files.

F9 and F11 have existing examples.

F10 is unused cause my keyboard has a broken F10 key.

[chilly ridge]

Could you provide some steps on how to edit these files?

[noble drum]

Will do when I get home. Currently Playground assumes you use a fresh file and work from there.

[chilly ridge]

Alright, thank you.

[noble drum]

@chilly ridge repo now has a small doc on how to use the simple testing window with a few examples that actually look visually interesting.
They are deployed as part of the CI too, besides the doc cause I forgor, and can be used to mess around with stuff while I get QML configurations and a settings menu going in the future.

[chilly ridge]

Take a look when I can, thank you.

[noble drum]

Here are also, again, sample files:
https://github.com/AttorneyOnline/AO-SDL/tree/qt-frontend/apps/qt/samples

and the doc:
https://github.com/AttorneyOnline/AO-SDL/blob/qt-frontend/apps/qt/doc/qml-playground.md

[chilly ridge]

Tried building with the qt-frontend branch, seems to only output the kagami build, not aosdl, you got an idea of why that might be?

[noble drum]

You do have to make sure to have Qt 6.10 / Qt 6.11 installed.

The CMake file detects Qt capabilities using a version check.

I also fixed the CI so you can download a simple copy.

[chilly ridge]

Okay, I think I have 6.5, I'll download 6.11 and see what happens.

[noble drum]

Just a reminder : Rendering is broken under Windows currently.

Only the UI is functional.

[thick osprey]

:)

[noble drum]

Vulkan when?

[thick osprey]

We will aim for next sprint, barring any high sev issues or new asks from leadership

[noble drum]

I will have a stern talk with the product owner to illustrate the user story that reflects the urgent reprioritisation during sprint poker to ensure the right t-shirt size is being selected.

[loud falcon]

this makes me want to shoot myself with the gun that i own

[thick osprey]

Let's sync by COB at EOW. We need to TPM the Gantt chart for this workstream to identify the long pole.

[noble drum]

this makes me want to shoot myself with the gun that i do not own

I am a stern believer that anyone who practices agile in a serious manner has at least one undiagnosed or diagnosed mental illness keeping them from seeing Waterfall as perfectly adequate at times.

[thick osprey]

software management practices are actually all made up

requirements are not real anyways

[noble drum]

Now now now, do you have a Jira ticket to be saying that?

[thick osprey]

i have a design review scheduled to review the meeting structure to plan the creation of the epics to track the work to make the jira ticket

[noble drum]

Please tell me this isn't how your job actually works.

[thick osprey]

no, my work is far more stressful. its what i described except with a director or VP yelling at you while everything is on fire and everyone lives in constant fear.

[noble drum]

Do you have a poster of Jeff Bezos on your walls with "Hope" written over it?

[terse bridge]

hello yes i am the shareholder and i have updated the project requirements for it to make me a fruit smoothie

i want it to look like a urinal

[thick osprey]

juicero

have you seen what these were made of

like massive cnc machined aluminum and steel parts

[terse bridge]

overengineered and you can just press the mush out of the pack with your fist

[terse bridge]

don't

[terse bridge]

you should print this on the office laser including the black border

[loud falcon]

I don't actually own a gun

[thick osprey]

built in admin dashboard

works on mobile too

<@&985183817117601812>

[gusty basalt]

[alpine acorn]

hell yeah

this is basically like a whole ass waf built into ao

its so fucking dope

[analog pine]

waf

waffle

[alpine acorn]

kagami waffle > cloudflare waffle

nom

[silver flame]

i don't understand this programmer lingo

[acoustic dune]

Works on mobile?

Based. 11/10

Good work

[gusty basalt]

can i host the web base files here too

[thick osprey]

wdym

[thick osprey]

UI update. Config editor inspired by macOS "column view" - I think it's neat

light mode for any heretics

with config hot-reload supported, you can update all server config without touching SSH or and apply most without restarting the server!

<@&985183817117601812>

the single page application is served by the server itself, and it interacts with the new aonx backend which is itself a restful protocol

[acoustic dune]

Apply shit without server restart?

https://tenor.com/btdgN.gif

[thick osprey]

full integration, on servers of any size!

[acoustic dune]

scatter this keeps getting peaker every time I look at it

[gusty basalt]

host base files for webAO

[valid stone]

I mean. Considering this is just a web-based UI for server software you run locally, probably not.

[thick osprey]

its pretty easy to add in generic file serving

[valid stone]

[noble drum]

So cool...

[noble drum]

@valid stone had time to look at the QML samples yet?

[valid stone]

not yet, but i'll get to that when i'm off work

[noble drum]

Thanks.
Just want to know if I go in the right direction, etc. Would be a shame if I developed in the entire wrong direction QoL and UI/UX wise.

[valid stone]

i'll be sure to let ya know

[noble drum]

Now even YOU can see where your client wastes all its time! (in the Qt version. SDL had this for a while.)

[noble drum]

with extra info to help with QML profiling

[cinder idol]

Pretty impressive.

Finally, the day of restarting server is over!

[noble drum]

You do realise you still have to restart for Software Updates, right?

[chilly ridge]

Tried it out normally, it works well. I got 6.11, any other steps to take?

[noble drum]

Depends on what you wanna do. Joining and co works cause that is engine support. If you wanna mess with QML press F9-12 anywhere in the app.

They open the debug and sample screens.

[chilly ridge]

Right, I want to edit the qml files themsleves, to change how they look and some of what they do.

[cinder idol]

Well, yes, but that's a rare occurance.

[noble drum]

In that case they are in the aoqt_panels target in the ide.

Currently it's compile only for the actual Dialogs with playground on F9 to mess around.

[valid stone]

Took a look at the samples and they seem to be what I wanted and more. I have yet to play with them myself in the Playground though

[noble drum]

and more sounds good.

Yipee

[noble drum]

Just make sure to not fuck with too many animations inside of QML. You will eventually run into a render bottleneck if you abuse it.

[valid stone]

gotcha

[noble drum]

I also am not limiting the styling API. So you technically have access to all QML modules that aren't Qml3D or Webview

[valid stone]

[noble drum]

If one is missing lmk and I can deploy it along.

Stuff like 9 segment and co should be default.

https://doc.qt.io/qt-6/qml-qtquick-borderimage.html

Stuff like this I know you wished for for panel outlines.

[valid stone]

interestingly, the way this works could be used to replicate the way the evidence presenting expands in the actual AA series

[noble drum]

In theory you could? if you need a reusable panel for multiple places lmk and we make it a component.

[valid stone]

i mean, the way things are now works so it's not like it's necessary

but it's something that could be doable in the future

i have no specific need for that use case myself

[noble drum]

Got it. Though, I avoid doing animations inside the viewport itself. That is engine/Scatterflower territory.

UI elements itself are fair game.

[valid stone]

understandable

[noble drum]

Though using an overlay to present something over the viewport is fair game.

(I already do that with the shitty HP bars)

(and yes, you do have animation and image manipulation means.)

[noble drum]

@chilly ridge oi. Just checking in if you managed to mess with QML yet and had any questions.

[chilly ridge]

Sorry, I've got focus on content right now, I didn't invest time in it as yet. I'll let you know if I do.

[noble drum]

Understandable, I will add means to load QML files outside of the compiled system then in the meantime.

[noble drum]

@chilly ridge Suggestions on the QML selection dialog? (Yes, I know the custom path requires a file selector.)

[chilly ridge]

Hey, looks pretty good. Someone will inevidably ask for a dark theme, for one.

But in terms of organization it works. Being able to see the colors instead of a dropdown naming them is nice.

Reminds me that show time stamp only applies to IC messages and not OOC messages for some reason.

[noble drum]

That is simple in QML.
This is just a mockup in Claude Design to see what I liked and ended up here.

Accent colors are more a UI hint. But a colour selector in the gameplay/appearance section would make sense.

"Themes" would be closer to premade configs that a user can import.
After that a user can mess with it/configure it as they please in their "running" configuration.

That makes stuff a bit cleaner and less reliant on updates of the theme itself.

[chilly ridge]

It's an upgrade over the existing settings, they're rather hard to work with.

[noble drum]

The exisiting settings menu was built with blood and sweat by me who had to recreate it in .UI

Killing myself ever doing it.

QML should have been the goto.

[chilly ridge]

It all starts somewhere, things don't just look good first try.

Thank you for the time invested.

[noble drum]

The settings menu above was an hour for the mockup in Claude Design.

[loud falcon]

please dont make me do this i will cry. someone will want separate formatting and toggles for ic and ooc and i just i cant okay i cant do it

i cant add MORE SETTINGS

[noble drum]

[loud falcon]

salanto get claude to do it please i just cant

i will cry if you make me write that

[noble drum]

I was planning to do that, lol.

[chilly ridge]

The world of customization is cruel and unforgiving, but you are under no obligation to attend to that. It was just an observation.

[noble drum]

SDL frontend was the delveoper one anyway.
Qt frontend is where pretty happens and I abuse the Scene Graph for pretty UI

[noble drum]

The biggest issue we have with settings is that they are absolutely horribly laid out and sorted.

Everything is a fucking form layout.

and yes, I copied that from the original.

I feel no shame.

[chilly ridge]

Its pretty hard to utilize, yeah. There are way too many settings and they're all one after another, you couldn't guess to what is what by glancing either, the names don't help.

There's tooltips, but I can't say many people have ever gotten that far.

But to be fair, who even checks their settings.

[loud falcon]

i've said it before but a much better design for the kind of in depth settings we have is something like audacity's settings window

[chilly ridge]

In both a good and bad sense, no one has a use for it.

[loud falcon]

lots of individual categories with like, maximum ten settings in them each

no scrolling

[chilly ridge]

True!

[noble drum]

Hey, my mock-up at the top is similar to that.

[chilly ridge]

It's modern settings design, or something to that effect.

[loud falcon]

i dont think ao2 has too many settings it just presents them in a way that makes them overwhelming tbh

[noble drum]

Gameplay

[loud falcon]

yeah that category is meaningless

[chilly ridge]

It does have too many settings, though you're right that its not particularly overwhelming, its just too many from the point of view that no one ever uses them or changes anything beyond default.

Why would you ever check sticky shouts.

[noble drum]

Genuinely the option eluded me, but we are stuck with it since someone's workflow is gonna rely on it.

[loud falcon]

nooo we need every tickbox to have a sticky setting nooooo consistency is important

sticky shownames when

[noble drum]

They are odd, but when you use shouts as a replacement for animations as a pre pre animation it makes sense?

[loud falcon]

that's horrific

[chilly ridge]

What?

[loud falcon]

please tell me that's a hypothetical

[noble drum]

That's the only valid way I can explain Sticky Shouts to me.

Theoretical.

[loud falcon]

thank god

[chilly ridge]

If you're playing as a franziska whose whip has a mind of its own, maybe you want a sticky custom shout, but the exception does not justify the rule, I'd imagine.

[noble drum]

But yeah, a colour selector for the actual text colours would be lit.

(and comes free in QML)

Fucking Claude doesn't let you download the HTML mockup when you run out of tokens. I can't Anthropic.

[chilly ridge]

Theres certainly alot of general design choices that could use a longer look, but that's a bit off topic.

[noble drum]

The layout I chose would support sub categories.

So any entrepreneur UI designer could add that.

Side-Nav with category cards feels visually good currently, imo

@loud falcon This is much better :^)

[loud falcon]

auu....

[chilly ridge]

I don't know about that one.

[noble drum]

I am being sarcastic. That would be the worst choice.

The search bar makes sense though.

Being able to search for a setting would make stuff easier.

[chilly ridge]

Looks aside, a UI that allows the user to do what they want to do in the fewest clicks is the goal. Preferably without having to get to that goal by sacrifcing readability or making vague categories to fit as much in one thing as possible.

A side navigation bar with long names is a fine idea for that.

Much alike video game settings in most triple As.

[noble drum]

We truly are the security breach of the FNAF games.

In the end the settings dialogue is overwriteable.

[chilly ridge]

Just don't make it the minecraft settings menu, and it'll probably be good.

[noble drum]

I like the Java Edition settings menu.

Fuck Bedrock.

[chilly ridge]

Can't say I'm a fan of the java edition one, but I digress. The point is just not to make it a chore to do something.

[terse bridge]

laughs in webAO