From bc2a54c4ab5a22fca0a8a69a365ad7d0c8ba030d Mon Sep 17 00:00:00 2001
From: Book Pauk <bookpauk@gmail.com>
Date: Mon, 24 Oct 2022 16:51:27 +0700
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=B5=D0=BA=D0=BE=D0=BC=D0=BF=D0=BE?=
 =?UTF-8?q?=D0=B7=D0=B8=D1=86=D0=B8=D1=8F,=20=D0=B2=D1=8B=D0=B4=D0=B5?=
 =?UTF-8?q?=D0=BB=D0=B5=D0=BD=20AuthorList?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Search/AuthorList/AuthorList.vue          | 911 ++++++++++++++++++
 client/components/Search/BaseList.js          |   2 +
 .../components/Search/BookView/BookView.vue   |  12 +-
 .../Search/LoadingMessage/LoadingMessage.vue  |  33 +
 client/components/Search/Search.vue           | 862 +----------------
 5 files changed, 995 insertions(+), 825 deletions(-)
 create mode 100644 client/components/Search/AuthorList/AuthorList.vue
 create mode 100644 client/components/Search/BaseList.js
 create mode 100644 client/components/Search/LoadingMessage/LoadingMessage.vue

diff --git a/client/components/Search/AuthorList/AuthorList.vue b/client/components/Search/AuthorList/AuthorList.vue
new file mode 100644
index 0000000..f8be95c
--- /dev/null
+++ b/client/components/Search/AuthorList/AuthorList.vue
@@ -0,0 +1,911 @@
+<template>
+    <div>
+        <a ref="download" style="display: none;"></a>
+
+        <LoadingMessage :message="loadingMessage" z-index="2" />
+        <LoadingMessage :message="loadingMessage2" z-index="1" />
+
+        <!-- Формирование списка ------------------------------------------------------------------------>
+        <div v-for="item in tableData" :key="item.key" class="column" :class="{'odd-author': item.num % 2}" style="font-size: 120%">
+            <div class="row items-center q-ml-md q-mr-xs no-wrap">
+                <div class="row items-center clickable2 q-py-xs no-wrap" @click="expandAuthor(item)">
+                    <div style="min-width: 30px">
+                        <div v-if="!isExpanded(item)">
+                            <q-icon name="la la-plus-square" size="28px" />
+                        </div>
+                        <div v-else>
+                            <q-icon name="la la-minus-square" size="28px" />
+                        </div>
+                    </div>
+                </div>
+
+                <div class="clickable2 q-ml-xs q-py-sm text-green-10 text-bold" @click="selectAuthor(item.author)">
+                    {{ item.name }}                            
+                </div>
+
+                <div class="q-ml-sm text-bold" style="color: #555">
+                    {{ getBookCount(item) }}
+                </div>                    
+            </div>
+
+            <div v-if="item.bookLoading" class="book-row row items-center">
+                <q-icon class="la la-spinner icon-rotate text-blue-8" size="28px" />
+                <div class="q-ml-xs">
+                    Обработка...
+                </div>
+            </div>
+
+            <div v-if="isExpanded(item) && item.books">
+                <div v-for="book in item.books" :key="book.key" class="book-row column">
+                    <!-- серия книг -->
+                    <div v-if="book.type == 'series'" class="column">
+                        <div class="row items-center q-mr-xs no-wrap text-grey-9">
+                            <div class="row items-center clickable2 q-py-xs no-wrap" @click="expandSeries(book)">
+                                <div style="min-width: 30px">
+                                    <div v-if="!isExpandedSeries(book)">
+                                        <q-icon name="la la-plus-square" size="28px" />
+                                    </div>
+                                    <div v-else>
+                                        <q-icon name="la la-minus-square" size="28px" />
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="clickable2 q-ml-xs q-py-sm text-bold" @click="selectSeries(book.series)">
+                                Серия: {{ book.series }}
+                            </div>
+                        </div>
+
+                        <div v-if="isExpandedSeries(book) && book.seriesBooks">
+                            <div v-if="book.showAllBooks" class="book-row column">
+                                <BookView
+                                    v-for="seriesBook in book.allBooks" :key="seriesBook.id"
+                                    :book="seriesBook" :genre-map="genreMap"
+                                    show-author
+                                    :show-read-link="showReadLink"
+                                    :title-color="isFoundSeriesBook(book, seriesBook) ? 'text-blue-10' : 'text-red'"
+                                    @book-event="bookEvent"
+                                />
+                            </div>
+                            <div v-else class="book-row column">
+                                <BookView 
+                                    v-for="seriesBook in book.seriesBooks" :key="seriesBook.key"
+                                    :book="seriesBook" :genre-map="genreMap" :show-read-link="showReadLink" @book-event="bookEvent"
+                                />
+                            </div>
+
+                            <div
+                                v-if="book.allBooks && book.allBooks.length != book.seriesBooks.length"
+                                class="row items-center q-my-sm"
+                                style="margin-left: 100px"
+                            >
+                                <div v-if="book.showAllBooks && book.showMore" class="row items-center q-mr-md">
+                                    <i class="las la-ellipsis-h text-red" style="font-size: 40px"></i>
+                                    <q-btn class="q-ml-md" color="red" style="width: 200px" dense rounded no-caps @click="showMoreSeries(book)">
+                                        Показать еще (~{{ showMoreCount }})
+                                    </q-btn>
+                                    <q-btn class="q-ml-sm" color="red" style="width: 200px" dense rounded no-caps @click="showMoreSeries(book, true)">
+                                        Показать все ({{ (book.allBooksLoaded && book.allBooksLoaded.length) || '?' }})
+                                    </q-btn>
+                                </div>
+
+                                <div v-if="book.showAllBooks" class="row items-center clickable2 text-blue-10" @click="book.showAllBooks = false">
+                                    <q-icon class="la la-long-arrow-alt-up" size="28px" />
+                                    Только найденные книги
+                                </div>
+                                <div v-else class="row items-center clickable2 text-red" @click="book.showAllBooks = true">
+                                    <q-icon class="la la-long-arrow-alt-down" size="28px" />
+                                    Все книги серии
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- книга без серии -->
+                    <BookView v-else :book="book" :genre-map="genreMap" :show-read-link="showReadLink" @book-event="bookEvent" />
+                </div>
+
+                <div v-if="isExpanded(item) && item.books && !item.books.length" class="book-row row items-center">
+                    <q-icon class="la la-meh q-mr-xs" size="24px" />
+                    По каждому из заданных критериев у этого автора были найдены разные книги, но нет полного совпадения                    
+                </div>
+            </div>
+
+            <div v-if="isExpanded(item) && item.showMore" class="row items-center book-row q-mb-sm">
+                <i class="las la-ellipsis-h text-blue-10" style="font-size: 40px"></i>
+                <q-btn class="q-ml-md" color="primary" style="width: 200px" dense rounded no-caps @click="showMore(item)">
+                    Показать еще (~{{ showMoreCount }})
+                </q-btn>
+                <q-btn class="q-ml-sm" color="primary" style="width: 200px" dense rounded no-caps @click="showMore(item, true)">
+                    Показать все ({{ (item.booksLoaded && item.booksLoaded.length) || '?' }})
+                </q-btn>
+            </div>
+        </div>
+        <!-- Формирование списка конец ------------------------------------------------------------------>
+
+        <div v-if="ready && !refreshing && !tableData.length" class="row items-center q-ml-md" style="font-size: 120%">
+            <q-icon class="la la-meh q-mr-xs" size="28px" />
+            Поиск не дал результатов
+        </div>
+
+        <div v-show="hiddenCount" class="row">
+            <div class="q-ml-lg q-py-sm clickable2 text-red" style="font-size: 120%" @click="showHiddenHelp">
+                {{ hiddenResultsMessage }}
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+//-----------------------------------------------------------------------------
+import vueComponent from '../../vueComponent.js';
+import { reactive } from 'vue';
+
+import BaseList from '../BaseList';
+import BookView from '../BookView/BookView.vue';
+import LoadingMessage from '../LoadingMessage/LoadingMessage.vue';
+
+import authorBooksStorage from '../authorBooksStorage';
+
+import * as utils from '../../../share/utils';
+
+import _ from 'lodash';
+
+const maxItemCount = 500;//выше этого значения показываем "Загрузка"
+const showMoreCount = 100;//значение для "Показать еще"
+
+const componentOptions = {
+    components: {
+        BookView,
+        LoadingMessage,
+    },
+    watch: {
+        settings() {
+            this.loadSettings();
+        },
+        search: {
+            handler(newValue) {
+                this.limit = newValue.limit;
+
+                if (this.pageCount > 1)
+                    this.prevPage = this.search.page;
+
+                this.refresh();
+            },
+            deep: true,
+        },
+        showDeleted() {
+            this.updateTableData();
+        },
+    },
+};
+class AuthorList extends BaseList {
+    _options = componentOptions;
+    _props = {
+        list: Object,
+        search: Object,
+        genreMap: Object,
+        liberamaReady: Boolean,
+    };
+    
+    ready = false;
+
+    loadingMessage = '';
+    loadingMessage2 = '';
+
+    //settings
+    expanded = [];
+    expandedSeries = [];
+
+    showCounts = true;
+    showRate = true;
+    showGenres = true;    
+    showDeleted = false;
+    abCacheEnabled = true;
+
+    //stuff
+    refreshing = false;
+
+    cachedAuthors = {};
+    hiddenCount = 0;
+    showMoreCount = showMoreCount;
+
+    searchResult = {};
+    tableData = [];
+
+    created() {
+        this.commit = this.$store.commit;
+
+        this.loadSettings();
+    }
+
+    mounted() {
+        (async() => {
+            //локальный кеш
+            this.api = this.$root.api;
+
+            this.ready = true;
+            this.refresh();//no await
+        })();
+    }
+
+    loadSettings() {
+        const settings = this.settings;
+
+        this.expanded = _.cloneDeep(settings.expanded);
+        this.expandedSeries = _.cloneDeep(settings.expandedSeries);
+        this.showCounts = settings.showCounts;
+        this.showRate = settings.showRate;
+        this.showGenres = settings.showGenres;
+        this.showDeleted = settings.showDeleted;
+        this.abCacheEnabled = settings.abCacheEnabled;
+    }
+
+    get config() {
+        return this.$store.state.config;
+    }
+
+    get settings() {
+        return this.$store.state.settings;
+    }
+
+    get showReadLink() {
+        return this.config.bookReadLink != '' || this.liberamaReady;
+    }
+
+    showHiddenHelp() {
+        this.$root.stdDialog.alert(`
+            Книги скрытых авторов помечены как удаленные. Для того, чтобы их увидеть, необходимо установить опцию "Показывать удаленные" в настройках.
+        `, 'Пояснение', {iconName: 'la la-info-circle'});
+    }
+
+    scrollToTop() {
+        this.$emit('listEvent', {action: 'scrollToTop'});
+    }
+
+    get hiddenResultsMessage() {
+        return `+${this.hiddenCount} результат${utils.wordEnding(this.hiddenCount)} скрыт${utils.wordEnding(this.hiddenCount, 2)}`;
+    }
+
+    getBookCount(item) {
+        let result = '';
+        if (!this.showCounts || item.count === undefined)
+            return result;
+
+        if (item.booksLoaded) {
+            let count = 0;
+            for (const book of item.booksLoaded) {
+                if (book.type == 'series')
+                    count += book.seriesBooks.length;
+                else
+                    count++;
+            }
+
+            result = `${count}/${item.count}`;
+        } else 
+            result = `#/${item.count}`;
+
+        return `(${result})`;
+    }
+
+    selectAuthor(author) {
+        this.search.author = `=${author}`;
+        this.scrollToTop();
+    }
+
+    selectSeries(series) {
+        this.search.series = `=${series}`;
+    }
+
+    selectTitle(title) {
+        this.search.title = `=${title}`;
+    }
+
+    async download(book, action) {
+        if (this.downloadFlag)
+            return;
+
+        this.downloadFlag = true;
+        (async() => {
+            await utils.sleep(200);
+            if (this.downloadFlag)
+                this.loadingMessage2 = 'Подготовка файла...';
+        })();
+
+        try {
+            const makeValidFilenameOrEmpty = (s) => {
+                try {
+                    return utils.makeValidFilename(s);
+                } catch(e) {
+                    return '';
+                }
+            };
+
+            //имя файла
+            let downFileName = 'default-name';
+            const author = book.author.split(',');
+            const at = [author[0], book.title];
+            downFileName = makeValidFilenameOrEmpty(at.filter(r => r).join(' - '))
+                || makeValidFilenameOrEmpty(at[0])
+                || makeValidFilenameOrEmpty(at[1])
+                || downFileName;
+            downFileName = downFileName.substring(0, 100);
+
+            const ext = `.${book.ext}`;
+            if (downFileName.substring(downFileName.length - ext.length) != ext)
+                downFileName += ext;
+
+            const bookPath = `${book.folder}/${book.file}${ext}`;
+            //подготовка
+            const response = await this.api.getBookLink({bookPath, downFileName});
+            
+            const link = response.link;
+            const href = `${window.location.origin}${link}`;
+
+            if (action == 'download') {
+                //скачивание
+                const d = this.$refs.download;
+                d.href = href;
+                d.download = downFileName;
+
+                d.click();
+            } else if (action == 'copyLink') {
+                //копирование ссылки
+                if (await utils.copyTextToClipboard(href))
+                    this.$root.notify.success('Ссылка успешно скопирована');
+                else
+                    this.$root.stdDialog.alert(
+`Копирование ссылки не удалось. Пожалуйста, попробуйте еще раз.
+<br><br>
+<b>Пояснение</b>: вероятно, браузер запретил копирование, т.к. прошло<br>
+слишком много времени с момента нажатия на кнопку (инициация<br>
+пользовательского события). Сейчас ссылка уже закеширована,<br>
+поэтому повторная попытка должна быть успешной.`, 'Ошибка');
+            } else if (action == 'readBook') {
+                //читать
+                if (this.liberamaReady) {
+                    this.sendMessage({type: 'submitUrl', data: href});
+                } else {
+                    const url = this.config.bookReadLink.replace('${DOWNLOAD_LINK}', href);
+                    window.open(url, '_blank');
+                }
+            }
+        } catch(e) {
+            this.$root.stdDialog.alert(e.message, 'Ошибка');
+        } finally {
+            this.downloadFlag = false;
+            this.loadingMessage2 = '';
+        }
+    }
+
+    bookEvent(event) {
+        switch (event.action) {
+            case 'authorClick':
+                this.selectAuthor(event.book.author);
+                break;
+            case 'titleClick':
+                this.selectTitle(event.book.title);
+                break;
+            case 'download':
+            case 'copyLink':
+            case 'readBook':
+                this.download(event.book, event.action);//no await
+                break;
+        }
+    }
+
+    isExpanded(item) {
+        return this.expanded.indexOf(item.author) >= 0;
+    }
+
+    isExpandedSeries(seriesItem) {
+        return this.expandedSeries.indexOf(seriesItem.key) >= 0;
+    }
+
+    isFoundSeriesBook(seriesItem, seriesBook) {
+        if (!seriesItem.booksSet) {
+            seriesItem.booksSet = new Set(seriesItem.seriesBooks.map(b => b.id));
+        }
+
+        return seriesItem.booksSet.has(seriesBook.id);
+    }
+
+    setSetting(name, newValue) {
+        this.commit('setSettings', {[name]: _.cloneDeep(newValue)});
+    }
+
+    highlightPageScroller(query) {
+        this.$emit('listEvent', {action: 'highlightPageScroller', query});
+    }
+
+    async expandAuthor(item) {
+        const expanded = _.cloneDeep(this.expanded);
+        const key = item.author;
+
+        if (!this.isExpanded(item)) {
+            expanded.push(key);
+
+            await this.getBooks(item);
+
+            if (expanded.length > 10) {
+                expanded.shift();
+            }
+
+            //this.$emit('listEvent', {action: 'ignoreScroll'});
+            this.setSetting('expanded', expanded);
+        } else {
+            const i = expanded.indexOf(key);
+            if (i >= 0) {
+                expanded.splice(i, 1);
+                this.setSetting('expanded', expanded);
+            }
+        }
+    }
+
+    async expandSeries(seriesItem) {
+        const expandedSeries = _.cloneDeep(this.expandedSeries);
+        const key = seriesItem.key;
+
+        if (!this.isExpandedSeries(seriesItem)) {
+            expandedSeries.push(key);
+
+            if (expandedSeries.length > 100) {
+                expandedSeries.shift();
+            }
+
+            this.getSeriesBooks(seriesItem); //no await
+
+            //this.$emit('listEvent', {action: 'ignoreScroll'});
+            this.setSetting('expandedSeries', expandedSeries);
+        } else {
+            const i = expandedSeries.indexOf(key);
+            if (i >= 0) {
+                expandedSeries.splice(i, 1);
+                this.setSetting('expandedSeries', expandedSeries);
+            }
+        }
+    }
+
+    async loadBooks(authorId) {
+        try {
+            let result;
+
+            if (this.abCacheEnabled) {
+                const key = `${authorId}-${this.list.inpxHash}`;
+                const data = await authorBooksStorage.getData(key);
+                if (data) {
+                    result = JSON.parse(data);
+                } else {
+                    result = await this.api.getBookList(authorId);
+                    await authorBooksStorage.setData(key, JSON.stringify(result));
+                }
+            } else {
+                result = await this.api.getBookList(authorId);
+            }
+
+            return (result.books ? JSON.parse(result.books) : []);
+        } catch (e) {
+            this.$root.stdDialog.alert(e.message, 'Ошибка');
+        }
+    }
+
+    async loadSeriesBooks(series) {
+        try {
+            let result;
+
+            if (this.abCacheEnabled) {
+                const key = `series-${series}-${this.list.inpxHash}`;
+                const data = await authorBooksStorage.getData(key);
+                if (data) {
+                    result = JSON.parse(data);
+                } else {
+                    result = await this.api.getSeriesBookList(series);
+                    await authorBooksStorage.setData(key, JSON.stringify(result));
+                }
+            } else {
+                result = await this.api.getSeriesBookList(series);
+            }
+
+            return (result.books ? JSON.parse(result.books) : []);
+        } catch (e) {
+            this.$root.stdDialog.alert(e.message, 'Ошибка');
+        }
+    }
+
+    async getSeriesBooks(seriesItem) {
+        //асинхронно подгружаем все книги серии, блокируем повторный вызов
+        if (seriesItem.allBooksLoaded === null) {
+            seriesItem.allBooksLoaded = undefined;
+            (async() => {
+                seriesItem.allBooksLoaded = await this.loadSeriesBooks(seriesItem.series);
+
+                if (seriesItem.allBooksLoaded) {
+                    seriesItem.allBooksLoaded = seriesItem.allBooksLoaded.filter(book => (this.showDeleted || !book.del));
+                    this.sortSeriesBooks(seriesItem.allBooksLoaded);
+                    this.showMoreSeries(seriesItem);
+                } else {
+                    seriesItem.allBooksLoaded = null;
+                }
+            })();
+        }
+    }
+
+    filterBooks(books) {
+        const s = this.search;
+
+        const emptyFieldValue = '?';
+        const maxUtf8Char = String.fromCodePoint(0xFFFFF);
+        const ruAlphabet = 'абвгдеёжзийклмнопрстуфхцчшщъыьэюя';
+        const enAlphabet = 'abcdefghijklmnopqrstuvwxyz';
+        const enru = new Set((ruAlphabet + enAlphabet).split(''));
+
+        const splitAuthor = (author) => {
+            if (!author) {
+                author = emptyFieldValue;
+            }
+
+            const result = author.split(',');
+            if (result.length > 1)
+                result.push(author);
+
+            return result;
+        };
+
+        const filterBySearch = (bookValue, searchValue) => {
+            if (!searchValue)
+                return true;
+
+            if (!bookValue)
+                bookValue = emptyFieldValue;
+
+            bookValue = bookValue.toLowerCase();
+            searchValue = searchValue.toLowerCase();
+
+            //особая обработка префиксов
+            if (searchValue[0] == '=') {
+
+                searchValue = searchValue.substring(1);
+                return bookValue.localeCompare(searchValue) == 0;
+            } else if (searchValue[0] == '*') {
+
+                searchValue = searchValue.substring(1);
+                return bookValue !== emptyFieldValue && bookValue.indexOf(searchValue) >= 0;
+            } else if (searchValue[0] == '#') {
+
+                searchValue = searchValue.substring(1);
+                return !bookValue || (bookValue !== emptyFieldValue && !enru.has(bookValue[0]) && bookValue.indexOf(searchValue) >= 0);
+            } else {
+                //where = `@dirtyIndexLR('value', ${db.esc(a)}, ${db.esc(a + maxUtf8Char)})`;
+                return bookValue.localeCompare(searchValue) >= 0 && bookValue.localeCompare(searchValue + maxUtf8Char) <= 0;
+            }
+        };
+
+        return books.filter((book) => {
+            //author
+            let authorFound = false;
+            const authors = splitAuthor(book.author);
+            for (const a of authors) {
+                if (filterBySearch(a, s.author)) {
+                    authorFound = true;
+                    break;
+                }
+            }
+
+            //genre
+            let genreFound = !s.genre;
+            if (!genreFound) {
+                const searchGenres = new Set(s.genre.split(','));
+                const bookGenres = book.genre.split(',');
+
+                for (let g of bookGenres) {
+                    if (!g)
+                        g = emptyFieldValue;
+
+                    if (searchGenres.has(g)) {
+                        genreFound = true;
+                        break;
+                    }
+                }
+            }
+
+            //lang
+            let langFound = !s.lang;
+            if (!langFound) {
+                const searchLang = new Set(s.lang.split(','));
+                langFound = searchLang.has(book.lang || emptyFieldValue);
+            }
+
+            return (this.showDeleted || !book.del)
+                && authorFound
+                && filterBySearch(book.series, s.series)
+                && filterBySearch(book.title, s.title)
+                && genreFound
+                && langFound
+            ;
+        });
+    }
+
+    showMore(item, all = false) {
+        if (item.booksLoaded) {
+            const currentLen = (item.books ? item.books.length : 0);
+            let books;
+            if (all || currentLen + showMoreCount*1.5 > item.booksLoaded.length) {
+                books = item.booksLoaded;
+            } else {
+                books = item.booksLoaded.slice(0, currentLen + showMoreCount);
+            }
+
+            item.showMore = (books.length < item.booksLoaded.length);
+            item.books = books;
+        }
+    }
+
+    showMoreSeries(seriesItem, all = false) {
+        if (seriesItem.allBooksLoaded) {
+            const currentLen = (seriesItem.allBooks ? seriesItem.allBooks.length : 0);
+            let books;
+            if (all || currentLen + showMoreCount*1.5 > seriesItem.allBooksLoaded.length) {
+                books = seriesItem.allBooksLoaded;
+            } else {
+                books = seriesItem.allBooksLoaded.slice(0, currentLen + showMoreCount);
+            }
+
+            seriesItem.showMore = (books.length < seriesItem.allBooksLoaded.length);
+            seriesItem.allBooks = books;
+        }
+    }
+
+    sortSeriesBooks(seriesBooks) {
+        seriesBooks.sort((a, b) => {
+            const dserno = (a.serno || Number.MAX_VALUE) - (b.serno || Number.MAX_VALUE);
+            const dtitle = a.title.localeCompare(b.title);
+            const dext = a.ext.localeCompare(b.ext);
+            return (dserno ? dserno : (dtitle ? dtitle : dext));
+        });
+    }
+
+    async getBooks(item) {
+        if (item.books) {
+            if (item.count > maxItemCount) {
+                item.bookLoading = true;
+                await utils.sleep(1);//для перерисовки списка
+                item.bookLoading = false;
+            }
+            return;
+        }
+
+        if (!this.getBooksFlag)
+            this.getBooksFlag = 0;
+
+        this.getBooksFlag++;
+        if (item.count > maxItemCount)
+            item.bookLoading = true;
+
+        try {
+            if (this.getBooksFlag == 1) {
+                (async() => {
+                    await utils.sleep(500);
+                    if (this.getBooksFlag > 0)
+                        this.loadingMessage2 = 'Загрузка списка книг...';
+                })();
+            }
+
+            const booksToFilter = await this.loadBooks(item.key);
+            const filtered = this.filterBooks(booksToFilter);
+
+            const prepareBook = (book) => {
+                return Object.assign(
+                    {
+                        key: book.id,
+                        type: 'book',
+                    },
+                    book
+                );
+            };
+
+            //объединение по сериям
+            const books = [];
+            const seriesIndex = {};
+            for (const book of filtered) {
+                if (book.series) {
+                    let index = seriesIndex[book.series];
+                    if (index === undefined) {
+                        index = books.length;
+                        books.push(reactive({
+                            key: `${item.author}-${book.series}`,
+                            type: 'series',
+                            series: book.series,
+                            allBooksLoaded: null,
+                            allBooks: null,
+                            showAllBooks: false,
+                            showMore: false,
+
+                            seriesBooks: [],
+                        }));
+
+                        seriesIndex[book.series] = index;
+                    }
+
+                    books[index].seriesBooks.push(prepareBook(book));
+                } else {
+                    books.push(prepareBook(book));
+                }
+            }
+
+            //сортировка
+            books.sort((a, b) => {
+                if (a.type == 'series') {
+                    return (b.type == 'series' ? a.key.localeCompare(b.key) : -1);
+                } else {
+                    return (b.type == 'book' ? a.title.localeCompare(b.title) : 1);
+                }
+            });
+
+            //сортировка внутри серий
+            for (const book of books) {
+                if (book.type == 'series') {
+                    this.sortSeriesBooks(book.seriesBooks);
+
+                    //асинхронно подгрузим все книги серии, если она раскрыта
+                    if (this.isExpandedSeries(book)) {
+                        this.getSeriesBooks(book);//no await
+                    }
+                }
+            }
+
+            if (books.length == 1 && books[0].type == 'series' && !this.isExpandedSeries(books[0])) {
+                this.expandSeries(books[0]);
+            }
+
+            item.booksLoaded = books;
+            this.showMore(item);
+
+            await this.$nextTick();
+        } finally {
+            item.bookLoading = false;
+            this.getBooksFlag--;
+            if (this.getBooksFlag == 0)
+                this.loadingMessage2 = '';
+        }
+    }
+
+    async updateTableData() {
+        let result = [];
+
+        const expandedSet = new Set(this.expanded);
+        const authors = this.searchResult.author;
+        if (!authors)
+            return;
+
+        let num = 0;
+        this.hiddenCount = 0;
+        for (const rec of authors) {
+            this.cachedAuthors[rec.author] = rec;
+
+            const count = (this.showDeleted ? rec.bookCount + rec.bookDelCount : rec.bookCount);
+            if (!count) {
+                this.hiddenCount++;
+                continue;
+            }
+
+            const item = reactive({
+                key: rec.id,
+                num,
+                author: rec.author,
+                name: rec.author.replace(/,/g, ', '),
+                count,
+                booksLoaded: false,
+                books: false,
+                bookLoading: false,
+                showMore: false,
+            });
+            num++;
+
+            if (expandedSet.has(item.author)) {
+                if (authors.length > 1 || item.count > maxItemCount)
+                    this.getBooks(item);//no await
+                else 
+                    await this.getBooks(item);
+            }
+
+            result.push(item);
+        }
+
+        if (result.length == 1 && !this.isExpanded(result[0])) {
+            this.expandAuthor(result[0]);
+        }
+
+        this.tableData = result;
+    }
+
+    async refresh() {
+        if (!this.ready)
+            return;
+
+        //оптимизация
+        if (this.abCacheEnabled && this.search.author && this.search.author[0] == '=') {
+            const authorSearch = this.search.author.substring(1);
+            const author = this.cachedAuthors[authorSearch];
+
+            if (author) {
+                const key = `${author.id}-${this.list.inpxHash}`;
+                let data = await authorBooksStorage.getData(key);
+
+                if (data) {
+                    this.list.queryFound = 1;
+                    this.list.totalFound = 1;
+                    this.searchResult = {author: [author]};
+                    await this.updateTableData();
+                    return;
+                }
+            }
+        }
+
+        //параметры запроса
+        const offset = (this.search.page - 1)*this.search.limit;
+
+        const newQuery = _.cloneDeep(this.search);
+        newQuery.offset = offset;
+
+        this.queryExecute = newQuery;
+
+        if (this.refreshing)
+            return;
+
+        this.refreshing = true;
+        try {
+            while (this.queryExecute) {
+                const query = this.queryExecute;
+                this.queryExecute = null;
+
+                let inSearch = true;
+                (async() => {
+                    await utils.sleep(500);
+                    if (inSearch)
+                        this.loadingMessage = 'Поиск авторов...';
+                })();
+
+                try {
+                    const result = await this.api.search(query);
+
+                    this.list.queryFound = result.author.length;
+                    this.list.totalFound = result.totalFound;
+                    this.list.inpxHash = result.inpxHash;
+
+                    this.searchResult = result;
+
+                    await utils.sleep(1);
+                    if (!this.queryExecute) {
+                        await this.updateTableData();
+                        this.scrollToTop();
+                        this.highlightPageScroller(query);
+                    }
+                } catch (e) {
+                    this.$root.stdDialog.alert(e.message, 'Ошибка');
+                } finally {
+                    inSearch = false;
+                    this.loadingMessage = '';
+                }
+            }
+        } finally {
+            this.refreshing = false;
+        }
+    }
+}
+
+export default vueComponent(AuthorList);
+//-----------------------------------------------------------------------------
+</script>
+
+<style scoped>
+.clickable2 {
+    cursor: pointer;
+}
+
+.odd-author {
+    background-color: #e8e8e8;
+}
+
+.book-row {
+    margin-left: 50px;
+}
+</style>
diff --git a/client/components/Search/BaseList.js b/client/components/Search/BaseList.js
new file mode 100644
index 0000000..4053afe
--- /dev/null
+++ b/client/components/Search/BaseList.js
@@ -0,0 +1,2 @@
+export default class BaseList {
+}
\ No newline at end of file
diff --git a/client/components/Search/BookView/BookView.vue b/client/components/Search/BookView/BookView.vue
index 0492a1d..300cad5 100644
--- a/client/components/Search/BookView/BookView.vue
+++ b/client/components/Search/BookView/BookView.vue
@@ -85,7 +85,7 @@ class BookView {
     _options = componentOptions;
     _props = {
         book: Object,
-        genreTree: Array,
+        genreMap: Object,
         showAuthor: Boolean,
         showReadLink: Boolean,
         titleColor: { type: String, default: 'text-blue-10'},
@@ -140,12 +140,12 @@ class BookView {
 
     get bookGenre() {
         let result = [];
-        const genre = new Set(this.book.genre.split(','));
+        const genre = this.book.genre.split(',');
 
-        for (const section of this.genreTree) {
-            for (const g of section.value)
-                if (genre.has(g.value))
-                    result.push(g.name);
+        for (const g of genre) {
+            const name = this.genreMap.get(g);
+            if (name)
+                result.push(name);
         }
 
         return `(${result.join(' / ')})`;
diff --git a/client/components/Search/LoadingMessage/LoadingMessage.vue b/client/components/Search/LoadingMessage/LoadingMessage.vue
new file mode 100644
index 0000000..cc5d3ee
--- /dev/null
+++ b/client/components/Search/LoadingMessage/LoadingMessage.vue
@@ -0,0 +1,33 @@
+<template>
+    <div v-show="message" class="fit row justify-center items-center" :style="`position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.2); z-index: ${zIndex}`">
+        <div class="bg-white row justify-center items-center q-px-lg" style="min-width: 180px; height: 50px; border-radius: 10px; box-shadow: 2px 2px 10px #333333">
+            <q-icon class="la la-spinner icon-rotate text-blue-8" size="28px" />
+            <div class="q-ml-sm">
+                {{ message }}
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+//-----------------------------------------------------------------------------
+import vueComponent from '../../vueComponent.js';
+
+const componentOptions = {
+    components: {
+    },
+};
+class LoadingMessage {
+    _options = componentOptions;
+    _props = {
+        message: String,
+        zIndex: {type: String, dafault: '100'},
+    };
+}
+
+export default vueComponent(LoadingMessage);
+//-----------------------------------------------------------------------------
+</script>
+
+<style scoped>
+</style>
diff --git a/client/components/Search/Search.vue b/client/components/Search/Search.vue
index 50561ef..582b646 100644
--- a/client/components/Search/Search.vue
+++ b/client/components/Search/Search.vue
@@ -1,23 +1,5 @@
 <template>
     <div class="root column fit" style="position: relative">
-        <a ref="download" style="display: none;"></a>
-        <div v-show="loadingMessage" class="fit row justify-center items-center" style="position: absolute; background-color: rgba(0, 0, 0, 0.2); z-index: 2">
-            <div class="bg-white row justify-center items-center q-px-lg" style="min-width: 180px; height: 50px; border-radius: 10px; box-shadow: 2px 2px 10px #333333">
-                <q-icon class="la la-spinner icon-rotate text-blue-8" size="28px" />
-                <div class="q-ml-sm">
-                    {{ loadingMessage }}
-                </div>
-            </div>
-        </div>
-        <div v-show="loadingMessage2" class="fit row justify-center items-center" style="position: absolute; background-color: rgba(0, 0, 0, 0.2); z-index: 1">
-            <div class="bg-white row justify-center items-center q-px-lg" style="min-width: 180px; height: 50px; border-radius: 10px; box-shadow: 2px 2px 10px #333333">
-                <q-icon class="la la-spinner icon-rotate text-blue-8" size="28px" />
-                <div class="q-ml-sm">
-                    {{ loadingMessage2 }}
-                </div>
-            </div>
-        </div>
-
         <div ref="scroller" class="col fit column no-wrap" style="overflow: auto; position: relative" @scroll="onScroll">
             <div ref="toolPanel" class="tool-panel column bg-cyan-2" style="position: sticky; top: 0; z-index: 10;">
                 <div class="header q-mx-md q-mb-xs q-mt-sm row items-center">
@@ -114,10 +96,10 @@
 
                     <div class="q-mx-xs" />
                     <div class="row items-center q-mt-xs">
-                        <div v-show="queryFound > 0">
+                        <div v-show="list.queryFound > 0">
                             {{ foundAuthorsMessage }}
                         </div>
-                        <div v-show="queryFound == 0">
+                        <div v-show="list.queryFound == 0">
                             Ничего не найдено
                         </div>
                     </div>
@@ -129,133 +111,9 @@
             </div>
 
             <!-- Формирование списка ------------------------------------------------------------------------>
-            <div v-for="item in tableData" :key="item.key" class="column" :class="{'odd-author': item.num % 2}" style="font-size: 120%">
-                <div class="row items-center q-ml-md q-mr-xs no-wrap">
-                    <div class="row items-center clickable2 q-py-xs no-wrap" @click="expandAuthor(item)">
-                        <div style="min-width: 30px">
-                            <div v-if="!isExpanded(item)">
-                                <q-icon name="la la-plus-square" size="28px" />
-                            </div>
-                            <div v-else>
-                                <q-icon name="la la-minus-square" size="28px" />
-                            </div>
-                        </div>
-                    </div>
-
-                    <div class="clickable2 q-ml-xs q-py-sm text-green-10 text-bold" @click="selectAuthor(item.author)">
-                        {{ item.name }}                            
-                    </div>
-
-                    <div class="q-ml-sm text-bold" style="color: #555">
-                        {{ getBookCount(item) }}
-                    </div>                    
-                </div>
-
-                <div v-if="item.bookLoading" class="book-row row items-center">
-                    <q-icon class="la la-spinner icon-rotate text-blue-8" size="28px" />
-                    <div class="q-ml-xs">
-                        Обработка...
-                    </div>
-                </div>
-
-                <div v-if="isExpanded(item) && item.books">
-                    <div v-for="book in item.books" :key="book.key" class="book-row column">
-                        <!-- серия книг -->
-                        <div v-if="book.type == 'series'" class="column">
-                            <div class="row items-center q-mr-xs no-wrap text-grey-9">
-                                <div class="row items-center clickable2 q-py-xs no-wrap" @click="expandSeries(book)">
-                                    <div style="min-width: 30px">
-                                        <div v-if="!isExpandedSeries(book)">
-                                            <q-icon name="la la-plus-square" size="28px" />
-                                        </div>
-                                        <div v-else>
-                                            <q-icon name="la la-minus-square" size="28px" />
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <div class="clickable2 q-ml-xs q-py-sm text-bold" @click="selectSeries(book.series)">
-                                    Серия: {{ book.series }}
-                                </div>
-                            </div>
-
-                            <div v-if="isExpandedSeries(book) && book.seriesBooks">
-                                <div v-if="book.showAllBooks" class="book-row column">
-                                    <BookView
-                                        v-for="seriesBook in book.allBooks" :key="seriesBook.id"
-                                        :book="seriesBook" :genre-tree="genreTree"
-                                        show-author
-                                        :show-read-link="showReadLink"
-                                        :title-color="isFoundSeriesBook(book, seriesBook) ? 'text-blue-10' : 'text-red'"
-                                        @book-event="bookEvent"
-                                    />
-                                </div>
-                                <div v-else class="book-row column">
-                                    <BookView 
-                                        v-for="seriesBook in book.seriesBooks" :key="seriesBook.key"
-                                        :book="seriesBook" :genre-tree="genreTree" :show-read-link="showReadLink" @book-event="bookEvent"
-                                    />
-                                </div>
-
-                                <div
-                                    v-if="book.allBooks && book.allBooks.length != book.seriesBooks.length"
-                                    class="row items-center q-my-sm"
-                                    style="margin-left: 100px"
-                                >
-                                    <div v-if="book.showAllBooks && book.showMore" class="row items-center q-mr-md">
-                                        <i class="las la-ellipsis-h text-red" style="font-size: 40px"></i>
-                                        <q-btn class="q-ml-md" color="red" style="width: 200px" dense rounded no-caps @click="showMoreSeries(book)">
-                                            Показать еще (~{{ showMoreCount }})
-                                        </q-btn>
-                                        <q-btn class="q-ml-sm" color="red" style="width: 200px" dense rounded no-caps @click="showMoreSeries(book, true)">
-                                            Показать все ({{ (book.allBooksLoaded && book.allBooksLoaded.length) || '?' }})
-                                        </q-btn>
-                                    </div>
-
-                                    <div v-if="book.showAllBooks" class="row items-center clickable2 text-blue-10" @click="book.showAllBooks = false">
-                                        <q-icon class="la la-long-arrow-alt-up" size="28px" />
-                                        Только найденные книги
-                                    </div>
-                                    <div v-else class="row items-center clickable2 text-red" @click="book.showAllBooks = true">
-                                        <q-icon class="la la-long-arrow-alt-down" size="28px" />
-                                        Все книги серии
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- книга без серии -->
-                        <BookView v-else :book="book" :genre-tree="genreTree" :show-read-link="showReadLink" @book-event="bookEvent" />
-                    </div>
-
-                    <div v-if="isExpanded(item) && item.books && !item.books.length" class="book-row row items-center">
-                        <q-icon class="la la-meh q-mr-xs" size="24px" />
-                        По каждому из заданных критериев у этого автора были найдены разные книги, но нет полного совпадения                    
-                    </div>
-                </div>
-
-                <div v-if="isExpanded(item) && item.showMore" class="row items-center book-row q-mb-sm">
-                    <i class="las la-ellipsis-h text-blue-10" style="font-size: 40px"></i>
-                    <q-btn class="q-ml-md" color="primary" style="width: 200px" dense rounded no-caps @click="showMore(item)">
-                        Показать еще (~{{ showMoreCount }})
-                    </q-btn>
-                    <q-btn class="q-ml-sm" color="primary" style="width: 200px" dense rounded no-caps @click="showMore(item, true)">
-                        Показать все ({{ (item.booksLoaded && item.booksLoaded.length) || '?' }})
-                    </q-btn>
-                </div>
-            </div>
+            <AuthorList v-model:list="list" :search="search" :genre-map="genreMap" :liberama-ready="liberamaReady" @list-event="listEvent" />
             <!-- Формирование списка конец ------------------------------------------------------------------>
 
-            <div v-if="ready && !refreshing && !tableData.length" class="row items-center q-ml-md" style="font-size: 120%">
-                <q-icon class="la la-meh q-mr-xs" size="28px" />
-                Поиск не дал результатов
-            </div>
-
-            <div v-show="hiddenCount" class="row">
-                <div class="q-ml-lg q-py-sm clickable2 text-red" style="font-size: 120%" @click="showHiddenHelp">
-                    {{ hiddenResultsMessage }}
-                </div>
-            </div>
-
             <div class="row justify-center">
                 <PageScroller v-show="pageCount > 1" v-model="search.page" :page-count="pageCount" />
             </div>
@@ -304,12 +162,12 @@
 <script>
 //-----------------------------------------------------------------------------
 import vueComponent from '../vueComponent.js';
-import { reactive } from 'vue';
+
+import AuthorList from './AuthorList/AuthorList.vue';
 
 import PageScroller from './PageScroller/PageScroller.vue';
 import SelectGenreDialog from './SelectGenreDialog/SelectGenreDialog.vue';
 import SelectLangDialog from './SelectLangDialog/SelectLangDialog.vue';
-import BookView from './BookView/BookView.vue';
 
 import authorBooksStorage from './authorBooksStorage';
 import DivBtn from '../share/DivBtn.vue';
@@ -320,15 +178,12 @@ import diffUtils from '../../share/diffUtils';
 
 import _ from 'lodash';
 
-const maxItemCount = 500;//выше этого значения показываем "Загрузка"
-const showMoreCount = 100;//значение для "Показать еще"
-
 const componentOptions = {
     components: {
+        AuthorList,
         PageScroller,
         SelectGenreDialog,
         SelectLangDialog,
-        BookView,
         Dialog,
         DivBtn
     },
@@ -347,7 +202,7 @@ const componentOptions = {
                     this.prevPage = this.search.page;
 
                 this.makeTitle();
-                this.refresh();
+                this.updateRouteQueryFromSearch();
             },
             deep: true,
         },
@@ -367,32 +222,31 @@ const componentOptions = {
         },
         showDeleted(newValue) {
             this.setSetting('showDeleted', newValue);
-            this.updateTableData();
         },
         abCacheEnabled(newValue) {
             this.setSetting('abCacheEnabled', newValue);
         },
-        totalFound() {
-            this.updatePageCount();
-        },
         $route(to) {
             this.updateSearchFromRouteQuery(to);
         },
         langDefault() {
             this.updateSearchFromRouteQuery(this.$route);
         },
+        list: {
+            handler() {
+                this.updatePageCount();
+                this.updateGenreTreeIfNeeded();
+            },
+            deep: true,
+        },
     },
 };
 class Search {
     _options = componentOptions;
     
-    ready = false;
-
     collection = '';
     projectName = '';
 
-    loadingMessage = '';
-    loadingMessage2 = '';
     settingsDialogVisible = false;
     selectGenreDialogVisible = false;
     selectLangDialogVisible = false;
@@ -415,8 +269,6 @@ class Search {
     };
 
     //settings
-    expanded = [];
-    expandedSeries = [];
     showCounts = true;
     showRate = true;
     showGenres = true;    
@@ -426,18 +278,17 @@ class Search {
     limit = 20;
 
     //stuff
-    refreshing = false;
-    queryFound = -1;
-    totalFound = 0;
-    bookRowsOnPage = 100;
-    inpxHash = '';
+    list = {
+        queryFound: -1,
+        totalFound: 0,
+        inpxHash: '',
+    };
+
     genreTree = [];
+    genreMap = new Map();
     langList = [];
     genreTreeInpxHash = '';
-    cachedAuthors = {};
-    hiddenCount = 0;
     showTooltips = true;
-    showMoreCount = showMoreCount;
 
     limitOptions = [
         {label: '10', value: 10},
@@ -483,12 +334,6 @@ class Search {
             this.setDefaults();
             this.updateSearchFromRouteQuery(this.$route);
 
-            //чтоб не вызывался лишний refresh
-            await this.$nextTick();
-
-            this.ready = true;
-            this.refresh();//no await
-
             this.sendMessage({type: 'mes', data: 'hello-from-inpx-web'});
         })();
     }
@@ -538,21 +383,17 @@ class Search {
 
     get genreNames() {
         let result = [];
-        const genre = new Set(this.search.genre.split(','));
+        const genre = this.search.genre.split(',');
 
-        for (const section of this.genreTree) {
-            for (const g of section.value)
-                if (genre.has(g.value))
-                    result.push(g.name);
+        for (const g of genre) {
+            const name = this.genreMap.get(g);
+            if (name)
+                result.push(name);
         }
 
         return result.join(', ');
     }
 
-    get showReadLink() {
-        return this.config.bookReadLink != '' || this.liberamaReady;
-    }
-
     openReleasePage() {
         window.open('https://github.com/bookpauk/inpx-web/releases', '_blank');
     }
@@ -646,12 +487,6 @@ class Search {
         this.$root.stdDialog.alert(info, 'Памятка', {iconName: 'la la-info-circle'});
     }
 
-    showHiddenHelp() {
-        this.$root.stdDialog.alert(`
-            Книги этих авторов помечены как удаленные. Для того, чтобы их увидеть, необходимо установить опцию "Показывать удаленные" в настройках.
-        `, 'Пояснение', {iconName: 'la la-info-circle'});
-    }
-
     showCollectionInfo() {
         /*
           "dbConfig": {
@@ -767,17 +602,13 @@ class Search {
     }
 
     get foundAuthorsMessage() {
-        return `Найден${utils.wordEnding(this.totalFound, 2)} ${this.totalFound} автор${utils.wordEnding(this.totalFound)}`;
-    }
-
-    get hiddenResultsMessage() {
-        return `+${this.hiddenCount} результат${utils.wordEnding(this.hiddenCount)} скрыт${utils.wordEnding(this.hiddenCount, 2)}`;
+        return `Найден${utils.wordEnding(this.list.totalFound, 2)} ${this.list.totalFound} автор${utils.wordEnding(this.list.totalFound)}`;
     }
 
     updatePageCount() {
         const prevPageCount = this.pageCount;
 
-        this.pageCount = Math.ceil(this.totalFound/this.limit);
+        this.pageCount = Math.ceil(this.list.totalFound/this.limit);
         this.pageCount = (this.pageCount < 1 ? 1 : this.pageCount);
 
         if (this.prevPage && prevPageCount == 1 && this.pageCount > 1 && this.prevPage <= this.pageCount) {
@@ -788,149 +619,20 @@ class Search {
             this.search.page = 1;
     }
 
-    getBookCount(item) {
-        let result = '';
-        if (!this.showCounts || item.count === undefined)
-            return result;
-
-        if (item.booksLoaded) {
-            let count = 0;
-            for (const book of item.booksLoaded) {
-                if (book.type == 'series')
-                    count += book.seriesBooks.length;
-                else
-                    count++;
-            }
-
-            result = `${count}/${item.count}`;
-        } else 
-            result = `#/${item.count}`;
-
-        return `(${result})`;
-    }
-
-    selectAuthor(author) {
-        this.search.author = `=${author}`;
-        this.scrollToTop();
-    }
-
-    selectSeries(series) {
-        this.search.series = `=${series}`;
-    }
-
-    selectTitle(title) {
-        this.search.title = `=${title}`;
-    }
-
-    async download(book, action) {
-        if (this.downloadFlag)
-            return;
-
-        this.downloadFlag = true;
-        (async() => {
-            await utils.sleep(200);
-            if (this.downloadFlag)
-                this.loadingMessage2 = 'Подготовка файла...';
-        })();
-
-        try {
-            const makeValidFilenameOrEmpty = (s) => {
-                try {
-                    return utils.makeValidFilename(s);
-                } catch(e) {
-                    return '';
-                }
-            };
-
-            //имя файла
-            let downFileName = 'default-name';
-            const author = book.author.split(',');
-            const at = [author[0], book.title];
-            downFileName = makeValidFilenameOrEmpty(at.filter(r => r).join(' - '))
-                || makeValidFilenameOrEmpty(at[0])
-                || makeValidFilenameOrEmpty(at[1])
-                || downFileName;
-            downFileName = downFileName.substring(0, 100);
-
-            const ext = `.${book.ext}`;
-            if (downFileName.substring(downFileName.length - ext.length) != ext)
-                downFileName += ext;
-
-            const bookPath = `${book.folder}/${book.file}${ext}`;
-            //подготовка
-            const response = await this.api.getBookLink({bookPath, downFileName});
-            
-            const link = response.link;
-            const href = `${window.location.origin}${link}`;
-
-            if (action == 'download') {
-                //скачивание
-                const d = this.$refs.download;
-                d.href = href;
-                d.download = downFileName;
-
-                d.click();
-            } else if (action == 'copyLink') {
-                //копирование ссылки
-                if (await utils.copyTextToClipboard(href))
-                    this.$root.notify.success('Ссылка успешно скопирована');
-                else
-                    this.$root.stdDialog.alert(
-`Копирование ссылки не удалось. Пожалуйста, попробуйте еще раз.
-<br><br>
-<b>Пояснение</b>: вероятно, браузер запретил копирование, т.к. прошло<br>
-слишком много времени с момента нажатия на кнопку (инициация<br>
-пользовательского события). Сейчас ссылка уже закеширована,<br>
-поэтому повторная попытка должна быть успешной.`, 'Ошибка');
-            } else if (action == 'readBook') {
-                //читать
-                if (this.liberamaReady) {
-                    this.sendMessage({type: 'submitUrl', data: href});
-                } else {
-                    const url = this.config.bookReadLink.replace('${DOWNLOAD_LINK}', href);
-                    window.open(url, '_blank');
-                }
-            }
-        } catch(e) {
-            this.$root.stdDialog.alert(e.message, 'Ошибка');
-        } finally {
-            this.downloadFlag = false;
-            this.loadingMessage2 = '';
-        }
-    }
-
-    bookEvent(event) {
+    listEvent(event) {
         switch (event.action) {
-            case 'authorClick':
-                this.selectAuthor(event.book.author);
+            case 'ignoreScroll':
+                this.ignoreScroll();
                 break;
-            case 'titleClick':
-                this.selectTitle(event.book.title);
+            case 'highlightPageScroller':
+                this.highlightPageScroller(event.query);
                 break;
-            case 'download':
-            case 'copyLink':
-            case 'readBook':
-                this.download(event.book, event.action);//no await
+            case 'scrollToTop':
+                this.scrollToTop();
                 break;
         }
     }
 
-    isExpanded(item) {
-        return this.expanded.indexOf(item.author) >= 0;
-    }
-
-    isExpandedSeries(seriesItem) {
-        return this.expandedSeries.indexOf(seriesItem.key) >= 0;
-    }
-
-    isFoundSeriesBook(seriesItem, seriesBook) {
-        if (!seriesItem.booksSet) {
-            seriesItem.booksSet = new Set(seriesItem.seriesBooks.map(b => b.id));
-        }
-
-        return seriesItem.booksSet.has(seriesBook.id);
-    }
-
     setSetting(name, newValue) {
         this.commit('setSettings', {[name]: _.cloneDeep(newValue)});
     }
@@ -1008,364 +710,13 @@ class Search {
         }
     }
 
-    async expandAuthor(item) {
-        const expanded = _.cloneDeep(this.expanded);
-        const key = item.author;
-
-        if (!this.isExpanded(item)) {
-            expanded.push(key);
-
-            await this.getBooks(item);
-
-            if (expanded.length > 10) {
-                expanded.shift();
-            }
-
-            this.setSetting('expanded', expanded);
-            this.ignoreScroll();
-        } else {
-            const i = expanded.indexOf(key);
-            if (i >= 0) {
-                expanded.splice(i, 1);
-                this.setSetting('expanded', expanded);
-            }
-        }
-    }
-
-    expandSeries(seriesItem) {
-        const expandedSeries = _.cloneDeep(this.expandedSeries);
-        const key = seriesItem.key;
-
-        if (!this.isExpandedSeries(seriesItem)) {
-            expandedSeries.push(key);
-
-            if (expandedSeries.length > 100) {
-                expandedSeries.shift();
-            }
-
-            this.getSeriesBooks(seriesItem); //no await
-
-            this.setSetting('expandedSeries', expandedSeries);
-            this.ignoreScroll();
-        } else {
-            const i = expandedSeries.indexOf(key);
-            if (i >= 0) {
-                expandedSeries.splice(i, 1);
-                this.setSetting('expandedSeries', expandedSeries);
-            }
-        }
-    }
-
-    async loadBooks(authorId) {
-        try {
-            let result;
-
-            if (this.abCacheEnabled) {
-                const key = `${authorId}-${this.inpxHash}`;
-                const data = await authorBooksStorage.getData(key);
-                if (data) {
-                    result = JSON.parse(data);
-                } else {
-                    result = await this.api.getBookList(authorId);
-                    await authorBooksStorage.setData(key, JSON.stringify(result));
-                }
-            } else {
-                result = await this.api.getBookList(authorId);
-            }
-
-            return (result.books ? JSON.parse(result.books) : []);
-        } catch (e) {
-            this.$root.stdDialog.alert(e.message, 'Ошибка');
-        }
-    }
-
-    async loadSeriesBooks(series) {
-        try {
-            let result;
-
-            if (this.abCacheEnabled) {
-                const key = `series-${series}-${this.inpxHash}`;
-                const data = await authorBooksStorage.getData(key);
-                if (data) {
-                    result = JSON.parse(data);
-                } else {
-                    result = await this.api.getSeriesBookList(series);
-                    await authorBooksStorage.setData(key, JSON.stringify(result));
-                }
-            } else {
-                result = await this.api.getSeriesBookList(series);
-            }
-
-            return (result.books ? JSON.parse(result.books) : []);
-        } catch (e) {
-            this.$root.stdDialog.alert(e.message, 'Ошибка');
-        }
-    }
-
-    async getSeriesBooks(seriesItem) {
-        //асинхронно подгружаем все книги серии, блокируем повторный вызов
-        if (seriesItem.allBooksLoaded === null) {
-            seriesItem.allBooksLoaded = undefined;
-            (async() => {
-                seriesItem.allBooksLoaded = await this.loadSeriesBooks(seriesItem.series);
-
-                if (seriesItem.allBooksLoaded) {
-                    seriesItem.allBooksLoaded = seriesItem.allBooksLoaded.filter(book => (this.showDeleted || !book.del));
-                    this.sortSeriesBooks(seriesItem.allBooksLoaded);
-                    this.showMoreSeries(seriesItem);
-                } else {
-                    seriesItem.allBooksLoaded = null;
-                }
-            })();
-        }
-    }
-
-    filterBooks(books) {
-        const s = this.search;
-
-        const emptyFieldValue = '?';
-        const maxUtf8Char = String.fromCodePoint(0xFFFFF);
-        const ruAlphabet = 'абвгдеёжзийклмнопрстуфхцчшщъыьэюя';
-        const enAlphabet = 'abcdefghijklmnopqrstuvwxyz';
-        const enru = new Set((ruAlphabet + enAlphabet).split(''));
-
-        const splitAuthor = (author) => {
-            if (!author) {
-                author = emptyFieldValue;
-            }
-
-            const result = author.split(',');
-            if (result.length > 1)
-                result.push(author);
-
-            return result;
-        };
-
-        const filterBySearch = (bookValue, searchValue) => {
-            if (!searchValue)
-                return true;
-
-            if (!bookValue)
-                bookValue = emptyFieldValue;
-
-            bookValue = bookValue.toLowerCase();
-            searchValue = searchValue.toLowerCase();
-
-            //особая обработка префиксов
-            if (searchValue[0] == '=') {
-
-                searchValue = searchValue.substring(1);
-                return bookValue.localeCompare(searchValue) == 0;
-            } else if (searchValue[0] == '*') {
-
-                searchValue = searchValue.substring(1);
-                return bookValue !== emptyFieldValue && bookValue.indexOf(searchValue) >= 0;
-            } else if (searchValue[0] == '#') {
-
-                searchValue = searchValue.substring(1);
-                return !bookValue || (bookValue !== emptyFieldValue && !enru.has(bookValue[0]) && bookValue.indexOf(searchValue) >= 0);
-            } else {
-                //where = `@dirtyIndexLR('value', ${db.esc(a)}, ${db.esc(a + maxUtf8Char)})`;
-                return bookValue.localeCompare(searchValue) >= 0 && bookValue.localeCompare(searchValue + maxUtf8Char) <= 0;
-            }
-        };
-
-        return books.filter((book) => {
-            //author
-            let authorFound = false;
-            const authors = splitAuthor(book.author);
-            for (const a of authors) {
-                if (filterBySearch(a, s.author)) {
-                    authorFound = true;
-                    break;
-                }
-            }
-
-            //genre
-            let genreFound = !s.genre;
-            if (!genreFound) {
-                const searchGenres = new Set(s.genre.split(','));
-                const bookGenres = book.genre.split(',');
-
-                for (let g of bookGenres) {
-                    if (!g)
-                        g = emptyFieldValue;
-
-                    if (searchGenres.has(g)) {
-                        genreFound = true;
-                        break;
-                    }
-                }
-            }
-
-            //lang
-            let langFound = !s.lang;
-            if (!langFound) {
-                const searchLang = new Set(s.lang.split(','));
-                langFound = searchLang.has(book.lang || emptyFieldValue);
-            }
-
-            return (this.showDeleted || !book.del)
-                && authorFound
-                && filterBySearch(book.series, s.series)
-                && filterBySearch(book.title, s.title)
-                && genreFound
-                && langFound
-            ;
-        });
-    }
-
-    showMore(item, all = false) {
-        if (item.booksLoaded) {
-            const currentLen = (item.books ? item.books.length : 0);
-            let books;
-            if (all || currentLen + showMoreCount*1.5 > item.booksLoaded.length) {
-                books = item.booksLoaded;
-            } else {
-                books = item.booksLoaded.slice(0, currentLen + showMoreCount);
-            }
-
-            item.showMore = (books.length < item.booksLoaded.length);
-            item.books = books;
-        }
-    }
-
-    showMoreSeries(seriesItem, all = false) {
-        if (seriesItem.allBooksLoaded) {
-            const currentLen = (seriesItem.allBooks ? seriesItem.allBooks.length : 0);
-            let books;
-            if (all || currentLen + showMoreCount*1.5 > seriesItem.allBooksLoaded.length) {
-                books = seriesItem.allBooksLoaded;
-            } else {
-                books = seriesItem.allBooksLoaded.slice(0, currentLen + showMoreCount);
-            }
-
-            seriesItem.showMore = (books.length < seriesItem.allBooksLoaded.length);
-            seriesItem.allBooks = books;
-        }
-    }
-
-    sortSeriesBooks(seriesBooks) {
-        seriesBooks.sort((a, b) => {
-            const dserno = (a.serno || Number.MAX_VALUE) - (b.serno || Number.MAX_VALUE);
-            const dtitle = a.title.localeCompare(b.title);
-            const dext = a.ext.localeCompare(b.ext);
-            return (dserno ? dserno : (dtitle ? dtitle : dext));
-        });
-    }
-
-    async getBooks(item) {
-        if (item.books) {
-            if (item.count > maxItemCount) {
-                item.bookLoading = true;
-                await utils.sleep(1);//для перерисовки списка
-                item.bookLoading = false;
-            }
-            return;
-        }
-
-        if (!this.getBooksFlag)
-            this.getBooksFlag = 0;
-
-        this.getBooksFlag++;
-        if (item.count > maxItemCount)
-            item.bookLoading = true;
-
-        try {
-            if (this.getBooksFlag == 1) {
-                (async() => {
-                    await utils.sleep(500);
-                    if (this.getBooksFlag > 0)
-                        this.loadingMessage2 = 'Загрузка списка книг...';
-                })();
-            }
-
-            const booksToFilter = await this.loadBooks(item.key);
-            const filtered = this.filterBooks(booksToFilter);
-
-            const prepareBook = (book) => {
-                return Object.assign(
-                    {
-                        key: book.id,
-                        type: 'book',
-                    },
-                    book
-                );
-            };
-
-            //объединение по сериям
-            const books = [];
-            const seriesIndex = {};
-            for (const book of filtered) {
-                if (book.series) {
-                    let index = seriesIndex[book.series];
-                    if (index === undefined) {
-                        index = books.length;
-                        books.push(reactive({
-                            key: `${item.author}-${book.series}`,
-                            type: 'series',
-                            series: book.series,
-                            allBooksLoaded: null,
-                            allBooks: null,
-                            showAllBooks: false,
-                            showMore: false,
-
-                            seriesBooks: [],
-                        }));
-
-                        seriesIndex[book.series] = index;
-                    }
-
-                    books[index].seriesBooks.push(prepareBook(book));
-                } else {
-                    books.push(prepareBook(book));
-                }
-            }
-
-            //сортировка
-            books.sort((a, b) => {
-                if (a.type == 'series') {
-                    return (b.type == 'series' ? a.key.localeCompare(b.key) : -1);
-                } else {
-                    return (b.type == 'book' ? a.title.localeCompare(b.title) : 1);
-                }
-            });
-
-            //сортировка внутри серий
-            for (const book of books) {
-                if (book.type == 'series') {
-                    this.sortSeriesBooks(book.seriesBooks);
-
-                    //асинхронно подгрузим все книги серии, если она раскрыта
-                    if (this.isExpandedSeries(book)) {
-                        this.getSeriesBooks(book);//no await
-                    }
-                }
-            }
-
-            if (books.length == 1 && books[0].type == 'series' && !this.isExpandedSeries(books[0])) {
-                this.expandSeries(books[0]);
-            }
-
-            item.booksLoaded = books;
-            this.showMore(item);
-
-            await this.$nextTick();
-        } finally {
-            item.bookLoading = false;
-            this.getBooksFlag--;
-            if (this.getBooksFlag == 0)
-                this.loadingMessage2 = '';
-        }
-    }
-
     async updateGenreTreeIfNeeded() {
         try {
-            if (this.genreTreeInpxHash !== this.inpxHash) {
+            if (this.genreTreeInpxHash !== this.list.inpxHash) {
                 let result;
 
                 if (this.abCacheEnabled) {
-                    const key = `genre-tree-${this.inpxHash}`;
+                    const key = `genre-tree-${this.list.inpxHash}`;
                     const data = await authorBooksStorage.getData(key);
                     if (data) {
                         result = JSON.parse(data);
@@ -1379,6 +730,12 @@ class Search {
                 }
 
                 this.genreTree = result.genreTree;
+                this.genreMap = new Map();
+                for (const section of this.genreTree) {
+                    for (const g of section.value)
+                        this.genreMap.set(g.value, g.name);
+                }
+
                 this.langList = result.langList;
                 this.genreTreeInpxHash = result.inpxHash;
             }
@@ -1386,132 +743,6 @@ class Search {
             this.$root.stdDialog.alert(e.message, 'Ошибка');
         }
     }
-
-    async updateTableData() {
-        let result = [];
-
-        const expandedSet = new Set(this.expanded);
-        const authors = this.searchResult.author;
-        if (!authors)
-            return;
-
-        let num = 0;
-        this.hiddenCount = 0;
-        for (const rec of authors) {
-            this.cachedAuthors[rec.author] = rec;
-
-            const count = (this.showDeleted ? rec.bookCount + rec.bookDelCount : rec.bookCount);
-            if (!count) {
-                this.hiddenCount++;
-                continue;
-            }
-
-            const item = reactive({
-                key: rec.id,
-                num,
-                author: rec.author,
-                name: rec.author.replace(/,/g, ', '),
-                count,
-                booksLoaded: false,
-                books: false,
-                bookLoading: false,
-                showMore: false,
-            });
-            num++;
-
-            if (expandedSet.has(item.author)) {
-                if (authors.length > 1 || item.count > maxItemCount)
-                    this.getBooks(item);//no await
-                else 
-                    await this.getBooks(item);
-            }
-
-            result.push(item);
-        }
-
-        if (result.length == 1 && !this.isExpanded(result[0])) {
-            this.expandAuthor(result[0]);
-        }
-
-        this.tableData = result;
-    }
-
-    async refresh() {
-        if (!this.ready)
-            return;
-
-        this.updateRouteQueryFromSearch();
-
-        //оптимизация
-        if (this.abCacheEnabled && this.search.author && this.search.author[0] == '=') {
-            const authorSearch = this.search.author.substring(1);
-            const author = this.cachedAuthors[authorSearch];
-
-            if (author) {
-                const key = `${author.id}-${this.inpxHash}`;
-                let data = await authorBooksStorage.getData(key);
-
-                if (data) {
-                    this.queryFound = 1;
-                    this.totalFound = 1;
-                    this.searchResult = {author: [author]};
-                    await this.updateTableData();
-                    return;
-                }
-            }
-        }
-
-        //параметры запроса
-        const offset = (this.search.page - 1)*this.search.limit;
-
-        const newQuery = _.cloneDeep(this.search);
-        newQuery.offset = offset;
-
-        this.queryExecute = newQuery;
-
-        if (this.refreshing)
-            return;
-
-        this.refreshing = true;
-        try {
-            while (this.queryExecute) {
-                const query = this.queryExecute;
-                this.queryExecute = null;
-
-                let inSearch = true;
-                (async() => {
-                    await utils.sleep(500);
-                    if (inSearch)
-                        this.loadingMessage = 'Поиск авторов...';
-                })();
-
-                try {
-                    const result = await this.api.search(query);
-
-                    this.queryFound = result.author.length;
-                    this.totalFound = result.totalFound;
-                    this.inpxHash = result.inpxHash;
-
-                    this.searchResult = result;
-
-                    await utils.sleep(1);
-                    if (!this.queryExecute) {
-                        await this.updateGenreTreeIfNeeded();
-                        await this.updateTableData();
-                        this.scrollToTop();
-                        this.highlightPageScroller(query);
-                    }
-                } catch (e) {
-                    this.$root.stdDialog.alert(e.message, 'Ошибка');
-                } finally {
-                    inSearch = false;
-                    this.loadingMessage = '';
-                }
-            }
-        } finally {
-            this.refreshing = false;
-        }
-    }
 }
 
 export default vueComponent(Search);
@@ -1539,11 +770,4 @@ export default vueComponent(Search);
     cursor: pointer;
 }
 
-.odd-author {
-    background-color: #e8e8e8;
-}
-
-.book-row {
-    margin-left: 50px;
-}
 </style>