What This Screen Does
This is your library of program templates and workout templates. Think of it like a filing cabinet where all your training plans and individual workout blueprints are stored. You can browse, search, delete, and schedule templates from here. Programs are made up of multiple workouts, while workout templates are standalone exercise routines. The screen organizes them into two categories so you can find what you need quickly.
How to Get There
Open the dashboard.
In the left-hand menu, click Program Template.
You are now on the Program Template List screen.
Step-by-Step Guide
1. Browse Your Templates
When the page loads, you will see two sections: Programs and Workouts.
Each section shows the templates that belong to it.
By default, templates are displayed in a grid view with card-style tiles.
If a section has no templates, it will appear empty.
2. Switch Between Grid View and List View
In the top-right area, next to the search bar, you will see two small toggle buttons.
Click the list icon (horizontal lines) to switch to a table/list layout.
Click the grid icon (dots in a square) to switch back to the card layout.
Both views show the same data — pick whichever you find easier to read.
View | What It Looks Like |
Grid | Cards arranged in a responsive grid (1–4 columns depending on screen size). Each card shows the template name. Sections can be collapsed or expanded. |
List | A table with columns for Name and Last Modified. Supports sorting by clicking column headers. Includes pagination controls at the bottom. |
3. Search for a Template
Use the Search text field at the top of the page.
Start typing the name of the template you are looking for.
The list filters in real time as you type — both the Programs and Workouts sections update to show only matching results.
To clear the search, delete the text in the search field.
Field | Required | What to Enter |
Search | No | Type any part of a template name to filter the list. |
4. Review Filter Results
When you have an active search, a results bar appears below the search field showing how many templates match.
If you want to remove all filters at once, click the Clear button (trash icon) in the results bar.
5. Navigate Folders
Templates can be organized into folders (using path-based naming).
Click on a folder to navigate into it and see the templates inside.
Use the breadcrumb links at the top to navigate back up.
6. Schedule a Program Template
Click the Schedule Program Template button in the top-right corner of the page.
A planning dialog will open where you can assign a program template to a schedule.
You can also schedule a specific program by clicking the plan option on an individual template card or row (available only for items in the Programs section, not Workouts).
7. Create a New Workout Template
Click the New Workout Template button in the top-right corner.
You will be taken to the workout template creation screen.
8. Create a New Program Template
Click the New Program Template button in the top-right corner.
You will be taken to the program template creation screen.
9. Delete a Template
From grid view: Open the options on a template card and choose the delete action.
From list view: Click the delete action on the template row.
A confirmation dialog will appear asking: “Are you sure you want to delete?”
Click Delete to confirm, or close the dialog to cancel.
The template is permanently removed and the list refreshes automatically.
Note: Only program templates can be deleted from this screen. The delete action calls the program template removal API.
10. Select Multiple Templates (List View)
In list view, you can select multiple templates using the checkboxes.
Once you have selected items, an action bar appears at the top of the table.
From the action bar you can:
Click the trash icon to delete all selected templates.
Click the share icon to view the selected templates.
11. Collapse or Expand Sections (Grid View)
In grid view, each section (Programs and Workouts) has a panel header.
Click the header to collapse or expand that section.
This helps you focus on just one type of template at a time.
12. Adjust Pagination (List View)
At the bottom of each section in list view, you will find pagination controls.
Change the number of rows per page (default is 10).
Navigate between pages using the arrow buttons.
Toggle dense mode for a more compact table layout.
What Happens Behind the Scenes
Page loads
|
v
API call: getProgramTemplates({ pageSize: max, pageNumber: 0 })
API call: getWorkoutTemplates({ pageSize: max, pageNumber: 0 })
|
v
Both template lists are stored in Redux state
|
v
Templates are filtered by search text (if any)
|
v
Templates are sorted by the current table sort setting
|
v
Templates are arranged into a folder tree structure
|
v
Two sections are rendered: "Programs" and "Workouts"
|
v
(If you delete a template)
API call: ProgramTemplatesService.remove({ templateId })
|
v
Template list is re-fetched from the server
|
v
List updates to reflect the deletion
You click "Schedule Program Template"
|
v
Planning dialog opens
|
v
You select a program template (or one is pre-selected)
|
v
You configure the schedule in the dialog
|
v
Schedule is saved and dialog closes
Troubleshooting
“I do not see any templates on the page”
If the page is completely empty with a “No Data” message, no program or workout templates have been created yet.
Click New Program Template or New Workout Template to create your first one.
Make sure you have the correct gym/location selected in the dashboard — templates are loaded based on the currently selected gym.
“My search is not returning any results”
The search only matches by template name. Make sure you are spelling it correctly.
The search is case-insensitive, so capitalization does not matter.
If you see “0 results found,” try a shorter or more general search term.
Click Clear to remove all filters and see the full list again.
“I deleted a template by accident”
Deletion is permanent — there is no undo or recycle bin.
If the template was important, you will need to recreate it from scratch.
Consider being extra careful when confirming the delete dialog.
“The delete button does not seem to work for workout templates”
The delete action on this screen currently calls the program template removal API.
If you are trying to delete a workout template and it does not work, you may need to delete it from the workout template’s own edit screen instead.
Contact your administrator if you are unsure.
“I cannot find the Schedule button for a workout”
The Schedule Program Template feature is only available for items in the Programs section.
Workout templates cannot be scheduled directly from this screen — they are standalone routines meant to be included inside program templates.
“The page takes a long time to load”
The screen loads all program templates and workout templates at once when it opens.
If you have a very large number of templates, this may take a moment.
Check your internet connection if the page seems stuck.
Try refreshing the page if data does not appear after several seconds.
“I switched to list view but I cannot sort the columns”
Click directly on the column header text (Name or Last Modified) to sort.
Click the same header again to reverse the sort order (ascending/descending).
Sorting applies within each section independently.
“The grid view shows folders I do not recognize”
Templates with forward slashes (
/) in their names are automatically organized into a folder structure.For example, a template named
Strength/Beginner Planwill appear inside a “Strength” folder.Navigate into the folder by clicking it, or use the breadcrumb navigation to go back.
