f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-05 03:42:38 +00:00
Code Wiki Activity

keep current page number within existing page range

Browse Source 
Make it so that if a user enters a page number higher than the total page count, it jumps them to last page.  if lower than 1, it jumps them to first page.
This commit is contained in:
Gazook89
2024-08-19 23:40:21 -05:00
parent 2cf73698e8
commit f5ee55d0ca
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/homebrew/brewRenderer/brewRenderer.jsx
View File

@@ -82,7 +82,7 @@ const BrewRenderer = (props)=>{
}, []); }, []);
const scrollToPage = (pageNumber) => { const scrollToPage = (pageNumber) => {
pageNumber = pageNumber - 1; pageNumber = _.clamp(pageNumber - 1, 0, rawPages.length - 1);
const iframe = document.getElementById('BrewRenderer'); const iframe = document.getElementById('BrewRenderer');
if(iframe && iframe.contentWindow) { if(iframe && iframe.contentWindow) {
const brewRenderer = iframe.contentWindow.document.querySelector('.brewRenderer'); const brewRenderer = iframe.contentWindow.document.querySelector('.brewRenderer');

5
client/homebrew/brewRenderer/toolBar/toolBar.jsx
View File

@@ -26,8 +26,8 @@ const ToolBar = ({ onZoomChange, currentPage, onPageChange, totalPages })=>{
}; };
const handlePageChange = (page)=>{ const handlePageChange = (page)=>{
setPageInput((page)); setPageInput(page);
} };
return ( return (
<div className='toolBar'> <div className='toolBar'>
@@ -88,6 +88,7 @@ const ToolBar = ({ onZoomChange, currentPage, onPageChange, totalPages })=>{
onChange={(e)=>{ onChange={(e)=>{
handlePageChange(e.target.value == false ? e.target.value : parseInt(e.target.value));}} handlePageChange(e.target.value == false ? e.target.value : parseInt(e.target.value));}}
onBlur={()=>onPageChange(pageInput)} onBlur={()=>onPageChange(pageInput)}
onKeyDown={(e)=>{e.key == 'Enter' ? onPageChange(pageInput) : null;}}
/> />
<span id='page-count'>/ {totalPages}</span> <span id='page-count'>/ {totalPages}</span>