ExternalVendorCode/lollms-webui
1
0
Fork 0
mirror of https://github.com/ParisNeo/lollms-webui.git synced 2025-02-12 13:35:21 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #171 from andzejsp/main

Browse Source 
condensed searchbar
This commit is contained in:
Saifeddine ALOUI 2023-05-10 17:19:29 +02:00 committed by GitHub
commit 91eaf1c786
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 31 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
web/src/views/DiscussionsView.vue
View File

@ -4,7 +4,8 @@
<!-- LEFT SIDE PANEL --> <!-- LEFT SIDE PANEL -->
<div class="z-10 sticky top-0 flex-col bg-bg-light-tone dark:bg-bg-dark-tone shadow-md"> <div class="z-10 sticky top-0 flex-col bg-bg-light-tone dark:bg-bg-dark-tone shadow-md">
<!-- SEARCH BAR --> <!-- SEARCH BAR -->
<form class="flex-row p-4 items-center gap-3 flex-0 w-full"> <div class="flex-row pt-2 items-center gap-3 flex-0 w-full">
<div v-if="isSearch" class="px-4 pb-2 pt-2">
<div class="relative"> <div class="relative">
<div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none"> <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
<div class="scale-75"> <div class="scale-75">
@ -23,10 +24,11 @@
placeholder="Search..." title="Filter discussions by title" v-model="filterTitle" placeholder="Search..." title="Filter discussions by title" v-model="filterTitle"
@input="filterDiscussions()" /> @input="filterDiscussions()" />
</div> </div>
</form> </div>
</div>
<!-- CONTROL PANEL --> <!-- CONTROL PANEL -->
<div class="flex-row p-4 pt-0 flex items-center gap-3 flex-0"> <div class="flex-row p-4 pt-2 flex items-center gap-3 flex-0">
<!-- MAIN BUTTONS --> <!-- MAIN BUTTONS -->
<button class="text-2xl hover:text-secondary duration-75 active:scale-90" title="Create new discussion" <button class="text-2xl hover:text-secondary duration-75 active:scale-90" title="Create new discussion"
@ -45,6 +47,10 @@
type="button"> type="button">
<i data-feather="database"></i> <i data-feather="database"></i>
</button> </button>
<button class="text-2xl hover:text-secondary duration-75 active:scale-90" title="Filter discussions"
type="button" @click="isSearch = !isSearch">
<i data-feather="search"></i>
</button>
</div> </div>
<hr v-if="isCheckbox" class="h-px bg-bg-light p-0 mb-4 px-4 mx-4 border-0 dark:bg-bg-dark"> <hr v-if="isCheckbox" class="h-px bg-bg-light p-0 mb-4 px-4 mx-4 border-0 dark:bg-bg-dark">
@ -157,7 +163,8 @@ export default {
isSelectAll: false, isSelectAll: false,
showConfirmation: false, showConfirmation: false,
chime: new Audio("chime_aud.wav"), chime: new Audio("chime_aud.wav"),
isCopiedToClipboard: false isCopiedToClipboard: false,
isSearch: false,
} }
}, },
methods: { methods: {
@ -802,6 +809,12 @@ export default {
}) })
}, },
isSearch() {
nextTick(() => {
feather.replace()
})
},
}, },
computed: { computed: {