Upload js_quene.js

js_quene.js

@@ -0,0 +1,43 @@
+const queneDropZone = document.getElementById('queneDropZone');
+// const nextFileButton = document.getElementById('nextFileButton');
+// const queneStatus = document.getElementById('queneStatus');
+
+let droppedFiles = [];
+let currentIndex = 0;
+
+['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
+	queneDropZone.addEventListener(eventName, e => {
+		e.preventDefault();
+		e.stopPropagation();
+	}, false);
+});
+
+queneDropZone.addEventListener('drop', (e) => {
+
+	const newFiles = Array.from(e.dataTransfer.files);
+	droppedFiles.push(...newFiles); // Add new files to the queue
+
+	queneStatus.textContent = `Added ${newFiles.length} new file(s). Total in queue: ${droppedFiles.length}. Click "Show Next File" to view.`;
+});
+
+// Show next file in the queue
+nextFileButton.addEventListener('click', () => {
+	if (droppedFiles.length === 0) {
+		queneStatus.textContent = 'No files loaded. Drop some files first.';
+		return;
+	}
+
+	if (currentIndex >= droppedFiles.length) {
+		queneStatus.textContent = 'No more files. Queue is empty. Counter reset.';
+		currentIndex = 0;
+		droppedFiles = [];
+		return;
+	}
+
+	const file = droppedFiles[currentIndex];
+	queneDropZone.innerHTML = `<strong>File ${currentIndex + 1} of ${droppedFiles.length}</strong><br>
+											Name: ${file.name}<br>
+											Size: ${Math.round(file.size / 1024)} KB<br>
+											Type: ${file.type || 'Unknown'}`;
+	currentIndex++;
+});