krzysiej/biblio
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added navbar and button to skip automatic search of book info online.

Browse Source
This commit is contained in:
krzysiej
2022-06-02 15:18:40 +02:00
parent e5562cddb1
commit b21d213b19
7 changed files with 82 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
assets/js/pages/book.vue
View File

@@ -1,14 +1,20 @@
<template>
<div>
<div class="row g-3 align-items-center">
<div class="row g-3 align-items-center" v-if="!manualMode">
<div class="col-auto">
<input name="searchTerm" class="input form-control" placeholder="book title to search" @keypress.enter="search"
v-model="searchTerm" type="text"/>
</div>
<div class="col-auto">
<button class="btn btn-info" @click="search">Szukaj</button>
</div>
</div>
<div class="row mt-4" v-if="!manualMode">
<div class="col-auto">
<a class="link-primary cursor-pointer" @click="manualMode=true">Let me fill in data manually</a>
</div>
</div>
<div v-if="selectedBook && selectedBook.cover_url.small">
<img :src="selectedBook.cover_url.small" class="img-thumbnail"/>
</div>
@@ -23,7 +29,7 @@
</div>
<h1 v-else>Oh no 😢</h1>
<div v-show="manualMode" >
<div v-show="manualMode">
<slot></slot>
<BookForm></BookForm>
</div>