Pdf

const pdfViewer = document.getElementById(“pdf-viewer”);
const pdfjsLib = window[‘pdfjs-dist/build/pdf’];
pdfjsLib.GlobalWorkerOptions.workerSrc = ‘https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js’;

// The PDF is fetched from your secure backend route (not the actual file URL)
const pdfUrl = “/wp-content/uploads/2025/10/Member-Directory-Final.pdf-1-1.pdf”;

pdfjsLib.getDocument(pdfUrl).promise.then(pdf => {
for (let i = 1; i <= pdf.numPages; i++) { pdf.getPage(i).then(page => {
const scale = 1.5;
const viewport = page.getViewport({ scale });
const canvas = document.createElement(“canvas”);
const context = canvas.getContext(“2d”);
canvas.height = viewport.height;
canvas.width = viewport.width;
pdfViewer.appendChild(canvas);

page.render({
canvasContext: context,
viewport: viewport
});
});
}
});

function zoomIn() {
document.querySelectorAll(‘canvas’).forEach(c => {
c.style.transform = “scale(1.2)”;
});
}

function fullScreen() {
pdfViewer.requestFullscreen();
}

document.addEventListener(“contextmenu”, e => e.preventDefault());

document.addEventListener(“keydown”, e => {
if (e.ctrlKey && (e.key === “p” || e.key === “s”)) e.preventDefault();
});