add quick filter table for author, series

remove trash
ufaboy · Jan 28, 2024 · b8f6b38 · b8f6b38
1 parent 0f73b30
commit b8f6b38
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 37 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "lib-vue",
   "private": true,
-  "version": "1.5.3",
+  "version": "1.5.4",
   "type": "module",
   "scripts": {
     "dev": "vite",

diff --git a/replaceEngToCyrLetters.js b/replaceEngToCyrLetters.js
diff --git a/src/views/BookTable.vue b/src/views/BookTable.vue
@@ -14,6 +14,7 @@ import { RATINGS, SIZES } from '@/utils/constants';
 import TablePaginator from '@/components/TablePaginator.vue';
 import SkeletonTableRow from '@/components/SkeletonTableRow.vue';
 import TheLoader from '@/components/TheLoader.vue';
+import { QueryBooks } from '@/interfaces/book';
 
 document.title = 'Books';
 
@@ -71,6 +72,11 @@ function updateLimit(size: number) {
 	getBooks();
 }
 
+function setFilterUpdateList(filter: QueryBooks) {
+	queryBooks.value = filter
+	getBooksByFilter();
+}
+
 watch(
 	() => shortColumns,
 	(newValue) => {
@@ -535,14 +541,14 @@ if (!series.value) getSeries({ perPage: 100, sort: 'name' });
 						</span>
 					</td>
 					<td class="td">
-						<span :class="{ hidden: shortColumns.includes('author') }">
+						<button :class="{ hidden: shortColumns.includes('author') }" @click="setFilterUpdateList({...queryBooks, authorName: book.author?.name})">
 							{{ book.author?.name }}
-						</span>
+						</button>
 					</td>
 					<td class="td">
-						<span :class="{ hidden: shortColumns.includes('series') }">
+						<button :class="{ hidden: shortColumns.includes('series') }" @click="setFilterUpdateList({...queryBooks, seriesName: book.series?.name})">
 							{{ book.series?.name }}
-						</span>
+						</button>
 					</td>
 					<td class="td text-center">
 						<span :class="{ hidden: shortColumns.includes('length') }">