@fleetbase/ember-ui
Version:
Fleetbase UI provides all the interface components, helpers, services and utilities for building a Fleetbase extension into the Console.
48 lines (41 loc) • 2.27 kB
Markdown
# Table Cell Resource Identity
`Table::Cell::ResourceIdentity` renders a compact table identity cell for records that need an image, primary label, identifier, status signal, and a short metadata line.
## Usage
```hbs
<Table::Cell::ResourceIdentity
={{this.vehicle}}
={{this.vehicle.display_name}}
={{hash
labelPath="display_name"
mediaPath="photo_url"
fallbackImage="/images/vehicle.svg"
identifierPath="public_id"
statusPath="status"
onlinePath="online"
statusBadgeSize="xxs"
imageRounded=true
metaPaths=(array "plate_number" "driver_name")
}}
/>
```
## Column Options
| Property | Description |
| --- | --- |
| `labelPath` | Path on `row` for the primary label. Falls back to `valuePath` or ``. |
| `labelValue` | Static value or callback for the primary label. |
| `labelFormatter` | Callback for the primary label. |
| `mediaPath` / `photoPath` | Path on `row` for the image URL. |
| `fallbackImage` / `fallbackSrc` | Fallback image passed to the shared `Image` component. |
| `imageSizeClass` | Tailwind size classes for the image and image frame. Defaults to `h-7 w-7`. |
| `imageRounded` | When true, renders the image as `rounded-full`. |
| `imageRoundedClass` | Custom rounded class. Defaults to `rounded-md`. |
| `identifierPath` | Path on `row` for the first secondary metadata value. |
| `statusPath` | Path on `row` for the displayed status. |
| `onlinePath` | Optional boolean path used to color the status dot. |
| `metaPaths` | Array of paths, callbacks, or `{ path, formatter, class, style, icon }` objects for secondary metadata. Use `style: "badge"` for a slim icon-prefixed pill. |
| `statusToneMap` | Map of status values to text color classes for the status dot. |
| `showStatusDot` | Show or hide the status dot. Defaults to `true`. |
| `showStatusBadge` | Render the status as a `Badge` instead of inline text. |
| `statusBadgeSize` | Size passed to `Badge` when `showStatusBadge` is true. Defaults to `xxs`. |
The component forwards clicks to ``, `.onClick`, and `.action`, matching the other table cell components.
`column.label` remains the table header label and is not used as row identity text.