Screen 31 — Time Clock & Add Time Activity

Two-state time capture copied directly from the Jigx Time Clock reference pattern. State A — a live clock on jig.default. State B — a manual "Add Time Activity" form on jig.default with field-rows and a docked total rail.

← Back

State A · Running clock

11:14

‹

Time ClockWO-000046-1

Running

01:14:22

Started today at 10:00 AM

Time activity details

Project

WO-000046 · Adriaan House

Project task

01 Main Task

⌄

Cost code

DEFAULT

⌄

Billing

Earning type

Regular Hours

⌄

Billable ✓

Notes

Your note…

🎤

State B · Manual entry

11:14

‹

Add Time Activity04/19/2026

04/19/2026

General

Start Time

11:14 AM

🕙

End Time

11:15 AM

🕙

Summary (Required)*

Describe the work performed…

🎤

Project

Project *

Select a project

⌄

Time & billing

Earning Type

Regular Hours

⌄

Billable ✓

Billable Time

1 min

🕙

Notes

Your note…

⌂

⏱

Total Time

00:01

Jigx component mapping

Direct transposition of the Jigx Time Clock reference. State A uses the running timer card with circular stop button; State B is the Add Time Activity form on a jig.default with section, field-row, date-picker, duration-picker, and a choice row for billable.

Primitives used

Timer card with status dot (Running / Not started)
field-row for Start / End side by side (two-up)
date-picker mode time, duration-picker
Billable choice row — the exact pattern from the reference
Docked total-time rail with submit-form on the compact button

What improved vs v1

Running and manual entry use the exact Jigx Time Clock visual — technicians moving between the Jigx Projects app and this app will feel instantly at home.
Single destructive action (Stop & submit) rather than split "stop" and "submit" buttons.
Manual-entry screen has the docked total rail so the tech always sees the time they're about to post.