[feat] Pending Review Maintenances & RBAC

src/Components/Auth/With.tsx

@@ -4,13 +4,14 @@ import { useAuth } from "react-oidc-context";
 /**
  * @author Aloento
  * @since 1.5.0
- * @version 0.1.0
+ * @version 0.1.1
  */
 export const enum Roles {
   Readers = "/sd_readers",
   Creators = "/sd_creators",
   Operators = "/sd_operators",
-  Admins = "/sd_admins"
+  Admins = "/sd_admins",
+  GitHub = "/status-dashboard"
 }
 
 /**

src/Components/Event/Enums.ts

@@ -98,7 +98,7 @@ export function GetStatusList(type: EventType, status?: EventStatus, groups?: st
     if (groups.some(g => g === Roles.Creators)) {
       return [EventStatus.PendingReview, EventStatus.Cancelled];
     }
-    if (groups.some(g => g === Roles.Operators || g === Roles.Admins)) {
+    if (groups.some(g => g === Roles.Operators || g === Roles.Admins || g === Roles.GitHub)) {
       return [EventStatus.PendingReview, ...Object.values(EventStatus).slice(5, 10)];
     }
   }

src/Components/Event/EventApprove.tsx

@@ -0,0 +1,75 @@
+import { Toast, ToastBody, ToastTitle, useToastController } from "@fluentui/react-components";
+import { ScaleButton, ScaleIconActionCheckmark } from "@telekom/scale-components-react";
+import { useRequest } from "ahooks";
+import { useAuth } from "react-oidc-context";
+import { useStatus } from "~/Services/Status";
+import { StatusEnum } from "~/Services/Status.Entities";
+import { Models } from "~/Services/Status.Models";
+import { useAccessToken } from "../Auth/useAccessToken";
+import { EventStatus } from "./Enums";
+
+/**
+ * @author Aloento
+ * @since 1.5.0
+ * @version 0.2.3
+ */
+export function EventApprove({ Event }: { Event: Models.IEvent }) {
+  const { Update } = useStatus();
+
+  const getToken = useAccessToken();
+  const { user } = useAuth();
+  const { dispatchToast } = useToastController();
+
+  const { runAsync, loading } = useRequest(async () => {
+    const url = process.env.SD_BACKEND_URL!;
+    const raw = await fetch(`${url}/v2/events/${Event.Id}`, {
+      method: "PATCH",
+      headers: {
+        "Content-Type": "application/json",
+        "Authorization": `Bearer ${getToken()}`,
+      },
+      body: JSON.stringify({
+        status: StatusEnum.Reviewed,
+        version: Event.Version ?? Event.Histories.size + 1,
+        message: `Approved by ${user?.profile.name || user?.profile.preferred_username}`,
+        update_date: new Date().toISOString(),
+      }),
+    });
+
+    if (!raw.ok) {
+      const message = await raw.text();
+      dispatchToast(
+        <Toast>
+          <ToastTitle>Failed to approve event</ToastTitle>
+          <ToastBody>{message}</ToastBody>
+        </Toast>,
+        { intent: "warning" }
+      );
+      throw new Error("Failed to approve event: " + message);
+    }
+
+    Event.Status = EventStatus.Reviewed;
+    Event.Histories.add({
+      Id: Event.Histories.size + 1,
+      Created: new Date(),
+      Event,
+      Message: `Approved by ${user?.profile.name || user?.profile.preferred_username}`,
+      Status: EventStatus.Reviewed,
+    });
+    Update();
+  }, {
+    manual: true,
+  });
+
+  return (
+    <ScaleButton
+      size="small"
+      variant="secondary"
+      disabled={loading}
+      onClick={() => runAsync()}
+    >
+      <ScaleIconActionCheckmark />
+      &nbsp;Approve
+    </ScaleButton>
+  );
+}

src/Components/Event/EventCard.tsx

@@ -4,10 +4,11 @@ import remarkGfm from 'remark-gfm';
 import remarkIns from 'remark-ins';
 import { Dic } from "~/Helpers/Entities";
 import { Models } from "~/Services/Status.Models";
-import { Authorized } from "../Auth/With";
+import { Authorized, Roles } from "../Auth/With";
 import { Indicator } from "../Home/Indicator";
 import { EventStatus, EventType, IsIncident } from "./Enums";
 import { EventAffected } from "./EventAffected";
+import { EventApprove } from "./EventApprove";
 import { EventEditor } from "./EventEditor";
 import { EventExtract } from "./EventExtract";
 
@@ -26,7 +27,7 @@ import { EventExtract } from "./EventExtract";
  *
  * @author Aloento
  * @since 1.0.0
- * @version 0.2.0
+ * @version 0.3.1
  */
 export function EventCard({ Event }: { Event: Models.IEvent }) {
   return (
@@ -40,15 +41,27 @@ export function EventCard({ Event }: { Event: Models.IEvent }) {
           </h3>
         </div>
 
-        <Authorized>
-          <div className="flex gap-x-3">
-            {
-              Event.RegionServices.size > 1 &&
-              <EventExtract Event={Event} />
-            }
+        <div className="flex gap-x-3">
+          <Authorized rules={(groups) =>
+            Event.Status === EventStatus.PendingReview &&
+            groups.some(g => g === Roles.Operators || g === Roles.Admins || g === Roles.GitHub)}>
+            <EventApprove Event={Event} />
+          </Authorized>
+
+          <Authorized rules={(groups) =>
+            Event.RegionServices.size > 1 &&
+            groups.some(g => g === Roles.Operators || g === Roles.Admins || g === Roles.GitHub)}>
+            <EventExtract Event={Event} />
+          </Authorized>
+
+          <Authorized rules={(groups) => (
+            Event.Status === EventStatus.PendingReview &&
+            groups.some(g => g === Roles.Creators)
+          ) ||
+            groups.some(g => g === Roles.Operators || g === Roles.Admins || g === Roles.GitHub)}>
             <EventEditor Event={Event} />
-          </div>
-        </Authorized>
+          </Authorized>
+        </div>
       </div>
 
       <div className="flex gap-x-2.5">