Display Toast Message on Contentlet Save

[oidacra]

Parent Issue

#30012

User Story

As a content editor, I want to see a toast notification when a content let is saved or encounters an error, so I can quickly understand the outcome of my action.

Acceptance Criteria

• A success toast message is displayed when a content let is successfully saved
• The toast messages use the PrimeNG Toast component
• Success messages should be green and disappear after 3 seconds

Proposed Objective

• User Experience

Proposed Priority

• Priority 2 - Important

External Links... Slack Conversations, Support Tickets, Figma Designs, etc.

N/A

Assumptions & Initiation Needs

• PrimeNG is already integrated into the project
• The content let saving mechanism is already in place

Quality Assurance Notes & Workarounds

[jdotcms]

I wonder if you do not need also a toast when the content is properly (the workflow) executed in the backend

[github-actions]

PRs:

• implementation ( Edit Content): #30212 Display Toast Message on Contentlet Save #30615
• implementation ( Edit Content): #30212 Display Toast Message on Contentlet Save #30659

[hmoreras]

Note to QA:

Add a toast when a workflow is executed.

[jcastro-dotcms]

INTERNAL QA: FAILED ❌

• Docker Image: trunk_786c18d

The toast notification is only showing up when clicking the Publish button, but not the Save button.

Steps to Reproduce:

1. Create a test Content Type with a single Title field, and activate the new Edit Mode for it.
2. Create a new Contentlet of such a type, and click Save.
3. You will not get the toast.
4. Click the Publish button, and you'll see the toast this time.

[oidacra]

IQA Passed.

[josemejias11]

Approved: Tested on trunk_396487e, Docker, macOS 14.5, FF v126.0.1