UniqAI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2024-11-16 05:24:02 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: webui notification

Browse Source
This commit is contained in:
Timothy J. Baek 2023-12-14 17:48:21 -08:00
parent b7ff3af445
commit 0fdb346a31
3 changed files with 37 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
src/lib/components/chat/SettingsModal.svelte
View File

@ -22,6 +22,7 @@
// General
let API_BASE_URL = OLLAMA_API_BASE_URL;
let theme = 'dark';
let notificationEnabled = false;
let system = '';
// Advanced
@ -49,7 +50,6 @@
let pullProgress = null;
// Addons
let responseNotification = false;
let titleAutoGenerate = true;
let speechAutoSend = false;
@ -110,12 +110,12 @@
saveSettings({ titleAutoGenerate: titleAutoGenerate });
};
const toggleResponseNotification = async () => {
const toggleNotification = async () => {
const permission = await Notification.requestPermission();
if (permission === 'granted') {
responseNotification = !responseNotification;
saveSettings({ responseNotification: responseNotification });
notificationEnabled = !notificationEnabled;
saveSettings({ notificationEnabled: notificationEnabled });
} else {
toast.error(
'Response notifications cannot be activated as the website permissions have been denied. Please visit your browser settings to grant the necessary access.'
@ -168,6 +168,13 @@
if (data.status) {
if (!data.digest) {
toast.success(data.status);
if (data.status === 'success') {
const notification = new Notification(`Ollama`, {
body: `Model '${modelTag}' has been successfully downloaded.`,
icon: '/favicon.png'
});
}
} else {
digest = data.digest;
if (data.completed) {
@ -524,8 +531,10 @@
{#if selectedTab === 'general'}
<div class="flex flex-col space-y-3">
<div>
<div class=" py-1 flex w-full justify-between">
<div class=" self-center text-sm font-medium">Theme</div>
<div class=" mb-1 text-sm font-medium">WebUI Settings</div>
<div class=" py-0.5 flex w-full justify-between">
<div class=" self-center text-xs font-medium">Theme</div>
<button
class="p-1 px-3 text-xs flex rounded transition"
@ -563,6 +572,26 @@
{/if}
</button>
</div>
<div>
<div class=" py-0.5 flex w-full justify-between">
<div class=" self-center text-xs font-medium">Notification</div>
<button
class="p-1 px-3 text-xs flex rounded transition"
on:click={() => {
toggleNotification();
}}
type="button"
>
{#if notificationEnabled === true}
<span class="ml-2 self-center">On</span>
{:else}
<span class="ml-2 self-center">Off</span>
{/if}
</button>
</div>
</div>
</div>
<hr class=" dark:border-gray-700" />
@ -819,26 +848,6 @@
<div>
<div class=" mb-1 text-sm font-medium">WebUI Add-ons</div>
<div>
<div class=" py-0.5 flex w-full justify-between">
<div class=" self-center text-xs font-medium">Response Notification</div>
<button
class="p-1 px-3 text-xs flex rounded transition"
on:click={() => {
toggleResponseNotification();
}}
type="button"
>
{#if responseNotification === true}
<span class="ml-2 self-center">On</span>
{:else}
<span class="ml-2 self-center">Off</span>
{/if}
</button>
</div>
</div>
<div>
<div class=" py-0.5 flex w-full justify-between">
<div class=" self-center text-xs font-medium">Title Auto Generation</div>

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

@ -222,7 +222,7 @@
};
messages = messages;
if ($settings.responseNotification && !document.hasFocus()) {
if ($settings.notificationEnabled && !document.hasFocus()) {
const notification = new Notification(
selectedModelfile
? `${

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

@ -236,7 +236,7 @@
};
messages = messages;
if ($settings.responseNotification && !document.hasFocus()) {
if ($settings.notificationEnabled && !document.hasFocus()) {
const notification = new Notification(
selectedModelfile
? `${