This commit is contained in:
Torsten Dittmann
2022-02-03 00:17:17 +01:00
parent 86b8922150
commit 98fdc25f0d
3 changed files with 26 additions and 24 deletions
@@ -6,9 +6,9 @@
import { sdkForProject } from '$lib/stores/sdk';
const request = Promise.all([
sdkForProject.teams.get($page.params.team),
sdkForProject.teams.getMemberships($page.params.team)
]) ;
sdkForProject.teams.get($page.params.team),
sdkForProject.teams.getMemberships($page.params.team)
]);
const deleteTeam = async (id: string) => {
try {
@@ -20,14 +20,14 @@
}
};
const deleteMembership = async (id: string) => {
try {
const deleteMembership = async (id: string) => {
try {
if (!confirm('Are you sure you want to delete that membership?')) return;
await sdkForProject.teams.deleteMembership($page.params.team, id);
} catch (error) {
console.error(error);
}
};
};
</script>
{#await request}
@@ -42,16 +42,20 @@
<h1>Members</h1>
<article>
{#each members.memberships as membership}
<p>{membership.name} {membership.email} <Button on:click={() => deleteMembership(membership.$id)}>Remove</Button></p>
<p>
Roles: {membership.roles.join(', ')}
</p>
{membership.name}
{membership.email}
<Button on:click={() => deleteMembership(membership.$id)}>Remove</Button>
</p>
<p>
Roles: {membership.roles.join(', ')}
</p>
{:else}
No members found.
{/each}
</article>
<Button on:click={() => deleteTeam(team.$id)}>Delete Team</Button>
<Button on:click={() => deleteTeam(team.$id)}>Delete Team</Button>
{/await}
<style lang="scss">
@@ -59,16 +63,5 @@
display: flex;
flex-direction: column;
align-items: center;
.avatar {
border-radius: 50%;
}
}
article.danger {
background-color: #f53d3d;
p {
color: #ffffff;
}
}
</style>
@@ -27,10 +27,14 @@
<TableRow>
<TableCell>{log.time}</TableCell>
<TableCell>{log.event}</TableCell>
<TableCell>{log.clientName} {log.clientVersion} on {log.osName} {log.osVersion}</TableCell>
<TableCell>{log.clientName} {log.clientVersion} on {log.osName} {log.osVersion}</TableCell
>
<TableCell>
{#if log.countryCode !== '--'}
<img src={sdkForProject.avatars.getFlag(log.countryCode, 32, 32).toString()} alt={log.countryName} />{log.countryName}
<img
src={sdkForProject.avatars.getFlag(log.countryCode, 32, 32).toString()}
alt={log.countryName}
/>{log.countryName}
{:else}
Unknown
{/if}
@@ -49,7 +49,12 @@
<TableBody>
{#each response.sessions as session}
<TableRow>
<TableCell><img src={sdkForProject.avatars.getBrowser(session.clientCode, 32,32).toString()} alt={session.clientName} /></TableCell>
<TableCell
><img
src={sdkForProject.avatars.getBrowser(session.clientCode, 32, 32).toString()}
alt={session.clientName}
/></TableCell
>
<TableCell>{session.countryName}</TableCell>
<TableCell>{session.osName}</TableCell>
<TableCell>{session.ip}</TableCell>