mirror of
https://github.com/michalcz10/USB-RAID-Array.git
synced 2026-11-11 07:59:04 +00:00
318 lines
12 KiB
PHP
318 lines
12 KiB
PHP
<?php
|
|
require_once __DIR__ . '/../../includes/auth.php';
|
|
requireLogin('../../index.php');
|
|
|
|
require_once __DIR__ . '/../../config/config.php';
|
|
require_once __DIR__ . '/../../includes/workspace.php';
|
|
$sftp = initializeSFTP();
|
|
|
|
if (!isset($_GET['file'])) {
|
|
die("No file specified");
|
|
}
|
|
|
|
$filePath = requireRemotePath($_GET['file'], $defaultPath);
|
|
$fileName = basename($filePath);
|
|
$fileSize = $sftp->stat($filePath)['size'];
|
|
|
|
if (isset($_GET['stream'])) {
|
|
session_write_close();
|
|
|
|
while (ob_get_level()) {
|
|
ob_end_clean();
|
|
}
|
|
|
|
if (ini_get('zlib.output_compression')) {
|
|
ini_set('zlib.output_compression', 'Off');
|
|
}
|
|
|
|
$start = 0;
|
|
$end = $fileSize - 1;
|
|
$length = $fileSize;
|
|
|
|
if (isset($_SERVER['HTTP_RANGE'])) {
|
|
$rangeHeader = $_SERVER['HTTP_RANGE'];
|
|
$matches = [];
|
|
if (preg_match('/bytes=(\d+)-(\d*)/', $rangeHeader, $matches)) {
|
|
$start = intval($matches[1]);
|
|
|
|
if (!empty($matches[2])) {
|
|
$end = intval($matches[2]);
|
|
}
|
|
|
|
$length = $end - $start + 1;
|
|
|
|
header('HTTP/1.1 206 Partial Content');
|
|
header('Content-Range: bytes ' . $start . '-' . $end . '/' . $fileSize);
|
|
}
|
|
}
|
|
|
|
header('Content-Type: application/pdf');
|
|
header('Content-Disposition: inline; filename="' . basename($filePath) . '"');
|
|
header("Accept-Ranges: bytes");
|
|
header("Content-Length: $length");
|
|
header("Cache-Control: no-cache, no-store, must-revalidate");
|
|
header("Pragma: no-cache");
|
|
header("Expires: 0");
|
|
|
|
set_time_limit(0);
|
|
|
|
$minChunkSize = 64 * 1024; // 64KB minimum
|
|
$maxChunkSize = 2 * 1024 * 1024; // 2MB maximum
|
|
$chunkSize = 256 * 1024; // Start with 256KB
|
|
|
|
$currentPosition = $start;
|
|
$bytesRemaining = $length;
|
|
$lastChunkTime = microtime(true);
|
|
|
|
try {
|
|
while ($bytesRemaining > 0) {
|
|
if (connection_aborted()) {
|
|
break;
|
|
}
|
|
|
|
$readSize = min($chunkSize, $bytesRemaining);
|
|
|
|
$chunkData = $sftp->get($filePath, false, $currentPosition, $readSize);
|
|
|
|
if ($chunkData !== false) {
|
|
$bytesSent = strlen($chunkData);
|
|
echo $chunkData;
|
|
$bytesRemaining -= $bytesSent;
|
|
$currentPosition += $bytesSent;
|
|
|
|
if (ob_get_level()) {
|
|
ob_flush();
|
|
}
|
|
flush();
|
|
|
|
$currentTime = microtime(true);
|
|
$timeDiff = $currentTime - $lastChunkTime;
|
|
$lastChunkTime = $currentTime;
|
|
|
|
if ($timeDiff > 0) {
|
|
$speed = $bytesSent / $timeDiff;
|
|
$chunkSize = min(
|
|
max($minChunkSize, $chunkSize * (($speed > 512 * 1024) ? 1.5 : 0.8)),
|
|
$maxChunkSize
|
|
);
|
|
}
|
|
} else {
|
|
break;
|
|
}
|
|
}
|
|
} catch (Exception $exception) {
|
|
error_log("Streaming error: " . $exception->getMessage());
|
|
}
|
|
exit;
|
|
}
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>PDF Viewer</title>
|
|
<link rel="icon" href="../../img/favicon.ico" type="image/x-icon">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<link rel="stylesheet" href="<?= workspaceAsset('../../', 'css/modern.css') ?>">
|
|
<link rel="stylesheet" href="<?= workspaceAsset('../../', 'css/workspace.css') ?>">
|
|
<link rel="stylesheet" href="<?= workspaceAsset('../../', 'content/ftp/css/pdf.css') ?>">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.js"></script>
|
|
<script src="<?= workspaceAsset('../../', 'js/theme.js') ?>"></script>
|
|
<script src="<?= workspaceAsset('../../', 'js/ui.js') ?>" defer></script>
|
|
</head>
|
|
<?php renderWorkspaceStart([
|
|
'root' => '../../',
|
|
'active' => 'files',
|
|
'section' => 'PDF viewer',
|
|
'eyebrow' => 'Document preview',
|
|
'title' => $fileName,
|
|
'description' => 'Browse your document without leaving the workspace.',
|
|
'connected' => true,
|
|
'back' => 'index.php?path=' . urlencode(remoteDirname($filePath)),
|
|
'class' => 'pdf-page',
|
|
]); ?>
|
|
|
|
<section class="content-panel pdf-workspace" aria-label="PDF document">
|
|
<div id="pdfContainer" class="container-fluid position-relative">
|
|
<div id="loadingMessage" class="d-flex align-items-center justify-content-center w-100 h-100">
|
|
<div class="bg-dark bg-opacity-75 text-white p-3 rounded">
|
|
<span class="spinner-border spinner-border-sm me-2" role="status" aria-hidden="true"></span>
|
|
Loading PDF...
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="controls">
|
|
<div class="btn-group" role="group" aria-label="PDF Navigation">
|
|
<button id="prev" class="btn btn-light border" disabled>
|
|
<i class="ui-icon icon-chevron-left"></i> Previous
|
|
</button>
|
|
<span class="btn btn-light border" role="status">
|
|
Page <span id="pageNum"></span> of <span id="pageCount"></span>
|
|
</span>
|
|
<button id="next" class="btn btn-light border" disabled>
|
|
Next <i class="ui-icon icon-chevron-right"></i>
|
|
</button>
|
|
<button id="fullscreen" aria-label="Toggle fullscreen" class="btn btn-light border">
|
|
<i class="ui-icon icon-fullscreen"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="actionButton">
|
|
<?php if (hasPermission('downPer')) : ?>
|
|
<a href="download.php?file=<?= urlencode($filePath) ?>" class="btn btn-success m-3">Download</a>
|
|
<?php endif; ?>
|
|
</div>
|
|
|
|
</section>
|
|
<?php renderWorkspaceEnd(); ?>
|
|
|
|
<script>
|
|
pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js';
|
|
|
|
const url = 'pdf.php?file=<?= urlencode($filePath) ?>&stream=1';
|
|
const pdfFileName = <?= json_encode($fileName, JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT) ?>;
|
|
let currentPage = 1;
|
|
let pdfDoc = null;
|
|
|
|
const PdfPageStorage = {
|
|
getStorageKey() {
|
|
return `pdf_page_${pdfFileName}`;
|
|
},
|
|
|
|
savePage(pageNum) {
|
|
localStorage.setItem(this.getStorageKey(), pageNum.toString());
|
|
},
|
|
|
|
loadPage() {
|
|
return parseInt(localStorage.getItem(this.getStorageKey())) || 1;
|
|
}
|
|
};
|
|
|
|
async function loadPDF() {
|
|
try {
|
|
pdfDoc = await pdfjsLib.getDocument(url).promise;
|
|
document.getElementById('pageCount').textContent = pdfDoc.numPages;
|
|
|
|
currentPage = Math.min(PdfPageStorage.loadPage(), pdfDoc.numPages);
|
|
|
|
await renderPage(currentPage);
|
|
} catch (error) {
|
|
console.error('Error loading PDF:', error);
|
|
const loadingMessage = document.getElementById('loadingMessage');
|
|
if (loadingMessage) {
|
|
loadingMessage.querySelector('div').className = 'alert alert-danger';
|
|
loadingMessage.querySelector('div').textContent = 'Unable to load this PDF.';
|
|
}
|
|
}
|
|
}
|
|
|
|
async function renderPage(pageNumber) {
|
|
const page = await pdfDoc.getPage(pageNumber);
|
|
const pageContainer = document.createElement('div');
|
|
pageContainer.className = 'page-container';
|
|
|
|
const windowWidth = document.getElementById('pdfContainer').clientWidth - 32;
|
|
const windowHeight = window.innerHeight;
|
|
const viewport = page.getViewport({ scale: 1.0 });
|
|
|
|
const pixelRatio = window.devicePixelRatio || 1;
|
|
const widthScale = (windowWidth / viewport.width);
|
|
const heightScale = (windowHeight / viewport.height);
|
|
|
|
let scale;
|
|
if (isFullscreen) {
|
|
scale = Math.min(widthScale, heightScale) * 0.95;
|
|
} else if (windowWidth < 768) {
|
|
scale = widthScale * 0.95;
|
|
} else {
|
|
scale = Math.min(widthScale, heightScale, 2);
|
|
}
|
|
|
|
const scaledViewport = page.getViewport({ scale: scale * pixelRatio });
|
|
|
|
const canvas = document.createElement('canvas');
|
|
const context = canvas.getContext('2d');
|
|
|
|
canvas.height = scaledViewport.height;
|
|
canvas.width = scaledViewport.width;
|
|
|
|
canvas.style.width = `${scaledViewport.width / pixelRatio}px`;
|
|
canvas.style.height = `${scaledViewport.height / pixelRatio}px`;
|
|
|
|
pageContainer.appendChild(canvas);
|
|
document.getElementById('pdfContainer').innerHTML = '';
|
|
document.getElementById('pdfContainer').appendChild(pageContainer);
|
|
document.getElementById('pageNum').textContent = pageNumber;
|
|
document.getElementById('prev').disabled = pageNumber <= 1;
|
|
document.getElementById('next').disabled = pageNumber >= pdfDoc.numPages;
|
|
|
|
await page.render({
|
|
canvasContext: context,
|
|
viewport: scaledViewport // Use scaledViewport instead of viewport
|
|
}).promise;
|
|
|
|
PdfPageStorage.savePage(pageNumber);
|
|
}
|
|
document.getElementById('prev').addEventListener('click', () => {
|
|
if (currentPage > 1) {
|
|
currentPage--;
|
|
renderPage(currentPage);
|
|
}
|
|
});
|
|
|
|
document.getElementById('next').addEventListener('click', () => {
|
|
if (pdfDoc && currentPage < pdfDoc.numPages) {
|
|
currentPage++;
|
|
renderPage(currentPage);
|
|
}
|
|
});
|
|
|
|
document.addEventListener('keydown', (e) => {
|
|
if (e.key === 'Escape' && isFullscreen) {
|
|
document.getElementById('fullscreen').click();
|
|
} else if (e.key === 'ArrowLeft' && currentPage > 1) {
|
|
currentPage--;
|
|
renderPage(currentPage);
|
|
} else if (e.key === 'ArrowRight' && pdfDoc && currentPage < pdfDoc.numPages) {
|
|
currentPage++;
|
|
renderPage(currentPage);
|
|
}
|
|
});
|
|
|
|
window.addEventListener('resize', () => {
|
|
if (pdfDoc) {
|
|
renderPage(currentPage);
|
|
}
|
|
});
|
|
|
|
let isFullscreen = false;
|
|
|
|
document.getElementById('fullscreen').addEventListener('click', () => {
|
|
const container = document.querySelector('.pdf-workspace');
|
|
const fullscreenBtn = document.getElementById('fullscreen');
|
|
const fullscreenIcon = fullscreenBtn.querySelector('i');
|
|
|
|
if (!isFullscreen) {
|
|
container.classList.add('fullscreen-mode');
|
|
document.body.style.overflow = 'hidden';
|
|
fullscreenIcon.classList.remove('icon-fullscreen');
|
|
fullscreenIcon.classList.add('icon-fullscreen-exit');
|
|
} else {
|
|
container.classList.remove('fullscreen-mode');
|
|
document.body.style.overflow = '';
|
|
fullscreenIcon.classList.remove('icon-fullscreen-exit');
|
|
fullscreenIcon.classList.add('icon-fullscreen');
|
|
}
|
|
|
|
isFullscreen = !isFullscreen;
|
|
if (pdfDoc) renderPage(currentPage);
|
|
});
|
|
|
|
loadPDF();
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|