feat(settings): option to show/hide camera button, preview click opens camera

public/js/index.js

@@ -15,6 +15,7 @@ const camCanvas = document.getElementById('camCanvas');
 const camModal = document.getElementById('camModal');
 let capturedBlob = null;
 let stream = null;
+let camOpening = false;
 const descInput = document.getElementById('descInput');
 const filesInput = document.getElementById('filesInput');
 const filesList = document.getElementById('filesList');
@@ -318,6 +319,10 @@ async function resolveModuleId(name) {
     if (Number.isFinite(h) && h >= 120 && h <= 4096) captureHeight = h;
     const q = parseFloat(f.photo_capture_quality);
     if (Number.isFinite(q) && q >= 0.5 && q <= 1) captureQuality = q;
+    if (f.camera_enabled === 'false') {
+      const camBtns = document.getElementById('camBtns');
+      if (camBtns) camBtns.style.display = 'none';
+    }
   } catch (e) { /* ignore */ }
   checkPreviousSend();
 })();
@@ -336,12 +341,22 @@ function removePhoto() {
 }
 
 async function openCam() {
+  if (camOpening) return;
+  if (stream && camModal.classList.contains('open')) return;
+  camOpening = true;
   try {
-    stream = await navigator.mediaDevices.getUserMedia({ video: { facingMode: 'user', width: { ideal: captureWidth }, height: { ideal: captureHeight } } });
+    const s = await navigator.mediaDevices.getUserMedia({ video: { facingMode: 'user', width: { ideal: captureWidth }, height: { ideal: captureHeight } } });
+    if (camModal.classList.contains('open')) {
+      s.getTracks().forEach(t => t.stop());
+      return;
+    }
+    stream = s;
     camVideo.srcObject = stream;
     camModal.classList.add('open');
   } catch (e) {
     alert('Не удалось открыть камеру: ' + e.message);
+  } finally {
+    camOpening = false;
   }
 }
 
@@ -351,6 +366,10 @@ function closeCam() {
 }
 
 function capture() {
+  if (!camVideo.videoWidth || !camVideo.videoHeight) {
+    notify('Камера ещё не готова, попробуйте через секунду', true);
+    return;
+  }
   camCanvas.width = camVideo.videoWidth;
   camCanvas.height = camVideo.videoHeight;
   const ctx = camCanvas.getContext('2d');
@@ -420,6 +439,10 @@ form.addEventListener('submit', async (e) => {
 
 removePhotoBtn.addEventListener('click', removePhoto);
 document.getElementById('openCamBtn').addEventListener('click', openCam);
+preview.addEventListener('click', openCam);
+preview.addEventListener('keydown', e => {
+  if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); openCam(); }
+});
 filesClearBtn.addEventListener('click', clearFiles);
 document.getElementById('filesBtn').addEventListener('click', () => document.getElementById('filesInput').click());
 document.getElementById('cancelCamBtn').addEventListener('click', closeCam);

public/js/settings.js

@@ -1,4 +1,4 @@
-const DIRTY_FIELDS = ['systemName', 'spamInterval', 'footerLeft', 'footerRight', 'aiPrompt', 'aiAutoCheck', 'shareShowMessage', 'shareShowDate', 'shareShowNames', 'shareShowPhotos', 'cookieNoticeText', 'photoResolution', 'photoQuality', 'photoEngine'];
+const DIRTY_FIELDS = ['systemName', 'spamInterval', 'footerLeft', 'footerRight', 'aiPrompt', 'aiAutoCheck', 'shareShowMessage', 'shareShowDate', 'shareShowNames', 'shareShowPhotos', 'cookieNoticeText', 'photoResolution', 'photoQuality', 'photoEngine', 'camEnabled'];
 const SECTION_IDS = ['sec-system', 'sec-brand', 'sec-antispam', 'sec-share', 'sec-ai', 'sec-backup', 'sec-form', 'sec-bans'];
 const SPAM_MAX = 10080;
 const BAN_REASONS = {
@@ -181,6 +181,7 @@ async function loadSettings() {
   const pe = document.getElementById('photoEngine');
   pe.value = ['auto', 'server', 'client'].includes(s.photo_enhance_engine) ? s.photo_enhance_engine : 'auto';
   if (!pe.value) pe.value = 'auto';
+  document.getElementById('camEnabled').checked = s.camera_enabled !== 'false';
   snapshotDirty();
   updateSpamUi();
   loadAiQueue();
@@ -522,6 +523,7 @@ async function saveSettings() {
         photo_capture_resolution: document.getElementById('photoResolution').value,
         photo_capture_quality: String(document.getElementById('photoQuality').value),
         photo_enhance_engine: document.getElementById('photoEngine').value,
+        camera_enabled: document.getElementById('camEnabled').checked ? 'true' : 'false',
       } })
     });
     if (res.ok) {