What This Screen Does
This is where you see all the email templates that have been created for your organization. Think of it like a filing cabinet for every pre-written email your system can send — welcome emails, cancellation notices, event confirmations, and more. From here you can browse, sort, filter, edit, or delete any template, and create brand-new ones.
How to Get There
Open the dashboard.
In the left-hand menu, click Email Template.
You are now on the Email Template List screen.
Step-by-Step Guide
1. Understand the Breadcrumb Navigation
At the top of the page you will see a breadcrumb trail: Dashboard → Email Template → List.
Click Dashboard to go back to the main dashboard.
Click Email Template to return to the email template root page.
2. Create a New Email Template
In the top-right corner, click the New button (it has a + icon).
This takes you to the Create Email Template screen where you can build a new template from scratch.
3. Filter by Type
Below the breadcrumbs you will see a row of tabs.
Currently there is one tab:
Tab | What It Shows |
All | Every email template regardless of type. The number badge shows the total count. |
Click a tab to filter the list. The table updates immediately.
If a filter is active (different from the default “all”), a results summary bar appears showing how many templates match. Click the Clear button to reset the filter.
4. Review the Table
Each row in the table shows one email template with these columns:
Column | What It Shows |
Name | The template name (bold) with the email subject line underneath in grey. Click the row to open the template for editing. |
Type | A coloured chip (tag) showing the template type — for example WelcomeEmail, Custom, Cancellation, etc. |
Last modified | The date and time the template was last changed. |
Actions | A three-dot menu icon (⋮) that opens more options. |
5. Sort the Table
Click any column header (Name, Type, or Last modified) to sort the table by that column.
Click the same header again to reverse the sort direction (ascending ↔︎ descending).
By default the table is sorted by Type in descending order.
6. Edit a Template
You have two ways to open a template for editing:
Click the row — clicking anywhere on the name/subject cell opens the edit screen.
Use the actions menu — click the ⋮ icon on the right, then click Edit.
7. Delete a Template
Click the ⋮ icon on the row you want to remove.
Click Delete from the dropdown menu.
A confirmation dialog appears asking “Are you sure want to delete?”.
Click the red Delete button to confirm, or close the dialog to cancel.
The template is permanently removed and the list refreshes automatically.
8. Bulk Selection (Advanced)
When rows are selected, a toolbar appears above the table with a trash bin icon.
Click the trash icon to open a confirmation dialog for bulk deletion.
Confirm to delete all selected templates at once.
9. Change Rows Per Page
At the bottom of the table you will find pagination controls.
Use the Rows per page dropdown to choose how many templates appear on each page (e.g. 5, 10, 25).
Use the arrow buttons to move between pages.
10. Toggle Dense Mode
Next to the pagination controls there is a Dense toggle.
Turn it on to reduce the row height and see more templates at a glance.
Turn it off to go back to the comfortable, spacious layout.
What Happens Behind the Scenes
Page loads
|
v
Redux dispatches getEmailTemplates()
with current page, page size, sort, and filter
|
v
API call: GET /api/email-templates
params: pageNumber, pageSize, sortBy, direction, type
|
v
Server returns list of templates + stats in headers
|
v
Table renders the templates
|
v
(When you delete a template)
You click "Delete" and confirm
|
v
API call: MailTemplatesService.remove({ id })
→ DELETE /api/email-templates/{id}
|
v
List is re-fetched with the same filters
|
v
Table updates without the deleted template
Troubleshooting
“The list is empty even though I know I have templates”
Make sure you have the correct gym / location selected in the top navigation bar. Templates are loaded for the currently selected gym.
Check that you are on the All tab — you may have a filter active that excludes your templates.
Try refreshing the page. If the problem persists, check your internet connection.
“I clicked Delete but the template is still there”
The delete operation calls the server. If your internet connection dropped, the request may have failed silently.
Refresh the page and check if the template is truly still there.
If it is, try deleting again with a stable connection.
“I cannot find the template I am looking for”
The table supports sorting but not a text search. Try sorting by Name or Last modified to locate it.
If you have many templates, increase the Rows per page at the bottom so more templates are visible at once.
Double-check that you are looking at the right gym — switch gyms using the gym selector in the top bar.
“The page is loading forever”
This usually means the API request is taking too long or has failed.
Check your internet connection and try refreshing the page.
If the problem continues, contact your administrator — the email templates API endpoint may be experiencing issues.
“I accidentally deleted a template”
Deleted templates are permanently removed and cannot be recovered from this screen.
You will need to recreate the template from scratch using the New button.
To avoid accidental deletions in the future, always read the confirmation dialog carefully before clicking Delete.
“The type chip shows a code name like ‘WelcomeEmail’ instead of a friendly name”
The type labels come directly from the system and may appear in their technical form (e.g. WelcomeEmail, FineWhenTooLate).
This is normal and refers to the purpose of the template. For example, WelcomeEmail is the template sent to new members when they sign up.
“Sorting does not seem to work”
Make sure you are clicking directly on the column header text (e.g. “Name” or “Last modified”).
The small arrow icon next to the header indicates the current sort direction. Click again to reverse it.
If the data looks unchanged, it may already be sorted by that column — check the arrow direction.