aboutsummaryrefslogtreecommitdiff
path: root/src/debug/Test.tsx
diff options
context:
space:
mode:
authoryipstanley <stanley_yip@brown.edu>2019-09-24 18:30:18 -0400
committeryipstanley <stanley_yip@brown.edu>2019-09-24 18:30:18 -0400
commit1a12483b52c27259f0f2762d4369a79e1397af9c (patch)
tree9fca82bd3268912e60a6bf2e233f56622f53a4bb /src/debug/Test.tsx
parentc3e5b50ed59f474cddace89ad4ca25f2ef0c2f74 (diff)
ahhhh
Diffstat (limited to 'src/debug/Test.tsx')
-rw-r--r--src/debug/Test.tsx99
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