2026-04-27 16:47:08 -04:00
|
|
|
<div class="card">
|
2026-04-30 08:54:55 -04:00
|
|
|
{{ avatar }}
|
2026-04-27 16:47:08 -04:00
|
|
|
<div class="info">
|
2026-05-20 10:40:32 -04:00
|
|
|
<div class="name">
|
|
|
|
|
<span>
|
|
|
|
|
{% if let Some(display_name) = display_name %}
|
|
|
|
|
{{ display_name }}
|
|
|
|
|
{% else %}
|
|
|
|
|
Unknown device
|
|
|
|
|
{% endif %}
|
|
|
|
|
</span>
|
2026-04-30 14:55:21 -04:00
|
|
|
{% if style == DeviceCardStyle::Detailed %}
|
2026-05-20 10:40:32 -04:00
|
|
|
<ul class="id bullet-separated">
|
|
|
|
|
<li>{{ device_id }}</li>
|
|
|
|
|
<li>
|
|
|
|
|
{% if let Some(metadata) = oauth_metadata %}
|
|
|
|
|
<a href="{{ metadata.client_uri }}">Client website</a>
|
|
|
|
|
{% else %}
|
|
|
|
|
(legacy)
|
|
|
|
|
{% endif %}
|
|
|
|
|
</li>
|
2026-04-30 14:55:21 -04:00
|
|
|
</span>
|
2026-04-30 08:54:55 -04:00
|
|
|
{% endif %}
|
2026-05-20 10:40:32 -04:00
|
|
|
</div>
|
|
|
|
|
<div>
|
2026-04-27 16:47:08 -04:00
|
|
|
Last active: {{ last_active }}
|
2026-05-20 10:40:32 -04:00
|
|
|
</div>
|
|
|
|
|
<div>
|
2026-04-30 14:55:21 -04:00
|
|
|
{% if style == DeviceCardStyle::Detailed %}
|
|
|
|
|
<a href="{{ crate::ROUTE_PREFIX }}/account/device/{{ device_id }}/remove">Remove</a>
|
|
|
|
|
{% else %}
|
|
|
|
|
<a href="{{ crate::ROUTE_PREFIX }}/account/device/{{ device_id }}/">Details</a>
|
2026-04-30 11:32:30 -04:00
|
|
|
{% endif %}
|
2026-05-20 10:40:32 -04:00
|
|
|
</div>
|
2026-04-27 16:47:08 -04:00
|
|
|
</div>
|
|
|
|
|
</div>
|