dobetternorge-tools/assets/js/workbench.js

(function () {
  'use strict';

  const form = document.getElementById('workbenchForm');
  const clearButton = document.getElementById('workbenchClear');
  const status = document.getElementById('workbenchStatus');
  const storageKey = 'dbn.caseWorkbench.v1';
  let statusTimer = 0;

  if (!form) {
    return;
  }

  function setStatus(message) {
    if (!status) {
      return;
    }
    status.textContent = message;
    window.clearTimeout(statusTimer);
    statusTimer = window.setTimeout(function () {
      status.textContent = '';
    }, 2200);
  }

  function collect() {
    const data = {};
    const fields = form.querySelectorAll('input, select, textarea');
    fields.forEach(function (field) {
      if (!field.name) {
        return;
      }
      if (field.type === 'checkbox') {
        if (!Array.isArray(data[field.name])) {
          data[field.name] = [];
        }
        if (field.checked) {
          data[field.name].push(field.value);
        }
        return;
      }
      data[field.name] = field.value;
    });
    data.saved_at = new Date().toISOString();
    return data;
  }

  function restore(data) {
    if (!data || typeof data !== 'object') {
      return;
    }
    const fields = form.querySelectorAll('input, select, textarea');
    fields.forEach(function (field) {
      if (!field.name) {
        return;
      }
      if (field.type === 'checkbox') {
        const values = Array.isArray(data[field.name]) ? data[field.name] : [];
        field.checked = values.indexOf(field.value) !== -1;
        return;
      }
      if (Object.prototype.hasOwnProperty.call(data, field.name)) {
        field.value = data[field.name] || '';
      }
    });
  }

  function save() {
    try {
      window.sessionStorage.setItem(storageKey, JSON.stringify(collect()));
      setStatus('Saved in this browser session.');
    } catch (error) {
      setStatus('Could not save this session locally.');
    }
  }

  try {
    const raw = window.sessionStorage.getItem(storageKey);
    if (raw) {
      restore(JSON.parse(raw));
      setStatus('Restored local workbench notes.');
    }
  } catch (error) {
    window.sessionStorage.removeItem(storageKey);
  }

  form.addEventListener('input', save);
  form.addEventListener('change', save);

  if (clearButton) {
    clearButton.addEventListener('click', function () {
      window.sessionStorage.removeItem(storageKey);
      form.reset();
      setStatus('Workbench session cleared.');
    });
  }
}());

// ── My Documents panel ────────────────────────────────────────────────────────
(function () {
  'use strict';

  var panel = document.querySelector('[data-my-docs="true"]');
  var list  = document.getElementById('myDocsList');
  if (!panel || !list) return;

  var lang = (window.DBN_TOOLS_LANG || 'en');

  var i18n = {
    empty:  { en: 'No documents uploaded yet. Upload PDFs, DOCX, or TXT files in the AI Chat sidebar.', no: 'Ingen dokumenter lastet opp ennå. Last opp PDF, DOCX eller TXT i AI-chattens sidepanel.', uk: 'Документів ще немає. Завантажте файли у бічній панелі AI-чату.', pl: 'Brak dokumentów. Prześlij pliki w panelu bocznym czatu AI.' },
    remove: { en: 'Remove', no: 'Fjern', uk: 'Видалити', pl: 'Usuń' },
    ai:     { en: 'AI Chat', no: 'AI-chat', uk: 'AI-чат', pl: 'Czat AI' },
    tools:  { en: 'Tools', no: 'Verktøy', uk: 'Інструменти', pl: 'Narzędzia' },
    error:  { en: 'Could not load documents.', no: 'Kunne ikke laste dokumenter.', uk: 'Не вдалося завантажити документи.', pl: 'Nie można załadować dokumentów.' },
  };

  function t(key) {
    return (i18n[key] && i18n[key][lang]) || (i18n[key] && i18n[key]['en']) || key;
  }

  function formatDate(str) {
    if (!str) return '';
    try { return new Date(str).toLocaleDateString(); } catch (e) { return str; }
  }

  function renderDocs(docs) {
    if (!docs.length) {
      list.innerHTML = '<p class="workbench-docs__empty">' + t('empty') + '</p>';
      return;
    }
    list.innerHTML = docs.map(function (doc) {
      return '<div class="workbench-docs__item" role="listitem" data-doc-id="' + esc(doc.doc_id) + '">'
        + '<span class="workbench-docs__icon">📄</span>'
        + '<span class="workbench-docs__name" title="' + esc(doc.filename) + '">' + esc(doc.filename) + '</span>'
        + '<span class="workbench-docs__meta">' + esc(formatDate(doc.created_at)) + ' · ' + (doc.source === 'ai_chat' ? t('ai') : t('tools')) + '</span>'
        + '<button class="workbench-docs__remove" type="button" data-doc-id="' + esc(doc.doc_id) + '" aria-label="' + t('remove') + ' ' + esc(doc.filename) + '">' + t('remove') + '</button>'
        + '</div>';
    }).join('');

    list.querySelectorAll('.workbench-docs__remove').forEach(function (btn) {
      btn.addEventListener('click', function () {
        var docId = btn.getAttribute('data-doc-id');
        if (!docId) return;
        btn.disabled = true;
        fetch('/api/user-docs.php?id=' + encodeURIComponent(docId), { method: 'DELETE', credentials: 'include' })
          .then(function () {
            var item = list.querySelector('[data-doc-id="' + docId + '"]');
            if (item) item.remove();
            if (!list.querySelector('.workbench-docs__item')) {
              list.innerHTML = '<p class="workbench-docs__empty">' + t('empty') + '</p>';
            }
          })
          .catch(function () { btn.disabled = false; });
      });
    });
  }

  function esc(str) {
    return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
  }

  fetch('/api/user-docs.php', { credentials: 'include' })
    .then(function (r) { return r.json(); })
    .then(function (data) {
      if (data.ok) {
        renderDocs(data.docs || []);
      } else {
        list.innerHTML = '<p class="workbench-docs__empty">' + t('error') + '</p>';
      }
    })
    .catch(function () {
      list.innerHTML = '<p class="workbench-docs__empty">' + t('error') + '</p>';
    });
}());