This commit is contained in:
Saifeddine ALOUI 2024-05-20 16:55:49 +02:00
parent 5be11288f9
commit c28c8bd466
7 changed files with 335 additions and 330 deletions

8
web/dist/assets/index-96671aab.css vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

4
web/dist/index.html vendored
View File

@ -6,8 +6,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LoLLMS WebUI - Welcome</title>
<script type="module" crossorigin src="/assets/index-be0118c5.js"></script>
<link rel="stylesheet" href="/assets/index-de275b25.css">
<script type="module" crossorigin src="/assets/index-97965896.js"></script>
<link rel="stylesheet" href="/assets/index-96671aab.css">
</head>
<body>
<div id="app"></div>

View File

@ -178,7 +178,7 @@
</div>
<div class="w-fit group relative" >
<!-- :onShowPersList="onShowPersListFun" -->
<div class= "fixed w-[500px] -bottom-[150px] group absolute group-hover:opacity-100 transform group-hover:translate-y-[-200px] group-hover:translate-x-[0px] transition-all duration-300">
<div class= "fixed w-[1000px] -bottom-[150px] group absolute group-hover:opacity-100 transform group-hover:translate-y-[-200px] group-hover:translate-x-[0px] transition-all duration-300">
<div class="w-fit flex-wrap flex">
<div class="w-fit h-fit "
v-for="(item, index) in mountedPersonalities" :key="index + '-' + item.name"

View File

@ -1385,8 +1385,8 @@
</tr>
</table>
</Card>
<Card title="TTS services" :is_shrunk="true" :is_subcard="true" class="pb-2 m-2">
<Card title="Browser Audio" :is_subcard="true" class="pb-2 m-2">
<Card title="STT services" :is_shrunk="true" :is_subcard="true" class="pb-2 m-2">
<Card title="Browser Audio STT" :is_subcard="true" class="pb-2 m-2">
<table class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
<tr>
<td style="min-width: 200px;">
@ -1424,38 +1424,6 @@
</td>
</tr>
<tr>
<td style="min-width: 200px;">
<label for="auto_speak" class="text-sm font-bold" style="margin-right: 1rem;">Enable auto speak:</label>
</td>
<td>
<div class="flex flex-row">
<input
type="checkbox"
id="auto_speak"
required
v-model="configFile.auto_speak"
@change="settingsChanged=true"
class="mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
>
</div>
</td>
</tr>
<tr>
<td style="min-width: 200px;">
<label for="audio_pitch" class="text-sm font-bold" style="margin-right: 1rem;">audio pitch:</label>
</td>
<td>
<input id="audio_pitch" v-model="configFile.audio_pitch"
@change="settingsChanged=true"
type="range" min="0" max="10" step="0.1"
class="flex-none h-2 mt-14 mb-2 w-full bg-gray-200 rounded-lg appearance-none cursor-pointer dark:bg-gray-700 focus:ring-blue-500 focus:border-blue-500 dark:border-gray-600 dark:placeholder-gray-400 dark:focus:ring-blue-500 dark:focus:border-blue-500">
<input v-model="configFile.audio_pitch"
@change="settingsChanged=true"
class="w-full mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
>
</td>
</tr>
<tr>
<td style="min-width: 200px;">
<label for="audio_silenceTimer" class="text-sm font-bold" style="margin-right: 1rem;">audio in silence timer (ms):</label>
</td>
@ -1490,6 +1458,128 @@
</select>
</td>
</tr>
</table>
</Card>
<Card title="Whisper audio transcription" :is_subcard="true" class="pb-2 m-2">
<table class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
<tr>
<td style="min-width: 200px;">
<label for="whisper_activate" class="text-sm font-bold" style="margin-right: 1rem;">Activate Whisper at startup:</label>
</td>
<td>
<div class="flex flex-row">
<input
type="checkbox"
id="whisper_activate"
required
v-model="configFile.whisper_activate"
@change="settingsChanged=true"
class="mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
>
</div>
</td> </tr>
<tr>
<td style="min-width: 200px;">
<label for="whisper_model" class="text-sm font-bold" style="margin-right: 1rem;">Whisper model:</label>
</td>
<td>
<div class="flex flex-row">
<select
id="whisper_model"
v-model="configFile.whisper_model"
@change="settingsChanged=true"
class="w-full mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
>
<!-- Options with language codes and corresponding language names -->
<option v-for="whispermodel in whisperModels" :key="whispermodel" :value="whispermodel">
{{ whispermodel }}
</option>
</select>
</div>
</td>
</tr>
</table>
</Card>
<Card title="Open AI Whisper audio transcription" :is_subcard="true" class="pb-2 m-2">
<table class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
<tr>
<td style="min-width: 200px;">
<label for="openai_whisper_key" class="text-sm font-bold" style="margin-right: 1rem;">openai whisper key:</label>
</td>
<td>
<div class="flex flex-row">
<input
type="text"
id="openai_whisper_key"
required
v-model="configFile.openai_whisper_key"
@change="settingsChanged=true"
class="mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
>
</div>
</td>
</tr>
<tr>
<td style="min-width: 200px;">
<label for="openai_whisper_model" class="text-sm font-bold" style="margin-right: 1rem;">Open Ai Whisper model:</label>
</td>
<td>
<div class="flex flex-row">
<select
id="openai_whisper_model"
v-model="configFile.openai_whisper_model"
@change="settingsChanged=true"
class="w-full mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
>
<!-- Options with language codes and corresponding language names -->
<option v-for="whispermodel in openaiWhisperModels" :key="whispermodel" :value="whispermodel">
{{ whispermodel }}
</option>
</select>
</div>
</td>
</tr>
</table>
</Card>
</Card>
<Card title="TTS services" :is_shrunk="true" :is_subcard="true" class="pb-2 m-2">
<Card title="Browser Audio TTS" :is_subcard="true" class="pb-2 m-2">
<table class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
<tr>
<td style="min-width: 200px;">
<label for="auto_speak" class="text-sm font-bold" style="margin-right: 1rem;">Enable auto speak:</label>
</td>
<td>
<div class="flex flex-row">
<input
type="checkbox"
id="auto_speak"
required
v-model="configFile.auto_speak"
@change="settingsChanged=true"
class="mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
>
</div>
</td>
</tr>
<tr>
<td style="min-width: 200px;">
<label for="audio_pitch" class="text-sm font-bold" style="margin-right: 1rem;">audio pitch:</label>
</td>
<td>
<input id="audio_pitch" v-model="configFile.audio_pitch"
@change="settingsChanged=true"
type="range" min="0" max="10" step="0.1"
class="flex-none h-2 mt-14 mb-2 w-full bg-gray-200 rounded-lg appearance-none cursor-pointer dark:bg-gray-700 focus:ring-blue-500 focus:border-blue-500 dark:border-gray-600 dark:placeholder-gray-400 dark:focus:ring-blue-500 dark:focus:border-blue-500">
<input v-model="configFile.audio_pitch"
@change="settingsChanged=true"
class="w-full mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
>
</td>
</tr>
<tr>
<td style="min-width: 200px;">
<label for="audio_out_voice" class="text-sm font-bold" style="margin-right: 1rem;">Output Audio Voice:</label>
@ -2043,91 +2133,6 @@
</Card>
</Card>
<Card title="STT services" :is_shrunk="true" :is_subcard="true" class="pb-2 m-2">
<Card title="Whisper audio transcription" :is_subcard="true" class="pb-2 m-2">
<table class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
<tr>
<td style="min-width: 200px;">
<label for="whisper_activate" class="text-sm font-bold" style="margin-right: 1rem;">Activate Whisper at startup:</label>
</td>
<td>
<div class="flex flex-row">
<input
type="checkbox"
id="whisper_activate"
required
v-model="configFile.whisper_activate"
@change="settingsChanged=true"
class="mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
>
</div>
</td> </tr>
<tr>
<td style="min-width: 200px;">
<label for="whisper_model" class="text-sm font-bold" style="margin-right: 1rem;">Whisper model:</label>
</td>
<td>
<div class="flex flex-row">
<select
id="whisper_model"
v-model="configFile.whisper_model"
@change="settingsChanged=true"
class="w-full mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
>
<!-- Options with language codes and corresponding language names -->
<option v-for="whispermodel in whisperModels" :key="whispermodel" :value="whispermodel">
{{ whispermodel }}
</option>
</select>
</div>
</td>
</tr>
</table>
</Card>
<Card title="Open AI Whisper audio transcription" :is_subcard="true" class="pb-2 m-2">
<table class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
<tr>
<td style="min-width: 200px;">
<label for="openai_whisper_key" class="text-sm font-bold" style="margin-right: 1rem;">openai whisper key:</label>
</td>
<td>
<div class="flex flex-row">
<input
type="text"
id="openai_whisper_key"
required
v-model="configFile.openai_whisper_key"
@change="settingsChanged=true"
class="mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
>
</div>
</td>
</tr>
<tr>
<td style="min-width: 200px;">
<label for="openai_whisper_model" class="text-sm font-bold" style="margin-right: 1rem;">Open Ai Whisper model:</label>
</td>
<td>
<div class="flex flex-row">
<select
id="openai_whisper_model"
v-model="configFile.openai_whisper_model"
@change="settingsChanged=true"
class="w-full mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
>
<!-- Options with language codes and corresponding language names -->
<option v-for="whispermodel in openaiWhisperModels" :key="whispermodel" :value="whispermodel">
{{ whispermodel }}
</option>
</select>
</div>
</td>
</tr>
</table>
</Card>
</Card>
<Card title="TTT services" :is_shrunk="true" :is_subcard="true" class="pb-2 m-2">
<Card title="Ollama service" :is_subcard="true" class="pb-2 m-2">

@ -1 +1 @@
Subproject commit 0b32d9eb1d3ea3a5000eb18b9fa472908b2e9cc0
Subproject commit 69c315a57a9504a76390fb63406d813fea1bc5c2