From ff35da5639e61f141fbb012c377eeb9a4e3662ff Mon Sep 17 00:00:00 2001
From: Pierre HUBERT <pierre.git@communiquons.org>
Date: Sat, 20 Apr 2024 11:35:26 +0200
Subject: [PATCH] Add API tokens management

---
 .../src/widgets/tokens/TokenRightsEditor.tsx  | 70 +++++++++++++++++++
 1 file changed, 70 insertions(+)

diff --git a/virtweb_frontend/src/widgets/tokens/TokenRightsEditor.tsx b/virtweb_frontend/src/widgets/tokens/TokenRightsEditor.tsx
index 8e6eb4e..a964972 100644
--- a/virtweb_frontend/src/widgets/tokens/TokenRightsEditor.tsx
+++ b/virtweb_frontend/src/widgets/tokens/TokenRightsEditor.tsx
@@ -471,6 +471,76 @@ export function TokenRightsEditor(p: {
         </Table>
       </RightsSection>
 
+      {/* API tokens */}
+      <RightsSection label="API tokens">
+        <RouteRight
+          {...p}
+          right={{ verb: "POST", path: "/api/tokens/create" }}
+          label="Create a new API token"
+        />
+        <RouteRight
+          {...p}
+          right={{ verb: "GET", path: "/api/tokens/list" }}
+          label="Get list of API tokens"
+        />
+      </RightsSection>
+
+      {/* API tokens management */}
+      <RightsSection label="API tokens management">
+        <Table size="small">
+          <TableHead>
+            <TableRow>
+              <TableCell>API token name</TableCell>
+              <TableCell align="center">Get</TableCell>
+              <TableCell align="center">Update</TableCell>
+              <TableCell align="center">Delete</TableCell>
+            </TableRow>
+          </TableHead>
+          <TableBody>
+            {/* All API tokens operations */}
+            <TableRow hover>
+              <TableCell>
+                <i>All</i>
+              </TableCell>
+              <CellRight
+                {...p}
+                right={{ verb: "GET", path: "/api/tokens/*" }}
+              />
+              <CellRight
+                {...p}
+                right={{ verb: "PUT", path: "/api/tokens/*" }}
+              />
+              <CellRight
+                {...p}
+                right={{ verb: "DELETE", path: "/api/tokens/*" }}
+              />
+            </TableRow>
+
+            {/* Per API token operations */}
+            {p.tokens.map((v, n) => (
+              <TableRow hover key={n}>
+                <TableCell>{v.name}</TableCell>
+                <CellRight
+                  {...p}
+                  right={{ verb: "GET", path: `/api/tokens/${v.id}` }}
+                  parent={{ verb: "GET", path: "/api/tokens/*" }}
+                />
+                <CellRight
+                  {...p}
+                  right={{ verb: "PUT", path: `/api/tokens/${v.id}` }}
+                  parent={{ verb: "PUT", path: "/api/tokens/*" }}
+                />
+                <CellRight
+                  {...p}
+                  right={{ verb: "DELETE", path: `/api/tokens/${v.id}` }}
+                  parent={{ verb: "DELETE", path: "/api/tokens/*" }}
+                />
+              </TableRow>
+            ))}
+          </TableBody>
+        </Table>
+      </RightsSection>
+
       {/* ISO files */}
       <RightsSection label="ISO files">
         <RouteRight