i/5201: Add ImageResizeUI plugin.

[panr]

Suggested merge commit message (convention)

Feature (image): Introduced the UI for a manual image resizing via a dropdown or standalone buttons depends on the configuration. Closes #5201. Closes #5197.

---

Additional information

The PR also updates Image plugin configuration API, by adding a new property imageResizeOptions.

[panr]

This is still WIP:

• Icon
• API docs updates
• Event / command handling in the unit tests...

[jodator]

The behavior is cool and works well :)

The comments in the code are mostly cosmetic.

UI/UX part

1. The label alignment in dropdown feels weird to me:

2. Buttons in the toolbar have repeated icons.

I don't have better option for this in my mind but (maybe as a follow up) - do you think that we could have here something less cluttered with duplicated arrows icons. My initial thought on this is some kind of "inner toolbar"

icon btn_original btn_50 btn_75

So it would have always an icon, then configured buttons.

The other idea is to have icon display configurable for those buttons so it would not add them.

ps.: The UI questions are rather hints/suggestions as I don't feel strong in that field.

[panr]

@jodator I fixed most of the issues. Still to do:

• Plugin icon (I have an idea, but need some time to execute it right) — follow-up Icon for ImageResizeUI plugin #7559
• Update feature docs
• Fix i/5201: Add ImageResizeUI plugin. #7482 (comment)

I'll take care of these on Monday.

[panr]

Regarding the plugin icon... I was thinking about something like this:

but just after I implemented it, I'm not so sure anymore... @jodator WDYT?

[jodator]

but just after I implemented it, I'm not so sure anymore... @jodator WDYT?

Kinda OK and kind not OK - but again, I don't think I'm the best one to judge UI ;)

Looks better but it brings new UI pattern - which should be probably discussed. And since we have problem with this maybe let's go with label buttons for now and make the UI refinement in a follow-up. WDYTAT?

[panr]

Looks better but it brings new UI pattern - which should be probably discussed. And since we have problem with this maybe let's go with label buttons for now and make the UI refinement in a follow-up. WDYTAT?

I'm OK with that 👌

[jodator]

One thing slipped:

Plus some cosmetics to the docs and class layout:

1. The resizeOption is in wrong path (AFAICS should be in image/imageresize/imageresizeui):

   

2. And is not referenced in resizeOptions configuration (there's String):

   

3. The ImageResizeUI should be in image/imageresize not image/imageresize/ui/ (directory and module).

[jodator]

☝️

[panr]

Thanks for catching those issues 🙏

[jodator]

Nice, grab a 🍪