mirror of
https://github.com/ParisNeo/lollms-webui.git
synced 2025-01-18 10:46:27 +00:00
enhanced ui
This commit is contained in:
Saifeddine ALOUI
parent
93f640c32a
commit
d36e7071ba
10
web/dist/assets/animated_info-7edcb0f9.svg
vendored
Normal file
10
web/dist/assets/animated_info-7edcb0f9.svg
vendored
Normal file
@ -0,0 +1,10 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50">
|
||||
<circle cx="25" cy="25" r="20" fill="none" stroke="black" stroke-width="3"></circle>
|
||||
<line x1="25" y1="30" x2="25" y2="15" style="stroke:black;stroke-width:3">
|
||||
<animate attributeName="y1" values="30;25;30" dur="1s" repeatCount="indefinite"></animate>
|
||||
<animate attributeName="y2" values="15;20;15" dur="1s" repeatCount="indefinite"></animate>
|
||||
</line>
|
||||
<circle cx="25" cy="35" r="3" fill="black">
|
||||
<animate attributeName="cy" values="35;30;35" dur="1s" repeatCount="indefinite"></animate>
|
||||
</circle>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 587 B |
File diff suppressed because one or more lines are too long
8
web/dist/assets/index-20357d3b.css
vendored
8
web/dist/assets/index-20357d3b.css
vendored
File diff suppressed because one or more lines are too long
8
web/dist/assets/index-b31ea3ec.css
vendored
Normal file
8
web/dist/assets/index-b31ea3ec.css
vendored
Normal file
File diff suppressed because one or more lines are too long
5
web/dist/assets/static_info-b284ded1.svg
vendored
Normal file
5
web/dist/assets/static_info-b284ded1.svg
vendored
Normal file
@ -0,0 +1,5 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50">
|
||||
<circle cx="25" cy="25" r="20" fill="none" stroke="black" stroke-width="3"></circle>
|
||||
<line x1="25" y1="30" x2="25" y2="15" style="stroke:black;stroke-width:3"></line>
|
||||
<circle cx="25" cy="35" r="3" fill="black"></circle>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 296 B |
4
web/dist/index.html
vendored
4
web/dist/index.html
vendored
@ -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-fb00cba7.js"></script>
|
||||
<link rel="stylesheet" href="/assets/index-20357d3b.css">
|
||||
<script type="module" crossorigin src="/assets/index-0bcd468a.js"></script>
|
||||
<link rel="stylesheet" href="/assets/index-b31ea3ec.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
|
||||
@ -2,13 +2,10 @@
|
||||
<transition name="fade">
|
||||
<div v-if="showPopup" class="fixed inset-0 flex items-center justify-center z-50">
|
||||
<div class="bg-white dark:bg-gray-800 rounded shadow p-6 m-4 max-w-xs max-h-full text-center overflow-auto">
|
||||
<button @click="hidePopup" class="mb-4 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
|
||||
<button @click="hide" class="mb-4 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
|
||||
Hide
|
||||
</button>
|
||||
<iframe v-show="showInfo" :src="webpageUrl" class="w-full"></iframe>
|
||||
<button @click="toggleInfo" class="mt-4 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
|
||||
Toggle Info
|
||||
</button>
|
||||
<iframe :src="webpageUrl" class="w-full"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</transition>
|
||||
@ -19,17 +16,15 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
showPopup: false,
|
||||
showInfo: false,
|
||||
isDarkTheme: false,
|
||||
webpageUrl: 'https://your-wordpress-site.com/some-page',
|
||||
webpageUrl: 'https://lollms.com/index.php/news/',
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
hidePopup() {
|
||||
this.showPopup = false;
|
||||
show() {
|
||||
this.showPopup = true;
|
||||
},
|
||||
toggleInfo() {
|
||||
this.showInfo = !this.showInfo;
|
||||
hide() {
|
||||
this.showPopup = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
@ -82,17 +82,23 @@
|
||||
<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"
|
||||
<div class="sun text-2xl w-6 hover:text-primary duration-150 cursor-pointer" title="Swith to Light theme"
|
||||
@click="themeSwitch()">
|
||||
<i data-feather="sun"></i>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="moon text-2xl w-6 hover:text-primary duration-150" title="Swith to Dark theme"
|
||||
<div class="moon text-2xl w-6 hover:text-primary duration-150 cursor-pointer" title="Swith to Dark theme"
|
||||
@click="themeSwitch()">
|
||||
<i data-feather="moon"></i>
|
||||
</div>
|
||||
|
||||
<div class="moon text-2xl w-6 hover:text-primary duration-150 cursor-pointer" title="Lollms News"
|
||||
@click="showNews()">
|
||||
<img :src="static_info">
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
@ -107,6 +113,10 @@
|
||||
<UniversalForm ref="universalForm" class="z-20" />
|
||||
<YesNoDialog ref="yesNoDialog" class="z-20" />
|
||||
<PersonalityEditor ref="personality_editor" :config="currentPersonConfig" :personality="selectedPersonality" ></PersonalityEditor>
|
||||
<div id="app">
|
||||
<!-- Your other components... -->
|
||||
<PopupViewer ref="news"/>
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
@ -122,13 +132,17 @@ import ProgressBar from "@/components/ProgressBar.vue";
|
||||
import UniversalForm from '../components/UniversalForm.vue';
|
||||
import YesNoDialog from './YesNoDialog.vue';
|
||||
import PersonalityEditor from "@/components/PersonalityEditor.vue"
|
||||
|
||||
import PopupViewer from '@/components/PopupViewer.vue';
|
||||
import FastAPI from '@/assets/fastapi.png';
|
||||
import discord from '@/assets/discord.svg';
|
||||
import { RouterLink } from 'vue-router'
|
||||
import Navigation from './Navigation.vue'
|
||||
import { nextTick } from 'vue'
|
||||
import feather from 'feather-icons'
|
||||
|
||||
import static_info from "../assets/static_info.svg"
|
||||
import animated_info from "../assets/animated_info.svg"
|
||||
|
||||
</script>
|
||||
<script>
|
||||
|
||||
@ -174,7 +188,8 @@ export default {
|
||||
UniversalForm,
|
||||
YesNoDialog,
|
||||
Navigation,
|
||||
PersonalityEditor
|
||||
PersonalityEditor,
|
||||
PopupViewer
|
||||
},
|
||||
watch:{
|
||||
isConnected(){
|
||||
@ -204,6 +219,8 @@ export default {
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
static_info: static_info,
|
||||
animated_info: animated_info,
|
||||
|
||||
is_first_connection:true,
|
||||
discord:discord,
|
||||
@ -223,6 +240,7 @@ export default {
|
||||
},
|
||||
mounted() {
|
||||
this.$store.state.toast = this.$refs.toast
|
||||
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
|
||||
@ -283,6 +301,9 @@ export default {
|
||||
// }
|
||||
|
||||
// },
|
||||
showNews(){
|
||||
this.$store.state.news.show()
|
||||
},
|
||||
themeCheck() {
|
||||
|
||||
if (this.userTheme == "dark" || (!this.userTheme && this.systemTheme)) {
|
||||
|
||||
@ -40,6 +40,7 @@ export const store = createStore({
|
||||
yesNoDialog:null,
|
||||
universalForm:null,
|
||||
toast:null,
|
||||
news:null,
|
||||
messageBox:null,
|
||||
api_get_req:null,
|
||||
startSpeechRecognition:null,
|
||||
|
||||
@ -2011,6 +2011,7 @@ export default {
|
||||
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
components: {
|
||||
Discussion,
|
||||
@ -2150,6 +2151,7 @@ export default {
|
||||
|
||||
<script setup>
|
||||
|
||||
|
||||
import Discussion from '../components/Discussion.vue'
|
||||
import ChoiceDialog from '@/components/ChoiceDialog.vue'
|
||||
import ProgressBar from "@/components/ProgressBar.vue";
|
||||
|
||||
Loading…
Reference in New Issue
Block a user