Dynamic Stopwatch for Table Rows

Overview

The Dynamic Stopwatch for Table Rows Plugin enhances your table by adding a real-time stopwatch that updates the elapsed time for each row based on a stored start time. The stopwatch continuously updates and formats the elapsed time into hours, minutes, and seconds. It also color-codes elapsed time to provide a visual indication of urgency: green for under 30 minutes, yellow for 30-44 minutes, and red for over 45 minutes. This makes it ideal for task tracking, time management, or monitoring project timelines.

Use Cases

• This plugin is ideal for applications involving task tracking, live order management, support ticket handling, and workflow monitoring. It helps teams monitor elapsed time in real-time and identify critical deadlines at a glance.

Installing the plugin

Prerequisites:

1. The page must have a table component
2. The table must have a date/time field
3. Javascript must be enabled (applicable if your're on trial account)

Step-by-Step Installation:

1. Navigate to the page with this table, this can be a parent or child page.
2. Click on the Plugins
3. Find the Dynamic Stopwatch for Table Rows plugin
4. Select the table
5. Select the date/time field

Removing the Plugin

To remove the plugin, find the Javascript code that is surrounted with a comment for the plugin name and delete the code. Do the same for the CSS as well.