ExternalVendorCode/lollms-webui
1
0
Fork 0
mirror of https://github.com/ParisNeo/lollms-webui.git synced 2025-01-29 15:44:12 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

updated

Browse Source
This commit is contained in:
Saifeddine ALOUI 2024-09-10 02:48:53 +02:00
parent f7d436a73f
commit f2f1f5b066
3 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/dist/assets/index-86cb30f2.js → web/dist/assets/index-9bbe28a5.js vendored
View File

File diff suppressed because one or more lines are too long

2
web/dist/index.html vendored
View File

@ -6,7 +6,7 @@
<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">
<title>LoLLMS WebUI</title>
<script type="module" crossorigin src="/assets/index-86cb30f2.js"></script>
<script type="module" crossorigin src="/assets/index-9bbe28a5.js"></script>
<link rel="stylesheet" href="/assets/index-a6119f57.css">
</head>
<body>

18
web/src/views/AppsZoo.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="app-zoo background-color w-full p-6 pb-50 overflow-y-auto scrollbar-thin scrollbar-track-bg-light-tone scrollbar-thumb-bg-light-tone-panel hover:scrollbar-thumb-primary dark:scrollbar-track-bg-dark-tone dark:scrollbar-thumb-bg-dark-tone-panel dark:hover:scrollbar-thumb-primary active:scrollbar-thumb-secondary">
<div class="app-zoo background-color w-full p-6 overflow-y-auto scrollbar-thin scrollbar-track-bg-light-tone scrollbar-thumb-bg-light-tone-panel hover:scrollbar-thumb-primary dark:scrollbar-track-bg-dark-tone dark:scrollbar-thumb-bg-dark-tone-panel dark:hover:scrollbar-thumb-primary active:scrollbar-thumb-secondary">
<nav class="panels-color shadow-lg rounded-lg p-4 max-w-4xl mx-auto mb-50 pb-50">
<div class="flex flex-wrap items-center justify-between gap-4">
<div class="flex items-center space-x-4">
@ -57,7 +57,17 @@
</option>
</select>
</div>
<div class="flex items-center space-x-4">
<label for="installed-only" class="font-semibold">
<input
id="installed-only"
type="checkbox"
v-model="showOnlyInstalled"
class="mr-2"
>
Show only installed apps
</label>
</div>
<div class="flex items-center space-x-4">
<label for="sort-select" class="font-semibold">Sort by:</label>
<select
@ -163,6 +173,7 @@ export default {
error: '',
sortBy: 'update',
sortOrder: 'desc',
showOnlyInstalled: false,
};
},
computed: {
@ -190,7 +201,8 @@ export default {
app.description.toLowerCase().includes(this.searchQuery.toLowerCase()) ||
app.author.toLowerCase().includes(this.searchQuery.toLowerCase());
const matchesCategory = this.selectedCategory === 'all' || app.category === this.selectedCategory;
return matchesSearch && matchesCategory;
const matchesInstalled = !this.showOnlyInstalled || app.installed;
return matchesSearch && matchesCategory && matchesInstalled;
});
},
sortedAndFilteredApps() {