updated ui

This commit is contained in:
Saifeddine ALOUI 2024-07-31 19:43:38 +02:00
parent 12c75a3e2e
commit a930c6ef73
5 changed files with 95 additions and 93 deletions

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 @@
<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LoLLMS WebUI</title>
<script type="module" crossorigin src="/assets/index-4ac94331.js"></script>
<link rel="stylesheet" href="/assets/index-9ddef0b4.css">
<script type="module" crossorigin src="/assets/index-a438c58d.js"></script>
<link rel="stylesheet" href="/assets/index-b7b67c6b.css">
</head>
<body>
<div id="app"></div>

View File

@ -84,4 +84,5 @@
}
});
</script>

View File

@ -2562,95 +2562,96 @@
</table>
</Card>
<Card title="Eleven Labs TTS service" :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="elevenlabs_tts_key" class="text-sm font-bold" style="margin-right: 1rem;">Eleven Labs key:</label>
</td>
<td>
<div class="flex flex-row">
<input
type="text"
id="elevenlabs_tts_key"
required
v-model="configFile.elevenlabs_tts_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="elevenlabs_tts_model_id" class="text-sm font-bold" style="margin-right: 1rem;">Eleven Labs TTS model ID:</label>
</td>
<td>
<div class="flex flex-row">
<input
type="text"
id="elevenlabs_tts_model_id"
required
v-model="configFile.elevenlabs_tts_model_id"
@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="elevenlabs_tts_voice_stability" class="text-sm font-bold" style="margin-right: 1rem;">Voice Stability:</label>
</td>
<td>
<div class="flex flex-row">
<input
type="number"
id="elevenlabs_tts_voice_stability"
required
v-model="configFile.elevenlabs_tts_voice_stability"
@change="settingsChanged=true"
class="mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
step="0.1"
min="0" max="1"
>
</div>
</td>
</tr>
<tr>
<td style="min-width: 200px;">
<label for="elevenlabs_tts_voice_boost" class="text-sm font-bold" style="margin-right: 1rem;">Voice Boost:</label>
</td>
<td>
<div class="flex flex-row">
<input
type="number"
id="elevenlabs_tts_voice_boost"
required
v-model="configFile.elevenlabs_tts_voice_boost"
@change="settingsChanged=true"
class="mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
step="0.1"
min="0" max="1"
>
</div>
</td>
</tr>
<tr>
<td style="min-width: 200px;">
<label for="elevenlabs_tts_voice_id" class="text-sm font-bold" style="margin-right: 1rem;">Voice ID:</label>
</td>
<td>
<div class="flex flex-row">
<select v-model="configFile.elevenlabs_tts_voice_id" @change="settingsChanged=true">
<option v-for="voice in voices" :key="voice.voice_id" :value="voice.voice_id">{{ voice.name }}</option>
</select>
</div>
</td>
</tr>
</table>
</Card>
</Card>
<Card title="Eleven Labs TTS service" :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="elevenlabs_tts_key" class="text-sm font-bold" style="margin-right: 1rem;">Eleven Labs key:</label>
</td>
<td>
<div class="flex flex-row">
<input
type="text"
id="elevenlabs_tts_key"
required
v-model="configFile.elevenlabs_tts_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="elevenlabs_tts_model_id" class="text-sm font-bold" style="margin-right: 1rem;">Eleven Labs TTS model ID:</label>
</td>
<td>
<div class="flex flex-row">
<input
type="text"
id="elevenlabs_tts_model_id"
required
v-model="configFile.elevenlabs_tts_model_id"
@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="elevenlabs_tts_voice_stability" class="text-sm font-bold" style="margin-right: 1rem;">Voice Stability:</label>
</td>
<td>
<div class="flex flex-row">
<input
type="number"
id="elevenlabs_tts_voice_stability"
required
v-model="configFile.elevenlabs_tts_voice_stability"
@change="settingsChanged=true"
class="mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
step="0.1"
min="0" max="1"
>
</div>
</td>
</tr>
<tr>
<td style="min-width: 200px;">
<label for="elevenlabs_tts_voice_boost" class="text-sm font-bold" style="margin-right: 1rem;">Voice Boost:</label>
</td>
<td>
<div class="flex flex-row">
<input
type="number"
id="elevenlabs_tts_voice_boost"
required
v-model="configFile.elevenlabs_tts_voice_boost"
@change="settingsChanged=true"
class="mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
step="0.1"
min="0" max="1"
>
</div>
</td>
</tr>
<tr>
<td style="min-width: 200px;">
<label for="elevenlabs_tts_voice_id" class="text-sm font-bold" style="margin-right: 1rem;">Voice ID:</label>
</td>
<td>
<div class="flex flex-row">
<select v-model="configFile.elevenlabs_tts_voice_id" @change="settingsChanged=true">
<option v-for="voice in voices" :key="voice.voice_id" :value="voice.voice_id">{{ voice.name }}</option>
</select>
</div>
</td>
</tr>
</table>
</Card>
<Card title="TTI services" :is_shrunk="true" :is_subcard="true" class="pb-2 m-2">
<Card title="Stable diffusion service" :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">