Function markCardMissingRequired

public/js/adminPortals.js:2397–2425

(card, message)

  });

  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') || '';