upgraded ui

This commit is contained in:
Saifeddine ALOUI 2024-01-27 19:44:58 +01:00
parent ee3ddf483c
commit dd7549b17b
11 changed files with 238 additions and 204 deletions

View File

@ -1,5 +1,5 @@
# =================== Lord Of Large Language Models Configuration file ===========================
version: 48
# =================== Lord Of Large Language Multimodal Systems Configuration file ===========================
version: 49
binding_name: null
model_name: null
@ -124,3 +124,8 @@ positive_boost: null
negative_boost: null
force_output_language_to_be: null
fun_mode: False
# webui configurations
show_code_of_conduct: true
activate_audio_infos: true

@ -1 +1 @@
Subproject commit c3007e744a59575f002ca70b3e23e5c17181644c
Subproject commit 781b1382d73749ef57783df8ef62e8f9747e2f2d

View File

@ -1462,10 +1462,10 @@ class LOLLMSWebUI(LOLLMSElfServer):
d.rename(title)
asyncio.run(
self.sio.emit('disucssion_renamed',{
'status': True,
'discussion_id':d.discussion_id,
'title':title
}, to=client_id)
'status': True,
'discussion_id':d.discussion_id,
'title':title
}, to=client_id)
)
self.busy=False

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-d47514f3.js"></script>
<link rel="stylesheet" href="/assets/index-f2a937ca.css">
<script type="module" crossorigin src="/assets/index-8d3e1c38.js"></script>
<link rel="stylesheet" href="/assets/index-483bfb4a.css">
</head>
<body>
<div id="app"></div>

View File

@ -1,7 +1,7 @@
<template>
<div v-if="show" class="fixed top-0 left-0 right-0 bottom-0 flex items-center justify-center bg-black bg-opacity-50 z-50">
<div class="pl-10 pr-10 bg-bg-light dark:bg-bg-dark p-8 rounded-lg shadow-lg">
<div class="container overflow-y-auto">
<div class="container max-h-500 overflow-y-auto">
<div class="text-lg font-medium">
<MarkdownRenderer ref="mdRender" :host="''" :markdown-text="message" :message_id="0" :discussion_id="0">
</MarkdownRenderer>

View File

@ -157,12 +157,22 @@ export default {
watch:{
isConnected(){
if (!this.isConnected){
this.connection_lost_audio.play()
this.$store.state.toast.showToast("Server suddenly disconnected. Please reboot the server", 410, false)
this.$store.state.messageBox.showBlockingMessage("Server suddenly disconnected. Please reboot the server to recover the connection")
this.is_first_connection = false
console.log("this.is_first_connection set to false")
console.log(this.is_first_connection)
if(this.$store.state.config.activate_audio_infos)
this.connection_lost_audio.play()
}
else{
this.connection_recovered_audio.play()
this.$store.state.toast.showToast("Server connected.", 410, true)
console.log("this.is_first_connection")
console.log(this.is_first_connection)
if(!this.is_first_connection){
this.$store.state.messageBox.hideMessage()
this.$store.state.messageBox.showMessage("Server connected.")
if(this.$store.state.config.activate_audio_infos)
this.connection_recovered_audio.play()
}
}
nextTick(() => {
feather.replace()
@ -172,6 +182,7 @@ export default {
},
data() {
return {
is_first_connection:true,
discord:discord,
FastAPI:FastAPI,
rebooting_audio: new Audio("rebooting.wav"),

View File

@ -759,6 +759,24 @@
<Card title="Browser Audio" :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="activate_audio_infos" class="text-sm font-bold" style="margin-right: 1rem;">Activate audio infos:</label>
</td>
<td>
<div class="flex flex-row">
<input
type="checkbox"
id="activate_audio_infos"
required
v-model="configFile.activate_audio_infos"
@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_auto_send_input" class="text-sm font-bold" style="margin-right: 1rem;">Send audio input automatically:</label>

@ -1 +1 @@
Subproject commit ba561ee5d6e56abd6b459922b6f7316cffdabf31
Subproject commit 71f07f9f6ed6450bde23cff7d6c6cc157a498665

@ -1 +1 @@
Subproject commit ee51301fb9fc040bfb89ea62831c923d18db2c70
Subproject commit 5138a0478bd74d2da138ca59d9ca548807aa8608