ngn/safetwitch
1
0
Fork 0
Code Issues 1 Pull Requests 10 Actions Packages Projects Releases Wiki Activity

Fix tag filter submitting as a form and sanitize input

Browse Source
This commit is contained in:
dragongoose 2023-07-26 17:15:06 -04:00
parent a511cf398f
commit 3a5182142e
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/HomepageView.vue
View File

@ -25,7 +25,7 @@ export default {
methods: { methods: {
filterSearches(toFilter: string) { filterSearches(toFilter: string) {
const categories = this.$refs.categoryItem const categories = this.$refs.categoryItem
const wantedTags: string[] = toFilter.split(',').filter((v) => v.toLowerCase()) const wantedTags: string[] = toFilter.toLowerCase().split(',').filter((v) => v.toLowerCase())
for (let category of categories as any) { for (let category of categories as any) {
let tagElements = category.getElementsByTagName('span') let tagElements = category.getElementsByTagName('span')
@ -125,7 +125,7 @@ export default {
<div class="pt-5 inline-flex text-white"> <div class="pt-5 inline-flex text-white">
<p class="mr-2 font-bold text-white">{{ $t('home.tagDescription') }}</p> <p class="mr-2 font-bold text-white">{{ $t('home.tagDescription') }}</p>
<form class="relative"> <div class="relative">
<label for="searchBar" class="hidden">{{ $t('main.search') }}</label> <label for="searchBar" class="hidden">{{ $t('main.search') }}</label>
<v-icon name="io-search-outline" class="absolute my-auto inset-y-0 left-2"></v-icon> <v-icon name="io-search-outline" class="absolute my-auto inset-y-0 left-2"></v-icon>
<input <input
@ -137,7 +137,7 @@ export default {
@keyup="filterSearches(filterTags)" @keyup="filterSearches(filterTags)"
class="rounded-md p-1 pl-8 text-black bg-neutral-500 placeholder:text-white" class="rounded-md p-1 pl-8 text-black bg-neutral-500 placeholder:text-white"
/> />
</form> </div>
</div> </div>
</div> </div>