tdpeuter/open-webui
tdpeuter/open-webui
1
Fork 0
forked from open-webui/open-webui
Code Issues Pull requests 1 Projects 1 Releases 2 Packages 1 Activity Actions

(probably) last transition vars + Theme select element bg and icon fix

Browse source
This commit is contained in:
Jannik Streidl 2024-03-04 11:15:54 +01:00
parent 3fe5f00114
commit 7a79aab5d4
15 changed files with 287 additions and 229 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/routes/(app)/+page.svelte
View file

@ -207,7 +207,7 @@
if ($settings.saveChatHistory ?? true) {
chat = await createNewChat(localStorage.token, {
id: $chatId,
title: 'New Chat',
title: $i18n.t('New Chat'),
models: selectedModels,
system: $settings.system ?? undefined,
options: {

2
src/routes/(app)/c/[id]/+page.svelte
View file

@ -220,7 +220,7 @@
if ($settings.saveChatHistory ?? true) {
chat = await createNewChat(localStorage.token, {
id: $chatId,
title: 'New Chat',
title: $i18n.t('New Chat'),
models: selectedModels,
system: $settings.system ?? undefined,
options: {

8
src/routes/(app)/modelfiles/create/+page.svelte
View file

@ -425,7 +425,7 @@ SYSTEM """${system}"""`.replace(/^\s*\n/gm, '');
<div>
<input
class="px-3 py-1.5 text-sm w-full bg-transparent border dark:border-gray-600 outline-none rounded-lg"
placeholder="Name your modelfile"
placeholder={$i18n.t('Name your modelfile')}
bind:value={title}
required
/>
@ -438,7 +438,7 @@ SYSTEM """${system}"""`.replace(/^\s*\n/gm, '');
<div>
<input
class="px-3 py-1.5 text-sm w-full bg-transparent border dark:border-gray-600 outline-none rounded-lg"
placeholder="Add a model tag name"
placeholder={$i18n.t('Add a model tag name')}
bind:value={tagName}
required
/>
@ -452,7 +452,7 @@ SYSTEM """${system}"""`.replace(/^\s*\n/gm, '');
<div>
<input
class="px-3 py-1.5 text-sm w-full bg-transparent border dark:border-gray-600 outline-none rounded-lg"
placeholder="Add a short description about what this modelfile does"
placeholder={$i18n.t('Add a short description about what this modelfile does')}
bind:value={desc}
required
/>
@ -624,7 +624,7 @@ SYSTEM """${system}"""`.replace(/^\s*\n/gm, '');
<div class=" flex border dark:border-gray-600 rounded-lg">
<input
class="px-3 py-1.5 text-sm w-full bg-transparent outline-none border-r dark:border-gray-600"
placeholder="Write a prompt suggestion (e.g. Who are you?)"
placeholder={$i18n.t('Write a prompt suggestion (e.g. Who are you?)')}
bind:value={prompt.content}
/>

8
src/routes/(app)/modelfiles/edit/+page.svelte
View file

@ -324,7 +324,7 @@
<div>
<input
class="px-3 py-1.5 text-sm w-full bg-transparent border dark:border-gray-600 outline-none rounded-lg"
placeholder="Name your modelfile"
placeholder={$i18n.t('Name your modelfile')}
bind:value={title}
required
/>
@ -337,7 +337,7 @@
<div>
<input
class="px-3 py-1.5 text-sm w-full bg-transparent disabled:text-gray-500 border dark:border-gray-600 outline-none rounded-lg"
placeholder="Add a model tag name"
placeholder={$i18n.t('Add a model tag name')}
value={tagName}
disabled
required
@ -352,7 +352,7 @@
<div>
<input
class="px-3 py-1.5 text-sm w-full bg-transparent border dark:border-gray-600 outline-none rounded-lg"
placeholder="Add a short description about what this modelfile does"
placeholder={$i18n.t('Add a short description about what this modelfile does')}
bind:value={desc}
required
/>
@ -411,7 +411,7 @@
<div class=" flex border dark:border-gray-600 rounded-lg">
<input
class="px-3 py-1.5 text-sm w-full bg-transparent outline-none border-r dark:border-gray-600"
placeholder="Write a prompt suggestion (e.g. Who are you?)"
placeholder={$i18n.t('Write a prompt suggestion (e.g. Who are you?)')}
bind:value={prompt.content}
/>

35
src/routes/(app)/prompts/create/+page.svelte
View file

@ -134,7 +134,7 @@
<div>
<input
class="px-3 py-1.5 text-sm w-full bg-transparent border dark:border-gray-600 outline-none rounded-lg"
placeholder="Add a short title for this prompt"
placeholder={$i18n.t('Add a short title for this prompt')}
bind:value={title}
required
/>
@ -152,21 +152,22 @@
</div>
<input
class="px-3 py-1.5 text-sm w-full bg-transparent border dark:border-gray-600 outline-none rounded-r-lg"
placeholder="short-summary"
placeholder={$i18n.t('short-summary')}
bind:value={command}
required
/>
</div>
<div class="text-xs text-gray-400 dark:text-gray-500">
Only <span class=" text-gray-600 dark:text-gray-300 font-medium"
>alphanumeric characters and hyphens</span
{$i18n.t('Only')}
<span class=" text-gray-600 dark:text-gray-300 font-medium"
>{$i18n.t('alphanumeric characters and hyphens')}</span
>
are allowed; Activate this command by typing "<span
{$i18n.t('are allowed - Activate this command by typing')}&nbsp;"<span
class=" text-gray-600 dark:text-gray-300 font-medium"
>
/{command}
</span>" to chat input.
</span>" &nbsp;{$i18n.t('to chat input.')}
</div>
</div>
@ -179,7 +180,9 @@
<div>
<textarea
class="px-3 py-1.5 text-sm w-full bg-transparent border dark:border-gray-600 outline-none rounded-lg"
placeholder={`Write a summary in 50 words that summarizes [topic or keyword].`}
placeholder={$i18n.t(
'Write a summary in 50 words that summarizes [topic or keyword]'
)}
rows="6"
bind:value={content}
required
@ -187,18 +190,20 @@
</div>
<div class="text-xs text-gray-400 dark:text-gray-500">
ⓘ Format your variables using square brackets like this: <span
class=" text-gray-600 dark:text-gray-300 font-medium">[variable]</span
>
. Make sure to enclose them with
ⓘ {$i18n.t('Format your variables using square brackets like this:')}&nbsp;<span
class=" text-gray-600 dark:text-gray-300 font-medium">[{$i18n.t('variable')}]</span
>.
{$i18n.t('Make sure to enclose them with')}
<span class=" text-gray-600 dark:text-gray-300 font-medium">'['</span>
and <span class=" text-gray-600 dark:text-gray-300 font-medium">']'</span>.
{$i18n.t('and')}
<span class=" text-gray-600 dark:text-gray-300 font-medium">']'</span>.
</div>
<div class="text-xs text-gray-400 dark:text-gray-500">
Utilize <span class=" text-gray-600 dark:text-gray-300 font-medium"
>{`{{CLIPBOARD}}`}</span
> variable to have them replaced with clipboard content.
{$i18n.t('Utilize')}<span class=" text-gray-600 dark:text-gray-300 font-medium">
{` {{CLIPBOARD}}`}</span
>
{$i18n.t('variable to have them replaced with clipboard content.')}
</div>
</div>
</div>

27
src/routes/(app)/prompts/edit/+page.svelte
View file

@ -142,14 +142,15 @@
</div>
<div class="text-xs text-gray-400 dark:text-gray-500">
Only <span class=" text-gray-600 dark:text-gray-300 font-medium"
>alphanumeric characters and hyphens</span
{$i18n.t('Only')}
<span class=" text-gray-600 dark:text-gray-300 font-medium"
>{$i18n.t('alphanumeric characters and hyphens')}</span
>
are allowed; Activate this command by typing "<span
{$i18n.t('are allowed - Activate this command by typing')}&nbsp;"<span
class=" text-gray-600 dark:text-gray-300 font-medium"
>
/{command}
</span>" to chat input.
</span>" &nbsp;{$i18n.t('to chat input.')}
</div>
</div>
@ -170,12 +171,20 @@
</div>
<div class="text-xs text-gray-400 dark:text-gray-500">
Format your variables using square brackets like this: <span
class=" text-gray-600 dark:text-gray-300 font-medium">[variable]</span
>
. Make sure to enclose them with
ⓘ {$i18n.t('Format your variables using square brackets like this:')}&nbsp;<span
class=" text-gray-600 dark:text-gray-300 font-medium">[{$i18n.t('variable')}]</span
>.
{$i18n.t('Make sure to enclose them with')}
<span class=" text-gray-600 dark:text-gray-300 font-medium">'['</span>
and <span class=" text-gray-600 dark:text-gray-300 font-medium">']'</span> .
{$i18n.t('and')}
<span class=" text-gray-600 dark:text-gray-300 font-medium">']'</span>.
</div>
<div class="text-xs text-gray-400 dark:text-gray-500">
{$i18n.t('Utilize')}<span class=" text-gray-600 dark:text-gray-300 font-medium">
{` {{CLIPBOARD}}`}</span
>
{$i18n.t('variable to have them replaced with clipboard content.')}
</div>
</div>
</div>