feat: Implement GetStatusList function and update EventEditor and NewForm components to utilize IsIncident for status handling

Author: Aloento

src/Components/Event/Enums.ts

@@ -85,6 +85,22 @@ export enum EventStatus {
   Changed = "Changed",
 }
 
+/**
+ * @author Aloento
+ * @since 1.1.0
+ * @version 0.1.0
+ */
+export function GetStatusList(type: EventType): EventStatus[] {
+  switch (type) {
+    case EventType.Maintenance:
+      return Object.values(EventStatus).slice(4, 9);
+    case EventType.Information:
+      return [EventStatus.Planned, EventStatus.Active, EventStatus.Completed, EventStatus.Cancelled];
+    default:
+      return Object.values(EventStatus).slice(0, 4);
+  }
+}
+
 /**
  * @author Aloento
  * @since 1.0.0

src/Components/Event/EventEditor.tsx

@@ -3,13 +3,13 @@ import { useBoolean } from "ahooks";
 import dayjs from "dayjs";
 import { Dic } from "~/Helpers/Entities";
 import { Models } from "~/Services/Status.Models";
-import { EventStatus, EventType, IsOpenStatus } from "./Enums";
+import { EventStatus, EventType, GetStatusList, IsIncident, IsOpenStatus } from "./Enums";
 import { useEditForm } from "./useEditForm";
 
 /**
  * @author Aloento
  * @since 1.0.0
- * @version 0.1.0
+ * @version 0.2.0
  */
 export function EventEditor({ Event }: { Event: Models.IEvent }) {
   const { State, Actions, Validation, OnSubmit, Loading } = useEditForm(Event);
@@ -49,7 +49,7 @@ export function EventEditor({ Event }: { Event: Models.IEvent }) {
         <ScaleDropdownSelect
           label="Type"
           value={State.type}
-          disabled={Event.Type === EventType.Maintenance}
+          disabled={!IsIncident(Event.Type)}
           onScale-change={(e) => Actions.setType(e.target.value as EventType)}
           invalid={!!Validation.type}
           helperText={Validation.type}
@@ -67,11 +67,8 @@ export function EventEditor({ Event }: { Event: Models.IEvent }) {
           invalid={!!Validation.status}
           helperText={Validation.status}
         >
-          {Object.values(EventStatus)
-            .slice(
-              State.type === EventType.Maintenance ? 4 : 0,
-              State.type === EventType.Maintenance ? 9 : 4
-            ).map((status, i) =>
+          {GetStatusList(State.type)
+            .map((status, i) =>
               <ScaleDropdownSelectItem value={status} key={i}>
                 {status}
               </ScaleDropdownSelectItem>)}
@@ -80,7 +77,7 @@ export function EventEditor({ Event }: { Event: Models.IEvent }) {
         <ScaleTextField
           type="datetime-local"
           label="Start CET"
-          disabled={State.type !== EventType.Maintenance && IsOpenStatus(Event.Status)}
+          disabled={IsIncident(State.type) && IsOpenStatus(Event.Status)}
           value={dayjs(State.start).format(Dic.Picker)}
           onScale-input={(e) => Actions.setStart(new Date(e.target.value as string))}
           invalid={!!Validation.start}
@@ -90,7 +87,7 @@ export function EventEditor({ Event }: { Event: Models.IEvent }) {
         <ScaleTextField
           type="datetime-local"
           label="(Plan) End CET"
-          disabled={!(State.type === EventType.Maintenance || !IsOpenStatus(State.status))}
+          disabled={!(!IsIncident(State.type) || !IsOpenStatus(State.status))}
           value={State.end ? dayjs(State.end).format(Dic.Picker) : null}
           onScale-input={(e) => Actions.setEnd(new Date(e.target.value as string))}
           invalid={!!Validation.end}

src/Components/New/NewForm.tsx

@@ -3,7 +3,7 @@ import dayjs from "dayjs";
 import { orderBy } from "lodash";
 import { Dic } from "~/Helpers/Entities";
 import { useStatus } from "~/Services/Status";
-import { EventType } from "../Event/Enums";
+import { EventType, IsIncident } from "../Event/Enums";
 import { useNewForm } from "./useNewForm";
 
 /**
@@ -122,7 +122,7 @@ export function NewForm() {
         helperText={Validation.start}
       />
 
-      {State.type === EventType.Maintenance && (
+      {!IsIncident(State.type) && (
         <ScaleTextField
           type="datetime-local"
           label="(Plan) End CET"

src/Components/New/useNewForm.ts

@@ -3,13 +3,13 @@ import { useEffect, useState } from "react";
 import { useStatus } from "~/Services/Status";
 import { Models } from "~/Services/Status.Models";
 import { useAccessToken } from "../Auth/useAccessToken";
-import { EventStatus, EventType, GetEventImpact } from "../Event/Enums";
+import { EventStatus, EventType, GetEventImpact, IsIncident } from "../Event/Enums";
 import { useRouter } from "../Router";
 
 /**
  * @author Aloento
  * @since 1.0.0
- * @version 0.1.0
+ * @version 0.2.0
  */
 export function useNewForm() {
   const { DB, Update } = useStatus();
@@ -52,7 +52,7 @@ export function useNewForm() {
     _setType(value);
     setValType(undefined);
 
-    if (value !== EventType.Maintenance) {
+    if (IsIncident(value)) {
       _setEnd(undefined);
     }
 
@@ -86,7 +86,7 @@ export function useNewForm() {
       setValStart("Start Date cannot be later than End Date.");
       err = true;
     }
-    if (value > now && type !== EventType.Maintenance) {
+    if (value > now && IsIncident(type)) {
       setValStart("Start Date cannot be in the future.");
       err = true;
     }
@@ -148,8 +148,8 @@ export function useNewForm() {
       return;
     }
 
-    const status = type === EventType.Maintenance
-      ? EventStatus.Modified : EventStatus.Analysing
+    const status = IsIncident(type)
+      ? EventStatus.Analysing : EventStatus.Planned
 
     const event: Models.IEvent = {
       Id: Math.max(...DB.Events.map(event => event.Id), 0) + 1,
@@ -162,7 +162,7 @@ export function useNewForm() {
       Histories: new Set()
     };
 
-    if (type === EventType.Maintenance)
+    if (!IsIncident(type))
       event.Description = description;
     else
       event.Histories.add({
@@ -183,7 +183,7 @@ export function useNewForm() {
       start_date: start.toISOString()
     }
 
-    if (type === EventType.Maintenance && end) {
+    if (!IsIncident(type) && end) {
       body.end_date = end
     }