WIP: use buttons for commands with a fixed set of values

[jessicah]

Not yet functional, intent is to provide buttons for DDC/CI that has a list of fixed values.

TODO:

• Wire up buttons to trigger change
• Add custom labels for buttons in settings window

Current proof of concept of UI flyout:

[xanderfrangos]

Been meaning to work on this for a while now, so I appreciate you stepping in to help!

My intent was to add an option to the new "DDC/CI Features" settings (per "feature"), allowing users to manually define values for a VCP code instead of using a slider. I was thinking of using a select box or context menu instead of buttons. That way, users could assign names and not worry about horizontal space. I figure that input selection would be the most common use case, followed by color temperature. Both of those would benefit from user-defined names.

I haven't had a chance to review this too much yet, but it looks like that's the general direction you're moving in already. LMK if you have any questions about getting things hooked up.

FYI, I don't recommend relying on Twinkle Tray's detection of available VCP codes for a display. It's only available under certain conditions, so users need to be able to define the VCP codes and values themselves.

[jessicah]

How to you debug the app? I'm trying to get a working config in VS Code, but I'm not having any luck, which is making trying to fix CSS issues difficult, and generally relying on console.log is a bit painful.

I'm not sure I can deliver on all of those above, Electron/JS dev isn't my forte, but I'll see what I can do :)

For the custom VCP commands, maybe something like this would work (minus CSS fixing):

[xanderfrangos]

Sorry for the huge delay! Ctrl + I opens the inspector, which will help with debugging CSS. Don't worry too much about getting everything perfect visually. I'm happy for anything you can contribute.