Mirrors/gamebrary
2
0
Fork 0
mirror of https://github.com/romancm/gamebrary synced 2024-11-16 00:07:59 +00:00
Code Issues Projects Releases Packages Wiki Activity

hide tabbed layout

Browse source
This commit is contained in:
Gamebrary 2020-12-12 23:23:36 -07:00
parent daff287fd0
commit 750f54a408
1 changed files with 51 additions and 49 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

100
src/components/Lists/AddGameModal.vue
View file

@ -24,55 +24,8 @@
/>
</template>
<b-tabs content-class="mt-3">
<!-- <b-tabs content-class="mt-3">
<b-tab title="Search" active>
<b-form @submit.prevent="search" class="mb-2">
<b-input-group>
<b-form-input
v-model="searchText"
autofocus
debounce="500"
:placeholder="$t('board.addGame.inputPlaceholder')"
/>
<b-input-group-append>
<b-button variant="primary" @click="search">
<icon
:name="loading ? 'sync' : 'search'"
:animated="loading"
white
/>
</b-button>
</b-input-group-append>
</b-input-group>
<b-form-text>
Searching <strong>{{ board.platforms.length }} platforms</strong>.
<b-button>edit</b-button>
<template v-if="gamesInList.length">
<strong>{{ gamesInList.length }}</strong>
{{ $t('board.addGame.alreadyInList') }}
</template>
</b-form-text>
</b-form>
<b-card
v-if="filteredResults.length > 0"
ref="searchResults"
body-class="p-1 pb-0 search-results"
bg-variant="light"
>
<game-card-search
v-for="{ id } in filteredResults"
:key="id"
:game-id="id"
:list="list"
/>
</b-card>
<b-alert :show="noResults" variant="warning" class="mt-2 mb-0">
{{ $t('board.addGame.noResults') }}
</b-alert>
</b-tab>
<b-tab title="Recent games">
@ -86,7 +39,56 @@
<b-tab title="Most popular">
<p>I'm a disabled tab!</p>
</b-tab>
</b-tabs>
</b-tabs> -->
<b-form @submit.prevent="search" class="mb-2">
<b-input-group>
<b-form-input
v-model="searchText"
autofocus
debounce="500"
:placeholder="$t('board.addGame.inputPlaceholder')"
/>
<b-input-group-append>
<b-button variant="primary" @click="search">
<icon
:name="loading ? 'sync' : 'search'"
:animated="loading"
white
/>
</b-button>
</b-input-group-append>
</b-input-group>
<b-form-text v-if="gamesInList.length">
<!-- Searching <strong>{{ board.platforms.length }} platforms</strong>.
<b-button>edit</b-button> -->
<!-- <template v-if="gamesInList.length"> -->
<template>
<strong>{{ gamesInList.length }}</strong>
{{ $t('board.addGame.alreadyInList') }}
</template>
</b-form-text>
</b-form>
<b-card
v-if="filteredResults.length > 0"
ref="searchResults"
body-class="p-1 pb-0 search-results"
bg-variant="light"
>
<game-card-search
v-for="{ id } in filteredResults"
:key="id"
:game-id="id"
:list="list"
/>
</b-card>
<b-alert :show="noResults" variant="warning" class="mt-2 mb-0">
{{ $t('board.addGame.noResults') }}
</b-alert>
<template v-slot:modal-footer>
<igdb-logo />