Initial commit: Premium Gold Theme with Dynamic QR and Multi-language support

js/qr-scanner.js

@@ -0,0 +1,212 @@
+let html5QrCode;
+let scannedUrl = "";
+
+function safePause() {
+    try {
+        if (html5QrCode && html5QrCode.isScanning) {
+            html5QrCode.pause();
+        }
+    } catch (e) {
+        console.warn("SafePause: Scanner already paused or not scanning", e);
+    }
+}
+
+function safeResume() {
+    try {
+        if (html5QrCode && html5QrCode.isScanning) {
+            html5QrCode.resume();
+        }
+    } catch (e) {
+        console.warn("SafeResume: Scanner not paused or not scanning", e);
+    }
+}
+
+function handleDecodedText(decodedText) {
+    console.log(`Scan result: ${decodedText}`);
+    
+    let username = decodedText;
+    let password = "";
+    scannedUrl = "";
+
+    // Check if result is a URL (common for Mikhmon vouchers)
+    try {
+        if (decodedText.startsWith('http://') || decodedText.startsWith('https://')) {
+            scannedUrl = decodedText; // Store for redirection
+            const url = new URL(decodedText);
+            const searchParams = url.search || (decodedText.includes('?') ? '?' + decodedText.split('?')[1] : '');
+            const params = new URLSearchParams(searchParams);
+            
+            if (params.has('username')) {
+                username = params.get('username');
+            }
+            if (params.has('password')) {
+                password = params.get('password');
+            }
+        }
+    } catch (e) {
+        console.error("Error parsing QR URL:", e);
+    }
+
+    // Fill inputs
+    const voucherInput = document.getElementById('voucher-input');
+    const passField = document.getElementById('voucher-pass');
+    if (voucherInput) voucherInput.value = username;
+    if (passField) passField.value = password || username;
+
+    // Show confirmation overlay
+    const overlay = document.getElementById('qr-confirm-overlay');
+    const confirmUser = document.getElementById('confirm-user');
+    if (overlay && confirmUser) {
+        confirmUser.innerText = username;
+        overlay.classList.remove('hidden');
+    }
+
+    // Pause camera scanning while confirming
+    safePause();
+}
+
+function cancelConfirm() {
+    const overlay = document.getElementById('qr-confirm-overlay');
+    if (overlay) overlay.classList.add('hidden');
+    
+    safeResume();
+}
+
+function proceedSubmit() {
+    // If it's a URL, redirect directly
+    if (scannedUrl) {
+        console.log("Redirecting to scanned URL:", scannedUrl);
+        window.location.href = scannedUrl;
+        return;
+    }
+
+    // Switch to voucher mode for manual codes
+    setMode('voucher');
+    
+    // Sync values to the actual form fields
+    const voucherInput = document.getElementById('voucher-input');
+    const voucherPass = document.getElementById('voucher-pass');
+    const form = document.login;
+    
+    if (form && voucherInput) {
+        form.username.value = voucherInput.value;
+        form.password.value = voucherPass ? voucherPass.value : voucherInput.value;
+    }
+
+    // Close scanner
+    closeQR();
+
+    // Submit
+    const submitBtn = document.querySelector('button[type="submit"]');
+    if (submitBtn) {
+        submitBtn.click();
+    }
+}
+
+function scanFromFile(event) {
+    try {
+        const file = event.target.files[0];
+        if (!file) {
+            console.log("No file selected.");
+            return;
+        }
+
+        console.log("File selected:", file.name, file.type, file.size);
+        
+        // Ensure library is available
+        if (typeof Html5Qrcode === 'undefined') {
+            alert("QR Scanner library not loaded. Please wait or refresh.");
+            return;
+        }
+
+        // Pause camera gracefully
+        safePause();
+
+        // Show a loading state
+        const confirmUser = document.getElementById('confirm-user');
+        if (confirmUser) confirmUser.innerText = "Scanning file...";
+        
+        // Hide overlay if it was open
+        const overlay = document.getElementById('qr-confirm-overlay');
+        if (overlay) overlay.classList.add('hidden');
+
+        // Reuse instance if possible, or create temporary one for file
+        const fileScanner = new Html5Qrcode("qr-file-reader");
+
+        fileScanner.scanFile(file, true)
+            .then(decodedText => {
+                console.log("Success scanning file:", decodedText);
+                handleDecodedText(decodedText);
+                fileScanner.clear(); // Cleanup
+            })
+            .catch(err => {
+                console.error(`Error scanning file: ${err}`);
+                let msg = "No QR Code found.";
+                if (typeof err === "string" && err.includes("not found")) {
+                    msg = "QR Code not detected. Try a clearer or closer photo.";
+                }
+                alert(msg);
+                
+                if (confirmUser) confirmUser.innerText = "";
+                
+                // Resume camera
+                if (html5QrCode && html5QrCode.isScanning) {
+                    html5QrCode.resume();
+                }
+                fileScanner.clear(); // Cleanup
+            });
+            
+        // Reset input so searching for the same file again triggers change
+        event.target.value = "";
+
+    } catch (e) {
+        console.error("Fatal error in scanFromFile:", e);
+        const errorMsg = e.message || JSON.stringify(e) || e;
+        alert("An error occurred while opening the file: " + errorMsg);
+        
+        // Try to resume camera if it crashed here
+        if (html5QrCode && html5QrCode.isScanning) {
+            html5QrCode.resume();
+        }
+    }
+}
+
+
+
+
+function openQR() {
+    const modal = document.getElementById('qr-scanner-modal');
+    modal.style.display = 'flex';
+    
+    if (!html5QrCode) {
+        html5QrCode = new Html5Qrcode("reader");
+    }
+    
+    const config = { fps: 10, qrbox: { width: 250, height: 250 } };
+    
+    html5QrCode.start(
+        { facingMode: "environment" }, 
+        config, 
+        handleDecodedText
+    ).catch(err => {
+        console.error("Scanner start error:", err);
+    });
+}
+
+function closeQR() {
+    const modal = document.getElementById('qr-scanner-modal');
+    const overlay = document.getElementById('qr-confirm-overlay');
+    
+    if (modal) modal.style.display = 'none';
+    if (overlay) overlay.classList.add('hidden');
+    
+    if (html5QrCode) {
+        html5QrCode.stop().then(() => {
+            console.log("Scanner stopped");
+        }).catch((err) => {
+            // Ignore error if already stopped
+        });
+    }
+}
+
+