FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix embed-pdf short code not rendering pdf file (#844)

Browse source 
Signed-off-by: hossainemruz <hossainemruz@gmail.com>
This commit is contained in:
Emruz Hossain 2023-12-08 22:04:58 +06:00 • committed by GitHub
parent bb9fec2e5d
commit d5fb8e5313
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 18 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

4
assets/scripts/features/embedpdf/index.js
View file

@ -38,7 +38,7 @@ class PDFViewer {
this.loadingWrapper = el.getElementsByClassName('loading-wrapper')[0] this.loadingWrapper = el.getElementsByClassName('loading-wrapper')[0]
this.next = el.getElementsByClassName('next')[0] this.next = el.getElementsByClassName('next')[0]
this.prev = el.getElementsByClassName('prev')[0] this.prev = el.getElementsByClassName('prev')[0]
this.pageNum = el.getElementsByClassName('page-num')[0] this.curPage = el.getElementsByClassName('page-num')[0]
this.pageCount = el.getElementsByClassName('page-count')[0] this.pageCount = el.getElementsByClassName('page-count')[0]
// context // context
@ -121,7 +121,7 @@ class PDFViewer {
this.pageNumPending = null this.pageNumPending = null
} }
// Update page counters // Update page counters
this.pageNum.textContent = num this.curPage.textContent = num
} }
/** /**

11
assets/styles/sections/pdf-viewer.scss
View file

@ -8,9 +8,16 @@
} }
.paginator { .paginator {
display: none; display: flex!important;
width: 100% !important;
text-align: center; text-align: center;
margin-bottom: 10px; margin-bottom: 0.2rem !important;
justify-content: space-between;
.page-number-indicator {
margin-left: auto;
margin-right: auto;
}
} }
.loading-wrapper { .loading-wrapper {

10
layouts/shortcodes/embed-pdf.html
View file

@ -11,9 +11,13 @@
data-page-num="{{ $pageNum }}" data-page-num="{{ $pageNum }}"
> >
<div class="paginator"> <div class="paginator">
<button class="prev">Previous</button> <div class="page-number-indicator">
<button class="next">Next</button> <span>Page: <span class="page-num"></span> / <span class="page-count"></span></span>
<span>Page: <span class="page-num"></span> / <span class="page-count"></span></span> </div>
<div class="next-prev-btn">
<button class="prev btn btn-sm btn-info">Previous</button>
<button class="next btn btn-sm btn-info">Next</button>
</div>
</div> </div>
<div class="embed-pdf-container"> <div class="embed-pdf-container">