New "getOccupantActionButtons" hook, so that plugins can add actions on MUC occupants.

[JohnXLivingston]

Here is a new hook, so that plugins can add an action menu on occupant list.

For example, i have plugins adding following entries:

By default, there is no action, so no dropdown.

@jcbrand , i know that you prefer have actions in the occupant modal. But in my case, I prefer having them here.
In the future, we could use the same hook for actions in the occupant modal.

And if an action should only be shown in the modal (or only in the occupant list), we could add some attributes to the buttons, so that we can filter them.

Let me know if this PR is ok for you. (no hurry, it can wait if you don't have the time for now).

[jcbrand]

@JohnXLivingston I think the dropdown menu buttons should all be on the far right (to the right of the affiliation label), so that they're vertically aligned under one another. Right now they're shifting around horizontally which doesn't look good and makes them slightly more difficult to locate and click.

[JohnXLivingston]

@JohnXLivingston I think the dropdown menu buttons should all be on the far right (to the right of the affiliation label), so that they're vertically aligned under one another. Right now they're shifting around horizontally which doesn't look good and makes them slightly more difficult to locate and click.

Yes, i tried that, but was not convinced. I will give it another try.

[JohnXLivingston]

I'm not happy with the result for now. I'm not sure how to position the badges.
And if there is no action for all users, it could also have some weird behavior.

I do not have time to finish it today. I will come back to it at the end of the week (or maybe next week).
If you have any good idea until then, be my guest.

[jcbrand]

I'm not sure how to position the badges.

With display: flex and justify-content: space-between.

https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content
https://getbootstrap.com/docs/5.0/utilities/flex/

[JohnXLivingston]

With display: flex and justify-content: space-between.

It does not look well when the sidebar is large: badges will be somewhere in the middle, not aligned (because of the variable length of nicknames).

[jcbrand]

There are definitely ways to improve it. For example putting the badges and the dropdown button in a single flex container with right alignment. So they both stay on the right.

Another option is to use the Bootstrap grid system: https://getbootstrap.com/docs/5.0/layout/grid/

[JohnXLivingston]

Ok, i think i have something that is working in all cases.
I used flex-grow so that the nickname will occupy all available spaces.
Badges will eventually go vertical if there is not enough places.

Here are some screenshots:

[jcbrand]

This looks hacky, do you know the underlying cause why this is necessary?

[JohnXLivingston]

No sorry, i did not understand. I spent 2 hours to find why the dropdown was not displaying correctly when using classes like dropstart (or no class at all).
I finally found that adding a position: static was correcting the issue.

[JohnXLivingston]

Hum... I just tested again without this patch... And now it is working! (position: static is the default, even without these lines... i did not have the same result yesterday...)

[JohnXLivingston]

Oops, sorry. I'm not quite awake yet, it wasn't a display bug, but a bug on the click handler. The bug is still there when I remove these lines. And yet, position: static is the default, so it should not change anything...

[jcbrand]

@JohnXLivingston Can you please rebase and fix the conflict?

[JohnXLivingston]

@JohnXLivingston Can you please rebase and fix the conflict?

Done!