ExternalVendorCode/lollms-webui
1
0
Fork 0
mirror of https://github.com/ParisNeo/lollms-webui.git synced 2025-04-22 17:50:52 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

v9.7

Browse Source
This commit is contained in:
Saifeddine ALOUI 2024-05-03 01:25:40 +02:00
parent db3787c289
commit ba7cf586b7
6 changed files with 218 additions and 194 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

366
web/dist/assets/index-58d8702e.js → web/dist/assets/index-9dc63357.js vendored
View File

File diff suppressed because one or more lines are too long

2
web/dist/assets/index-82bacbd8.css → web/dist/assets/index-b09297ba.css 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-58d8702e.js"></script>
<link rel="stylesheet" href="/assets/index-82bacbd8.css">
<script type="module" crossorigin src="/assets/index-9dc63357.js"></script>
<link rel="stylesheet" href="/assets/index-b09297ba.css">
</head>
<body>
<div id="app"></div>

7
web/src/components/TopBar.vue
View File

@ -5,7 +5,7 @@
<!-- LOGO -->
<RouterLink :to="{ name: 'discussions' }">
<div class="flex items-center gap-3 flex-1">
<img class="w-12 hover:scale-95 duration-150" title="LoLLMS WebUI" :src="$store.state.config.app_custom_logo || storeLogo" alt="Logo">
<img class="w-12 hover:scale-95 duration-150" title="LoLLMS WebUI" :src="$store.state.config.app_custom_logo!=''?'/user_infos/'+$store.state.config.app_custom_logo: storeLogo" alt="Logo">
<div class="flex flex-col">
<p class="text-2xl font-bold text-2xl drop-shadow-md align-middle">LoLLMS</p>
<p class="text-gray-400 ">One tool to rule them all</p>
@ -177,6 +177,9 @@ import axios from 'axios';
export default {
name: 'TopBar',
computed:{
storeLogo(){
return '/user_infos/'+this.$store.state.config.app_custom_logo || storeLogo
},
languages: {
get(){
console.log("searching languages", this.$store.state.languages)
@ -264,7 +267,6 @@ export default {
isLanguageMenuVisible: false,
static_info: static_info,
animated_info: animated_info,
storeLogo:storeLogo,
is_first_connection:true,
discord:discord,
FastAPI:FastAPI,
@ -308,6 +310,7 @@ export default {
this.userTheme = localStorage.getItem("theme");
this.systemTheme = window.matchMedia("prefers-color-scheme: dark").matches;
},
methods: {
addCustomLanguage() {
if (this.customLanguage.trim() !== '') {

5
web/src/components/WelcomeComponent.vue
View File

@ -3,9 +3,8 @@
<div class="flex flex-col text-center w-full h-full">
<div class="flex flex-col text-center items-center">
<div class="flex items-center gap-3 text-5xl drop-shadow-md align-middle pt-24 ">
<img class="w-24 animate-bounce" title="LoLLMS WebUI" :src="$store.state.config.app_custom_logo || storeLogo" alt="Logo">
<div class="flex items-center gap-3 text-5xl drop-shadow-md align-middle pt-24 ">
<img class="w-12 hover:scale-95 duration-150" title="LoLLMS WebUI" :src="$store.state.config.app_custom_logo!=''?'/user_infos/'+$store.state.config.app_custom_logo: storeLogo" alt="Logo">
<div class="flex flex-col items-start">
<p class="text-2xl ">LoLLMS</p>
<p class="text-gray-400 text-base">One tool to rule them all</p>

28
web/src/views/SettingsView.vue
View File

@ -227,12 +227,19 @@
<td style="min-width: 200px;">
<label for="app_custom_logo" class="text-sm font-bold" style="margin-right: 1rem;">Application logo:</label>
</td>
<td style="width: 100%;">
<td>
<label for="avatar-upload">
<img :src="configFile.app_custom_logo!=''? '/user_infos/'+configFile.app_custom_logo:storeLogo" class="w-50 h-50 rounded-full" style="max-width: 50px; max-height: 50px; cursor: pointer;">
</label>
<input type="file" id="avatar-upload" style="display: none" @change="uploadLogo">
</td>
<td style="width: 10%;">
<button class="text-2xl hover:text-red-600 duration-75 active:scale-90 " title="Discard title changes"
type="button" @click.stop="resetLogo()">
<i data-feather="x"></i>
</button>
</td>
</tr>
<tr>
@ -487,12 +494,19 @@
<td style="min-width: 200px;">
<label for="user_name" class="text-sm font-bold" style="margin-right: 1rem;">User avatar:</label>
</td>
<td style="width: 100%;">
<td>
<label for="avatar-upload">
<img :src="'/user_infos/'+configFile.user_avatar || storeLogo" class="w-50 h-50 rounded-full" style="max-width: 50px; max-height: 50px; cursor: pointer;">
<img :src="configFile.user_avatar!=''?'/user_infos/'+configFile.user_avatar: storeLogo" class="w-50 h-50 rounded-full" style="max-width: 50px; max-height: 50px; cursor: pointer;">
</label>
<input type="file" id="avatar-upload" style="display: none" @change="uploadAvatar">
</td>
<td style="width: 10%;">
<button class="text-2xl hover:text-red-600 duration-75 active:scale-90 " title="Discard title changes"
type="button" @click.stop="resetAvatar()">
<i data-feather="x"></i>
</button>
</td>
</tr>
<!-- Row 4 -->
<tr>
@ -3417,6 +3431,14 @@ export default {
socket.emit('install_model', { path: path, name: model_object.model.name, variant_name:this.selected_variant.name, type:model_object.model.type });
console.log("Started installation, please wait");
},
resetLogo(){
this.configFile.app_custom_logo='';
this.settingsChanged=true
},
resetAvatar(){
this.configFile.user_avatar='';
this.settingsChanged=true
},
uploadLogo(event){
const file = event.target.files[0]; // Get the selected file
const formData = new FormData(); // Create a FormData object