Cleaning up, adding readme and images, genre filter

This commit is contained in:
advplyr 2021-08-19 17:29:36 -05:00
parent 2c5b5dbeae
commit d59aefd8c7
25 changed files with 269 additions and 65 deletions

View file

@ -1,5 +1,5 @@
<template>
<div ref="wrapper" class="modal modal-bg w-full h-full fixed top-0 left-0 bg-primary bg-opacity-50 flex items-center justify-center z-20 opacity-0">
<div ref="wrapper" class="modal modal-bg w-full h-full fixed top-0 left-0 bg-primary bg-opacity-50 flex items-center justify-center z-30 opacity-0">
<div class="absolute top-0 left-0 right-0 w-full h-36 bg-gradient-to-t from-transparent via-black-500 to-black-700 opacity-90 pointer-events-none" />
<div class="absolute top-5 right-5 h-12 w-12 flex items-center justify-center cursor-pointer text-white hover:text-gray-300" @click="show = false">

View file

@ -18,7 +18,7 @@
<ui-textarea-with-label v-model="details.description" :rows="3" label="Description" class="mt-2" />
<ui-multi-select v-model="details.genre" label="Genre" :items="genres" class="mt-2" @addOption="addGenre" />
<ui-multi-select v-model="details.genres" label="Genre" :items="genres" class="mt-2" @addOption="addGenre" />
<div class="flex py-4">
<ui-btn color="error" type="button" small @click.stop.prevent="deleteAudiobook">Remove</ui-btn>
@ -45,7 +45,7 @@ export default {
description: null,
author: null,
series: null,
genre: []
genres: []
},
resettingProgress: false,
genres: ['adventure', 'autobiography', 'biography', 'childrens', 'comedy', 'crime', 'dystopian', 'fantasy', 'fiction', 'health', 'history', 'horror', 'mystery', 'new_adult', 'nonfiction', 'philosophy', 'politics', 'religion', 'romance', 'sci-fi', 'self-help', 'short_story', 'technology', 'thriller', 'true_crime', 'western', 'young_adult']
@ -109,7 +109,7 @@ export default {
this.details.title = this.book.title
this.details.description = this.book.description
this.details.author = this.book.author
this.details.genre = this.book.genre || []
this.details.genres = this.book.genres || []
this.details.series = this.book.series
},
resetProgress() {

View file

@ -55,7 +55,6 @@ export default {
return {
search: null,
lastSearch: null,
processing: false,
searchResults: []
}
},