@@ -224,6 +278,77 @@ document.addEventListener('DOMContentLoaded', function() {
const modalEl = document.getElementById('channelKeyQrModal');
const modal = modalEl ? new bootstrap.Modal(modalEl) : null;
+ // Password verification elements
+ const lockedDiv = document.getElementById('channelKeyLocked');
+ const unlockedDiv = document.getElementById('channelKeyUnlocked');
+ const unlockBtn = document.getElementById('channelKeyUnlock');
+ const passwordModalEl = document.getElementById('passwordModal');
+ const passwordModal = passwordModalEl ? new bootstrap.Modal(passwordModalEl) : null;
+ const verifyPasswordInput = document.getElementById('verifyPassword');
+ const verifyPasswordBtn = document.getElementById('verifyPasswordBtn');
+ const passwordError = document.getElementById('passwordError');
+
+ // Unlock button shows password modal
+ unlockBtn?.addEventListener('click', function() {
+ verifyPasswordInput.value = '';
+ verifyPasswordInput.classList.remove('is-invalid');
+ passwordModal?.show();
+ setTimeout(() => verifyPasswordInput.focus(), 300);
+ });
+
+ // Handle Enter key in password field
+ verifyPasswordInput?.addEventListener('keypress', function(e) {
+ if (e.key === 'Enter') {
+ e.preventDefault();
+ verifyPasswordBtn?.click();
+ }
+ });
+
+ // Verify password and unlock
+ verifyPasswordBtn?.addEventListener('click', async function() {
+ const password = verifyPasswordInput.value;
+ if (!password) {
+ verifyPasswordInput.classList.add('is-invalid');
+ return;
+ }
+
+ verifyPasswordBtn.disabled = true;
+ verifyPasswordBtn.innerHTML = '
Verifying...';
+
+ try {
+ const response = await fetch('/admin/settings/unlock', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'X-Requested-With': 'XMLHttpRequest'
+ },
+ body: JSON.stringify({ password })
+ });
+
+ const data = await response.json();
+
+ if (data.success) {
+ // Unlock successful
+ passwordModal?.hide();
+ lockedDiv.style.display = 'none';
+ unlockedDiv.style.display = 'block';
+ if (data.channel_key && input) {
+ input.value = data.channel_key;
+ }
+ } else {
+ // Password incorrect
+ verifyPasswordInput.classList.add('is-invalid');
+ passwordError.textContent = data.error || 'Incorrect password';
+ }
+ } catch (error) {
+ verifyPasswordInput.classList.add('is-invalid');
+ passwordError.textContent = 'Verification failed';
+ } finally {
+ verifyPasswordBtn.disabled = false;
+ verifyPasswordBtn.innerHTML = '
Unlock';
+ }
+ });
+
// Generate random key
generateBtn?.addEventListener('click', function() {
if (!input) return;
@@ -302,12 +427,18 @@ function printQrSheet(canvas, keyText, title) {
const cols = 4;
const rows = 5;
+ // Split key into two lines (4 groups each)
+ const keyParts = keyText.split('-');
+ const keyLine1 = keyParts.slice(0, 4).join('-');
+ const keyLine2 = keyParts.slice(4).join('-');
+
let qrGrid = '';
for (let i = 0; i < rows * cols; i++) {
qrGrid += `
+
${keyLine1}
-
${keyText}
+
${keyLine2}
`;
}
@@ -316,11 +447,17 @@ function printQrSheet(canvas, keyText, title) {
-
Stegasoo ${title} - Print Sheet
+