OpenWebUI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-06-08 23:47:14 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

refac

Browse Source
This commit is contained in:
Timothy Jaeryang Baek 2025-04-14 01:41:58 -07:00
parent 87aa01a5c2
commit 95fca7b700
1 changed files with 78 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

154
src/lib/components/chat/Messages/ResponseMessage.svelte
View File

@ -1019,83 +1019,85 @@
</button> </button>
</Tooltip> </Tooltip>
<Tooltip content={$i18n.t('Read Aloud')} placement="bottom"> {#if $user?.role === 'admin' || ($user?.permissions?.chat?.tts ?? true)}
<button <Tooltip content={$i18n.t('Read Aloud')} placement="bottom">
id="speak-button-{message.id}" <button
class="{isLastMessage id="speak-button-{message.id}"
? 'visible' class="{isLastMessage
: 'invisible group-hover:visible'} p-1.5 hover:bg-black/5 dark:hover:bg-white/5 rounded-lg dark:hover:text-white hover:text-black transition" ? 'visible'
on:click={() => { : 'invisible group-hover:visible'} p-1.5 hover:bg-black/5 dark:hover:bg-white/5 rounded-lg dark:hover:text-white hover:text-black transition"
if (!loadingSpeech) { on:click={() => {
toggleSpeakMessage(); if (!loadingSpeech) {
} toggleSpeakMessage();
}} }
> }}
{#if loadingSpeech} >
<svg {#if loadingSpeech}
class=" w-4 h-4" <svg
fill="currentColor" class=" w-4 h-4"
viewBox="0 0 24 24" fill="currentColor"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
> xmlns="http://www.w3.org/2000/svg"
<style> >
.spinner_S1WN { <style>
animation: spinner_MGfb 0.8s linear infinite; .spinner_S1WN {
animation-delay: -0.8s; animation: spinner_MGfb 0.8s linear infinite;
} animation-delay: -0.8s;
.spinner_Km9P {
animation-delay: -0.65s;
}
.spinner_JApP {
animation-delay: -0.5s;
}
@keyframes spinner_MGfb {
93.75%,
100% {
opacity: 0.2;
} }
}
</style> .spinner_Km9P {
<circle class="spinner_S1WN" cx="4" cy="12" r="3" /> animation-delay: -0.65s;
<circle class="spinner_S1WN spinner_Km9P" cx="12" cy="12" r="3" /> }
<circle class="spinner_S1WN spinner_JApP" cx="20" cy="12" r="3" />
</svg> .spinner_JApP {
{:else if speaking} animation-delay: -0.5s;
<svg }
xmlns="http://www.w3.org/2000/svg"
fill="none" @keyframes spinner_MGfb {
viewBox="0 0 24 24" 93.75%,
stroke-width="2.3" 100% {
stroke="currentColor" opacity: 0.2;
class="w-4 h-4" }
> }
<path </style>
stroke-linecap="round" <circle class="spinner_S1WN" cx="4" cy="12" r="3" />
stroke-linejoin="round" <circle class="spinner_S1WN spinner_Km9P" cx="12" cy="12" r="3" />
d="M17.25 9.75 19.5 12m0 0 2.25 2.25M19.5 12l2.25-2.25M19.5 12l-2.25 2.25m-10.5-6 4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z" <circle class="spinner_S1WN spinner_JApP" cx="20" cy="12" r="3" />
/> </svg>
</svg> {:else if speaking}
{:else} <svg
<svg xmlns="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" fill="none"
fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke-width="2.3"
stroke-width="2.3" stroke="currentColor"
stroke="currentColor" class="w-4 h-4"
class="w-4 h-4" >
> <path
<path stroke-linecap="round"
stroke-linecap="round" stroke-linejoin="round"
stroke-linejoin="round" d="M17.25 9.75 19.5 12m0 0 2.25 2.25M19.5 12l2.25-2.25M19.5 12l-2.25 2.25m-10.5-6 4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z"
d="M19.114 5.636a9 9 0 010 12.728M16.463 8.288a5.25 5.25 0 010 7.424M6.75 8.25l4.72-4.72a.75.75 0 011.28.53v15.88a.75.75 0 01-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.01 9.01 0 012.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75z" />
/> </svg>
</svg> {:else}
{/if} <svg
</button> xmlns="http://www.w3.org/2000/svg"
</Tooltip> fill="none"
viewBox="0 0 24 24"
stroke-width="2.3"
stroke="currentColor"
class="w-4 h-4"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M19.114 5.636a9 9 0 010 12.728M16.463 8.288a5.25 5.25 0 010 7.424M6.75 8.25l4.72-4.72a.75.75 0 011.28.53v15.88a.75.75 0 01-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.01 9.01 0 012.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75z"
/>
</svg>
{/if}
</button>
</Tooltip>
{/if}
{#if $config?.features.enable_image_generation && ($user?.role === 'admin' || $user?.permissions?.features?.image_generation) && !readOnly} {#if $config?.features.enable_image_generation && ($user?.role === 'admin' || $user?.permissions?.features?.image_generation) && !readOnly}
<Tooltip content={$i18n.t('Generate Image')} placement="bottom"> <Tooltip content={$i18n.t('Generate Image')} placement="bottom">