Function renderUserHubFlagsForSelected

public/js/adminPanel.js:6065–6212

(modal)

}

async function renderUserHubFlagsForSelected(modal) {
  const flagsHost = modal.querySelector('#adminUserHubFlagsRow');
  const selectEl = modal.querySelector('#adminUserHubSelect');
  if (!flagsHost || !selectEl) return;

  const username = (selectEl.value || "").trim();
  if (!username) {
    flagsHost.innerHTML = `
      <div class="small text-muted">
        ${tf("select_user_for_flags", "Select a user above to view account-level switches.")}
      </div>
    `;
    return;
  }

  const flagsCache = await getUserFlagsCacheForHub();
  const flags = flagsCache[username] || {};
  const meta = __userMetaCache[username] || {};
  const isAdmin = !!meta.isAdmin;

  const disabledAttr = isAdmin ? 'disabled data-admin="1" title="Admin: full access"' : '';
  const adminNote = isAdmin
    ? `<span class="muted" style="margin-left:4px;">(${tf("admin_full_access", "Admin: full access")})</span>`
    : '';

  flagsHost.innerHTML = `
    <div class="table-responsive">
      <table class="table table-sm mb-0" style="width:100%;">
        <thead>
          <tr>
            <th style="width:24%;">${t("user")}</th>
            <th class="text-center">${t("read_only")}</th>
            <th class="text-center">${t("disable_upload")}</th>
            <th class="text-center">${t("can_share")}</th>
            <th class="text-center">${t("bypass_ownership")}</th>
          </tr>
        </thead>
        <tbody>
          <tr data-username="${escapeHTML(username)}">
            <td><strong>${escapeHTML(username)}</strong>${adminNote}</td>
            <td class="text-center">
              <div class="form-check fr-toggle d-inline-block">
                <input type="checkbox"
                       class="form-check-input fr-toggle-input"
                       id="hubFlagReadOnly"
                       data-flag="readOnly"
                       ${flags.readOnly ? "checked" : ""}
                       ${disabledAttr}>
                <label class="form-check-label" for="hubFlagReadOnly"></label>
              </div>
            </td>
            <td class="text-center">
              <div class="form-check fr-toggle d-inline-block">
                <input type="checkbox"
                       class="form-check-input fr-toggle-input"
                       id="hubFlagDisableUpload"
                       data-flag="disableUpload"
                       ${flags.disableUpload ? "checked" : ""}