OCR / viewer.html
eberhenriquez94's picture
a
69e8086 verified
raw
history blame
3.39 kB
<!DOCTYPE html>
<html dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="google" content="notranslate">
<title>PDF.js Viewer</title>
<!-- Cargar estilos CSS -->
<link rel="stylesheet" href="viewer.css">
<!-- Configuración del worker -->
<script src="pdf.js"></script>
<script>
// Configura la ruta del worker para pdf.js
pdfjsLib.GlobalWorkerOptions.workerSrc = "pdf.worker.js";
</script>
<!-- Script del visor -->
<script src="viewer.js" type="module"></script>
</head>
<body tabindex="0">
<div id="outerContainer">
<!-- Barra lateral -->
<div id="sidebarContainer">
<div id="toolbarSidebar" class="toolbarHorizontalGroup">
<div id="toolbarSidebarLeft">
<div id="sidebarViewButtons" role="radiogroup">
<button id="viewThumbnail" type="button" title="Show Thumbnails" tabindex="0" role="radio" aria-checked="true">
Thumbnails
</button>
<button id="viewOutline" type="button" title="Show Document Outline" tabindex="0" role="radio" aria-checked="false">
Document Outline
</button>
<button id="viewAttachments" type="button" title="Show Attachments" tabindex="0" role="radio" aria-checked="false">
Attachments
</button>
</div>
</div>
</div>
<div id="sidebarContent">
<div id="thumbnailView"></div>
<div id="outlineView" class="hidden"></div>
<div id="attachmentsView" class="hidden"></div>
</div>
<div id="sidebarResizer"></div>
</div>
<!-- Contenedor principal -->
<div id="mainContainer">
<div class="toolbar">
<div id="toolbarContainer">
<div id="toolbarViewer" class="toolbarHorizontalGroup">
<div id="toolbarViewerLeft">
<button id="sidebarToggleButton" type="button" title="Toggle Sidebar" tabindex="0">
Toggle Sidebar
</button>
</div>
<div id="toolbarViewerMiddle">
<button id="zoomOutButton" type="button" title="Zoom Out" tabindex="0">-</button>
<button id="zoomInButton" type="button" title="Zoom In" tabindex="0">+</button>
</div>
<div id="toolbarViewerRight">
<button id="printButton" type="button" title="Print" tabindex="0">Print</button>
<button id="downloadButton" type="button" title="Download" tabindex="0">Download</button>
</div>
</div>
</div>
</div>
<div id="viewerContainer" tabindex="0">
<div id="viewer" class="pdfViewer"></div>
</div>
</div>
<!-- Contenedor de diálogo -->
<div id="dialogContainer">
<dialog id="passwordDialog">
<label for="password">Enter the password to open this PDF file:</label>
<input type="password" id="password">
<button id="passwordCancel" type="button">Cancel</button>
<button id="passwordSubmit" type="button">OK</button>
</dialog>
</div>
</div>
<div id="printContainer"></div>
</body>
</html>