feat(06.2-05): show @handle in AccountView and AdminUsersTab

- Add Username row (@handle) to Account information section in AccountView.vue
- Add Handle column (th + td with @prefix) to users table in AdminUsersTab.vue
- Both use existing data already present in API responses (no backend changes)
This commit is contained in:
curo1305
2026-05-31 20:09:50 +02:00
parent 6307d9dd86
commit 045e723f7a
2 changed files with 3 additions and 0 deletions
@@ -112,6 +112,7 @@
<thead> <thead>
<tr class="bg-gray-50 text-left"> <tr class="bg-gray-50 text-left">
<th class="px-4 py-3 text-xs font-semibold text-gray-500 uppercase tracking-wider">Email</th> <th class="px-4 py-3 text-xs font-semibold text-gray-500 uppercase tracking-wider">Email</th>
<th class="px-4 py-3 text-xs font-semibold text-gray-500 uppercase tracking-wider">Handle</th>
<th class="px-4 py-3 text-xs font-semibold text-gray-500 uppercase tracking-wider">Role</th> <th class="px-4 py-3 text-xs font-semibold text-gray-500 uppercase tracking-wider">Role</th>
<th class="px-4 py-3 text-xs font-semibold text-gray-500 uppercase tracking-wider">Status</th> <th class="px-4 py-3 text-xs font-semibold text-gray-500 uppercase tracking-wider">Status</th>
<th class="px-4 py-3 text-xs font-semibold text-gray-500 uppercase tracking-wider">Created</th> <th class="px-4 py-3 text-xs font-semibold text-gray-500 uppercase tracking-wider">Created</th>
@@ -129,6 +130,7 @@
]" ]"
> >
<td class="px-4 py-3 text-gray-900">{{ user.email }}</td> <td class="px-4 py-3 text-gray-900">{{ user.email }}</td>
<td class="px-4 py-3 text-gray-500 font-mono text-xs">{{ user.handle ? '@' + user.handle : '—' }}</td>
<td class="px-4 py-3"> <td class="px-4 py-3">
<span <span
class="inline-flex items-center px-2 py-1 rounded text-xs font-semibold" class="inline-flex items-center px-2 py-1 rounded text-xs font-semibold"
+1
View File
@@ -9,6 +9,7 @@
<h3 class="font-semibold text-gray-800 mb-4">Account information</h3> <h3 class="font-semibold text-gray-800 mb-4">Account information</h3>
<div class="space-y-2 text-sm text-gray-700"> <div class="space-y-2 text-sm text-gray-700">
<div><span class="text-gray-500">Email:</span> {{ authStore.user?.email }}</div> <div><span class="text-gray-500">Email:</span> {{ authStore.user?.email }}</div>
<div><span class="text-gray-500">Username:</span> @{{ authStore.user?.handle }}</div>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<span class="text-gray-500">Role:</span> <span class="text-gray-500">Role:</span>
<span <span