Function renderRoles

deployments/desktop/static/app.js:615–641

(roles)

}

function renderRoles(roles) {
  const target = $("roleList");
  if (!target) return;
  if (!roles.length) {
    target.className = "role-list empty";
    target.textContent = "暂无角色。";
    return;
  }
  target.className = "role-list";
  target.innerHTML = roles.map((role) => `
    <div class="role-card">
      <div>
        <h4>${escapeHtml(role.name || role.user_id)}</h4>
        <p>${escapeHtml(role.user_id || "")}</p>
        <p>${escapeHtml(role.description || "暂无描述")}</p>
      </div>
      <div class="actions">
        ${role.user_id === state.userId ? `<span class="badge blue">当前选择</span>` : ""}
        ${role.is_current ? `<span class="badge green">当前角色</span>` : `<button data-role-action="switch" data-role="${escapeHtml(role.name)}">切换</button>`}
        <button data-role-action="delete" data-role="${escapeHtml(role.name)}">删除</button>
      </div>
    </div>
  `).join("");
  document.querySelectorAll("[data-role-action]").forEach((button) => {
    button.addEventListener("click", () => runAction(() => updateRole(button.dataset.roleAction, button.dataset.role)));
  });
}

async function updateRole(action, roleName) {
  if (!roleName) throw new Error("请输入角色名。");