Function rowHtml

public/js/adminFolderAccess.js:306–417

(folder, idx)

  container.appendChild(list);

  const rowHtml = (folder, idx) => {
    const g = grantsMap[folder] ? { ...grantsMap[folder] } : {};
    const inheritChecked = g.__inherit === true || g.inherit === true;
    const explicitFlag =
      g.__explicit === true ||
      g.explicit === true ||
      (g.explicit && typeof g.explicit === 'object');
    const hasExplicit = explicitFlag || !!(
      g.view || g.viewOwn || g.manage || g.create || g.upload || g.edit || g.rename ||
      g.copy || g.move || g.delete || g.extract || g.shareFile || g.shareFolder || g.share || g.write
    );
    const writeMetaChecked = !!(
      g.write ||
      g.create ||
      g.upload ||
      g.edit ||
      g.rename ||
      g.copy ||
      g.delete ||
      g.extract
    );

    if (g.share) {
      g.shareFile = g.shareFile !== false;
      g.shareFolder = g.shareFolder !== false;
    }

    const name = folder === "root" ? `${t("root_folder")} /` : folder;
    const shareFolderDisabled = isAdmin ? true : undefined;

    const toggle = (cap, label, checked, disabled, title = "") => `
      <label class="form-check fr-toggle perm-toggle" title="${title.replace(/"/g, '&quot;')}">
        <input type="checkbox" class="fr-toggle-input" data-cap="${cap}"
               ${checked ? 'checked' : ''} ${disabled ? 'disabled' : ''} aria-label="${label}">
        <span>${label}</span>
      </label>
    `;

    const group = (title, content, bodyClass = '', groupClass = '') => `
      <div class="perm-group${groupClass ? ` ${groupClass}` : ''}">
        <div class="perm-group-title">${title}</div>
        <div class="perm-group-body${bodyClass ? ` ${bodyClass}` : ''}">${content}</div>
      </div>
    `;

    const parity = (idx % 2 === 0) ? 'row-even' : 'row-odd';

    return `
      <div class="folder-access-row ${parity}" data-folder="${folder}" data-inherit="${inheritChecked ? '1' : '0'}" data-explicit="${hasExplicit ? '1' : '0'}" data-admin="${isAdmin ? '1' : '0'}">
        <div class="folder-cell">
      <div class="folder-badge">
        <i class="material-icons" style="font-size:18px;">folder</i>
        <span class="folder-name-text">${name}</span>
        <span class="inherited-tag" style="display:none;"></span>
        <span class="inherit-flag-note pill-note" style="display:none;"></span>
        <span class="group-flag-note pill-note" style="display:none;"></span>
        <label class="form-check fr-toggle perm-toggle inherit-inline">
          <input type="checkbox"