Fixed search items missing email sub

This commit is contained in:
Sam Carlton 2020-11-25 13:58:15 -06:00
parent ec32273ceb
commit c6b0b43768

View file

@ -39,7 +39,7 @@
</defs> </defs>
</svg> </svg>
<!-- seenItems: {{ seenItems }} --> <!-- hasStartedAnyQuery: {{ hasStartedAnyQuery }} -->
<div <div
v-if="chunkedResults.length === 0" v-if="chunkedResults.length === 0"
@ -65,7 +65,7 @@
class="flex flex-col justify-center inset-x-0 hover:bg-darkest border-2 border-white border-opacity-0 hover:border-opacity-50 focus:outline-none focus:bg-gray-50 duration-300 ease-in-out rounded-lg space-y-2 -mx-5 pl-5 md:pl-20 pr-6 md:pr-64 py-6 " class="flex flex-col justify-center inset-x-0 hover:bg-darkest border-2 border-white border-opacity-0 hover:border-opacity-50 focus:outline-none focus:bg-gray-50 duration-300 ease-in-out rounded-lg space-y-2 -mx-5 pl-5 md:pl-20 pr-6 md:pr-64 py-6 "
style="transition-property: border;" style="transition-property: border;"
> >
<template v-if="!seenItems[app.slug]"> <template v-if="seenItems[app.slug] === false && hasStartedAnyQuery === false">
{{ app.endpoint.includes('/game/') ? `🕹${app.name}` : app.name }} {{ app.endpoint.includes('/game/') ? `🕹${app.name}` : app.name }}
<div class="text-sm leading-5 font-bold"> <div class="text-sm leading-5 font-bold">
{{ app.text }} {{ app.text }}
@ -113,7 +113,7 @@
</a> </a>
<client-only v-if="seenItems[app.slug]"> <client-only v-if="seenItems[app.slug] || hasStartedAnyQuery">
<div <div
class="search-item-options relative md:absolute md:inset-0 w-full pointer-events-none" class="search-item-options relative md:absolute md:inset-0 w-full pointer-events-none"
> >
@ -219,6 +219,7 @@ export default {
return { return {
// appList, // appList,
query: '', query: '',
hasStartedAnyQuery: false,
observer: null, observer: null,
seenItems: Object.fromEntries(this.appList.map(app => { seenItems: Object.fromEntries(this.appList.map(app => {
return [app.slug, false] return [app.slug, false]
@ -291,6 +292,7 @@ export default {
this.observer.observe(this.$refs[`${app.slug}-row`][0]) this.observer.observe(this.$refs[`${app.slug}-row`][0])
}) })
console.log('appList', this.appList.length)
}, },
methods: { methods: {
// Search priorities // Search priorities
@ -381,6 +383,8 @@ export default {
if (rawQuery.length === 0) return if (rawQuery.length === 0) return
const query = rawQuery.toLowerCase() const query = rawQuery.toLowerCase()
this.hasStartedAnyQuery = true
// Search App List // Search App List
this.appList.forEach(app => { this.appList.forEach(app => {