What This Screen Does
This screen shows all your assigned tasks on a calendar. Think of it like a wall planner where every task you need to do is pinned to the day and time it starts. Each task is color-coded by its status so you can see at a glance what is pending, in progress, or complete. You can click on any task to jump to its detail page.
How to Get There
Open the dashboard.
In the left-hand menu, click Tasks.
You are now on the Task Overview Calendar screen.
Step-by-Step Guide
1. Understand the Calendar Layout
When the page loads you see a monthly calendar (the default view).
Each day cell shows up to 3 task events. If there are more, a “+X more” link appears — click it to see the rest.
Every task block displays:
The time range (e.g. 09:00 – 10:00).
The task name shown twice — once as an overline label and once as a caption.
2. Change the Calendar View
Use the toolbar at the top of the calendar to switch between views:
View | Button Label | What It Shows |
Month | Month | A full month grid with tasks on their dates. |
Week | Week | A 7-day view with time slots so you can see exactly when tasks start and end. |
Day | Day | A single day broken into 15-minute time slots for a detailed look. |
List | List | A simple chronological list of upcoming tasks — no grid, just a readable list. |
Click the view button in the toolbar to switch.
When you change view, the date filters reset automatically.
3. Navigate Between Dates
Click the Back arrow (◀) to go to the previous month, week, or day (depending on your current view).
Click the Forward arrow (▶) to go to the next period.
Click the Today button to jump back to the current date.
The current date range is shown in the toolbar so you always know which period you are looking at.
4. Read the Color Codes
Tasks are color-coded based on their workflow status:
Color | Status | Meaning |
Yellow / Warning | Pending | The task exists but has not been started or assigned yet. |
Blue / Primary | Ready | The task is ready to be picked up and worked on. |
Blue / Primary | Processing | Someone is actively working on this task right now. |
Green / Success | Complete | The task is finished. |
Red / Error | Other | The task is in an unexpected or error state. |
5. Click a Task to View Details
Click on any task event in the calendar.
You will be taken to the Task Details page for that task.
From there you can see the full description, update the status, or take action.
6. Share or Bookmark a Specific Date Range
The URL in your browser automatically updates with
fromDateandtoDatequery parameters as you navigate.You can copy the URL and share it with a colleague — when they open it, the calendar will show the same date range.
What Happens Behind the Scenes
Page loads (or you navigate to a new date range)
|
v
Start and end dates are calculated from the calendar view
|
v
URL is updated with fromDate and toDate query parameters
|
v
API call: getUserSpecificTasks({ states, search, startDate, endDate })
|
v
Server returns all your tasks within that date range
|
v
Each task is mapped to a calendar event with color based on status
|
v
FullCalendar renders the events on the grid
|
v
You click a task event
|
v
Router navigates to /task/:id (task details page)
Troubleshooting
“The calendar is empty — I do not see any tasks”
Make sure you have tasks assigned to you in the current date range. Use the navigation arrows or the Today button to check different periods.
Confirm you have the correct gym / location selected in the global gym selector at the top of the dashboard. Tasks are filtered by the active gym.
Try refreshing the page. If tasks still do not appear, check with your administrator that tasks have been created and assigned to you.
“I changed the view but my tasks disappeared”
When you switch between Month, Week, Day, or List view, the date filters reset. This is normal.
The calendar will reload tasks for the new date range. Wait a moment for the data to load.
If tasks still do not appear, navigate to a date range where you know tasks exist.
“I clicked on a task but nothing happened”
Make sure you clicked directly on the task event block, not on an empty space in the calendar.
If the page does not navigate, try refreshing and clicking again.
Check your internet connection — the router needs to be able to load the task details page.
“The task colors all look the same”
Task colors are based on the workflow status (Pending, Ready, Processing, Complete). If all your tasks are in the same state, they will share the same color.
If colors look wrong or unexpected, it may mean the task is in an error state (shown in red). Check the task details to investigate.
“The calendar is slow or takes a long time to load”
If you have many tasks in a large date range, loading may take longer. Try switching to a Week or Day view to reduce the number of tasks shown at once.
A loading indicator appears in the toolbar while data is being fetched. Wait for it to finish before interacting with the calendar.
Check your internet connection — a slow connection will delay the API response.
“The URL in my browser has strange date parameters”
This is expected. The calendar stores the current
fromDateandtoDatein the URL so you can share or bookmark a specific view.If the dates look wrong, click the Today button to reset to the current period.
The dates are in ISO format (e.g.
2025-01-01T00:00:00) — this is normal and helps the system interpret them correctly.
“I shared the calendar link but my colleague sees different tasks”
The URL only preserves the date range, not the tasks themselves. Each user sees their own assigned tasks.
Make sure your colleague has the same gym / location selected, as tasks are filtered by gym.
“Tasks show times that do not match what I expected”
Task times come from the begins and ends fields set when the task was created. If these look wrong, open the task details and verify or update the times there.
The calendar uses 15-minute time slots in the Week and Day views. Tasks are placed at the nearest slot.