Update js_quene.js

js_quene.js

@@ -1,43 +1,51 @@
-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++;
-});
+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
+
+    queneDropZone..innerHTML ='Filecount: ${droppedFiles.length}';
+
+    
+
+	// 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++;
+});
+
+*/