Improve login UX

[mujx]

Currently the username field requires the input to start with a @ but most people are not used to typing the whole matrix id to login and that creates some confusion.

One possible solution would be to validate the input while the user is typing (without the automatic regex validator) and then add any missing @ behind the scenes.

For example both of the following inputs should be valid:

• user:matrix.org
• @user:matrix.org

[jansol]

I was thinking of adding the @ automatically if the user enters something without it. I'll experiment with this as part of my server handling improvements (since that alters the login flow a bit code-wise)

[mujx]

Actually we don't need the @ at all. It should be optional in case a user decides to use the full matrix id format.

[z3ntu]

Quick question: Why do the buttons have random & signs in them? (app looks great already btw)

[mujx]

@z3ntu do you use KDE by any chance? It might be related to #14

[z3ntu]

Yes I do.

[PureTryOut]

As I mentioned a few days ago in #nheko:matrix.org, you could also add a read-only @ in front of the username input box. Basically like Riot had for a while.

That way it's clear for the user that the @ is required to have a valid username, but he/she doesn't actually need to type it in.