66 lines
2.2 KiB
66 lines
2.2 KiB
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<title>pdf.js Multi-Page Viewer</title> |
|
<meta http-equiv="Content-type" content="text/html;charset=UTF-8"/> |
|
<link rel="stylesheet" href="multi_page_viewer.css" type="text/css" media="screen"/> |
|
<script type="text/javascript" src="compatibility.js"></script> |
|
<script type="text/javascript" src="../pdf.js"></script> |
|
<script type="text/javascript" src="../fonts.js"></script> |
|
<script type="text/javascript" src="../crypto.js"></script> |
|
<script type="text/javascript" src="../glyphlist.js"></script> |
|
<script type="text/javascript" src="multi_page_viewer.js"></script> |
|
</head> |
|
<body> |
|
<div id="controls"> |
|
<span class="control"> |
|
<button id="previousPageButton" disabled="disabled"><span></span></button> |
|
<button id="nextPageButton" disabled="disabled"><span></span></button> |
|
<span class="label">Previous/Next</span> |
|
</span> |
|
<span class="control"> |
|
<input type="text" id="pageNumber" value="1" size="2"/> |
|
<span>/</span> |
|
<span id="numPages">--</span> |
|
<span class="label">Page Number</span> |
|
</span> |
|
<span class="control"> |
|
<select id="scaleSelect"> |
|
<option value="50">50%</option> |
|
<option value="75">75%</option> |
|
<option value="100">100%</option> |
|
<option value="125">125%</option> |
|
<option value="150" selected="selected">150%</option> |
|
<option value="200">200%</option> |
|
</select> |
|
<span class="label">Zoom</span> |
|
</span> |
|
|
|
<!-- WIP: Leave commented out until implemented --> |
|
<!-- |
|
<span class="control"> |
|
<button id="singleLayoutButton" class="selected"><span></span></button> |
|
<button id="splitLayoutButton"><span></span></button> |
|
<span class="label">Page Layout</span> |
|
</span> |
|
--> |
|
|
|
<span class="control" id="fileWrapper"> |
|
<button id="openFileButton"><span></span></button> |
|
<input type="file" id="fileInput"/> |
|
<span class="label">Open File</span> |
|
</span> |
|
</div> |
|
|
|
<!-- EXPERIMENTAL: Slide-out sidebar with page thumbnails (comment-out to disable) --> |
|
<div id="sidebar"> |
|
<div id="sidebarBox"> |
|
<div id="sidebarScrollView"> |
|
<div id="sidebarContentView"></div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div id="viewer"></div> |
|
</body> |
|
</html>
|
|
|