atash/chronus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

Moar
All checks were successful
Docker Deploy / build-and-push (push) Successful in 4m6s
Details

Browse Source
This commit is contained in:
Atridad Lahiji
2026-02-09 02:28:54 -07:00
parent 12d59bb42f
commit caf763aa1e
24 changed files with 1003 additions and 1169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/pages/dashboard/team.astro
View File

@@ -28,24 +28,27 @@ const isAdmin = currentUserMember?.member.role === 'owner' || currentUserMember?
<DashboardLayout title="Team - Chronus">
<div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 mb-6">
<h1 class="text-3xl font-bold">Team Members</h1>
<div>
<h1 class="text-2xl font-extrabold tracking-tight">Team Members</h1>
<p class="text-base-content/60 text-sm mt-1">Manage your organization's team</p>
</div>
<div class="flex gap-2">
{isAdmin && (
<>
<a href="/dashboard/team/settings" class="btn btn-ghost">
<Icon name="heroicons:cog-6-tooth" class="w-5 h-5" />
<a href="/dashboard/team/settings" class="btn btn-ghost btn-sm">
<Icon name="heroicons:cog-6-tooth" class="w-4 h-4" />
Settings
</a>
<a href="/dashboard/team/invite" class="btn btn-primary">Invite Member</a>
<a href="/dashboard/team/invite" class="btn btn-primary btn-sm">Invite Member</a>
</>
)}
</div>
</div>
<div class="card bg-base-100 shadow-xl border border-base-200">
<div class="card-body">
<div class="card card-border bg-base-100">
<div class="card-body p-0">
<div class="overflow-x-auto">
<table class="table">
<table class="table table-sm">
<thead>
<tr>
<th>Name</th>
@@ -57,21 +60,21 @@ const isAdmin = currentUserMember?.member.role === 'owner' || currentUserMember?
</thead>
<tbody>
{teamMembers.map(({ member, user: teamUser }) => (
<tr>
<tr class="hover">
<td>
<div class="flex items-center gap-3">
<Avatar name={teamUser.name} />
<div>
<div class="font-bold">{teamUser.name}</div>
<div class="font-medium">{teamUser.name}</div>
{teamUser.id === user.id && (
<span class="badge badge-sm">You</span>
<span class="badge badge-xs">You</span>
)}
</div>
</div>
</td>
<td>{teamUser.email}</td>
<td class="text-base-content/60">{teamUser.email}</td>
<td>
<span class={`badge ${
<span class={`badge badge-xs ${
member.role === 'owner' ? 'badge-primary' :
member.role === 'admin' ? 'badge-secondary' :
'badge-ghost'
@@ -79,15 +82,15 @@ const isAdmin = currentUserMember?.member.role === 'owner' || currentUserMember?
{member.role}
</span>
</td>
<td>{member.joinedAt?.toLocaleDateString() ?? 'N/A'}</td>
<td class="text-base-content/40">{member.joinedAt?.toLocaleDateString() ?? 'N/A'}</td>
{isAdmin && (
<td>
{teamUser.id !== user.id && member.role !== 'owner' && (
<div class="dropdown dropdown-end">
<label tabindex="0" class="btn btn-ghost btn-sm">
<Icon name="heroicons:ellipsis-vertical" class="w-5 h-5" />
</label>
<ul tabindex="0" class="dropdown-content z-1 menu p-2 shadow bg-base-100 rounded-box w-52 border border-base-200">
<div role="button" tabindex="0" class="btn btn-ghost btn-xs btn-square">
<Icon name="heroicons:ellipsis-vertical" class="w-4 h-4" />
</div>
<ul tabindex="0" class="dropdown-content z-1 menu p-2 bg-base-100 rounded-box w-52 border border-base-200">
<li>
<form method="POST" action={`/api/team/change-role`}>
<input type="hidden" name="userId" value={teamUser.id} />