FOUR-9028 | Add a Custom Icon

[mcraeteisha]

Issue

Ticket: FOUR-9028

As PM Block Author, I want to select a custom icon for my Block, so that it shows in the modeler’s PM Block task when it is added to a process. I should be able to choose from the default selection of available icons, or upload my own.

The PM Block Configuration tab should have a dedicated field called “Icon” in order to allow for this selection.

The Icon should be seen in the PM Block browsing tab within the Modeler’s right rail, to the left of the PM Block name/title.

How to Test

1. Go to branch feature/FOUR-9028 in core.
2. Go to branch feature/FOUR-9028 in package-pm-blocks.
3. Go to branch feature/FOUR-9028 in modeler.
4. In the PM Blocks configuration, you should be able to save a custom icon to a PM Block.
5. When creating a PM Block, you should be able to save a custom icon to the PM Block.
6. Within the Modeler, the PM Block custom icon should display in the PM Block listing in the right rail.

Related Tickets & Packages

• FOUR-7365 | PM Blocks

Code Review Checklist

• I have pulled this code locally and tested it on my instance, along with any associated packages.
• This code adheres to ProcessMaker Coding Guidelines.
• This code includes a unit test or an E2E test that tests its functionality, or is covered by an existing test.
• This solution fixes the bug reported in the original ticket.
• This solution does not alter the expected output of a component in a way that would break existing Processes.
• This solution does not implement any breaking changes that would invalidate documentation or cause existing Processes to fail.
• This solution has been tested with enterprise packages that rely on its functionality and does not introduce bugs in those packages.
• This code does not duplicate functionality that already exists in the framework or in ProcessMaker.
• This ticket conforms to the PRD associated with this part of ProcessMaker.