Hammer/demo tasks

packages/dashboard/src/components/appbar.tsx

@@ -164,6 +164,7 @@ export const AppBar = React.memo(({ extraToolbarItems }: AppBarProps): React.Rea
   const location = useLocation();
   const tabValue = React.useMemo(() => locationToTabValue(location.pathname), [location]);
   const logoResourcesContext = React.useContext(ResourcesContext)?.logos;
+  const taskResourcesContext = React.useContext(ResourcesContext)?.tasks;
   const [anchorEl, setAnchorEl] = React.useState<HTMLElement | null>(null);
   const { authenticator } = React.useContext(AppConfigContext);
   const profile = React.useContext(UserProfileContext);
@@ -617,7 +618,7 @@ export const AppBar = React.memo(({ extraToolbarItems }: AppBarProps): React.Rea
       {openCreateTaskForm && (
         <CreateTaskForm
           user={username ? username : 'unknown user'}
-          supportedTasks={resourceManager?.supportedTasks}
+          tasksToDisplay={taskResourcesContext?.tasks}
           patrolWaypoints={waypointNames}
           cleaningZones={cleaningZoneNames}
           pickupZones={resourceManager?.pickupZones}

packages/dashboard/src/components/tasks/task-schedule-utils.ts

@@ -23,7 +23,13 @@ import {
   nextWednesday,
   startOfMinute,
 } from 'date-fns';
-import { getShortDescription, RecurringDays, Schedule, TaskDefinition } from 'react-components';
+import {
+  getShortDescription,
+  getTaskBookingLabelFromTaskRequest,
+  RecurringDays,
+  Schedule,
+  TaskDefinition,
+} from 'react-components';
 
 /**
  * Generates a list of ProcessedEvents to occur within the query start and end,
@@ -170,10 +176,17 @@ export const getScheduledTaskTitle = (
   task: ScheduledTask,
   supportedTasks?: TaskDefinition[],
 ): string => {
+  const taskBookingLabel = getTaskBookingLabelFromTaskRequest(task.task_request);
+
   let remappedTaskName: string | undefined = undefined;
-  if (supportedTasks) {
+  if (
+    supportedTasks &&
+    taskBookingLabel &&
+    taskBookingLabel.description.task_definition_id &&
+    typeof taskBookingLabel.description.task_definition_id === 'string'
+  ) {
     for (const s of supportedTasks) {
-      if (s.taskDefinitionId === task.task_request.category) {
+      if (s.taskDefinitionId === taskBookingLabel.description.task_definition_id) {
         remappedTaskName = s.taskDisplayName;
       }
     }

packages/dashboard/src/components/tasks/task-schedule.tsx

@@ -69,7 +69,7 @@ const disablingCellsWithoutEvents = (
 
 export const TaskSchedule = () => {
   const rmf = React.useContext(RmfAppContext);
-  const resourceManager = React.useContext(ResourcesContext);
+  const taskResourcesContext = React.useContext(ResourcesContext)?.tasks;
   const { showAlert } = React.useContext(AppControllerContext);
   const profile = React.useContext(UserProfileContext);
 
@@ -137,7 +137,7 @@ export const TaskSchedule = () => {
       return tasks.flatMap((t: ScheduledTask) =>
         t.schedules.flatMap<ProcessedEvent>((s: ApiSchedule) => {
           const events = scheduleToEvents(params.start, params.end, s, t, getEventId, () =>
-            getScheduledTaskTitle(t, resourceManager?.supportedTasks),
+            getScheduledTaskTitle(t, taskResourcesContext?.tasks),
           );
           events.forEach((ev) => {
             eventsMap.current[Number(ev.event_id)] = t;
@@ -147,7 +147,7 @@ export const TaskSchedule = () => {
         }),
       );
     },
-    [rmf, resourceManager],
+    [rmf, taskResourcesContext],
   );
 
   const CustomCalendarEditor = ({ scheduler, value, onChange }: CustomCalendarEditorProps) => {
@@ -320,7 +320,7 @@ export const TaskSchedule = () => {
       {openCreateTaskForm && (
         <CreateTaskForm
           user={username ? username : 'unknown user'}
-          supportedTasks={resourceManager?.supportedTasks}
+          tasksToDisplay={taskResourcesContext?.tasks}
           patrolWaypoints={waypointNames}
           cleaningZones={cleaningZoneNames}
           pickupPoints={pickupPoints}

packages/dashboard/src/managers/resource-manager-tasks.ts

@@ -1,14 +1,29 @@
-import { TaskDefinition } from 'react-components';
+import { getTaskDefinition, TaskDefinition } from 'react-components';
+
+export interface TaskResource {
+  task_definition_id: string;
+  display_name?: string;
+}
 
 export class TaskResourceManager {
-  supportedTasks: Record<string, TaskDefinition>;
+  tasks: TaskDefinition[];
 
-  constructor(supportedTasks: TaskDefinition[] | undefined) {
-    this.supportedTasks = {};
-    if (supportedTasks) {
-      for (const t of supportedTasks) {
-        this.supportedTasks[t.taskDefinitionId] = t;
+  constructor(taskResources: TaskResource[]) {
+    this.tasks = [];
+    for (const taskResource of taskResources) {
+      const definition = getTaskDefinition(taskResource.task_definition_id);
+      if (!definition) {
+        console.error(
+          `Invalid tasks configured for dashboard: [${taskResource.task_definition_id}]`,
+        );
+        continue;
       }
+
+      if (taskResource.display_name !== undefined) {
+        definition.taskDisplayName = taskResource.display_name;
+      }
+
+      this.tasks.push(definition);
     }
   }
 }

packages/dashboard/src/managers/resource-manager.ts

@@ -2,13 +2,7 @@ import Debug from 'debug';
 import { DispenserResourceManager, RawDispenserResource } from './resource-manager-dispensers';
 import { LogoResource, LogoResourceManager } from './resource-manager-logos';
 import { RobotResource, RobotResourceManager } from './resource-manager-robots';
-import {
-  DefaultPatrolTaskDefinition,
-  DefaultDeliveryTaskDefinition,
-  DefaultComposeCleanTaskDefinition,
-  TaskDefinition,
-  DefaultCustomComposeTaskDefinition,
-} from 'react-components';
+import { TaskResource, TaskResourceManager } from './resource-manager-tasks';
 
 const debug = Debug('ResourceManager');
 const ResourceFile = 'resources/main.json';
@@ -25,7 +19,7 @@ export interface ResourceConfigurationsType {
   attributionPrefix?: string;
   cartIds?: string[];
   loggedInDisplayLevel?: string;
-  supportedTasks?: TaskDefinition[];
+  allowedTasks?: TaskResource[];
 }
 
 export default class ResourceManager {
@@ -40,7 +34,7 @@ export default class ResourceManager {
   attributionPrefix?: string;
   cartIds?: string[];
   loggedInDisplayLevel?: string;
-  supportedTasks?: TaskDefinition[];
+  tasks: TaskResourceManager;
 
   /**
    * Gets the default resource manager using the embedded resource file (aka "assets/resources/main.json").
@@ -62,6 +56,22 @@ export default class ResourceManager {
   constructor(resources: ResourceConfigurationsType) {
     this.robots = new RobotResourceManager(resources.robots || {});
     this.logos = new LogoResourceManager(resources.logos || {});
+    this.tasks = new TaskResourceManager(
+      resources.allowedTasks || [
+        {
+          task_definition_id: 'patrol',
+        },
+        {
+          task_definition_id: 'delivery',
+        },
+        {
+          task_definition_id: 'compose-clean',
+        },
+        {
+          task_definition_id: 'custom_compose',
+        },
+      ],
+    );
     if (resources.dispensers) {
       this.dispensers = new DispenserResourceManager(resources.dispensers);
     }
@@ -80,12 +90,6 @@ export default class ResourceManager {
     this.attributionPrefix = resources.attributionPrefix || 'OSRC-SG';
     this.cartIds = resources.cartIds || [];
     this.loggedInDisplayLevel = resources.loggedInDisplayLevel;
-    this.supportedTasks = resources.supportedTasks || [
-      DefaultPatrolTaskDefinition,
-      DefaultDeliveryTaskDefinition,
-      DefaultComposeCleanTaskDefinition,
-      DefaultCustomComposeTaskDefinition,
-    ];
   }
 }