ExternalVendorCode/lollms-webui
1
0
Fork 0
mirror of https://github.com/ParisNeo/lollms-webui.git synced 2024-12-18 20:17:50 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

upgraded ui

Browse Source
This commit is contained in:
Saifeddine ALOUI 2024-06-29 18:40:23 +02:00
parent 021e78e442
commit d7328445b4
6 changed files with 354 additions and 323 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lollms_core

@ -1 +1 @@
Subproject commit d670770464ca5024e046e10a61ab82827924c5d3
Subproject commit f06144ca2c52d10842169e1d80979d9cabec3d91

2
web/dist/assets/index-90b8fd3b.css → web/dist/assets/index-8f8335b4.css vendored
View File

File diff suppressed because one or more lines are too long

590
web/dist/assets/index-2028504d.js → web/dist/assets/index-b04aad39.js vendored
View File

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-2028504d.js"></script>
<link rel="stylesheet" href="/assets/index-90b8fd3b.css">
<script type="module" crossorigin src="/assets/index-b04aad39.js"></script>
<link rel="stylesheet" href="/assets/index-8f8335b4.css">
</head>
<body>
<div id="app"></div>

77
web/src/components/ChatBox.vue
View File

@ -129,19 +129,27 @@
</div>
</div>
<div class="w-fit group relative" v-if="!loading" >
<!-- :onShowPersList="onShowPersListFun" -->
<div class= "group space-x-1 w-full inline-flex absolute opacity-0 group-hover:opacity-100 transform group-hover:-translate-y-12 group-hover:translate-x-15 transition-all duration-300">
<div class="w-full"
<div class= "hide top-50 hide opacity-0 group-hover:bottom-0 opacity-0 .group-hover:block fixed w-[1000px] group absolute group-hover:opacity-100 transform group-hover:translate-y-[-50px] 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 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-8 h-8">
<img :src="item.icon?item.icon:modelImgPlaceholder"
class="z-50 w-8 h-8 rounded-full object-fill text-red-700 border-2 active:scale-90 hover:border-secondary "
ref="installedBindings"
@mouseover="showBindingHoveredIn(index)" @mouseleave="showBindingHoveredOut()"
>
<div v-if="index!=binding_name" class="items-center flex flex-row relative z-20 hover:-translate-y-8 duration-300"
:class="bindingHoveredIndex === index?'scale-150':''"
>
<div class="relative">
<button @click.prevent="setBinding(item)" class="w-10 h-10 relative">
<img :src="item.icon?item.icon:modelImgPlaceholder" @error="modelImgPlaceholder"
class="z-50 w-10 h-10 rounded-full object-fill text-red-700 border-2 border-gray-500 active:scale-90"
:class="bindingHoveredIndex === index?'scale-150 ':'' + item.name==binding_name ? 'border-secondary' : 'border-transparent z-0'"
:title="item.name">
</button>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="group items-center flex flex-row">
<button @click.prevent="showModelConfig()" class="w-8 h-8">
@ -151,21 +159,29 @@
</button>
</div>
</div>
</div>
<div class="w-fit group relative" v-if="!loading" >
<!-- :onShowPersList="onShowPersListFun" -->
<div class= "group space-x-1 w-full inline-flex absolute opacity-0 group-hover:opacity-100 transform group-hover:-translate-y-12 group-hover:translate-x-15 transition-all duration-300">
<div class="w-full"
<div class= "hide top-50 hide opacity-0 group-hover:bottom-0 opacity-0 .group-hover:block fixed w-[1000px] group absolute group-hover:opacity-100 transform group-hover:translate-y-[-50px] 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 installedModels" :key="index + '-' + item.name"
ref="installedModels">
<div v-if="item.name!=model_name" class="group items-center flex flex-row">
<button @click.prevent="setModel(item)" class="w-8 h-8">
<img :src="item.icon?item.icon:modelImgPlaceholder"
class="z-50 w-8 h-8 rounded-full object-fill text-red-700 border-2 active:scale-90 hover:border-secondary "
ref="installedModels"
@mouseover="showModelHoveredIn(index)" @mouseleave="showModelHoveredOut()"
>
<div v-if="index!=model_name" class="items-center flex flex-row relative z-20 hover:-translate-y-8 duration-300"
:class="modelHoveredIndex === index?'scale-150':''"
>
<div class="relative">
<button @click.prevent="setModel(item)" class="w-10 h-10 relative">
<img :src="item.icon?item.icon:modelImgPlaceholder" @error="personalityImgPlacehodler"
class="z-50 w-10 h-10 rounded-full object-fill text-red-700 border-2 border-gray-500 active:scale-90"
:class="modelHoveredIndex === index?'scale-150 ':'' + item.name==model_name ? 'border-secondary' : 'border-transparent z-0'"
:title="item.name">
</button>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="group items-center flex flex-row">
<button @click.prevent="showModelConfig()" class="w-8 h-8">
@ -178,7 +194,7 @@
</div>
<div class="w-fit group relative" v-if="!loading">
<!-- :onShowPersList="onShowPersListFun" -->
<div class= "hide .group-hover:block fixed w-[1000px] bottom-0 group absolute opacity-0 group-hover:opacity-100 transform group-hover:translate-y-[-50px] group-hover:translate-x-[0px] transition-all duration-300">
<div class= "top-50 hide opacity-0 group-hover:bottom-0 .group-hover:block fixed w-[1000px] group absolute group-hover:opacity-100 transform group-hover:translate-y-[-60px] 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"
@ -447,6 +463,8 @@ export default {
data() {
return {
is_rt:false,
bindingHoveredIndex:null,
modelHoveredIndex:null,
personalityHoveredIndex:null,
loader_v0:loader_v0,
sendGlobe:sendGlobe,
@ -739,7 +757,20 @@ export default {
return
}
},
},
async showBindingHoveredIn(index){
this.bindingHoveredIndex = index
},
async showBindingHoveredOut(){
this.bindingHoveredIndex = null
},
async showModelHoveredIn(index){
this.modelHoveredIndex = index
},
async showModelHoveredOut(){
this.modelHoveredIndex = null
},
async showPersonalityHoveredIn(index){
this.personalityHoveredIndex = index
},

2
zoos/personalities_zoo

@ -1 +1 @@
Subproject commit 0e15563557ef40b9b88da92dd18bab465720c368
Subproject commit 98999431d6f9bee333374253006d54b4cef07f44