upgraded ui

This commit is contained in:
Saifeddine ALOUI 2024-11-07 00:05:30 +01:00
parent 001560fef8
commit 8ba4f15a73
10 changed files with 139 additions and 135 deletions

2
app.py
View File

@ -70,7 +70,7 @@ packages: List[Tuple[str, str]] = [
("freedom_search", "0.1.9"), ("freedom_search", "0.1.9"),
("scrapemaster", "0.2.1"), ("scrapemaster", "0.2.1"),
("lollms_client", "0.7.5"), ("lollms_client", "0.7.5"),
("lollmsvectordb", "1.1.5"), ("lollmsvectordb", "1.1.6"),
] ]
def check_pn_libs(): def check_pn_libs():

@ -1 +1 @@
Subproject commit 24f0218712992f1eeb1382bd6adefe5cc26ab84c Subproject commit 662dc241bb16a6f46ae78ab3549569f76fcf8fc4

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

8
web/dist/assets/index-x900GuGZ.css vendored Normal file

File diff suppressed because one or more lines are too long

4
web/dist/index.html vendored
View File

@ -6,8 +6,8 @@
<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"></script> <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LoLLMS WebUI</title> <title>LoLLMS WebUI</title>
<script type="module" crossorigin src="/assets/index-D4zaNFXn.js"></script> <script type="module" crossorigin src="/assets/index-D6X2sB38.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-B-rQgXcH.css"> <link rel="stylesheet" crossorigin href="/assets/index-x900GuGZ.css">
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

View File

@ -240,12 +240,30 @@
</div> </div>
</div> </div>
</div> </div>
<div v-show="progress_visibility" role="status" class="fixed m-0 p-2 left-2 bottom-2 min-w-[24rem] max-w-[24rem] h-20 flex flex-col justify-center items-center pb-4 bg-blue-500 rounded-lg shadow-lg z-50 background-a">
<ProgressBar ref="progress" :progress="progress_value" class="w-full h-4"></ProgressBar>
<p class="text-2xl animate-pulse mt-2 text-light-text-panel dark:text-dark-text-panel">{{ loading_infos }} ...</p>
</div>
<InputBox prompt-text="Enter the url to the page to use as discussion support" @ok="addWebpage" ref="web_url_input_box"></InputBox>
<SkillsLibraryViewer ref="skills_lib" ></SkillsLibraryViewer>
<Toast ref="toast" />
<MessageBox ref="messageBox" />
<YesNoDialog ref="yesNoDialog" class="z-20" />
<UniversalForm ref="universalForm" class="z-20" />
</template> </template>
<script> <script>
import Navigation from '@/components/Navigation.vue'; import Navigation from '@/components/Navigation.vue';
import ActionButton from '@/components/ActionButton.vue' import ActionButton from '@/components/ActionButton.vue'
import SocialIcon from '@/components/SocialIcon.vue' import SocialIcon from '@/components/SocialIcon.vue'
import MessageBox from "@/components/MessageBox.vue";
import ProgressBar from "@/components/ProgressBar.vue";
import UniversalForm from '../components/UniversalForm.vue';
import Toast from '@/components/Toast.vue'
import YesNoDialog from '../components/YesNoDialog.vue';
import axios from 'axios' import axios from 'axios'
import feather from 'feather-icons' import feather from 'feather-icons'
export default { export default {
@ -254,6 +272,12 @@ export default {
Navigation, Navigation,
ActionButton, ActionButton,
SocialIcon, SocialIcon,
Toast,
MessageBox,
ProgressBar,
UniversalForm,
YesNoDialog
}, },
data() { data() {
return { return {
@ -317,6 +341,10 @@ export default {
}, },
async mounted() { async mounted() {
try { try {
this.$store.state.toast = this.$refs.toast
this.$store.state.messageBox = this.$refs.messageBox
this.$store.state.universalForm = this.$refs.universalForm
this.$store.state.yesNoDialog = this.$refs.yesNoDialog
document.addEventListener('click', this.handleClickOutside) document.addEventListener('click', this.handleClickOutside)
// Load saved theme preference // Load saved theme preference
const savedTheme = localStorage.getItem('preferred-theme') const savedTheme = localStorage.getItem('preferred-theme')

View File

@ -841,20 +841,10 @@
@close-dialog="onclosedatabase_selectorDialog" @close-dialog="onclosedatabase_selectorDialog"
@choice-validated="onvalidatedatabase_selectorChoice" @choice-validated="onvalidatedatabase_selectorChoice"
/> />
<div v-show="progress_visibility" role="status" class="fixed m-0 p-2 left-2 bottom-2 min-w-[24rem] max-w-[24rem] h-20 flex flex-col justify-center items-center pb-4 bg-blue-500 rounded-lg shadow-lg z-50 background-a">
<ProgressBar ref="progress" :progress="progress_value" class="w-full h-4"></ProgressBar>
<p class="text-2xl animate-pulse mt-2 text-light-text-panel dark:text-dark-text-panel">{{ loading_infos }} ...</p>
</div>
<InputBox prompt-text="Enter the url to the page to use as discussion support" @ok="addWebpage" ref="web_url_input_box"></InputBox>
<SkillsLibraryViewer ref="skills_lib" ></SkillsLibraryViewer>
<Toast ref="toast" />
<MessageBox ref="messageBox" />
<div v-show="progress_visibility" role="status" class="fixed m-0 p-2 left-2 bottom-2 min-w-[24rem] max-w-[24rem] h-20 flex flex-col justify-center items-center pb-4 bg-blue-500 rounded-lg shadow-lg z-50 background-a"> <div v-show="progress_visibility" role="status" class="fixed m-0 p-2 left-2 bottom-2 min-w-[24rem] max-w-[24rem] h-20 flex flex-col justify-center items-center pb-4 bg-blue-500 rounded-lg shadow-lg z-50 background-a">
<ProgressBar ref="progress" :progress="progress_value" class="w-full h-4"></ProgressBar> <ProgressBar ref="progress" :progress="progress_value" class="w-full h-4"></ProgressBar>
<p class="text-2xl animate-pulse mt-2 text-white">{{ loading_infos }} ...</p> <p class="text-2xl animate-pulse mt-2 text-white">{{ loading_infos }} ...</p>
</div> </div>
<UniversalForm ref="universalForm" class="z-20" />
<YesNoDialog ref="yesNoDialog" class="z-20" />
<PersonalityEditor ref="personality_editor" :config="currentPersonConfig" :personality="selectedPersonality"></PersonalityEditor> <PersonalityEditor ref="personality_editor" :config="currentPersonConfig" :personality="selectedPersonality"></PersonalityEditor>
<div id="app"> <div id="app">
<PopupViewer ref="news"/> <PopupViewer ref="news"/>
@ -1193,11 +1183,6 @@ animation: bounce 1s infinite;
} }
</style> </style>
<script> <script>
import Toast from '@/components/Toast.vue'
import MessageBox from "@/components/MessageBox.vue";
import ProgressBar from "@/components/ProgressBar.vue";
import UniversalForm from '../components/UniversalForm.vue';
import YesNoDialog from '../components/YesNoDialog.vue';
import PersonalityEditor from "@/components/PersonalityEditor.vue" import PersonalityEditor from "@/components/PersonalityEditor.vue"
import PopupViewer from '@/components/PopupViewer.vue'; import PopupViewer from '@/components/PopupViewer.vue';
import ActionButton from '@/components/ActionButton.vue' import ActionButton from '@/components/ActionButton.vue'
@ -3793,11 +3778,7 @@ export default {
}, },
async mounted() { async mounted() {
window.addEventListener('keydown', this.handleShortcut); window.addEventListener('keydown', this.handleShortcut);
this.$store.state.toast = this.$refs.toast
this.$store.state.news = this.$refs.news this.$store.state.news = this.$refs.news
this.$store.state.messageBox = this.$refs.messageBox
this.$store.state.universalForm = this.$refs.universalForm
this.$store.state.yesNoDialog = this.$refs.yesNoDialog
this.$store.state.personality_editor = this.$refs.personality_editor this.$store.state.personality_editor = this.$refs.personality_editor
@ -3838,11 +3819,6 @@ export default {
ProgressBar, ProgressBar,
InputBox, InputBox,
SkillsLibraryViewer, SkillsLibraryViewer,
Toast,
MessageBox,
ProgressBar,
UniversalForm,
YesNoDialog,
PersonalityEditor, PersonalityEditor,
PopupViewer, PopupViewer,

@ -1 +1 @@
Subproject commit ea93d5d7deb174ec93975e5bb4cc09468ddbb8d9 Subproject commit a035faa6708300ee7e9110bcc2c3193ac579403f

@ -1 +1 @@
Subproject commit f3036b8f4de3e575f7b57a10c57f08c3a5fc90fe Subproject commit d08de1b3539c58d16cb57944770904773fa6b712