Use QR Code for Setup

[Maschga]

Fix #72

❔ask for camera permission
📸 scan qr code and autofill the server form

TODO:

• question: how should the webview of the camera look like (especially how should the user exit the camera webview)
• question: how should a invalid qr code be handled (-> display error message in ui ?)
• testing iPhone 15 Pro (iOS 18), Google Pixel 6a (Android 16) @naltatis
• testing Android @Maschga

[naltatis]

how should a invalid qr code be handled (-> display error message in ui ?)

Good question. I'd suggest keeping it simple and only react to valid QR-codes. We can make this more sophisticated later.

how should the webview of the camera look like

Havent tested the code yet. My assumption would be a fullscreen camera view. Are there builtin close/cancel controls of the camera module we can use? Otherwise I'd suggest an "x" in the top right. Similar to the one in the "Change Server" screen. If its easier we could also do the QR code scanner / camera view embedded in a view with regular title and close controls (not fullscreen).

[Maschga]

Unfortunately there aren't any predefined controls.
I first tried out your x, but then thought that it's a bit too small.
So i was interested in how a "Get Back" Button would look like.
This is the result:

[Maschga]

I'll leave it up to you to decide which button it will be.

[naltatis]

Successfully tested on iOS.

🔍 scanning

❌ invalid qr code

✅ success

[naltatis]

Android Test war auch erfolgreich.

[Maschga]

Funktioniert auf Android super! Großartiges Design!