diff options
author | yipstanley <stanley_yip@brown.edu> | 2019-09-24 18:30:18 -0400 |
---|---|---|
committer | yipstanley <stanley_yip@brown.edu> | 2019-09-24 18:30:18 -0400 |
commit | 1a12483b52c27259f0f2762d4369a79e1397af9c (patch) | |
tree | 9fca82bd3268912e60a6bf2e233f56622f53a4bb /src/debug/Test.tsx | |
parent | c3e5b50ed59f474cddace89ad4ca25f2ef0c2f74 (diff) |
ahhhh
Diffstat (limited to 'src/debug/Test.tsx')
-rw-r--r-- | src/debug/Test.tsx | 99 |
1 files changed, 0 insertions, 99 deletions
diff --git a/src/debug/Test.tsx b/src/debug/Test.tsx index 20d02488e..3baedce4b 100644 --- a/src/debug/Test.tsx +++ b/src/debug/Test.tsx @@ -5,108 +5,9 @@ import { Doc } from '../new_fields/Doc'; import * as Pdfjs from "pdfjs-dist"; import "pdfjs-dist/web/pdf_viewer.css"; import { Utils } from '../Utils'; -import { scale } from '../client/views/pdf/PDFViewer'; const PDFJSViewer = require("pdfjs-dist/web/pdf_viewer"); const protoId = "protoDoc"; const delegateId = "delegateDoc"; class Test extends React.Component { - private _viewer: React.RefObject<HTMLDivElement> = React.createRef(); - private _mainCont: React.RefObject<HTMLDivElement> = React.createRef(); - private _pageSizes: Array<{ width: number, height: number }> = []; - _pdfViewer: PDFJSViewer.PDFViewer; - _pdfFindController: PDFJSViewer.PDFFindController; - _page: number = 0; - - componentDidMount = () => { - let pdfUrl = Utils.CorsProxy("https://www.hq.nasa.gov/alsj/a17/A17_FlightPlan.pdf"); - Pdfjs.getDocument(pdfUrl).promise.then(async pdf => { - if (this._mainCont.current) { - let simpleLinkService = new SimpleLinkService(this); - this._pdfViewer = new PDFJSViewer.PDFViewer({ - container: this._mainCont.current, - viewer: this._viewer.current, - linkService: simpleLinkService - }); - simpleLinkService.setPDFJSview(this._pdfViewer); - this._mainCont.current.addEventListener("pagesinit", () => { - this._pdfViewer.currentScaleValue = 1; - console.log(this._pdfViewer); - }); - this._mainCont.current.addEventListener("pagerendered", () => console.log("rendered")); - this._pdfViewer.setDocument(pdf); - this._pageSizes = Array<{ width: number, height: number }>(pdf.numPages); - this._pdfFindController = new PDFJSViewer.PDFFindController(this._pdfViewer); - this._pdfViewer.findController = this._pdfFindController; - await Promise.all(this._pageSizes.map<Pdfjs.PDFPromise<any>>((val, i) => - pdf.getPage(i + 1).then((page: Pdfjs.PDFPageProxy) => { - this._pageSizes.splice(i, 1, { - width: (page.view[page.rotate === 0 || page.rotate === 180 ? 2 : 3] - page.view[page.rotate === 0 || page.rotate === 180 ? 0 : 1]) * scale, - height: (page.view[page.rotate === 0 || page.rotate === 180 ? 3 : 2] - page.view[page.rotate === 0 || page.rotate === 180 ? 1 : 0]) * scale - }); - } - ))); - } - }); - } - - goToPage = (page: number) => { - if (this._mainCont.current) { - // this._mainCont.current.scrollTo() - } - } - - render() { - return ( - <div ref={this._mainCont}> - <div ref={this._viewer} /> - </div> - ) - } -} - -class SimpleLinkService { - _viewer: Test; - _pdfjsView: any; - - constructor(viewer: Test) { - this._viewer = viewer; - } - setPDFJSview(v: any) { this._pdfjsView = v; } - - navigateTo() { } - - getDestinationHash() { return "#"; } - - getAnchorUrl() { return "#"; } - - setHash() { } - - isPageVisible(page: number) { return true; } - - executeNamedAction() { } - - cachePageRef() { } - - get pagesCount() { return this._viewer._pdfViewer.pagesCount; } - - get page() { return this._viewer._page; } - set page(p: number) { - this._pdfjsView._ensurePdfPageLoaded(this._pdfjsView._pages[p - 1]).then(() => { - this._pdfjsView.renderingQueue.renderView(this._pdfjsView._pages[p - 1]); - if (this._viewer.goToPage) { - this._viewer.goToPage(p); - } - }); - } - - - get rotation() { return 0; } - set rotation(value: any) { } } - -DocServer.init(window.location.protocol, window.location.hostname, 4321, "test"); -ReactDOM.render( - <Test />, - document.getElementById('root') -);
\ No newline at end of file |