feat: enhanced undo ctrl panel

[giuliaghisini]

Enhanced Undo controlpanel.

Now it displays a loader while waiting for transactions from Plone.
When you want to delete some transaction, a confirm popup asks the user to confirm undo action for selected items.
Changed columns width to better display path.
Added select-all.
Added pagination.
Added OP column.
Added some translations.

Registrazione.schermo.2024-12-19.alle.12.43.49.mov

Enlarged the width of container in controlpanels, to have more horizontal space.
Unified the controlpanel's look to have same layout, some controlpanel had old layout, like

• Content types
• Moderate comments
• Relations
  controlpanels.

undo.mov

Is it possibile to cherry-pick this PR in 17.x.x ?

[netlify]

✅ Deploy Preview for plone-components canceled.

Name	Link
🔨 Latest commit	4ab2c7d
🔍 Latest deploy log	https://app.netlify.com/sites/plone-components/deploys/677f8a17fef75a00088d2e65

[stevepiercy]

For accessibility, the issue of standardizing colors came up in:

• Fix focus visibility for input components in site setup #6544

The topic was added as an item to the PLIP.

• Make CMS-UI inclusive and accessible #6504

[giuliaghisini]

For accessibility, the issue of standardizing colors came up in:

• Fix focus visibility for input components in site setup #6544

The topic was added as an item to the PLIP.

• Make CMS-UI inclusive and accessible #6504

ok, ill'remove this fixes

[stevepiercy]

Mostly comments on the .pot file to apply throughout the .po files, and expand the change log entry.

[stevepiercy]

ok, ill'remove this fixes

I think it's OK to leave them in, so we can see what you came up with and discuss it. I did not mean for you to delete them. Sorry for the miscommunication.

[giuliaghisini]

ok, ill'remove this fixes

I think it's OK to leave them in, so we can see what you came up with and discuss it. I did not mean for you to delete them. Sorry for the miscommunication.

don't worry. I prefered to remove that styles because out of this pr. It's better to manage a11y styles in a single consistent pr.

[tisto]

@giuliaghisini amazing work! Thank you, Giulia!

This might be beyond the scope of this enhancement. However, I think we need to broaden the width of the control panels in Volto. The undo control panel, the redirection control panel, and other control panels that display lots of data in a table just do not have sufficient space. cc @sneridagh

[giuliaghisini]

This might be beyond the scope of this enhancement. However, I think we need to broaden the width of the control panels in Volto. The undo control panel, the redirection control panel, and other control panels that display lots of data in a table just do not have sufficient space. cc

i agree... had some difficults to gain width for path column..
maybe... for all controlpanels.. we could think to enlarge 'contents' width to 80% of monitor width for example..

[giuliaghisini]

@giuliaghisini amazing work! Thank you, Giulia!

This might be beyond the scope of this enhancement. However, I think we need to broaden the width of the control panels in Volto. The undo control panel, the redirection control panel, and other control panels that display lots of data in a table just do not have sufficient space. cc @sneridagh

[tisto]

@giuliaghisini @sneridagh I would increase the size of the main area to 90% at least if that's technically possible. The control panels are for power users and they need as much space as possible.

[giuliaghisini]

@giuliaghisini @sneridagh I would increase the size of the main area to 90% at least if that's technically possible. The control panels are for power users and they need as much space as possible.

@tisto @sneridagh
i've updated this pr where i have increased the width of controlpanels.
I've updated the description and the example video of this PR if you want to check the result

[tisto]

@giuliaghisini looks great! Can wait to see this PR merged and released!

[stevepiercy]

Would it be possible to deselect the checkbox for all items when paginating?

I also think I'm missing something. I can't see actual changes to content. I think it would be useful to preview a diff of revisions like in Wordpress before undoing a transaction, but that might not be possible or outside the scope of this PR.

[giuliaghisini]

Would it be possible to deselect the checkbox for all items when paginating?

I also think I'm missing something. I can't see actual changes to content. I think it would be useful to preview a diff of revisions like in Wordpress before undoing a transaction, but that might not be possible or outside the scope of this PR.

yes, i think this is outside the scope of this pr, maybe you could open an issue

[sneridagh]

LGTM, since it's CMSUI, it's not breaking, we can move forward.

@giuliaghisini some checks need attention.

[stevepiercy]

Would it be possible to deselect the checkbox for all items when paginating?

[giuliaghisini]

Would it be possible to deselect the checkbox for all items when paginating?

this is an intentional feature, sometimes you want to undo a lot of actions in one single transaction..

[giuliaghisini]

@sneridagh i dont'know what have to do to fix this check, i have this problem on another pr too : https://github.com/plone/volto/actions/runs/12686287603/job/35358301758?pr=6545

[stevepiercy]

Would it be possible to deselect the checkbox for all items when paginating?

this is an intentional feature, sometimes you want to undo a lot of actions in one single transaction..

Let me try to explain it differently.

In the video, I see you click the top checkbox on Page 1 to select all items on the page. Then I see you go to the next page. I see you deselect the top checkbox, then reselect it, to select all items on the second page. I think that is one click too many and it looks a tiny bit weird to me.

Instead on the second page, I would like to see the top checkbox become deselected automatically. Then you can click it one time to select all items.

[davisagli]

The UI with checkboxes is not ideal here. (I know it's the same that we always had in the ZMI; it was bad there too.) Usually it's not possible to undo an old transaction unless you're also undoing all the transactions that happened since then. So I think it would make more sense to use radio buttons, and undo all transactions between now and the one that the user selects.