Function attachPortalFolderPickers

public/js/adminPortals.js:1742–1829

()

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

function attachPortalFolderPickers() {
    const body = document.getElementById('clientPortalsBody');
    if (!body) return;
  
    body.querySelectorAll('.portal-card').forEach(card => {
      const input = card.querySelector('[data-portal-field="folder"]');
      const browseBtn = card.querySelector('.portal-folder-browse-btn');
      const sourceSelect = card.querySelector('[data-portal-field="sourceId"]');
      if (!input) return;
  
      if (input.dataset._portalFolderPickerBound === '1') return;
      input.dataset._portalFolderPickerBound = '1';
  
      // Preferred path: if you ever add a central folder picker, use it:
      const useNativePicker = typeof window.FileRiseFolderPicker === 'function';
  
      const getSourceId = () => normalizePortalSourceId(sourceSelect ? sourceSelect.value : '') || getPortalSourceFallbackId();

      const openPicker = async () => {
        const sourceId = getSourceId();
        if (useNativePicker) {
          try {
            const folder = await window.FileRiseFolderPicker({
              current: input.value || '',
              mode: 'select-folder',
              source: 'client-portals',
              sourceId
            });
            if (folder) input.value = folder;
            return;
          } catch (e) {
            console.error('Folder picker error', e);
            showToast(t('admin_portal_open_folder_picker_failed'));
            return;
          }
        }
  
        // Fallback: datalist built from /api/folder/getFolderList.php
        try {
          const safeSourceId = (sourceId || 'local').replace(/[^A-Za-z0-9_-]/g, '') || 'local';
          const datalistId = 'portalFolderList-' + safeSourceId;
          let datalist = document.getElementById(datalistId);
          if (!datalist) {
            datalist = document.createElement('datalist');
            datalist.id = datalistId;
            document.body.appendChild(datalist);
  
            const folders = await loadPortalFolderList(sourceId);
            datalist.innerHTML = '';
            folders.forEach(f => {
              const opt = document.createElement('option');
              opt.value = f;
              datalist.appendChild(opt);
            });
          }
  
          input.setAttribute('list', datalistId);
          input.focus();