FOUR-19135 | Add Loading Spinner to Screen Templates Panel During Templates Fetch

[mcraeteisha]

Issue

Ticket: FOUR-19135

When fetching My Templates and Shared Templates via the Templates Panel, there is no indicator to show that the templates are loading or being fetched. If a user has a large number of templates, they may see a blank panel before the templates are loaded.

Solution

Add a <b-spinner> component to the My Templates and Shared Templates Panels, indicating that templates are being fetched/loaded.

How to Test

1. Go to branch observation/FOUR-19135 in screen-builder.
2. Go to Designer → Screens. Open a Screen to edit.
3. Select 'Templates' from the top menu bar.
4. When 'My Templates' are loading, a spinner should appear.
5. Select 'Shared Templates'.
   • When the Shared Templates are loading, a spinner should appear.

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.

[cypress]

screen-builder    Run #1517

Run Properties:   Passed #1517  •  057d38e1e5: FOUR-19135 | Add Loading Spinner to Screen Templates Panel During Templates Fetc...

Project	screen-builder
Run status	Passed #1517
Run duration	35m 23s
Commit	057d38e1e5: FOUR-19135 | Add Loading Spinner to Screen Templates Panel During Templates Fetc...
Committer	Teisha McRae
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	0
Pending	19
Skipped	0
Passing	328