iobroker.staticsfilefolder 0.0.18 → 0.0.19

package/README.md

@@ -64,8 +64,8 @@ Once configured and the instance is running (green status):
 	Placeholder for the next version (at the beginning of the line):
 	### **WORK IN PROGRESS**
 -->
-### 0.0.18
-* Cleaned up npm lockfile and forced hoisting of test dependencies.
+### 0.0.19
+* Fixed PDF printing layout margins to fit 1 page, removed file title header from print view, and added zoom controls to PDF viewer.
 
 ### 0.0.15
 * Reverted minimum Node.js engine requirement to 20 to support GitHub Actions runners.

package/io-package.json

@@ -1,20 +1,20 @@
 {
 	"common": {
 		"name": "staticsfilefolder",
-		"version": "0.0.18",
+		"version": "0.0.19",
 		"news": {
-			"0.0.18": {
-				"en": "Cleaned up npm lockfile and forced hoisting of test dependencies.",
-				"de": "Npm-Lockfile bereinigt und das Hosten von Test-Abhängigkeiten erzwungen.",
-				"ru": "Очищен npm lockfile и принудительно подняты зависимости для тестирования.",
-				"pt": "Limpo o lockfile do npm e forçado o hoisting das dependências de teste.",
-				"nl": "Npm lockfile opgeschoond en hoisting van test-afhankelijkheden geforceerd.",
-				"fr": "Nettoyage du fichier de verrouillage npm et forçage du hoisting des dépendances de test.",
-				"it": "Pulito il file di blocco npm e forzato l'hoisting delle dipendenze di test.",
-				"es": "Se limpió el archivo de bloqueo npm y se forzó la elevación de las dependencias de prueba.",
-				"pl": "Oczyszczono plik blokady npm i wymuszono hoisting zależności testowych.",
-				"uk": "Очищено файл блокування npm та примусово піднято залежності для тестування.",
-				"zh-cn": "清理了npm锁文件并强制提升测试依赖项。"
+			"0.0.19": {
+				"en": "Fixed PDF printing layout margins to fit 1 page, removed file title header from print view, and added zoom controls to PDF viewer.",
+				"de": "Das PDF-Drucklayout-Ränder wurden auf 1 Seite angepasst, der Dateititelkopf wurde aus der Druckansicht entfernt und Zoom-Steuerelemente im PDF-Viewer hinzugefügt.",
+				"ru": "Исправлены поля макета печати PDF для соответствия 1 странице, удален заголовок файла из режима печати и добавлены элементы управления масштабированием в просмотрщик PDF.",
+				"pt": "Corrigidas as margens do layout de impressão PDF para caber em 1 página, removido o cabeçalho do título do arquivo da visualização de impressão e adicionados controles de zoom ao visualizador de PDF.",
+				"nl": "PDF-printlayoutmarges aangepast om op 1 pagina te passen, bestandsnaamkoptekst verwijderd uit de printweergave en zoomknoppen toegevoegd aan de PDF-viewer.",
+				"fr": "Correction des marges de mise en page d'impression PDF pour s'adapter à 1 page, suppression de l'en-tête du titre du fichier de la vue d'impression et ajout de commandes de zoom à la visionneuse PDF.",
+				"it": "Corretti i margini del layout di stampa PDF per adattarsi a 1 pagina, rimosso l'intestazione del titolo del file dalla visualizzazione di stampa e aggiunti controlli di zoom al visualizzatore di PDF.",
+				"es": "Se corrigieron los márgenes del diseño de impresión PDF para que quepan en 1 página, se eliminó el encabezado del título del archivo de la vista de impresión y se agregaron controles de zoom al visor de PDF.",
+				"pl": "Naprawiono marginesy układu wydruku PDF, aby pasowały do 1 strony, usunięto nagłówek tytułu pliku z widoku wydruku i dodano sterowanie powiększeniem do przeglądarki PDF.",
+				"uk": "Виправлено поля макета друку PDF для відповідності 1 сторінці, вилучено заголовок назвы файлу з режиму друку та додано елементи управління масштабуванням у переглядач PDF.",
+				"zh-cn": "修复了PDF打印布局页边距以适应1页，从打印视图中删除了文件标题页眉，并在PDF查看器中添加了缩放控制。"
 			},
 			"0.0.15": {
 				"en": "Reverted minimum Node.js engine requirement to 20 to support GitHub Actions runners.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iobroker.staticsfilefolder",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "description": "Static Files Folder",
   "author": {
     "name": "gokturk413",

package/www/app.js

@@ -28,11 +28,14 @@ const modalTitle = document.getElementById('modal-title');
 const modalBtnPrev = document.getElementById('modal-btn-prev');
 const modalBtnNext = document.getElementById('modal-btn-next');
 const modalBtnPrint = document.getElementById('modal-btn-print');
+const modalPdfZoom = document.getElementById('modal-pdf-zoom');
 const modalBtnDownload = document.getElementById('modal-btn-download');
 
 // Modal Navigation State
 let currentOpenItem = null;
 let currentFilesList = [];
+let currentPdfDoc = null;
+let currentPdfZoom = 1.5;
 
 // Localization Settings
 const translations = {
@@ -240,12 +243,20 @@ document.addEventListener('DOMContentLoaded', () => {
     modalBtnPrev.addEventListener('click', navigateModalPrev);
     modalBtnNext.addEventListener('click', navigateModalNext);
     modalBtnPrint.addEventListener('click', printModalContent);
+    modalPdfZoom.addEventListener('change', (e) => {
+        currentPdfZoom = parseFloat(e.target.value);
+        renderPdfPages();
+    });
     modalBtnDownload.addEventListener('click', downloadCurrentFile);
     
     closeModal.addEventListener('click', () => {
         viewerModal.style.display = 'none';
         viewerBody.innerHTML = ''; // clear memory
         currentOpenItem = null;
+        currentPdfDoc = null;
+        currentPdfZoom = 1.5;
+        modalPdfZoom.value = '1.5';
+        modalPdfZoom.style.display = 'none';
     });
 });
 
@@ -420,6 +431,7 @@ function handleItemClick(item) {
 function openFile(item) {
     currentOpenItem = item;
     modalTitle.textContent = item.name;
+    modalPdfZoom.style.display = 'none';
     
     // Find index of current file in currentFilesList
     const index = currentFilesList.findIndex(f => f.name === item.name);
@@ -464,12 +476,13 @@ function printModalContent() {
     
     const canvases = viewerBody.querySelectorAll('canvas');
     let contentHtml = '';
+    let isPdf = canvases.length > 0;
     
-    if (canvases.length > 0) {
+    if (isPdf) {
         // PDF (which is rendered in canvases)
         canvases.forEach(canvas => {
             const dataUrl = canvas.toDataURL();
-            contentHtml += `<img src="${dataUrl}" style="max-width: 100%; margin-bottom: 20px; display: block;" />`;
+            contentHtml += `<img src="${dataUrl}" class="pdf-page-img" />`;
         });
     } else {
         // Excel table or Word document HTML
@@ -482,16 +495,34 @@ function printModalContent() {
         <head>
             <title>${currentOpenItem.name}</title>
             <style>
-                body { margin: 20px; font-family: sans-serif; background: white; color: black; }
-                img, table { max-width: 100%; page-break-inside: avoid; }
+                @page {
+                    size: auto;
+                    margin: 0mm;
+                }
+                body {
+                    margin: 0;
+                    padding: ${isPdf ? '0' : '20px'};
+                    font-family: sans-serif;
+                    background: white;
+                    color: black;
+                }
+                .pdf-page-img {
+                    width: 100%;
+                    max-width: 100%;
+                    height: auto;
+                    display: block;
+                    page-break-after: always;
+                }
+                .pdf-page-img:last-child {
+                    page-break-after: avoid;
+                }
                 table { border-collapse: collapse; width: 100%; margin-top: 10px; }
                 table th, table td { border: 1px solid #ddd; padding: 8px; text-align: left; }
                 table th { background-color: #f2f2f2; }
+                img, table { page-break-inside: avoid; }
             </style>
         </head>
         <body>
-            <h2>${currentOpenItem.name}</h2>
-            <hr />
             ${contentHtml}
             <script>
                 window.onload = function() {
@@ -525,23 +556,36 @@ function downloadCurrentFile() {
 async function openPdf(url) {
     viewerModal.style.display = 'block';
     viewerBody.innerHTML = `<h2>${translations[currentLang]?.loadingPdf || 'Loading PDF...'}</h2>`;
+    modalPdfZoom.style.display = 'inline-block';
     
     try {
         const loadingTask = window.pdfjsLib.getDocument({ url: url });
-        const pdf = await loadingTask.promise;
-        viewerBody.innerHTML = ''; // clear loading
-        
-        // Render all pages
-        for (let pageNum = 1; pageNum <= pdf.numPages; pageNum++) {
-            const page = await pdf.getPage(pageNum);
-            const scale = 1.5;
-            const viewport = page.getViewport({ scale: scale });
+        currentPdfDoc = await loadingTask.promise;
+        renderPdfPages();
+    } catch (e) {
+        const errorText = translations[currentLang]?.errorLoading || 'An error occurred: ';
+        viewerBody.innerHTML = `<h2 style="color:red">${errorText}${e.message}</h2>`;
+    }
+}
+
+async function renderPdfPages() {
+    if (!currentPdfDoc) return;
+    viewerBody.innerHTML = '';
+    
+    try {
+        for (let pageNum = 1; pageNum <= currentPdfDoc.numPages; pageNum++) {
+            const page = await currentPdfDoc.getPage(pageNum);
+            const viewport = page.getViewport({ scale: currentPdfZoom });
             
             const canvas = document.createElement('canvas');
             const context = canvas.getContext('2d');
             canvas.height = viewport.height;
             canvas.width = viewport.width;
             
+            canvas.style.display = 'block';
+            canvas.style.margin = '10px auto';
+            canvas.style.boxShadow = '0 4px 8px rgba(0,0,0,0.15)';
+            
             viewerBody.appendChild(canvas);
             
             const renderContext = {
@@ -551,8 +595,7 @@ async function openPdf(url) {
             await page.render(renderContext).promise;
         }
     } catch (e) {
-        const errorText = translations[currentLang]?.errorLoading || 'An error occurred: ';
-        viewerBody.innerHTML = `<h2 style="color:red">${errorText}${e.message}</h2>`;
+        console.error("Error rendering PDF pages:", e);
     }
 }
 

package/www/index.html

@@ -67,6 +67,13 @@
                     <button id="modal-btn-prev" class="nav-btn" data-i18n="modalBack" title="Previous">&larr; Back</button>
                     <button id="modal-btn-next" class="nav-btn" data-i18n="modalForward" title="Next">Next &rarr;</button>
                     <button id="modal-btn-print" class="nav-btn" data-i18n="modalPrint" title="Print / Save as PDF">🖨️ Print / PDF</button>
+                    <select id="modal-pdf-zoom" class="nav-btn" title="Zoom" style="display: none; height: 32px; padding: 0 6px; margin: 0 4px; font-size: 14px; border-radius: 4px; border: 1px solid var(--border-color); background: var(--bg-card); color: var(--text-color); cursor: pointer; vertical-align: middle;">
+                        <option value="1.0">100%</option>
+                        <option value="1.25">125%</option>
+                        <option value="1.5" selected>150%</option>
+                        <option value="2.0">200%</option>
+                        <option value="2.5">250%</option>
+                    </select>
                     <button id="modal-btn-download" class="nav-btn" data-i18n="modalDownload" title="Download File">📥 Download</button>
                     <span id="close-modal" class="close-button">&times;</span>
                 </div>