added quesionnaire export and import

website/js/pages/export.js

@@ -1,5 +1,5 @@
 import { apiGet } from '../api.js';
-import { showToast } from '../app.js';
+import { canEdit, showToast } from '../app.js';
 
 export async function exportPage() {
     const app = document.getElementById('app');
@@ -33,7 +33,19 @@ function renderExport(questionnaires) {
         return;
     }
 
+    const bundleBlock = canEdit() ? `
+        <div class="card" style="margin-bottom:20px;padding:16px 20px">
+            <h3 style="margin:0 0 8px;font-size:1.05rem">Export questionnaires (JSON)</h3>
+            <p style="margin:0 0 14px;color:var(--text-secondary);font-size:.9rem">
+                Download all questionnaires with questions, answer options, and every translation.
+                Use <strong>Import questionnaires</strong> on the dashboard to restore this file on another server.
+            </p>
+            <button type="button" class="btn btn-primary" id="exportBundleBtn">Export all questionnaires (JSON)</button>
+        </div>
+    ` : '';
+
     container.innerHTML = `
+        ${bundleBlock}
         <p style="margin-bottom:16px;color:var(--text-secondary)">
             Select a questionnaire and click Export to download a CSV file with all client responses (filtered by your role's visibility).
         </p>
@@ -66,6 +78,37 @@ function renderExport(questionnaires) {
         </table>
     `;
 
+    document.getElementById('exportBundleBtn')?.addEventListener('click', async () => {
+        const btn = document.getElementById('exportBundleBtn');
+        btn.disabled = true;
+        const prev = btn.textContent;
+        btn.textContent = 'Preparing…';
+        try {
+            const token = localStorage.getItem('qdb_token');
+            const res = await fetch('../api/export?bundle=1', {
+                headers: { Authorization: `Bearer ${token}` },
+            });
+            if (!res.ok) {
+                const err = await res.json().catch(() => ({}));
+                throw new Error(err.error?.message || err.error || 'Export failed');
+            }
+            const blob = await res.blob();
+            const url = URL.createObjectURL(blob);
+            const a = document.createElement('a');
+            a.href = url;
+            const stamp = new Date().toISOString().slice(0, 10);
+            a.download = `questionnaires_bundle_${stamp}.json`;
+            a.click();
+            URL.revokeObjectURL(url);
+            showToast('Questionnaire bundle downloaded', 'success');
+        } catch (e) {
+            showToast(e.message, 'error');
+        } finally {
+            btn.disabled = false;
+            btn.textContent = prev;
+        }
+    });
+
     container.querySelectorAll('.export-btn').forEach(btn => {
         btn.addEventListener('click', async () => {
             btn.disabled = true;