37 lines
1.0 KiB
HTML
37 lines
1.0 KiB
HTML
<div class="tab-content">
|
|
<div class="tab-toolbar">
|
|
<h2>Team Members ({{ (members$ | async)?.length }})</h2>
|
|
<button class="btn btn-add" (click)="onAdd()">+ Add Member</button>
|
|
</div>
|
|
|
|
<table class="admin-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>Title</th>
|
|
<th>Order</th>
|
|
<th>Active</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@for (member of members$ | async; track member.id) {
|
|
<tr>
|
|
<td>{{ member.name }}</td>
|
|
<td>{{ member.title }}</td>
|
|
<td>{{ member.display_order }}</td>
|
|
<td>{{ member.active ? 'Yes' : 'No' }}</td>
|
|
<td class="actions">
|
|
<button class="btn-icon btn-edit" (click)="onEdit(member)">Edit</button>
|
|
<button class="btn-icon btn-delete" (click)="onDelete(member.id)">Delete</button>
|
|
</td>
|
|
</tr>
|
|
} @empty {
|
|
<tr>
|
|
<td colspan="5" class="empty-row">No team members yet. Click "Add Member" to create one.</td>
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</table>
|
|
</div>
|