Ryan/drop
1
0
Fork 0
mirror of https://github.com/Drop-OSS/drop.git synced 2025-11-13 00:02:37 +10:00
Code Issues Packages Projects Releases Wiki Activity

feat: manually edit search term for game import

Browse Source
This commit is contained in:
Huskydog9988
2025-05-08 12:16:12 -04:00
committed by DecDuck
parent 0c48d42c2d
commit aa3105aecd
1 changed files with 34 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
pages/admin/library/import.vue
View File

@ -95,6 +95,30 @@
<!-- with metadata option --> <!-- with metadata option -->
<div class="flex flex-col gap-y-4"> <div class="flex flex-col gap-y-4">
<form @submit.prevent="searchGame">
<div class="items-center">
<label
for="searchTerm"
class="block text-sm font-medium leading-6 text-zinc-300"
>Search Term</label
>
<div class="mt-2">
<input
id="searchTerm"
v-model="gameSearchTerm"
name="searchTerm"
type="searchTerm"
autocomplete="searchTerm"
required
class="block w-full rounded-md border-0 py-1.5 px-3 shadow-sm bg-zinc-950/20 text-zinc-300 ring-1 ring-inset ring-zinc-800 placeholder:text-zinc-400 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6"
/>
</div>
</div>
<LoadingButton class="w-full" :loading="gameSearchLoading">
Search</LoadingButton
>
</form>
<Listbox <Listbox
v-if="metadataResults && metadataResults.length > 0" v-if="metadataResults && metadataResults.length > 0"
v-model="currentlySelectedMetadata" v-model="currentlySelectedMetadata"
@ -245,6 +269,8 @@ const games = await $dropFetch("/api/v1/admin/import/game");
const currentlySelectedGame = ref(-1); const currentlySelectedGame = ref(-1);
const gameSearchResultsLoading = ref(false); const gameSearchResultsLoading = ref(false);
const gameSearchResultsError = ref<string | undefined>(); const gameSearchResultsError = ref<string | undefined>();
const gameSearchTerm = ref("");
const gameSearchLoading = ref(false);
async function updateSelectedGame(value: number) { async function updateSelectedGame(value: number) {
if (currentlySelectedGame.value == value) return; if (currentlySelectedGame.value == value) return;
@ -255,11 +281,18 @@ async function updateSelectedGame(value: number) {
metadataResults.value = undefined; metadataResults.value = undefined;
currentlySelectedMetadata.value = -1; currentlySelectedMetadata.value = -1;
gameSearchTerm.value = game;
await searchGame();
}
async function searchGame() {
gameSearchLoading.value = true;
const results = await $dropFetch( const results = await $dropFetch(
`/api/v1/admin/import/game/search?q=${encodeURIComponent(game)}`, `/api/v1/admin/import/game/search?q=${encodeURIComponent(gameSearchTerm.value)}`,
); );
metadataResults.value = results; metadataResults.value = results;
gameSearchLoading.value = false;
} }
function updateSelectedGame_wrapper(value: number) { function updateSelectedGame_wrapper(value: number) {