upgraded ui

This commit is contained in:
Saifeddine ALOUI 2024-01-14 12:12:53 +01:00
parent 8ebcce2ed4
commit bc07d09629
10 changed files with 262 additions and 234 deletions

@ -1 +1 @@
Subproject commit 79077ce2429bd45668c88596aa7c1ce0d880bfe5
Subproject commit d970f803251df368a463bc2e561649c037221b09

View File

@ -240,8 +240,8 @@ class LOLLMSWebUI(LOLLMSElfServer):
try:
if self.connections[sid]["processing"]:
self.connections[sid]["schedule_for_deletion"]=True
else:
del self.connections[sid]
# else:
# del self.connections[sid]
except Exception as ex:
pass

8
web/dist/assets/index-76d7a217.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-617b8904.js"></script>
<link rel="stylesheet" href="/assets/index-99284e99.css">
<script type="module" crossorigin src="/assets/index-831986d0.js"></script>
<link rel="stylesheet" href="/assets/index-76d7a217.css">
</head>
<body>
<div id="app"></div>

View File

@ -2,7 +2,10 @@
<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="text-lg font-medium">{{ message }}</div>
<div class="text-lg font-medium">
<MarkdownRenderer ref="mdRender" :host="''" :markdown-text="message" :message_id="0" :discussion_id="0">
</MarkdownRenderer>
</div>
</div>
<div class="mt-4 flex justify-center">
<button v-if="has_button" @click="hide" class="bg-primary hover:bg-primary-light active:scale-95 duration-150 text-white px-4 py-2 rounded-lg shadow-lg hover:bg-secondary-dark">
@ -24,6 +27,8 @@
</template>
<script>
import MarkdownRenderer from './MarkdownRenderer.vue';
export default {
data() {
return {
@ -32,6 +37,9 @@
message: "",
};
},
components:{
MarkdownRenderer
},
methods: {
hide() {
this.show = false;

View File

@ -47,7 +47,7 @@
</a>
<a href="https://github.com/ParisNeo/lollms-webui" target="_blank">
<div class="text-2xl hover:text-primary duration-150" title="Fast API doc">
<a href="/docs"><img :src="FastAPI" width="75" height="25"></a>
<a href="/docs" target="_blank"><img :src="FastAPI" width="75" height="25"></a>
</div>
</a>
@ -77,10 +77,9 @@
</div>
</a>
<a href="https://www.youtube.com/channel/UCJzrg0cyQV2Z30SQ1v2FdSQ" target="_blank">
<a href="https://discord.com/channels/1092918764925882418" target="_blank">
<div class="text-2xl hover:text-primary duration-150" title="Visit my discord channel">
<img :src="discord">
<img :src="discord" width="25" height="25">
</div>
</a>
<div class="sun text-2xl w-6 hover:text-primary duration-150" title="Swith to Light theme"

View File

@ -942,6 +942,11 @@
>
</div>
</td>
<td>
<div class="hover:text-secondary duration-75 active:scale-90 peer-checked:text-primary" @click="this.$store.state.messageBox.showMessage('Activates Stable diffusion service. The service will be automatically loaded at startup alowing you to use the stable diffusion endpoint to generate images')">
<i data-feather="help-circle" class="w-5 h-5 "></i>
</div>
</td>
</tr>
<tr>
<td style="min-width: 200px;">
@ -990,6 +995,11 @@
>
</div>
</td>
<td>
<div class="hover:text-secondary duration-75 active:scale-90 peer-checked:text-primary" @click="this.$store.state.messageBox.showMessage('Activates ollama service. The service will be automatically loaded at startup alowing you to use the ollama binding.\nIf you are using windows, this uses wsl which requires you to have it installed or at least activated.\nIf You are using windows, this will install wsl so you need to activate it.\n<a href=\'https://techcommunity.microsoft.com/t5/windows-11/how-to-install-the-linux-windows-subsystem-in-windows-11/m-p/2701207\' target=\'_blank\'>Here is how you can do that</a>')">
<i data-feather="help-circle" class="w-5 h-5 "></i>
</div>
</td>
</tr>
<tr>
<td style="min-width: 200px;">
@ -1038,6 +1048,12 @@
>
</div>
</td>
<td>
<div class="hover:text-secondary duration-75 active:scale-90 peer-checked:text-primary" @click="this.$store.state.messageBox.showMessage('Activates Petals service. The service will be automatically loaded at startup alowing you to use the petals endpoint to generate text in a distributed network.\nIf You are using windows, this will install wsl so you need to activate it.\n<a href=\'https://techcommunity.microsoft.com/t5/windows-11/how-to-install-the-linux-windows-subsystem-in-windows-11/m-p/2701207\' target=\'_blank\'>Here is how you can do that</a>')">
<i data-feather="help-circle" class="w-5 h-5 "></i>
</div>
</td>
</tr>
<tr>
<td style="min-width: 200px;">

@ -1 +1 @@
Subproject commit bba0e70e92777216319029de78be4a161735493c
Subproject commit 13679d2fdb09f8225df18759400b5fe7c8accb5e