@@ -101,9 +101,120 @@ const loadPdf = async (el, invoke, options) => {
101101 const pdfDocument = await loadingTask . promise ;
102102 pdfViewer . setDocument ( pdfDocument ) ;
103103
104+ pdfDocument . getMetadata ( ) . then ( metadata => {
105+ loadMetadata ( el , pdfViewer , metadata ) ;
106+ } ) ;
107+
104108 return pdfViewer ;
105109}
106110
111+ const loadMetadata = ( el , pdfViewer , metadata ) => {
112+ console . log ( metadata ) ;
113+
114+ const filename = el . querySelector ( '.bb-view-pdf-dialog-filename' ) ;
115+ const docTitle = el . querySelector ( '.bb-view-subject' ) ;
116+ filename . textContent = docTitle . textContent ;
117+
118+ const filesize = el . querySelector ( '.bb-view-pdf-dialog-filesize' ) ;
119+ filesize . textContent = getFilesize ( metadata ) ;
120+
121+ const title = el . querySelector ( '.bb-view-pdf-dialog-title' ) ;
122+ const author = el . querySelector ( '.bb-view-pdf-dialog-author' ) ;
123+ const subject = el . querySelector ( '.bb-view-pdf-dialog-subject' ) ;
124+ const keywords = el . querySelector ( '.bb-view-pdf-dialog-keywords' ) ;
125+ const created = el . querySelector ( '.bb-view-pdf-dialog-created' ) ;
126+ created . textContent = parsePdfDate ( metadata . info . CreationDate ) ?. toLocaleString ( ) ;
127+
128+ const modified = el . querySelector ( '.bb-view-pdf-dialog-modified' ) ;
129+
130+ const application = el . querySelector ( '.bb-view-pdf-dialog-application' ) ;
131+ application . textContent = metadata . info . Creator ;
132+
133+ const producer = el . querySelector ( '.bb-view-pdf-dialog-producer' ) ;
134+ producer . textContent = metadata . info . Producer ;
135+
136+ const version = el . querySelector ( '.bb-view-pdf-dialog-version' ) ;
137+ version . textContent = metadata . info . PDFFormatVersion ;
138+
139+ const count = el . querySelector ( '.bb-view-pdf-dialog-count' ) ;
140+ count . textContent = pdfViewer . pagesCount ;
141+
142+ const size = el . querySelector ( '.bb-view-pdf-dialog-size' ) ;
143+ pdfViewer . pdfDocument . getPage ( pdfViewer . currentPageNumber ) . then ( page => {
144+ const viewport = page . getViewport ( { scale : 1 } ) ;
145+ size . textContent = `${ ( viewport . width / 72 ) . toFixed ( 2 ) } ${ ( viewport . height / 72 ) . toFixed ( 2 ) } ;
146+ } ) ;
147+
148+ const webview = el . querySelector ( '.bb-view-pdf-dialog-webview' ) ;
149+ }
150+
151+ function parsePdfDate ( pdfDateString ) {
152+ if ( ! pdfDateString || typeof pdfDateString !== 'string' ) {
153+ return null ;
154+ }
155+
156+ let dateStr = pdfDateString . startsWith ( 'D:' ) ? pdfDateString . substring ( 2 ) : pdfDateString ;
157+
158+ const pdfDateRegex = / ^ ( \d { 4 } ) ( \d { 2 } ) ( \d { 2 } ) ( \d { 2 } ) ( \d { 2 } ) ( \d { 2 } ) ( [ Z z + - ] ) ( \d { 2 } ) ' ? ( \d { 2 } ) ' ? $ / ;
159+ const match = dateStr . match ( pdfDateRegex ) ;
160+
161+ if ( ! match ) {
162+ return null ;
163+ }
164+
165+ const [ , year , month , day , hours , minutes , seconds , timezoneSign , timezoneHours , timezoneMinutes ] = match ;
166+
167+ const date = new Date (
168+ parseInt ( year ) ,
169+ parseInt ( month ) - 1 ,
170+ parseInt ( day ) ,
171+ parseInt ( hours ) ,
172+ parseInt ( minutes ) ,
173+ parseInt ( seconds )
174+ ) ;
175+
176+ if ( timezoneSign === 'Z' || timezoneSign === 'z' ) {
177+ const utcTime = Date . UTC (
178+ parseInt ( year ) ,
179+ parseInt ( month ) - 1 ,
180+ parseInt ( day ) ,
181+ parseInt ( hours ) ,
182+ parseInt ( minutes ) ,
183+ parseInt ( seconds )
184+ ) ;
185+ date . setTime ( utcTime ) ;
186+ }
187+ else if ( timezoneSign === '+' || timezoneSign === '-' ) {
188+ const offsetHours = parseInt ( timezoneHours ) ;
189+ const offsetMinutes = parseInt ( timezoneMinutes || 0 ) ;
190+ const totalOffsetMinutes = offsetHours * 60 + offsetMinutes ;
191+
192+ if ( timezoneSign === '+' ) {
193+ date . setMinutes ( date . getMinutes ( ) - totalOffsetMinutes ) ;
194+ }
195+ else {
196+ date . setMinutes ( date . getMinutes ( ) + totalOffsetMinutes ) ;
197+ }
198+ }
199+ return date ;
200+ }
201+
202+ const getFilesize = metadata => {
203+ const length = metadata . contentLength ;
204+ if ( length < 1024 ) {
205+ return `${ Math . round ( length ) } ;
206+ }
207+ else if ( length < 1024 * 1024 ) {
208+ return `${ Math . round ( length / 1024 ) } ;
209+ }
210+ else if ( length < 1024 * 1024 * 1024 ) {
211+ return `${ length / 1024 / 1024 } ;
212+ }
213+ else if ( length < 1024 * 1024 * 1024 * 1024 ) {
214+ return `${ length / 1024 / 1024 / 1024 } ;
215+ }
216+ }
217+
107218const setObserver = el => {
108219 const observer = new ResizeObserver ( entries => {
109220 relayoutToolbar ( el ) ;
@@ -402,7 +513,7 @@ const updateScaleValue = (el, value) => {
402513 const scaleEl = el . querySelector ( ".bb-view-scale-input" ) ;
403514
404515 const scale = value * 100 ;
405- scaleEl . value = `${ Math . round ( scale , 0 ) } ;
516+ scaleEl . value = `${ Math . round ( scale ) } ;
406517
407518 if ( scale === 25 ) {
408519 minus . classList . add ( "disabled" ) ;
@@ -422,7 +533,7 @@ const updateScale = (pdfViewer, button, rate) => {
422533 }
423534
424535 const scale = pdfViewer . currentScale ;
425- const current = Math . round ( parseFloat ( scale * 100 ) , 0 ) ;
536+ const current = Math . round ( parseFloat ( scale * 100 ) ) ;
426537 const step = [ 25 , 33 , 50 , 67 , 75 , 80 , 90 , 100 , 110 , 125 , 150 , 175 , 200 , 250 , 300 , 400 , 500 ] ;
427538 const findValues = step . filter ( s => rate > 0 ? current < s : current > s ) ;
428539 if ( findValues . length === 0 ) {
@@ -462,7 +573,7 @@ const printPdf = url => {
462573 }
463574
464575 iframe = document . createElement ( "iframe" ) ;
465- iframe . classList = "bb-view-print-iframe" ;
576+ iframe . classList . add ( "bb-view-print-iframe" ) ;
466577 iframe . style . position = "fixed" ;
467578 iframe . style . right = "100%" ;
468579 iframe . style . bottom = "100%" ;
0 commit comments