de2b4a9032
* Tooltips and UI clarification * Fix build --------- Co-authored-by: Faton Ramadani <faton.ramadani14@gmail.com>
63 lines
1.7 KiB
Svelte
63 lines
1.7 KiB
Svelte
<script lang="ts">
|
|
import { userStore } from '$lib/stores'
|
|
import { Users } from 'lucide-svelte'
|
|
import Badge from './common/badge/Badge.svelte'
|
|
import Popover from './Popover.svelte'
|
|
|
|
export let extraPerms: Record<string, boolean> = {}
|
|
export let canWrite: boolean
|
|
|
|
let kind: 'read' | 'write' | undefined = undefined
|
|
let reason = ''
|
|
|
|
$: {
|
|
if ($userStore?.is_admin || $userStore?.is_super_admin) {
|
|
kind = undefined
|
|
} else {
|
|
let username = $userStore?.username ?? ''
|
|
let pgroups = $userStore?.pgroups ?? []
|
|
let pusername = `u/${username}`
|
|
let extraPermsKeys = Object.keys(extraPerms)
|
|
|
|
if (pusername in extraPermsKeys) {
|
|
if (extraPerms[pusername]) {
|
|
kind = 'write'
|
|
} else {
|
|
kind = 'read'
|
|
}
|
|
reason = 'This item was shared to you personally'
|
|
} else {
|
|
let writeGroup = pgroups.find((x) => extraPermsKeys.includes(x) && extraPerms[x])
|
|
if (writeGroup) {
|
|
kind = 'write'
|
|
reason = `This item was write shared to the group ${writeGroup} which you are a member of`
|
|
} else {
|
|
let readGroup = pgroups.find((x) => extraPermsKeys.includes(x))
|
|
if (readGroup) {
|
|
kind = 'read'
|
|
reason = `This item was read-only shared to the group ${readGroup} which you are a member of`
|
|
} else {
|
|
kind = undefined
|
|
}
|
|
}
|
|
}
|
|
if (kind == 'read' && canWrite) {
|
|
kind = undefined
|
|
}
|
|
if (kind == undefined && !canWrite) {
|
|
kind = 'read'
|
|
reason = ''
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
{#if kind === 'read' || kind === 'write'}
|
|
<Badge capitalize color="blue" baseClass="border border-blue-200 flex gap-1 items-center">
|
|
<Popover notClickable>
|
|
<Users size={12} />
|
|
<span slot="text">{kind == 'read' ? 'Read & Run only' : 'Read & Write'} {reason}</span>
|
|
</Popover>
|
|
</Badge>
|
|
{/if}
|