mirror of
https://github.com/michalcz10/USB-RAID-Array.git
synced 2026-11-11 07:59:04 +00:00
Michal Sedlák
565fd18379
Replace Bootstrap dependencies with custom blue-accented light and dark themes and native dialogs. Share the sidebar, top bar and responsive layout across file browsing, account settings, user management, server statistics and file previews. Add folder search, type filters, upload progress and asset cache versioning. Fix SSH configuration usage, filesystem discovery, missing statistics and RAID health parsing. Adapt PDF sizing and fullscreen controls to the shared workspace. Validation: PHP workspace and server statistics regression tests, JavaScript syntax checks, responsive browser checks and live XAMPP navigation.
324 lines
12 KiB
PHP
324 lines
12 KiB
PHP
<?php
|
|
session_start();
|
|
|
|
if(!isset($_SESSION['uname'])){
|
|
header("location: ../../index.php");
|
|
session_destroy();
|
|
exit;
|
|
}
|
|
|
|
require_once __DIR__ . '/../../config/config.php';
|
|
require_once __DIR__ . '/../../includes/workspace.php';
|
|
$sftp = initializeSFTP();
|
|
|
|
if (!isset($_GET['file'])) {
|
|
die("No file specified");
|
|
}
|
|
|
|
$filePath = $_GET['file'];
|
|
$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 $e) {
|
|
error_log("Streaming error: " . $e->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(dirname($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 (isset($_SESSION["downPer"]) && $_SESSION["downPer"] == true) : ?>
|
|
<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>
|