rt/wrolpi
1
0
Fork 0
mirror of https://github.com/lrnselfreliance/wrolpi.git synced 2026-10-26 19:01:39 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Adding Doc filter button so users can search just PDFs/EPUB/etc.

Browse source
This commit is contained in:
Roland 2026-04-14 15:32:06 -06:00
parent 9468448a54
commit 66cecce5e6
No known key found for this signature in database
GPG key ID: 1BA620CE6C9A4680
4 changed files with 32 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

5
app/src/api.js
View file

@ -2239,7 +2239,7 @@ export async function deleteDocs(docIds) {
return await apiDelete(`${DOCS_API}/${ids}`);
}
export async function searchDocs(offset, limit, searchStr, order, tagNames, author, subject) {
export async function searchDocs(offset, limit, searchStr, order, tagNames, author, subject, mimetype) {
offset = parseInt(offset || 0);
limit = parseInt(limit || DEFAULT_LIMIT);
let body = {offset, limit};
@ -2258,6 +2258,9 @@ export async function searchDocs(offset, limit, searchStr, order, tagNames, auth
if (subject) {
body['subject'] = subject;
}
if (mimetype) {
body['mimetype'] = mimetype;
}
console.debug('searching docs', body);
const response = await apiPost(`${DOCS_API}/search`, body);

8
app/src/components/Docs.js
View file

@ -21,7 +21,7 @@ import {
} from "./Common";
import {Button, darkTheme, Header, Icon, Segment, Statistic, Tab} from "./Theme";
import {BulkTagModal} from "./BulkTagModal";
import {FilesView} from "./Files";
import {DocSearchFilterButton, FilesView} from "./Files";
import {useAuthors, useDoc, useOneQuery, useSearchDocs, useSubjects} from "../hooks/customHooks";
import {TagsSelector} from "../Tags";
import {toast} from "react-semantic-toasts-2";
@ -140,7 +140,8 @@ function DocsPage() {
<Grid.Column width={2}>{viewButton}</Grid.Column>
<Grid.Column width={4}>{limitDropdown}</Grid.Column>
<Grid.Column width={2}>{tagQuerySelector}</Grid.Column>
<Grid.Column width={8}><SortButton sorts={docOrders}/></Grid.Column>
<Grid.Column width={2}><DocSearchFilterButton/></Grid.Column>
<Grid.Column width={6}><SortButton sorts={docOrders}/></Grid.Column>
</Grid.Row>
<Grid.Row width={16}>
<Grid.Column>{searchInput}</Grid.Column>
@ -153,8 +154,9 @@ function DocsPage() {
<Grid.Column width={1}>{viewButton}</Grid.Column>
<Grid.Column width={2}>{limitDropdown}</Grid.Column>
<Grid.Column width={1}>{tagQuerySelector}</Grid.Column>
<Grid.Column width={1}><DocSearchFilterButton/></Grid.Column>
<Grid.Column width={3}><SortButton sorts={docOrders}/></Grid.Column>
<Grid.Column width={9}>{searchInput}</Grid.Column>
<Grid.Column width={8}>{searchInput}</Grid.Column>
</Grid.Row>
</Grid>
</Media>

11
app/src/components/Files.js
View file

@ -520,6 +520,17 @@ export function FileSearchFilterButton({size = 'medium'}) {
return <SearchFilter filters={filterOptions} size={size}/>
}
export function DocSearchFilterButton({size = 'medium'}) {
const filterOptions = [
{key: 'pdf', text: 'PDF', value: 'pdf'},
{key: 'epub', text: 'EPUB', value: 'epub'},
{key: 'comic', text: 'Comic', value: 'comic'},
{key: 'mobi', text: 'MOBI', value: 'mobi'},
];
return <SearchFilter filters={filterOptions} size={size}/>
}
export function FilesSearchView({
showView = true,
emptySearch = false,

14
app/src/hooks/customHooks.js
View file

@ -536,6 +536,14 @@ export const useSearchArchives = (defaultLimit) => {
}
}
const docFilterToMimetype = (filter) => {
if (filter === 'pdf') return 'application/pdf';
if (filter === 'epub') return 'application/epub';
if (filter === 'comic') return 'application/x-cb';
if (filter === 'mobi') return 'application/x-mobipocket-ebook';
return null;
}
export const useSearchDocs = (defaultLimit) => {
const {offset, limit, setLimit, activePage, setPage} = usePages(defaultLimit);
const {searchParams, updateQuery} = React.useContext(QueryContext);
@ -544,6 +552,7 @@ export const useSearchDocs = (defaultLimit) => {
const activeTags = searchParams.getAll('tag');
const author = searchParams.get('author') || '';
const subject = searchParams.get('subject') || '';
const filter = searchParams.get('filter') || '';
const [docs, setDocs] = useState(null);
const [totalPages, setTotalPages] = useState(0);
@ -552,7 +561,8 @@ export const useSearchDocs = (defaultLimit) => {
setDocs(null);
setTotalPages(0);
try {
let [docs_, total] = await searchDocs(offset, limit, searchStr, order, activeTags, author, subject);
const mimetype = docFilterToMimetype(filter);
let [docs_, total] = await searchDocs(offset, limit, searchStr, order, activeTags, author, subject, mimetype);
setDocs(docs_);
setTotalPages(calculateTotalPages(total, limit));
} catch (e) {
@ -563,7 +573,7 @@ export const useSearchDocs = (defaultLimit) => {
useEffect(() => {
localSearchDocs();
}, [searchStr, limit, order, offset, JSON.stringify(activeTags), author, subject]);
}, [searchStr, limit, order, offset, JSON.stringify(activeTags), author, subject, filter]);
const setSearchStr = (value) => {
updateQuery({q: value, o: 0, order: undefined});