add staff roles display to user profile

1 files changed, 17 insertions, 0 deletions

diff --git a/174bg/manager/public/index.html b/174bg/manager/public/index.html
index 71bc262..064913f 100644
--- a/174bg/manager/public/index.html
+++ b/174bg/manager/public/index.html
@@ -44,6 +44,7 @@
         <div><b>Branch:</b> <span id="174bg-branch"></span></div>
         <div><b>Rank Number:</b> <span id="174bg-rank-number"></span></div>
         <div><b>Rank Name:</b> <span id="174bg-rank-name"></span></div>
+        <div><b>Staff Roles:</b> <span id="174bg-staff-roles"></span></div>
         <div id="profile-warning" hidden>
           ⚠️ Your profile is incomplete. Message an officer ASAP!
         </div>
@@ -151,6 +152,22 @@
         anyMissing = true;
       }
 
+      // Staff roles — optional list; show "none" when empty (not MISSING)
+      const staffSpan = document.getElementById("174bg-staff-roles");
+      const staffRoles = record["StaffRoles"];
+      const staffList = Array.isArray(staffRoles)
+        ? staffRoles
+        : staffRoles
+          ? [staffRoles]
+          : [];
+      if (staffList.length > 0) {
+        staffSpan.textContent = staffList.join(", ");
+        staffSpan.style.color = "";
+      } else {
+        staffSpan.textContent = "none";
+        staffSpan.style.color = "";
+      }
+
       if (anyMissing) {
         document.getElementById("profile-warning").hidden = false;
       } else {