Buck9195/doesitarm
1
0
Fork 0
mirror of https://github.com/ThatGuySam/doesitarm.git synced 2026-05-18 06:44:46 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Clean up stork search

Browse source
This commit is contained in:
Sam Carlton 2022-06-07 12:26:51 -05:00
parent 0772495acd
commit dda254e840
1 changed files with 9 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

27
components/search-stork.vue
View file

@ -98,16 +98,16 @@
</template> </template>
<ul <ul
v-for="(listings, i) in chunkedListings" v-for="(listingsChunk, chunkIndex) in chunkedListings"
:key="`listings-chunk-${i}`" :key="`listings-chunk-${ chunkIndex }`"
class="listings-container divide-y divide-gray-700" class="listings-container divide-y divide-gray-700"
> >
<!-- <pre> <!-- <pre>
{{ listings }} {{ listingsChunk }}
</pre> --> </pre> -->
<li <li
v-for="(listing, i) in listings" v-for="(listing, listingIndex) in listingsChunk"
:key="`${ listing.slug }-${i}`" :key="`${ listing.slug }-${ listingIndex }`"
:ref="`${ listing.slug }-row`" :ref="`${ listing.slug }-row`"
:data-app-slug="listing.slug" :data-app-slug="listing.slug"
class="relative" class="relative"
@ -136,13 +136,13 @@
class="text-xs leading-5 font-light" class="text-xs leading-5 font-light"
> >
<div <div
v-for="(excerpt, i) in listing.storkResult.excerpts" v-for="(excerpt, excerptIndex) in listing.storkResult.excerpts"
:key="`excerpt-${i}`" :key="`excerpt-${ excerptIndex }`"
class="result-excerpt space-y-3" class="result-excerpt space-y-3"
> >
<div <div
v-for="(range, i) in makeHighlightedMarkup( excerpt )" v-for="(range, rangeIndex) in makeHighlightedMarkup( excerpt )"
:key="`range-${i}`" :key="`range-${ rangeIndex }`"
v-html="range" v-html="range"
/> />
@ -174,9 +174,7 @@
<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"
> >
<div class="search-item-options-container h-full flex justify-center md:justify-end items-center pb-4 md:py-4 md:px-4"> <div class="search-item-options-container h-full flex justify-center md:justify-end items-center pb-4 md:py-4 md:px-4">
<LinkButton <LinkButton
v-for="link in getSearchLinks( listing )" v-for="link in getSearchLinks( listing )"
:key="`${ listing.slug }-${ link.label.toLowerCase() }`" :key="`${ listing.slug }-${ link.label.toLowerCase() }`"
@ -224,23 +222,17 @@
> >
<use href="#chevron-right" /> <use href="#chevron-right" />
</svg> </svg>
</LinkButton> </LinkButton>
</div> </div>
</div> </div>
</li> </li>
</ul> </ul>
</div> </div>
<nav <nav
v-if="showingInitialList" v-if="showingInitialList"
class="pagination w-full flex gap-6 justify-center" class="pagination w-full flex gap-6 justify-center"
> >
<LinkButton <LinkButton
v-if="previousPageUrl" v-if="previousPageUrl"
:href="previousPageUrl" :href="previousPageUrl"
@ -274,7 +266,6 @@
<use href="#chevron-right" /> <use href="#chevron-right" />
</svg> </svg>
</LinkButton> </LinkButton>
</nav> </nav>
</div> </div>
</template> </template>