Function renderFolderGrantsUI

public/js/adminFolderAccess.js:242–741

(principal, container, folders, grants)

}

function renderFolderGrantsUI(principal, container, folders, grants) {
  if (!Array.isArray(folders) || !container) return;

  const grantsMap = (grants && typeof grants === 'object' && !Array.isArray(grants)) ? grants : {};

  // Preserve original grants map for save, including entries we may not render
  container.__grantsFallback = grantsMap;

  const isAdmin =
    principal === "admin" ||
    String(principal).toLowerCase() === "admin" ||
    (grantsMap && grantsMap.__isAdmin);

  const toolbar = document.createElement('div');
  toolbar.className = 'folder-access-toolbar';
  toolbar.innerHTML = `
    <strong>${t("folder_access")}</strong>
    <input type="text" class="form-control form-control-sm" placeholder="${t("filter_folders")}" style="max-width:220px;">
    <div class="form-check form-check-inline">
      <label class="form-check-label">
        <input type="checkbox" class="form-check-input" data-bulk="view" ${isAdmin ? 'disabled data-hard-disabled="1"' : ''}>
        ${t("view_all")}
      </label>
    </div>
    <div class="form-check form-check-inline">
      <label class="form-check-label">
        <input type="checkbox" class="form-check-input" data-bulk="viewOwn" ${isAdmin ? 'disabled data-hard-disabled="1"' : ''}>
        ${t("view_own")}
      </label>
    </div>
    <div class="form-check form-check-inline">
      <label class="form-check-label">
        <input type="checkbox" class="form-check-input" data-bulk="write" ${isAdmin ? 'disabled data-hard-disabled="1"' : ''}>
        ${t("write")}
      </label>
    </div>
    <div class="form-check form-check-inline">
      <label class="form-check-label">
        <input type="checkbox" class="form-check-input" data-bulk="share" ${isAdmin ? 'disabled data-hard-disabled="1"' : ''}>
        ${t("share")}
      </label>
    </div>
    <div class="form-check form-check-inline">
      <label class="form-check-label">
        <input type="checkbox" class="form-check-input" data-bulk="manage" ${isAdmin ? 'disabled data-hard-disabled="1"' : ''}>
        ${t("manage")}
      </label>
    </div>
  `;

  const list = document.createElement('div');
  list.className = 'folder-access-list';

  const headerHtml = `
    <div class="folder-access-header row text-muted" style="font-size:12px; font-weight:600; margin-bottom:4px; display:none;">
      <div class="col-sm-3">${t("folder")}</div>
      <div class="col-sm-9">${t("permissions")}</div>
    </div>