Allow to revert automated status

[nickvergessen]

• Resolves: Missing action to revert the status back after an auto change in calendar/talk #29339

Summary

DND because of Availability	Away because of "In call"

TODO

• Allow to manually revert the status when it was set by "Availability" or "Joining a call"

Follow up

• Currently requires a page reload before, as the "messageId" is only populated via initial state and not transmitted by any other API calls and therefore not updated "live" (e.g. when joining a call the reset button is not visible in the same window) => "Revert automatic status" not always visible #37733

Checklist

• Code is properly formatted
• Sign-off message is added to all commits
• Tests (unit, integration, api and/or acceptance) are included
• Screenshots before/after for front-end changes
• Documentation (manuals or wiki) has been updated or is not required => feat(status): Document user status restore documentation#10042
• Backports requested where applicable (ex: critical bugfixes)

[nimishavijay]

Good idea 👍🏽 For the UI we could do it like this:

• Show the current status and emoji in status input field (because that is where people would look first for the current status)
• Show "Your status was set automatically" as a subline below the input field (info when people are confused that their status has changed)
• Show previous status as the first entry in the list of predefined statuses (visually follows the pattern of the list of statuses while still being easy to find because it's the first entry)
• Show a reset button on the right of the previous status (doesn't take up too much vertical space)
• When you click on "reset" button it will be reflected in the contents of the status input field and the emoji

Rough idea of the layout:

cc @jancborchardt

[nickvergessen]

When you click on "reset" button it will be reflected in the contents of the status input field and the emoji

Is it okay to directly "save" this as well? That would be easier as we can restore the old online-status, emoji, message and clear-at with a single request instead of having to do multiple requests later on.

Current state sample gifs

DND because of Availability	Away because of "In call"

[jancborchardt]

Nice! To make it a bit less jumpy as @nimishavijay noted, it would be good to add a little animation here. Best of the row you click "Reset" on moving up and fading away, sort of so it fades into the input field. :)

[nickvergessen]

Best of the row you click "Reset" on moving up and fading away, sort of so it fades into the input field. :)

I'm not a frontender so can't help with that. The other option I would see is closing the modal which also happens when "Set status message" is used.

[jancborchardt]

Nice as is now, the animation could be something for the future. Nice one @nickvergessen! :)