Added comfyui

This commit is contained in:
Saifeddine ALOUI 2024-03-17 23:05:56 +01:00
parent ba94fb4c9e
commit 4ff6ca9b9c
9 changed files with 327 additions and 225 deletions

View File

@ -1,5 +1,5 @@
# =================== Lord Of Large Language Multimodal Systems Configuration file ===========================
version: 75
version: 76
binding_name: null
model_name: null
model_variant: null
@ -85,6 +85,10 @@ current_language: en
enable_sd_service: false
sd_base_url: http://localhost:7860
# Image generation service comfyui
enable_comfyui_service: false
comfyui_base_url: http://127.0.0.1:8188/
# Motion control service
enable_motion_ctrl_service: false
motion_ctrl_base_url: http://localhost:7861

@ -1 +1 @@
Subproject commit b0418cbf97172dfb2c4366fd6aed020a68a8d5f9
Subproject commit 78f9eb0919546e6f4150582e0612af9d062dcdf4

8
web/dist/assets/index-0a664c5a.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-7435ebb4.js"></script>
<link rel="stylesheet" href="/assets/index-45c73858.css">
<script type="module" crossorigin src="/assets/index-d7233c1d.js"></script>
<link rel="stylesheet" href="/assets/index-0a664c5a.css">
</head>
<body>
<div id="app"></div>

View File

@ -1,16 +1,17 @@
<template>
<div :class="{ 'hidden': !isVisible }" class="absolute top-20 left-20 bottom-20 right-20 bg-bg-light shadow-lg rounded">
<div id="leftPanel" class="flex flex-row flex-grow overflow-y-scroll no-scrollbar shadow-lg rounded">
<div class=" sticky z-10 top-0 bg-bg-light-tone dark:bg-bg-dark-tone shadow-md ">
<div :class="{ 'hidden': !isVisible }" class="absolute flex flex-col no-scrollbar shadow-lg bg-bg-light dark:bg-bg-dark top-20 left-20 bottom-20 right-20 shadow-lg rounded">
<div id="leftPanel" class="flex flex-row h-full flex-grow shadow-lg rounded">
<div class="z-10 top-0 w-96 bg-bg-light-tone dark:bg-bg-dark-tone shadow-md overflow-y-scroll no-scrollbar">
<div class="search p-4">
<input type="text" v-model="searchQuery" placeholder="Search skills" class="border border-gray-300 rounded px-2 py-1 mr-2">
<button @click="searchSkills" class="bg-blue-500 text-white rounded px-4 py-1">Search</button>
</div>
<div class="w-1/4 p-4">
<div classclass="absolute flex flex-col no-scrollbar shadow-lg min-w-[24rem] max-w-[24rem] bg-bg-light-tone dark:bg-bg-dark-tone top-20 left-20 bottom-20 right-20 bg-bg-light shadow-lg rounded">
<h2 class="text-xl font-bold m-4">Titles</h2>
<TransitionGroup v-if="titles.length > 0" name="list">
<Discussion v-for="title in titles" :key="title.id" :id="title.id" :title="title.title"
:selected="fetchTitles(title)" :loading="loading" :isCheckbox="isCheckbox"
:selected="fetchContent(title.id)" :loading="loading" :isCheckbox="isCheckbox"
:checkBoxValue="false"
@select="fetchContent(title.id)"
@delete="deleteSkill(title.id)"
@ -28,7 +29,7 @@
</div>
</div>
<button @click="closeComponent" class="absolute top-2 right-2 bg-red-500 text-white rounded px-2 py-1">Close</button>
<button @click="closeComponent" class="absolute top-2 right-2 bg-red-500 text-white rounded px-2 py-1 hover:bg-red-300">Close</button>
</div>
</template>

View File

@ -1284,6 +1284,7 @@
<div class="flex flex-row">
<button class="hover:text-primary bg-green-200 rounded-lg p-4 m-4 w-full text-center items-center" @click="reinstallSDService">install sd service</button>
<button class="hover:text-primary bg-green-200 rounded-lg p-4 m-4 w-full text-center items-center" @click="startSDService">start sd service</button>
<button class="hover:text-primary bg-green-200 rounded-lg p-4 m-4 w-full text-center items-center" @click="showSD">show sd ui</button>
</div>
</td>
</tr>
@ -1306,6 +1307,61 @@
</tr>
</table>
</Card>
<Card title="ComfyUI service" :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="enable_comfyui_service" class="text-sm font-bold" style="margin-right: 1rem;">Enable comfyui service:</label>
</td>
<td>
<div class="flex flex-row">
<input
type="checkbox"
id="enable_comfyui_service"
required
v-model="configFile.enable_comfyui_service"
@change="settingsChanged=true"
class="mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
>
</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;">
<label for="install_comfyui_service" class="text-sm font-bold" style="margin-right: 1rem;">Install ComfyUI service:</label>
</td>
<td>
<div class="flex flex-row">
<button class="hover:text-primary bg-green-200 rounded-lg p-4 m-4 w-full text-center items-center" @click="reinstallComfyUIService">install comfyui service</button>
<button class="hover:text-primary bg-green-200 rounded-lg p-4 m-4 w-full text-center items-center" @click="startComfyUIService">start comfyui service</button>
<button class="hover:text-primary bg-green-200 rounded-lg p-4 m-4 w-full text-center items-center" @click="showComfyui">show comfyui</button>
</div>
</td>
</tr>
<tr>
<td style="min-width: 200px;">
<label for="comfyui_base_url" class="text-sm font-bold" style="margin-right: 1rem;">comfyui base url:</label>
</td>
<td>
<div class="flex flex-row">
<input
type="text"
id="comfyui_base_url"
required
v-model="configFile.comfyui_base_url"
@change="settingsChanged=true"
class="mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
>
</div>
</td>
</tr>
</table>
</Card>
<Card title="Motion Ctrl service" :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>
@ -2866,6 +2922,47 @@ export default {
});
},
showSD(){
axios.get('show_sd')
.then(response => {
})
.catch(error => {
console.error(error);
});
},
reinstallComfyUIService(){
axios.get('install_comfyui')
.then(response => {
})
.catch(error => {
console.error(error);
});
},
startComfyUIService(){
axios.get('start_comfyui')
.then(response => {
})
.catch(error => {
console.error(error);
});
},
showComfyui(){
axios.get('show_comfyui')
.then(response => {
})
.catch(error => {
console.error(error);
});
},
reinstallMotionCtrlService(){
axios.get('install_motion_ctrl')
.then(response => {

@ -1 +1 @@
Subproject commit 2ff86c770638eb80e72ff2f09a20e0fa369fc6fd
Subproject commit 73c3e5bdfbccd9ddc2072e83501f779ff12347fa