Admin missing features

jsx/src/components/ServerDashboard/ServerDashboard.jsx

@@ -115,6 +115,14 @@ const ServerDashboard = (props) => {
                   testid="admin-sort"
                 />
               </th>
+              <th id="user-header">
+                Server{" "}
+                <SortHandler
+                  sorts={{ asc: usernameAsc, desc: usernameDesc }}
+                  callback={(method) => setSortMethod(() => method)}
+                  testid="user-sort"
+                />
+              </th>
               <th id="last-activity-header">
                 Last Activity{" "}
                 <SortHandler
@@ -227,20 +235,46 @@ const ServerDashboard = (props) => {
                 </Button>
               </td>
             </tr>
-            {user_data.map((e, i) => (
+            {user_data.flatMap((e, i) => {
+              let userServers = Object.values({
+                "": e.server,
+                ...(e.servers || {}),
+              });
+              return userServers.map((server) => {
+                return (
                   <tr key={i + "row"} className="user-row">
-                <td data-testid="user-row-name">{e.name}</td>
+                    {!(server || {}).name && (
-                <td data-testid="user-row-admin">{e.admin ? "admin" : ""}</td>
+                      <td
+                        data-testid="user-row-name"
+                        rowspan={userServers.length}
+                      >
+                        {e.name}
+                      </td>
+                    )}
+                    {!(server || {}).name && (
+                      <td
+                        data-testid="user-row-admin"
+                        rowspan={userServers.length}
+                      >
+                        {e.admin ? "admin" : ""}
+                      </td>
+                    )}
+
+                    <td data-testid="user-row-name">
+                      {(server || {}).name || "[MAIN]"}
+                    </td>
                     <td data-testid="user-row-last-activity">
-                  {e.last_activity ? timeSince(e.last_activity) : "Never"}
+                      {(server || {}).last_activity
+                        ? timeSince(server.last_activity)
+                        : "Never"}
                     </td>
                     <td data-testid="user-row-server-activity">
-                  {e.server != null ? (
+                      {server != null ? (
                         // Stop Single-user server
                         <button
                           className="btn btn-danger btn-xs stop-button"
                           onClick={() =>
-                        stopServer(e.name)
+                            stopServer(e.name, server.name)
                               .then((res) => {
                                 if (res.status < 300) {
                                   updateUsers(...slice)
@@ -248,14 +282,18 @@ const ServerDashboard = (props) => {
                                       dispatchPageUpdate(data, page);
                                     })
                                     .catch(() =>
-                                  setErrorAlert(`Failed to update users list.`)
+                                      setErrorAlert(
+                                        `Failed to update users list.`
+                                      )
                                     );
                                 } else {
                                   setErrorAlert(`Failed to stop server.`);
                                 }
                                 return res;
                               })
-                          .catch(() => setErrorAlert(`Failed to stop server.`))
+                              .catch(() =>
+                                setErrorAlert(`Failed to stop server.`)
+                              )
                           }
                         >
                           Stop Server
@@ -265,7 +303,7 @@ const ServerDashboard = (props) => {
                         <button
                           className="btn btn-primary btn-xs start-button"
                           onClick={() =>
-                        startServer(e.name)
+                            startServer(e.name, (server || {}).name)
                               .then((res) => {
                                 if (res.status < 300) {
                                   updateUsers(...slice)
@@ -273,7 +311,9 @@ const ServerDashboard = (props) => {
                                       dispatchPageUpdate(data, page);
                                     })
                                     .catch(() =>
-                                  setErrorAlert(`Failed to update users list.`)
+                                      setErrorAlert(
+                                        `Failed to update users list.`
+                                      )
                                     );
                                 } else {
                                   setErrorAlert(`Failed to start server.`);
@@ -306,9 +346,23 @@ const ServerDashboard = (props) => {
                       >
                         edit user
                       </button>
+                      <a
+                        href={`/user/${e.name}${
+                          server && server.name && "/" + server.name
+                        }`}
+                      >
+                        <button
+                          className="btn btn-primary btn-xs"
+                          style={{ marginRight: 20 }}
+                        >
+                          Access Server
+                        </button>
+                      </a>
                     </td>
                   </tr>
-            ))}
+                );
+              });
+            })}
           </tbody>
         </table>
         <PaginationFooter

jsx/src/util/withAPI.js

@@ -11,8 +11,8 @@ const withAPI = withProps(() => ({
       (data) => data.json()
     ),
   shutdownHub: () => jhapiRequest("/shutdown", "POST"),
-  startServer: (name) => jhapiRequest("/users/" + name + "/server", "POST"),
+  startServer: (name, serverName = "") => jhapiRequest("/users/" + name + "/servers/" + (serverName || ""), "POST"),
-  stopServer: (name) => jhapiRequest("/users/" + name + "/server", "DELETE"),
+  stopServer: (name, serverName = "") => jhapiRequest("/users/" + name + "/servers/"  + (serverName || ""), "DELETE"),
   startAll: (names) =>
     names.map((e) => jhapiRequest("/users/" + e + "/server", "POST")),
   stopAll: (names) =>