Function saveClientPortalsFromUI

public/js/adminPortals.js:2375–2758

()

// ─────────────────────

async function saveClientPortalsFromUI() {
  const body = document.getElementById('clientPortalsBody');
  const status = document.getElementById('clientPortalsStatus');
  if (!body) return;

  const cards = body.querySelectorAll('.card[data-portal-slug]');
  const portals = {};
  const portalsCache = {};
  const invalid = [];
  const portalUserInvalid = [];
  let firstInvalidField = null;

  // Clear previous visual errors
  cards.forEach(card => {
    card.style.boxShadow = '';
    card.style.borderColor = '';
    card.classList.remove('portal-card-has-error');

    const hint = card.querySelector('.portal-card-error-hint');
    if (hint) hint.remove();
  });

  const markCardMissingRequired = (card, message) => {
    // Mark visually
    card.classList.add('portal-card-has-error');
    card.style.borderColor = '#dc3545';
    card.style.boxShadow = '0 0 0 2px rgba(220,53,69,0.6)';

    // Expand the card so the error is visible even if it was collapsed
    const header = card.querySelector('.portal-card-header');
    const bodyEl = card.querySelector('.portal-card-body') || card;
    const caret = card.querySelector('.portal-card-caret');

    if (header && bodyEl) {
      header.setAttribute('aria-expanded', 'true');
      bodyEl.style.display = 'block';
      if (caret) caret.textContent = '▾';
    }

    // Small inline hint at top of the card body
    let hint = bodyEl.querySelector('.portal-card-error-hint');
    if (!hint) {
      hint = document.createElement('div');
      hint.className = 'portal-card-error-hint text-danger small';
      hint.style.marginBottom = '6px';
      hint.textContent = message || 'Slug and folder are required. This portal will not be saved until both are filled.';
      bodyEl.insertBefore(hint, bodyEl.firstChild);
    } else {
      hint.textContent = message || hint.textContent;
    }
  };

  cards.forEach(card => {
    const origSlug = card.getAttribute('data-portal-slug') || '';
    const isNewPortal = card.getAttribute('data-portal-new') === '1';
    let slug = origSlug.trim();
    const existingPortal = __portalsCache[origSlug] || {};
    const existingPortalUser = (existingPortal.portalUser && typeof existingPortal.portalUser === 'object')