0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-27 22:22:42 +00:00

Merge branch 'pr/3499' into Fill-Pane-Buttons

This commit is contained in:
Gazook89
2024-08-24 21:28:13 -05:00

View File

@@ -26,16 +26,27 @@ const ToolBar = ({ onZoomChange, currentPage, onPageChange, totalPages })=>{
setZoomLevel(newZoomLevel);
};
const handlePageChange = (page)=>{
const regex = /[0-9]/;
if(regex.test(page)){
const num = parseInt(page); // input type is 'text', so `page` comes in as a string, not number.
setPageNum(num)
} else {
return;
}
};
const scrollToPage = (pageNumber)=>{
pageNumber = _.clamp(pageNumber - 1, 0, totalPages - 1);
pageNumber = _.clamp(pageNumber, 1, totalPages);
const iframe = document.getElementById('BrewRenderer');
if(iframe && iframe.contentWindow) {
const brewRenderer = iframe.contentWindow.document.querySelector('.brewRenderer');
if(brewRenderer) {
const pages = brewRenderer.querySelectorAll('.page');
pages[pageNumber]?.scrollIntoView({ block: 'start' });
pages[pageNumber - 1]?.scrollIntoView({ block: 'start' });
}
}
setPageNum(pageNumber);
};
@@ -151,7 +162,8 @@ const ToolBar = ({ onZoomChange, currentPage, onPageChange, totalPages })=>{
inputMode='numeric'
pattern='[0-9]'
value={pageNum}
onChange={(e)=>{setPageNum(parseInt(e.target.value));}}
onClick={(e)=>{e.target.select()}}
onChange={(e)=>{handlePageChange(e.target.value);}}
onBlur={()=>scrollToPage(pageNum)}
onKeyDown={(e)=>{e.key == 'Enter' ? scrollToPage(pageNum) : null;}}
/>