This commit is contained in:
Saifeddine ALOUI 2024-05-24 23:14:31 +02:00
parent 3fbb88e2a4
commit d42cf8f7cb
7 changed files with 208 additions and 223 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 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LoLLMS WebUI - Welcome</title>
<script type="module" crossorigin src="/assets/index-2ebea018.js"></script>
<link rel="stylesheet" href="/assets/index-3615956c.css">
<script type="module" crossorigin src="/assets/index-d0af202a.js"></script>
<link rel="stylesheet" href="/assets/index-698784c6.css">
</head>
<body>
<div id="app"></div>

View File

@ -130,14 +130,14 @@
</div>
<div class="w-fit group relative" v-if="!loading" >
<!-- :onShowPersList="onShowPersListFun" -->
<div class= "group w-full inline-flex absolute opacity-0 group-hover:opacity-100 transform group-hover:-translate-y-1 transition-all duration-300" style="pointer-events: none;">
<div class="w-full"
<div class= " inline-flex absolute opacity-0 group-hover:opacity-100 transform group-hover:-translate-y-12 group-hover:translate-x-15 transition-all duration-300" style="pointer-events: none;">
<div class="w-full hover:scale-150"
v-for="(item, index) in installedBindings" :key="index + '-' + item.name"
ref="installedBindings">
<div v-if="item.name!=binding_name" class="group items-center flex flex-row">
<button @click.prevent="setBinding(item)" class="w-10 h-10">
<img :src="item.icon?item.icon:modelImgPlaceholder"
class="w-8 h-8 rounded-full object-fill text-red-700 border-2 active:scale-90 hover:border-secondary "
class="z-50 w-10 h-10 rounded-full object-fill text-red-700 border-2 active:scale-90 hover:border-secondary "
:title="item.name">
</button>
</div>
@ -161,7 +161,7 @@
<div v-if="item.name!=model_name" class="group items-center flex flex-row">
<button @click.prevent="setModel(item)" class="w-10 h-10">
<img :src="item.icon?item.icon:modelImgPlaceholder"
class="w-8 h-8 rounded-full object-fill text-red-700 border-2 active:scale-90 hover:border-secondary "
class="z-50 w-10 h-10 rounded-full object-fill text-red-700 border-2 active:scale-90 hover:border-secondary "
:title="item.name">
</button>
</div>

View File

@ -1,47 +1,47 @@
<template>
<!-- LIST OF MOUNTED PERSONALITIES -->
<div class="w-fit flex select-none">
<div class="w-8 h-8 group relative" >
<img :src="bUrl + mountedPers.avatar" @error="personalityImgPlacehodler"
class="w-8 h-8 rounded-full object-fill text-red-700 hover:scale-150 active:scale-90 hover:z-50 hover:-translate-y-2 duration-150 border-secondary cursor-pointer"
:title="'Active personality: '+mountedPers.name" @click="onSettingsPersonality(mountedPers)">
<div class="opacity-0 group-hover:opacity-100">
<button class="-top-1 group-hover:translate-x-5 border-gray-500 absolute active:scale-90 w-7 h-7 hover:scale-150 transition bg-bg-light dark:bg-bg-dark rounded-full border-2" @click.prevent="remount_personality()" v-if="personalityHoveredIndex === index">
<span
title="Remount">
<!-- UNMOUNT BUTTON -->
<svg xmlns="http://www.w3.org/2000/svg" class="top-0 left-1 relative w-4 h-4 text-red-600 hover:text-red-500 " viewBox="0 0 30 30" width="2" height="2" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
<g id="surface1">
<path style=" " d="M 16 4 C 10.886719 4 6.617188 7.160156 4.875 11.625 L 6.71875 12.375 C 8.175781 8.640625 11.710938 6 16 6 C 19.242188 6 22.132813 7.589844 23.9375 10 L 20 10 L 20 12 L 27 12 L 27 5 L 25 5 L 25 8.09375 C 22.808594 5.582031 19.570313 4 16 4 Z M 25.28125 19.625 C 23.824219 23.359375 20.289063 26 16 26 C 12.722656 26 9.84375 24.386719 8.03125 22 L 12 22 L 12 20 L 5 20 L 5 27 L 7 27 L 7 23.90625 C 9.1875 26.386719 12.394531 28 16 28 C 21.113281 28 25.382813 24.839844 27.125 20.375 Z "/>
</g>
</svg>
<div class="w-fit flex select-none">
<div class="w-8 h-8 group relative" >
<img :src="bUrl + mountedPers.avatar" @error="personalityImgPlacehodler"
class="w-8 h-8 rounded-full object-fill text-red-700 hover:scale-150 active:scale-90 hover:z-50 hover:-translate-y-2 duration-150 border-secondary cursor-pointer"
:title="'Active personality: '+mountedPers.name" @click="onSettingsPersonality(mountedPers)">
<div class="opacity-0 group-hover:opacity-100">
<button class="-top-1 group-hover:translate-x-5 border-gray-500 absolute active:scale-90 w-7 h-7 hover:scale-150 transition bg-bg-light dark:bg-bg-dark rounded-full border-2" @click.prevent="remount_personality()" v-if="personalityHoveredIndex === index">
<span
title="Remount">
<!-- UNMOUNT BUTTON -->
<svg xmlns="http://www.w3.org/2000/svg" class="top-0 left-1 relative w-4 h-4 text-red-600 hover:text-red-500 " viewBox="0 0 30 30" width="2" height="2" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
<g id="surface1">
<path style=" " d="M 16 4 C 10.886719 4 6.617188 7.160156 4.875 11.625 L 6.71875 12.375 C 8.175781 8.640625 11.710938 6 16 6 C 19.242188 6 22.132813 7.589844 23.9375 10 L 20 10 L 20 12 L 27 12 L 27 5 L 25 5 L 25 8.09375 C 22.808594 5.582031 19.570313 4 16 4 Z M 25.28125 19.625 C 23.824219 23.359375 20.289063 26 16 26 C 12.722656 26 9.84375 24.386719 8.03125 22 L 12 22 L 12 20 L 5 20 L 5 27 L 7 27 L 7 23.90625 C 9.1875 26.386719 12.394531 28 16 28 C 21.113281 28 25.382813 24.839844 27.125 20.375 Z "/>
</g>
</svg>
</span>
</button>
</span>
</button>
<button class="-top-1 group-hover:-translate-x-12 border-gray-500 active:scale-90 absolute items-center w-7 h-7 hover:scale-150 transition text-red-200 absolute active:scale-90 bg-bg-light dark:bg-bg-dark rounded-full border-2" @click.prevent="handleOnTalk()" v-if="personalityHoveredIndex === index">
<span
title="Talk">
<!-- UNMOUNT BUTTON -->
<svg xmlns="http://www.w3.org/2000/svg" class="left-1 relative w-4 h-4 text-red-600 hover:text-red-500 " viewBox="0 0 24 24" width="2" height="2" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
<line x1="22" y1="2" x2="11" y2="13"></line>
<polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
</svg>
<button class="-top-1 group-hover:-translate-x-12 border-gray-500 active:scale-90 absolute items-center w-7 h-7 hover:scale-150 transition text-red-200 absolute active:scale-90 bg-bg-light dark:bg-bg-dark rounded-full border-2" @click.prevent="handleOnTalk()" v-if="personalityHoveredIndex === index">
<span
title="Talk">
<!-- UNMOUNT BUTTON -->
<svg xmlns="http://www.w3.org/2000/svg" class="left-1 relative w-4 h-4 text-red-600 hover:text-red-500 " viewBox="0 0 24 24" width="2" height="2" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
<line x1="22" y1="2" x2="11" y2="13"></line>
<polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
</svg>
</span>
</button>
</span>
</button>
</div>
</div>
</div>
<div class="flex -space-x-4 " v-if="mountedPersArr.length > 1">
<div class="flex items-center justify-center w-8 h-8 cursor-pointer text-xs font-medium bg-bg-light dark:bg-bg-dark border-2 hover:border-secondary rounded-full hover:bg-bg-light-tone dark:hover:bg-bg-dark-tone dark:border-gray-800 hover:z-50 hover:-translate-y-2 duration-150 active:scale-90"
@click.stop="toggleShowPersList" title="Click to show more">+{{ mountedPersArr.length - 1 }}</div>
</div>
</div>
</div>
<UniversalForm ref="universalForm" class="z-50" />
</template>
<Toast ref="toast">

View File

@ -64,7 +64,7 @@
</div>
</a>
<a href="https://twitter.com/SpaceNerduino" target="_blank">
<a href="https://x.com/ParisNeo_AI" target="_blank">
<div class="text-2xl hover:fill-primary dark:fill-white dark:hover:fill-primary duration-150" title="Follow me on my twitter acount">
<svg class="w-10 h-10 rounded-lg object-fill dark:text-white" xmlns="http://www.w3.org/2000/svg"

View File

@ -5963,22 +5963,7 @@ export default {
},
whisperModels(){
return [
"base",
"base.en",
"base.fr",
"base.es",
"small",
"small.en",
"small.fr",
"small.es",
"medium",
"medium.en",
"medium.fr",
"medium.es",
"large",
"large.en",
"large.fr",
"large.es",
'tiny.en', 'tiny', 'base.en', 'base', 'small.en', 'small', 'medium.en', 'medium', 'large-v1', 'large-v2', 'large-v3', 'large'
]
},
audioLanguages() {