Add support for individual admins

Author: tdilauro

src/components/EditableConfigList.tsx

@@ -230,11 +230,28 @@ export abstract class GenericEditableConfigList<
     );
   }
 
+  protected getAssociatedItems(item: any): Array<any> | undefined {
+    return item?.libraries;
+  }
+
+  protected formatAssociatedCount(count: number): string {
+    return count === 0
+      ? "no libraries"
+      : count === 1
+      ? "1 library"
+      : `${count} libraries`;
+  }
+
+  protected renderAssociatedSection(item: any): JSX.Element {
+    return this.renderAssociatedLibraries(item);
+  }
+
   renderLi(item, index): JSX.Element {
     const AdditionalContent = this.AdditionalContent || null;
-    const libraries: Array<{ short_name: string }> | undefined =
-      item?.libraries;
-    const libraryCount = Array.isArray(libraries) ? libraries.length : null;
+    const associatedItems = this.getAssociatedItems(item);
+    const libraryCount = Array.isArray(associatedItems)
+      ? associatedItems.length
+      : null;
     const itemKey = String(item[this.identifierKey]);
     const isExpanded = libraryCount > 0 && !!this.state.expandedItems[itemKey];
 
@@ -261,13 +278,7 @@ export abstract class GenericEditableConfigList<
               {libraryCount !== null && (
                 <span className="library-count">
                   {" "}
-                  (
-                  {libraryCount === 0
-                    ? "no libraries"
-                    : libraryCount === 1
-                    ? "1 library"
-                    : `${libraryCount} libraries`}
-                  )
+                  ({this.formatAssociatedCount(libraryCount)})
                 </span>
               )}
             </span>
@@ -301,7 +312,7 @@ export abstract class GenericEditableConfigList<
             />
           )}
         </div>
-        {isExpanded && this.renderAssociatedLibraries(item)}
+        {isExpanded && this.renderAssociatedSection(item)}
         {AdditionalContent && (
           <AdditionalContent
             type={this.itemTypeName}
@@ -325,18 +336,19 @@ export abstract class GenericEditableConfigList<
 
   toggleAllLibraries(): void {
     const items: any[] = (this.props.data as any)?.[this.listDataKey] || [];
-    const itemsWithLibraries = items.filter(
-      (item) => Array.isArray(item.libraries) && item.libraries.length > 0
-    );
-    if (itemsWithLibraries.length === 0) return;
+    const itemsWithAssociations = items.filter((item) => {
+      const associated = this.getAssociatedItems(item);
+      return Array.isArray(associated) && associated.length > 0;
+    });
+    if (itemsWithAssociations.length === 0) return;
 
-    const anyCollapsed = itemsWithLibraries.some(
+    const anyCollapsed = itemsWithAssociations.some(
       (item) => !this.state.expandedItems[String(item[this.identifierKey])]
     );
 
     const newExpandedItems: Record<string, boolean> = {};
     if (anyCollapsed) {
-      for (const item of itemsWithLibraries) {
+      for (const item of itemsWithAssociations) {
         newExpandedItems[String(item[this.identifierKey])] = true;
       }
     }

src/components/IndividualAdmins.tsx

@@ -7,7 +7,11 @@ import EditableConfigList, {
 } from "./EditableConfigList";
 import { connect } from "react-redux";
 import ActionCreator from "../actions";
-import { IndividualAdminsData, IndividualAdminData } from "../interfaces";
+import {
+  IndividualAdminsData,
+  IndividualAdminData,
+  AdminRoleData,
+} from "../interfaces";
 import Admin from "../models/Admin";
 import IndividualAdminEditForm from "./IndividualAdminEditForm";
 
@@ -30,6 +34,88 @@ export class IndividualAdmins extends EditableConfigList<
     admin: PropTypes.object.isRequired,
   };
 
+  private getRolesSummary(
+    item: IndividualAdminData
+  ): Array<{ label: string; suffix?: string; href?: string }> {
+    const roles: AdminRoleData[] = item.roles || [];
+
+    if (roles.some((r) => r.role === "system")) {
+      return [{ label: "sysadmin" }];
+    }
+
+    const allLibraries: Array<{
+      short_name: string;
+      name?: string;
+      uuid?: string;
+    }> = (this.props.data as any)?.allLibraries || [];
+
+    const getLibraryName = (shortName: string) =>
+      allLibraries.find((l) => l.short_name === shortName)?.name || shortName;
+
+    const getLibraryHref = (shortName: string) => {
+      const uuid = allLibraries.find((l) => l.short_name === shortName)?.uuid;
+      return uuid ? `/admin/web/config/libraries/edit/${uuid}` : undefined;
+    };
+
+    const result: Array<{ label: string; suffix?: string; href?: string }> = [];
+
+    if (roles.some((r) => r.role === "manager-all")) {
+      result.push({ label: "All libraries", suffix: " - Manager" });
+    } else if (roles.some((r) => r.role === "librarian-all")) {
+      result.push({ label: "All libraries", suffix: " - Librarian" });
+    }
+
+    const libraryHighestRole: Record<string, "manager" | "librarian"> = {};
+    for (const r of roles) {
+      if (r.library) {
+        if (r.role === "manager") {
+          libraryHighestRole[r.library] = "manager";
+        } else if (
+          r.role === "librarian" &&
+          libraryHighestRole[r.library] !== "manager"
+        ) {
+          libraryHighestRole[r.library] = "librarian";
+        }
+      }
+    }
+
+    for (const [shortName, role] of Object.entries(libraryHighestRole)) {
+      result.push({
+        label: getLibraryName(shortName),
+        suffix: role === "manager" ? " - Manager" : " - Librarian",
+        href: getLibraryHref(shortName),
+      });
+    }
+
+    result.sort((a, b) => a.label.localeCompare(b.label));
+    return result;
+  }
+
+  protected getAssociatedItems(
+    item: IndividualAdminData
+  ): Array<any> | undefined {
+    if (!item.roles) return undefined;
+    return this.getRolesSummary(item);
+  }
+
+  protected formatAssociatedCount(count: number): string {
+    return count === 0 ? "no roles" : count === 1 ? "1 role" : `${count} roles`;
+  }
+
+  protected renderAssociatedSection(item: IndividualAdminData): JSX.Element {
+    const summary = this.getRolesSummary(item);
+    return (
+      <ul className="associated-libraries">
+        {summary.map((entry, i) => (
+          <li key={i}>
+            {entry.href ? <a href={entry.href}>{entry.label}</a> : entry.label}
+            {entry.suffix}
+          </li>
+        ))}
+      </ul>
+    );
+  }
+
   canCreate() {
     return (
       this.context.admin && this.context.admin.isLibraryManagerOfSomeLibrary()