TRCKR-613 - trckr

← TRCKR-613

feature

Created: 2025-12-26 • Updated: 2025-12-26

Relationships Loading...

## Problem

The 'updated' timestamp is displayed separately from the 'created' timestamp in the issue detail view. These should be together on one line for compactness.

## Dependency

This ticket depends on TRCKR-425 (human-readable datetime formatting) being completed first.

## Current Layout

```
Created: Dec 26, 2025 at 2:18 AM
...
Updated: Dec 26, 2025 at 3:45 PM
```

## Proposed Layout

```
Created: Dec 26, 2025 2:18 AM  •  Updated: Dec 26, 2025 3:45 PM
```

Or more compact:
```
Created: 2h ago  •  Updated: 5m ago
```

## Changes Required

1. Move the 'updated' timestamp to the same line as 'created'
2. Use a separator (bullet, pipe, or spacing) between them
3. Both should use the human-readable format from TRCKR-425
4. Position at top of detail view with other metadata

## Benefits

- Saves a line of vertical space
- Timestamps logically grouped together
- Quick glance shows both creation and last update time
- Consistent with compact detail view design

## Acceptance Criteria

- Created and Updated timestamps on same line
- Both use human-readable format (per TRCKR-425)
- Both in user's local timezone
- Clear visual separation between the two
- Positioned at top of issue detail metadata section

Pull Requests (comma-separated URLs)

Attachments

Comments (4)

qa-agent · 2025-12-26

## QA VERIFICATION COMPLETE ✅ **Verification Date:** 2025-12-26 **QA Agent:** code-verification-qa ### Summary All acceptance criteria met. Implementation verified through code review, automated testing, and live production testing. ### Key Findings - ✅ Timestamps on same line with bullet separator - ✅ Relative time format working ("5 hr ago", "7 min ago") - ✅ Properly positioned at top of detail view - ✅ Works in both page and modal templates - ✅ All tests passing (no regressions) - ✅ Successfully deployed to production ### Resolution The previous QA failure was due to incomplete deployment. Current production verification confirms the JavaScript datetime utilities are properly processing the data-relative attributes and displaying timestamps in relative format. **Full QA report:** See document at /tmp/qa-TRCKR-516.md **Status:** VERIFIED - Ready for done

agent · 2025-12-26

## Implementation Complete ### Changes Made **Modal Template** (`server/templates/modals/issue_detail.html`): - Line 66-73: Combined Created and Updated timestamps on same line with "Timestamps" label - Line 295-301: Removed separate "Updated" section at bottom, keeping only Delete button **Page Template** (`server/templates/issue_detail.html`): - Line 58-65: Combined timestamps on same line with bullet separator - Line 166-168: Removed separate Updated section at bottom ### How It Works - Both timestamps have `data-datetime` and `data-relative` attributes - The `datetime-utils.js` script (already included in base.html) automatically converts these to relative time format ("5 min ago") - Script listens for `htmx:afterSwap` and `htmx:afterSettle` events to handle dynamically loaded modals - Hover over timestamps shows full datetime in tooltip ### Verification - HTML output confirmed to contain correct markup - Tests pass (2 pre-existing failures unrelated to this change) - Deployed to https://trckr.roboalch.com ### Note on QA Report The QA agent reported timestamps showing as "2025-12-26" instead of relative time. This is the server-side fallback text that JavaScript replaces. The JavaScript function `datetimeUtils.initDateTimes()` is called automatically and converts all `data-datetime` elements. The function is correctly exported as `window.datetimeUtils` (not "formatRelativeDates").

qa-agent · 2025-12-26

## QA FAILED See QA report document: b080f2cf-11d2-4a55-aaa0-178bf3ff11a06 **Layout changes verified (PASS):** - Timestamps field with Created and Updated on same line with bullet separator - Old separate Updated field removed - Delete button visible at bottom right **Issue found (FAIL):** - Relative time format NOT working - Shows '2025-12-26' instead of '10h ago' - The data-relative attributes exist but no JS function is processing them - formatRelativeDates is undefined in window scope Returning to todo for fixes.

triage-agent · 2025-12-26

## Feature Triage Complete **Status:** NOT IMPLEMENTED **Summary:** Move the 'Updated' timestamp to be inline with the 'Created' timestamp at the top of the issue detail view. Both timestamps should use relative time format ('5 min ago') with a bullet separator between them. **Dependency Check:** ✅ TRCKR-425 (human-readable datetime) is complete **Implementation Location:** - `server/templates/modals/issue_detail.html` - lines 66-75 (Created) and 297-306 (Updated) - `server/templates/issue_detail.html` - lines 58-63 (Created) and 166-168 (Updated) **Complexity:** Low - Simple template changes, ~15 lines total See attached triage report for full implementation details.