38 lines
934 B
Svelte
38 lines
934 B
Svelte
<script>
|
|
import { getContext } from 'svelte';
|
|
const i18n = getContext('i18n');
|
|
|
|
import Modal from '$lib/components/common/Modal.svelte';
|
|
import AccessControl from './AccessControl.svelte';
|
|
import XMark from '$lib/components/icons/XMark.svelte';
|
|
|
|
export let show = false;
|
|
export let accessControl = {};
|
|
export let accessRoles = ['read'];
|
|
export let allowPublic = true;
|
|
|
|
export let onChange = () => {};
|
|
</script>
|
|
|
|
<Modal size="sm" bind:show>
|
|
<div>
|
|
<div class=" flex justify-between dark:text-gray-100 px-5 pt-3 pb-1">
|
|
<div class=" text-lg font-medium self-center font-primary">
|
|
{$i18n.t('Access Control')}
|
|
</div>
|
|
<button
|
|
class="self-center"
|
|
on:click={() => {
|
|
show = false;
|
|
}}
|
|
>
|
|
<XMark className={'size-5'} />
|
|
</button>
|
|
</div>
|
|
|
|
<div class="w-full px-5 pb-4 dark:text-white">
|
|
<AccessControl bind:accessControl {onChange} {accessRoles} {allowPublic} />
|
|
</div>
|
|
</div>
|
|
</Modal>
|