domma-cms 0.2.1 → 0.3.0

package/admin/js/views/media.js

@@ -1,240 +1 @@
-/**
- * Media View
- */
-import {api} from '../api.js';
-import {openImageEditor} from '../lib/image-editor.js';
-
-export const mediaView = {
-    templateUrl: '/admin/js/templates/media.html',
-
-    async onMount($container) {
-        const renderGrid = (files) => {
-          const grid = $container.find('#media-grid').empty().get(0);
-            if (!files.length) {
-              const empty = document.createElement('p');
-              empty.className = 'text-muted';
-              empty.textContent = 'No media files yet. Upload one above.';
-              grid.appendChild(empty);
-                return;
-            }
-            files.forEach(file => {
-                const isImage = /\.(png|jpe?g|gif|webp|svg)$/i.test(file.name);
-              const isEditable = /\.(png|jpe?g|gif|webp|tiff?)$/i.test(file.name);
-
-              const card = document.createElement('div');
-              card.className = 'media-card';
-
-              // Preview
-              const preview = document.createElement('div');
-              preview.className = 'media-preview';
-              if (isImage) {
-                const img = document.createElement('img');
-                img.src = file.url + '?t=' + Date.now();
-                img.alt = file.name;
-                img.className = 'media-thumb';
-                preview.appendChild(img);
-              } else {
-                const thumb = document.createElement('div');
-                thumb.className = 'media-thumb media-thumb--file';
-                const icon = document.createElement('span');
-                icon.setAttribute('data-icon', 'file');
-                thumb.appendChild(icon);
-                preview.appendChild(thumb);
-              }
-              card.appendChild(preview);
-
-              // Info
-              const info = document.createElement('div');
-              info.className = 'media-info';
-
-              const nameSpan = document.createElement('span');
-              nameSpan.className = 'media-name';
-              nameSpan.title = 'Double-click to rename';
-              nameSpan.textContent = file.name;
-
-              const sizeSpan = document.createElement('span');
-              sizeSpan.className = 'media-size';
-              sizeSpan.textContent = formatBytes(file.size);
-              info.appendChild(nameSpan);
-              info.appendChild(sizeSpan);
-              card.appendChild(info);
-
-              // Inline rename: double-click the filename to edit
-              nameSpan.addEventListener('dblclick', () => startRename(nameSpan, file, renderGrid));
-
-              // Actions
-              const actions = document.createElement('div');
-              actions.className = 'media-actions';
-
-              const copyBtn = document.createElement('button');
-              copyBtn.className = 'btn btn-sm btn-ghost';
-              const copyIcon = document.createElement('span');
-              copyIcon.setAttribute('data-icon', 'copy');
-              copyBtn.appendChild(copyIcon);
-              copyBtn.addEventListener('click', () => {
-                navigator.clipboard.writeText(window.location.origin + file.url)
-                  .then(() => E.toast('URL copied.', {type: 'success'}))
-                  .catch(() => E.toast('Copy failed.', {type: 'error'}));
-              });
-
-              const renameBtn = document.createElement('button');
-              renameBtn.className = 'btn btn-sm btn-ghost';
-              const renameIcon = document.createElement('span');
-              renameIcon.setAttribute('data-icon', 'type');
-              renameBtn.appendChild(renameIcon);
-              renameBtn.addEventListener('click', () => startRename(nameSpan, file, renderGrid));
-
-              let editBtn = null;
-              if (isEditable) {
-                editBtn = document.createElement('button');
-                editBtn.className = 'btn btn-sm btn-ghost';
-                const editIcon = document.createElement('span');
-                editIcon.setAttribute('data-icon', 'edit');
-                editBtn.appendChild(editIcon);
-                editBtn.addEventListener('click', async () => {
-                  const saved = await openImageEditor(file);
-                  if (saved) renderGrid(await api.media.list().catch(() => []));
-                });
-              }
-
-              const deleteBtn = document.createElement('button');
-              deleteBtn.className = 'btn btn-sm btn-danger';
-              const deleteIcon = document.createElement('span');
-              deleteIcon.setAttribute('data-icon', 'trash');
-              deleteBtn.appendChild(deleteIcon);
-              deleteBtn.addEventListener('click', async () => {
-                if (!await E.confirm(`Delete "${file.name}"?`)) return;
-                try {
-                  await api.media.delete(file.name);
-                  E.toast('File deleted.', {type: 'success'});
-                  renderGrid(await api.media.list().catch(() => []));
-                } catch {
-                  E.toast('Delete failed.', {type: 'error'});
-                }
-              });
-
-              actions.appendChild(copyBtn);
-              actions.appendChild(renameBtn);
-              if (editBtn) actions.appendChild(editBtn);
-              actions.appendChild(deleteBtn);
-              card.appendChild(actions);
-              grid.appendChild(card);
-
-              // Tooltips must be registered after the element is in the DOM
-              E.tooltip(copyBtn, {content: 'Copy URL', position: 'top'});
-              E.tooltip(renameBtn, {content: 'Rename', position: 'top'});
-              if (editBtn) E.tooltip(editBtn, {content: 'Edit image', position: 'top'});
-              E.tooltip(deleteBtn, {content: 'Delete file', position: 'top'});
-            });
-
-            Domma.icons.scan();
-            Domma.effects.reveal('.media-card', { animation: 'fade', stagger: 40, duration: 350 });
-        };
-
-        const initialFiles = await api.media.list().catch(() => []);
-        renderGrid(initialFiles);
-
-        Domma.effects.ripple('#upload-btn');
-      $container.find('#upload-btn').on('click', () => $container.find('#file-input').get(0).click());
-
-        $container.find('#file-input').on('change', async function () {
-            if (!this.files.length) return;
-            const formData = new FormData();
-            for (const file of this.files) formData.append('file', file);
-
-          const btn = $container.find('#upload-btn').get(0);
-          const textNode = btn.lastChild;
-          btn.disabled = true;
-          textNode.textContent = ' Uploading…';
-
-            try {
-              const resp = await fetch('/api/media', {
-                method: 'POST',
-                body: formData,
-                headers: {'Authorization': 'Bearer ' + (S.get('auth_token') || '')}
-              });
-                if (!resp.ok) throw new Error('Upload failed');
-                E.toast('File uploaded.', { type: 'success' });
-              renderGrid(await api.media.list().catch(() => []));
-            } catch {
-                E.toast('Upload failed.', { type: 'error' });
-            } finally {
-              btn.disabled = false;
-              textNode.textContent = ' Upload';
-                this.value = '';
-            }
-        });
-    }
-};
-
-/**
- * Replace a filename span with an inline input for renaming.
- * Confirms with Enter, cancels with Escape or blur.
- *
- * @param {HTMLElement} nameSpan
- * @param {{ name: string, url: string }} file
- * @param {Function} renderGrid
- */
-function startRename(nameSpan, file, renderGrid) {
-  if (nameSpan.querySelector('input')) return; // already editing
-
-  const original = file.name;
-  const dotIndex = original.lastIndexOf('.');
-  const baseName = dotIndex > 0 ? original.slice(0, dotIndex) : original;
-
-  const input = document.createElement('input');
-  input.type = 'text';
-  input.className = 'media-rename-input';
-  input.value = original;
-  input.title = '';
-
-  nameSpan.textContent = '';
-  nameSpan.appendChild(input);
-
-  input.focus();
-  input.setSelectionRange(0, baseName.length);
-
-  async function confirm() {
-    const newName = input.value.trim();
-    if (!newName || newName === original) return cancel();
-    input.disabled = true;
-    try {
-      await api.media.rename(original, newName);
-      E.toast('File renamed.', {type: 'success'});
-      renderGrid(await api.media.list().catch(() => []));
-    } catch (err) {
-      E.toast(err.message || 'Rename failed.', {type: 'error'});
-      cancel();
-    }
-  }
-
-  function cancel() {
-    nameSpan.textContent = original;
-    nameSpan.title = 'Double-click to rename';
-  }
-
-  input.addEventListener('keydown', (e) => {
-    if (e.key === 'Enter') {
-      e.preventDefault();
-      confirm();
-    }
-    if (e.key === 'Escape') {
-      e.preventDefault();
-      cancel();
-    }
-  });
-
-  input.addEventListener('blur', () => {
-    // Short delay so Enter keydown fires before blur
-    setTimeout(() => {
-      if (nameSpan.contains(input)) cancel();
-    }, 150);
-  });
-}
-
-function formatBytes(bytes) {
-    if (!bytes) return '0 B';
-    const k = 1024, sizes = ['B', 'KB', 'MB', 'GB'];
-    const i = Math.floor(Math.log(bytes) / Math.log(k));
-    return `${(bytes / Math.pow(k, i)).toFixed(1)} ${sizes[i]}`;
-}
+import{api as r}from"../api.js";import{openImageEditor as D}from"../lib/image-editor.js";export const mediaView={templateUrl:"/admin/js/templates/media.html",async onMount(n){const o=a=>{const d=n.find("#media-grid").empty().get(0);if(!a.length){const e=document.createElement("p");e.className="text-muted",e.textContent="No media files yet. Upload one above.",d.appendChild(e);return}a.forEach(e=>{const t=/\.(png|jpe?g|gif|webp|svg)$/i.test(e.name),y=/\.(png|jpe?g|gif|webp|tiff?)$/i.test(e.name),s=document.createElement("div");s.className="media-card";const i=document.createElement("div");if(i.className="media-preview",t){const c=document.createElement("img");c.src=e.url+"?t="+Date.now(),c.alt=e.name,c.className="media-thumb",i.appendChild(c)}else{const c=document.createElement("div");c.className="media-thumb media-thumb--file";const v=document.createElement("span");v.setAttribute("data-icon","file"),c.appendChild(v),i.appendChild(c)}s.appendChild(i);const p=document.createElement("div");p.className="media-info";const m=document.createElement("span");m.className="media-name",m.title="Double-click to rename",m.textContent=e.name;const C=document.createElement("span");C.className="media-size",C.textContent=B(e.size),p.appendChild(m),p.appendChild(C),s.appendChild(p),m.addEventListener("dblclick",()=>x(m,e,o));const u=document.createElement("div");u.className="media-actions";const f=document.createElement("button");f.className="btn btn-sm btn-ghost";const w=document.createElement("span");w.setAttribute("data-icon","copy"),f.appendChild(w),f.addEventListener("click",()=>{navigator.clipboard.writeText(window.location.origin+e.url).then(()=>E.toast("URL copied.",{type:"success"})).catch(()=>E.toast("Copy failed.",{type:"error"}))});const b=document.createElement("button");b.className="btn btn-sm btn-ghost";const N=document.createElement("span");N.setAttribute("data-icon","type"),b.appendChild(N),b.addEventListener("click",()=>x(m,e,o));let l=null;if(y){l=document.createElement("button"),l.className="btn btn-sm btn-ghost";const c=document.createElement("span");c.setAttribute("data-icon","edit"),l.appendChild(c),l.addEventListener("click",async()=>{await D(e)&&o(await r.media.list().catch(()=>[]))})}const g=document.createElement("button");g.className="btn btn-sm btn-danger";const k=document.createElement("span");k.setAttribute("data-icon","trash"),g.appendChild(k),g.addEventListener("click",async()=>{if(await E.confirm(`Delete "${e.name}"?`))try{await r.media.delete(e.name),E.toast("File deleted.",{type:"success"}),o(await r.media.list().catch(()=>[]))}catch{E.toast("Delete failed.",{type:"error"})}}),u.appendChild(f),u.appendChild(b),l&&u.appendChild(l),u.appendChild(g),s.appendChild(u),d.appendChild(s),E.tooltip(f,{content:"Copy URL",position:"top"}),E.tooltip(b,{content:"Rename",position:"top"}),l&&E.tooltip(l,{content:"Edit image",position:"top"}),E.tooltip(g,{content:"Delete file",position:"top"})}),Domma.icons.scan(),Domma.effects.reveal(".media-card",{animation:"fade",stagger:40,duration:350})},h=await r.media.list().catch(()=>[]);o(h),Domma.effects.ripple("#upload-btn"),n.find("#upload-btn").on("click",()=>n.find("#file-input").get(0).click()),n.find("#file-input").on("change",async function(){if(!this.files.length)return;const a=new FormData;for(const t of this.files)a.append("file",t);const d=n.find("#upload-btn").get(0),e=d.lastChild;d.disabled=!0,e.textContent=" Uploading\u2026";try{if(!(await fetch("/api/media",{method:"POST",body:a,headers:{Authorization:"Bearer "+(S.get("auth_token")||"")}})).ok)throw new Error("Upload failed");E.toast("File uploaded.",{type:"success"}),o(await r.media.list().catch(()=>[]))}catch{E.toast("Upload failed.",{type:"error"})}finally{d.disabled=!1,e.textContent=" Upload",this.value=""}})}};function x(n,o,h){if(n.querySelector("input"))return;const a=o.name,d=a.lastIndexOf("."),e=d>0?a.slice(0,d):a,t=document.createElement("input");t.type="text",t.className="media-rename-input",t.value=a,t.title="",n.textContent="",n.appendChild(t),t.focus(),t.setSelectionRange(0,e.length);async function y(){const i=t.value.trim();if(!i||i===a)return s();t.disabled=!0;try{await r.media.rename(a,i),E.toast("File renamed.",{type:"success"}),h(await r.media.list().catch(()=>[]))}catch(p){E.toast(p.message||"Rename failed.",{type:"error"}),s()}}function s(){n.textContent=a,n.title="Double-click to rename"}t.addEventListener("keydown",i=>{i.key==="Enter"&&(i.preventDefault(),y()),i.key==="Escape"&&(i.preventDefault(),s())}),t.addEventListener("blur",()=>{setTimeout(()=>{n.contains(t)&&s()},150)})}function B(n){if(!n)return"0 B";const o=1024,h=["B","KB","MB","GB"],a=Math.floor(Math.log(n)/Math.log(o));return`${(n/Math.pow(o,a)).toFixed(1)} ${h[a]}`}

package/admin/js/views/navigation.js

@@ -1,218 +1,20 @@
-/**
- * Navigation View
- */
-import {api} from '../api.js';
-
-let _nextId = 1;
-
-const esc = s => String(s || '').replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;');
-
-function flattenItems(items) {
-    const flat = [];
-    (items || []).forEach(item => {
-        const id = _nextId++;
-        flat.push({ _id: id, text: item.text || '', url: item.url || '', icon: item.icon || '', parentId: null });
-        (item.items || item.children || []).forEach(child => {
-            flat.push({ _id: _nextId++, text: child.text || '', url: child.url || '', icon: child.icon || '', parentId: id });
-        });
-    });
-    return flat;
-}
-
-function nestItems(flat) {
-    return flat
-        .filter(i => i.parentId === null)
-        .map(parent => {
-            const children = flat
-                .filter(i => i.parentId === parent._id)
-                .map(c => ({ text: c.text, url: c.url, ...(c.icon && { icon: c.icon }) }));
-            const obj = { text: parent.text, url: parent.url, ...(parent.icon && { icon: parent.icon }) };
-            if (children.length) obj.items = children;
-            return obj;
-        });
-}
-
-// Returns items sorted so children appear immediately after their parent
-function getOrderedItems(flat) {
-    const result = [];
-    flat.filter(i => i.parentId === null).forEach(parent => {
-        result.push(parent);
-        flat.filter(i => i.parentId === parent._id).forEach(child => result.push(child));
-    });
-    return result;
-}
-
-export const navigationView = {
-    templateUrl: '/admin/js/templates/navigation.html',
-
-    async onMount($container) {
-      let [nav, site] = await Promise.all([
-        api.navigation.get().catch(() => ({brand: {}, items: []})),
-        api.settings.get().catch(() => ({}))
-      ]);
-        let flatItems = flattenItems(nav.items);
-      let footerLinks = (site.footer?.links || []).map(l => ({text: l.text || '', url: l.url || ''}));
-
-        const syncFromDom = () => {
-            $container.find('.nav-item-row').each(function () {
-                const id = parseInt($(this).data('id'), 10);
-                const item = flatItems.find(i => i._id === id);
-                if (!item) return;
-                item.text = $(this).find('.item-text').val();
-                item.url  = $(this).find('.item-url').val();
-                item.icon = $(this).find('.item-icon').val();
-                const parentVal = $(this).find('.item-parent').val();
-                item.parentId = parentVal ? parseInt(parentVal, 10) : null;
-            });
-            // Promote children whose parent is now itself a child
-            const childIds = new Set(flatItems.filter(i => i.parentId !== null).map(i => i._id));
-            flatItems.forEach(i => {
-                if (i.parentId !== null && childIds.has(i.parentId)) i.parentId = null;
-            });
-        };
-
-        const renderItems = () => {
-            const $list = $container.find('#nav-items-list').empty();
-            const topLevel = flatItems.filter(i => i.parentId === null);
-
-            getOrderedItems(flatItems).forEach(item => {
-                const isChild = item.parentId !== null;
-                const parentOptions = `<option value="">— top-level —</option>` +
-                    topLevel
-                        .filter(t => t._id !== item._id)
-                        .map(t => `<option value="${t._id}"${t._id === item.parentId ? ' selected' : ''}>${esc(t.text) || '(untitled)'}</option>`)
-                        .join('');
-
-                $list.append(`
-                    <div class="nav-item-row${isChild ? ' nav-item-row--child' : ''}" data-id="${item._id}">
-                        <span class="nav-col-indent">${isChild ? '↳' : ''}</span>
-                        <input type="text" class="form-input item-text nav-col-main" value="${esc(item.text)}" placeholder="Label">
-                        <input type="text" class="form-input item-url nav-col-main" value="${esc(item.url)}" placeholder="/url">
-                        <input type="text" class="form-input item-icon nav-col-icon" value="${esc(item.icon)}" placeholder="icon">
-                        <select class="form-select item-parent nav-col-parent">${parentOptions}</select>
+import{api as f}from"../api.js";let x=1;const d=t=>String(t||"").replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;");function b(t){const e=[];return(t||[]).forEach(r=>{const o=x++;e.push({_id:o,text:r.text||"",url:r.url||"",icon:r.icon||"",parentId:null}),(r.items||r.children||[]).forEach(l=>{e.push({_id:x++,text:l.text||"",url:l.url||"",icon:l.icon||"",parentId:o})})}),e}function I(t){return t.filter(e=>e.parentId===null).map(e=>{const r=t.filter(l=>l.parentId===e._id).map(l=>({text:l.text,url:l.url,...l.icon&&{icon:l.icon}})),o={text:e.text,url:e.url,...e.icon&&{icon:e.icon}};return r.length&&(o.items=r),o})}function g(t){const e=[];return t.filter(r=>r.parentId===null).forEach(r=>{e.push(r),t.filter(o=>o.parentId===r._id).forEach(o=>e.push(o))}),e}export const navigationView={templateUrl:"/admin/js/templates/navigation.html",async onMount(t){let[e,r]=await Promise.all([f.navigation.get().catch(()=>({brand:{},items:[]})),f.settings.get().catch(()=>({}))]),o=b(e.items),l=(r.footer?.links||[]).map(s=>({text:s.text||"",url:s.url||""}));const v=()=>{t.find(".nav-item-row").each(function(){const i=parseInt($(this).data("id"),10),n=o.find(a=>a._id===i);if(!n)return;n.text=$(this).find(".item-text").val(),n.url=$(this).find(".item-url").val(),n.icon=$(this).find(".item-icon").val();const c=$(this).find(".item-parent").val();n.parentId=c?parseInt(c,10):null});const s=new Set(o.filter(i=>i.parentId!==null).map(i=>i._id));o.forEach(i=>{i.parentId!==null&&s.has(i.parentId)&&(i.parentId=null)})},p=()=>{const s=t.find("#nav-items-list").empty(),i=o.filter(n=>n.parentId===null);g(o).forEach(n=>{const c=n.parentId!==null,a='<option value="">\u2014 top-level \u2014</option>'+i.filter(u=>u._id!==n._id).map(u=>`<option value="${u._id}"${u._id===n.parentId?" selected":""}>${d(u.text)||"(untitled)"}</option>`).join("");s.append(`
+                    <div class="nav-item-row${c?" nav-item-row--child":""}" data-id="${n._id}">
+                        <span class="nav-col-indent">${c?"\u21B3":""}</span>
+                        <input type="text" class="form-input item-text nav-col-main" value="${d(n.text)}" placeholder="Label">
+                        <input type="text" class="form-input item-url nav-col-main" value="${d(n.url)}" placeholder="/url">
+                        <input type="text" class="form-input item-icon nav-col-icon" value="${d(n.icon)}" placeholder="icon">
+                        <select class="form-select item-parent nav-col-parent">${a}</select>
                         <span class="nav-col-action">
-                            <button class="btn btn-sm btn-danger btn-remove-item" data-id="${item._id}" data-tooltip="Remove"><span data-icon="trash"></span></button>
+                            <button class="btn btn-sm btn-danger btn-remove-item" data-id="${n._id}" data-tooltip="Remove"><span data-icon="trash"></span></button>
                         </span>
                     </div>
-                `);
-            });
-            Domma.icons.scan('#nav-items-list');
-          document.querySelectorAll('#nav-items-list [data-tooltip]').forEach(el => {
-            E.tooltip(el, {content: el.getAttribute('data-tooltip'), position: 'top'});
-          });
-        };
-
-      const renderFooterLinks = () => {
-        const $list = $container.find('#footer-links-list').empty();
-        footerLinks.forEach((link, idx) => {
-          $list.append(`
-                    <div class="nav-item-row" data-footer-idx="${idx}">
-                        <input type="text" class="form-input footer-link-text nav-col-main" value="${esc(link.text)}" placeholder="Label">
-                        <input type="text" class="form-input footer-link-url nav-col-main" value="${esc(link.url)}" placeholder="/url">
+                `)}),Domma.icons.scan("#nav-items-list"),document.querySelectorAll("#nav-items-list [data-tooltip]").forEach(n=>{E.tooltip(n,{content:n.getAttribute("data-tooltip"),position:"top"})})},m=()=>{const s=t.find("#footer-links-list").empty();l.forEach((i,n)=>{s.append(`
+                    <div class="nav-item-row" data-footer-idx="${n}">
+                        <input type="text" class="form-input footer-link-text nav-col-main" value="${d(i.text)}" placeholder="Label">
+                        <input type="text" class="form-input footer-link-url nav-col-main" value="${d(i.url)}" placeholder="/url">
                         <span class="nav-col-action">
-                            <button class="btn btn-sm btn-danger btn-remove-footer" data-idx="${idx}" data-tooltip="Remove"><span data-icon="trash"></span></button>
+                            <button class="btn btn-sm btn-danger btn-remove-footer" data-idx="${n}" data-tooltip="Remove"><span data-icon="trash"></span></button>
                         </span>
                     </div>
-                `);
-        });
-        Domma.icons.scan('#footer-links-list');
-        document.querySelectorAll('#footer-links-list [data-tooltip]').forEach(el => {
-          E.tooltip(el, {content: el.getAttribute('data-tooltip'), position: 'top'});
-        });
-      };
-
-      const syncFooterFromDom = () => {
-        footerLinks = [];
-        $container.find('#footer-links-list .nav-item-row').each(function () {
-          footerLinks.push({
-            text: $(this).find('.footer-link-text').val().trim(),
-            url: $(this).find('.footer-link-url').val().trim()
-          });
-        });
-      };
-
-      $container.find('#add-footer-link').on('click', () => {
-        syncFooterFromDom();
-        footerLinks.push({text: '', url: ''});
-        renderFooterLinks();
-      });
-
-      $container.off('click', '.btn-remove-footer').on('click', '.btn-remove-footer', function () {
-        syncFooterFromDom();
-        const idx = parseInt($(this).data('idx'), 10);
-        footerLinks.splice(idx, 1);
-        renderFooterLinks();
-      });
-
-        $container.find('#field-brand-text').val(nav.brand?.text || '');
-        $container.find('#field-brand-url').val(nav.brand?.url || '/');
-      $container.find('#field-brand-icon').val(nav.brand?.icon || '');
-        $container.find('#field-nav-variant').val(nav.variant || 'dark');
-        renderItems();
-      renderFooterLinks();
-
-        $container.find('#add-nav-item').on('click', () => {
-            syncFromDom();
-            flatItems.push({ _id: _nextId++, text: '', url: '', icon: '', parentId: null });
-            renderItems();
-        });
-
-        $container.off('click', '.btn-remove-item').on('click', '.btn-remove-item', function () {
-            syncFromDom();
-            const id = parseInt($(this).data('id'), 10);
-            flatItems = flatItems.filter(i => i._id !== id && i.parentId !== id);
-            renderItems();
-        });
-
-        // Re-render when a parent changes so other dropdowns update
-        $container.off('change', '.item-parent').on('change', '.item-parent', function () {
-            syncFromDom();
-            renderItems();
-        });
-
-        $container.find('#save-nav-btn').on('click', async () => {
-            syncFromDom();
-          syncFooterFromDom();
-            const nested = nestItems(
-                flatItems.map(i => ({ ...i, text: i.text.trim(), url: i.url.trim(), icon: i.icon.trim() }))
-            ).filter(i => i.text || i.url);
-
-          const brandIcon = $container.find('#field-brand-icon').val().trim();
-          const navData = {
-                brand: {
-                    text: $container.find('#field-brand-text').val().trim(),
-                  url: $container.find('#field-brand-url').val().trim() || '/',
-                  ...(brandIcon && {icon: brandIcon})
-                },
-                items: nested,
-                variant:  $container.find('#field-nav-variant').val(),
-                position: nav.position || 'sticky'
-            };
-
-          const validFooterLinks = footerLinks.filter(l => l.text || l.url);
-
-            try {
-              await api.navigation.save(navData);
-              nav = navData;
-              flatItems = flattenItems(nav.items);
-              renderItems();
-              E.toast('Navigation saved.', {type: 'success'});
-            } catch (e) {
-              console.error('[navigation] save failed:', e);
-              E.toast('Failed to save navigation.', {type: 'error'});
-              return;
-            }
-
-          // Save footer links into site config — best-effort, independent of nav save
-          try {
-            const currentSite = await api.settings.get().catch(() => ({}));
-            await api.settings.save({...currentSite, footer: {...(currentSite.footer || {}), links: validFooterLinks}});
-            footerLinks = validFooterLinks;
-            renderFooterLinks();
-          } catch (e) {
-            console.error('[navigation] footer links save failed:', e);
-            E.toast('Footer links could not be saved.', {type: 'warning'});
-            }
-        });
-    }
-};
+                `)}),Domma.icons.scan("#footer-links-list"),document.querySelectorAll("#footer-links-list [data-tooltip]").forEach(i=>{E.tooltip(i,{content:i.getAttribute("data-tooltip"),position:"top"})})},h=()=>{l=[],t.find("#footer-links-list .nav-item-row").each(function(){l.push({text:$(this).find(".footer-link-text").val().trim(),url:$(this).find(".footer-link-url").val().trim()})})};t.find("#add-footer-link").on("click",()=>{h(),l.push({text:"",url:""}),m()}),t.off("click",".btn-remove-footer").on("click",".btn-remove-footer",function(){h();const s=parseInt($(this).data("idx"),10);l.splice(s,1),m()}),t.find("#field-brand-text").val(e.brand?.text||""),t.find("#field-brand-url").val(e.brand?.url||"/"),t.find("#field-brand-icon").val(e.brand?.icon||""),t.find("#field-nav-variant").val(e.variant||"dark"),p(),m(),t.find("#add-nav-item").on("click",()=>{v(),o.push({_id:x++,text:"",url:"",icon:"",parentId:null}),p()}),t.off("click",".btn-remove-item").on("click",".btn-remove-item",function(){v();const s=parseInt($(this).data("id"),10);o=o.filter(i=>i._id!==s&&i.parentId!==s),p()}),t.off("change",".item-parent").on("change",".item-parent",function(){v(),p()}),t.find("#save-nav-btn").on("click",async()=>{v(),h();const s=I(o.map(a=>({...a,text:a.text.trim(),url:a.url.trim(),icon:a.icon.trim()}))).filter(a=>a.text||a.url),i=t.find("#field-brand-icon").val().trim(),n={brand:{text:t.find("#field-brand-text").val().trim(),url:t.find("#field-brand-url").val().trim()||"/",...i&&{icon:i}},items:s,variant:t.find("#field-nav-variant").val(),position:e.position||"sticky"},c=l.filter(a=>a.text||a.url);try{await f.navigation.save(n),e=n,o=b(e.items),p(),E.toast("Navigation saved.",{type:"success"})}catch(a){console.error("[navigation] save failed:",a),E.toast("Failed to save navigation.",{type:"error"});return}try{const a=await f.settings.get().catch(()=>({}));await f.settings.save({...a,footer:{...a.footer||{},links:c}}),l=c,m()}catch(a){console.error("[navigation] footer links save failed:",a),E.toast("Footer links could not be saved.",{type:"warning"})}})}};