Spaces:
Sleeping
Sleeping
<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> | |