mirror of
https://github.com/open-webui/open-webui
synced 2025-03-27 07:50:37 +00:00
113 lines
3.4 KiB
Svelte
113 lines
3.4 KiB
Svelte
<script lang="ts">
|
|
import { getContext, onMount } from 'svelte';
|
|
const i18n = getContext('i18n');
|
|
|
|
export let accessControl = null;
|
|
let access = 'private';
|
|
|
|
let query = '';
|
|
|
|
onMount(() => {
|
|
if (accessControl === null) {
|
|
access = 'public';
|
|
} else {
|
|
access = 'private';
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<div class=" rounded-lg flex flex-col gap-3">
|
|
<div class="">
|
|
<div class=" text-sm font-semibold mb-1">{$i18n.t('Visibility')}</div>
|
|
|
|
<div class="flex gap-2.5 items-center">
|
|
<div>
|
|
<div class=" p-2 bg-gray-50 dark:bg-gray-850 rounded-full">
|
|
{#if access === 'private'}
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke-width="1.5"
|
|
stroke="currentColor"
|
|
class="w-5 h-5"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z"
|
|
/>
|
|
</svg>
|
|
{:else}
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke-width="1.5"
|
|
stroke="currentColor"
|
|
class="w-5 h-5"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
d="M6.115 5.19l.319 1.913A6 6 0 008.11 10.36L9.75 12l-.387.775c-.217.433-.132.956.21 1.298l1.348 1.348c.21.21.329.497.329.795v1.089c0 .426.24.815.622 1.006l.153.076c.433.217.956.132 1.298-.21l.723-.723a8.7 8.7 0 002.288-4.042 1.087 1.087 0 00-.358-1.099l-1.33-1.108c-.251-.21-.582-.299-.905-.245l-1.17.195a1.125 1.125 0 01-.98-.314l-.295-.295a1.125 1.125 0 010-1.591l.13-.132a1.125 1.125 0 011.3-.21l.603.302a.809.809 0 001.086-1.086L14.25 7.5l1.256-.837a4.5 4.5 0 001.528-1.732l.146-.292M6.115 5.19A9 9 0 1017.18 4.64M6.115 5.19A8.965 8.965 0 0112 3c1.929 0 3.716.607 5.18 1.64"
|
|
/>
|
|
</svg>
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<select
|
|
id="models"
|
|
class="outline-none bg-transparent text-sm font-medium rounded-lg block w-fit pr-10 max-w-full placeholder-gray-400"
|
|
bind:value={access}
|
|
>
|
|
<option class=" text-gray-700" value="private" selected>Private</option>
|
|
<option class=" text-gray-700" value="public" selected>Public</option>
|
|
</select>
|
|
|
|
<div class=" text-xs text-gray-400 font-medium">
|
|
{#if access === 'private'}
|
|
{$i18n.t('Only select users and groups with permission can access')}
|
|
{:else if access === 'public'}
|
|
{$i18n.t('Accessible to all users')}
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{#if access === 'private'}
|
|
<div>
|
|
<div class=" text-sm font-semibold mb-0.5">{$i18n.t('People with access')}</div>
|
|
|
|
<div>
|
|
<div class="flex w-full py-1">
|
|
<div class="flex flex-1">
|
|
<div class=" self-center mr-3">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 20 20"
|
|
fill="currentColor"
|
|
class="w-4 h-4"
|
|
>
|
|
<path
|
|
fill-rule="evenodd"
|
|
d="M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z"
|
|
clip-rule="evenodd"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<input
|
|
class=" w-full text-sm pr-4 placeholder:text-gray-300 dark:placeholder:text-gray-700 outline-none bg-transparent"
|
|
bind:value={query}
|
|
placeholder={$i18n.t('Add user or groups')}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/if}
|
|
</div>
|