uslimato
|

Asset Detail UX

Overview

Uslimato offers two complementary ways to inspect an asset from a list: fullscreen navigation (opens a dedicated page at /assets/[id]) and a hover preview (a lightweight card with the asset's essentials). Both surfaces use the same cache, so switching between them is instant once the asset has been seen once.

Click behaviour

The asset list at /assets, the "Assigned assets" table in the user detail panel, and the global search results all respect a personal preference:

  • Fullscreen (default): clicking an asset row navigates to the full asset page. Browser back restores the previous list with filters and scroll position intact.
  • Sidebar: clicking an asset row opens the legacy slide-over panel on top of the current list. Useful when you want to compare multiple assets without losing context.

Regardless of the preference:

  • Ctrl/Cmd-click, Shift-click and middle-click open the asset in a new tab.
  • Enter and Space activate the focused row.
  • Touch taps always navigate directly; the sidebar mode is desktop-only.

Hover preview

After hovering over (or keyboard-focusing) an asset row for 2 seconds, a compact preview card appears near the cursor. It shows:

  • Thumbnail (model image if available, otherwise the asset type icon)
  • Asset name and speaking asset tag
  • Current status badge
  • Manufacturer and model
  • Assigned user
  • Location path
  • Serial number

The card is read-only — click the row to actually open the asset. Moving the pointer away, pressing Escape, scrolling, or switching tabs closes the preview immediately.

The preview only appears on devices with a fine pointer and real hover capability (desktop mice and trackpads). It is never shown on touch-only devices.

While the preview is waiting to open, Uslimato pre-fetches the asset from the API, so the subsequent click renders instantly.

Preferences

Both behaviours are controlled per-user under Settings → App:

  • Click behaviour: Fullscreen or Sidebar
  • Show hover preview: on / off

Changes apply immediately across tabs. Preferences are cached locally and synced to the server, so they follow you across browsers.

Speaking display IDs

Assets, tickets and movements all have a human-readable identifier that Uslimato prefers over the underlying UUID whenever a header, breadcrumb, browser title, copy button, toast, or notification is shown to a user:

EntityFieldExample
Assetasset_tagAST-00000042
Ticketticket_numberTKT-000013
Movementmovement_numberMOV-000007

URLs remain UUID-based for stability. When a display ID is missing for any reason, Uslimato falls back to the first eight characters of the UUID so the header is never empty.