2423: Redirection to scheduleTask form

Author: DutchBen

packages/orchestrator-ui-components/src/components/WfoPageTemplate/paths.ts

@@ -10,5 +10,7 @@ export const PATH_METADATA_RESOURCE_TYPES = '/metadata/resource-types';
 export const PATH_METADATA_WORKFLOWS = '/metadata/workflows';
 export const PATH_METADATA_TASKS = '/metadata/tasks';
 export const PATH_METADATA_SCHEDULED_TASKS = '/metadata/scheduled-tasks';
+export const PATH_METADATA_ADD_SCHEDULED_TASK_FORM =
+    '/metadata/scheduled-tasks-form';
 export const PATH_TASKS = '/tasks';
 export const PATH_SETTINGS = '/settings';

packages/orchestrator-ui-components/src/components/WfoTable/WfoAdvancedTable/WfoAdvancedTable.tsx

@@ -51,6 +51,7 @@ export type WfoAdvancedTableProps<T extends object> = Omit<
     onUpdateQueryString: (queryString: string) => void;
     onExportData?: () => void;
     disableSearch?: boolean;
+    extraButtons?: React.ReactNode;
 };
 
 export const WfoAdvancedTable = <T extends object>({
@@ -65,6 +66,7 @@ export const WfoAdvancedTable = <T extends object>({
     onUpdateQueryString,
     onExportData,
     disableSearch = false,
+    extraButtons,
     ...tableProps
 }: WfoAdvancedTableProps<T>) => {
     const { theme } = useOrchestratorTheme();
@@ -189,6 +191,7 @@ export const WfoAdvancedTable = <T extends object>({
                         {t('export')}
                     </EuiButton>
                 )}
+                {extraButtons}
             </EuiFlexGroup>
             {error && <WfoErrorWithMessage error={error} />}
             <EuiSpacer size="m" />

packages/orchestrator-ui-components/src/messages/en-GB.json

@@ -210,7 +210,8 @@
             "schedule": "Schedule",
             "interval": "Interval",
             "ariaLabelDeleteButton": "Delete task schedule",
-            "deleteConfirmationQuestion": "Confirm deleting this schedule task"
+            "deleteConfirmationQuestion": "Confirm deleting this schedule task",
+            "addSchedule": "Schedule task"
         }
     },
     "processes": {

packages/orchestrator-ui-components/src/messages/nl-NL.json

@@ -209,7 +209,8 @@
             "schedule": "Schedule",
             "interval": "Interval",
             "ariaLabelDeleteButton": "Schema verwijderen",
-            "deleteConfirmationQuestion": "Bevestig de verwijdering van het schema"
+            "deleteConfirmationQuestion": "Bevestig de verwijdering van het schema",
+            "addSchedule": "Plan een taak"
         }
     },
     "processes": {

packages/orchestrator-ui-components/src/pages/metadata/WfoScheduledTasksPage.tsx

@@ -1,8 +1,9 @@
 import React, { useEffect, useState } from 'react';
 
 import { useTranslations } from 'next-intl';
+import { useRouter } from 'next/router';
 
-import { EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
+import { EuiButton, EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
 
 import {
     WfoButtonWithConfirm,
@@ -20,6 +21,7 @@ import {
     getDataSortHandler,
     getQueryStringHandler,
 } from '@/components';
+import { PATH_METADATA_ADD_SCHEDULED_TASK_FORM } from '@/components';
 import { WfoAdvancedTable } from '@/components/WfoTable/WfoAdvancedTable';
 import { WfoAdvancedTableColumnConfig } from '@/components/WfoTable/WfoAdvancedTable/types';
 import { ColumnType, Pagination } from '@/components/WfoTable/WfoTable';
@@ -72,6 +74,7 @@ export const WfoScheduledTasksPage = () => {
     const t = useTranslations('metadata.scheduledTasks');
     const tError = useTranslations('errors');
     const { showToastMessage } = useShowToastMessage();
+    const router = useRouter();
     const [tableDefaults, setTableDefaults] =
         useState<StoredTableConfig<ScheduledTaskDefinition>>();
     const [deleteScheduledTask, mutationState] =
@@ -245,6 +248,15 @@ export const WfoScheduledTasksPage = () => {
                 )}
                 exportDataIsLoading={isFetchingCsv}
                 disableSearch={true}
+                extraButtons={
+                    <EuiButton
+                        onClick={() => {
+                            router.push(PATH_METADATA_ADD_SCHEDULED_TASK_FORM);
+                        }}
+                    >
+                        {t('addSchedule')}
+                    </EuiButton>
+                }
             />
         </WfoMetadataPageLayout>
     );

packages/orchestrator-ui-components/src/pages/metadata/WfoTasksPage.tsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react';
 
 import { useTranslations } from 'next-intl';
+import { useRouter } from 'next/router';
 
 import { EuiBadgeGroup, EuiButtonIcon, EuiContextMenuItem } from '@elastic/eui';
 
@@ -22,6 +23,7 @@ import {
     WfoProductBlockBadge,
 } from '@/components';
 import { getDataSortHandler, getQueryStringHandler } from '@/components';
+import { PATH_METADATA_ADD_SCHEDULED_TASK_FORM } from '@/components';
 import { WfoDateTime } from '@/components/WfoDateTime/WfoDateTime';
 import { WfoMetadataDescriptionField } from '@/components/WfoMetadata/WfoMetadataDescriptionField';
 import { WfoAdvancedTable } from '@/components/WfoTable/WfoAdvancedTable';
@@ -122,6 +124,7 @@ const SetScheduleButton = ({
     closePopover: () => void;
 }) => {
     const t = useTranslations('metadata.tasks');
+    const router = useRouter();
     return (
         <EuiContextMenuItem
             icon="gear"
@@ -130,7 +133,9 @@ const SetScheduleButton = ({
             }}
             onClick={() => {
                 closePopover();
-                console.error(workflowId);
+                router.push(
+                    `${PATH_METADATA_ADD_SCHEDULED_TASK_FORM}/${workflowId}`,
+                );
             }}
         >
             {t('addSchedule')}
@@ -142,6 +147,7 @@ export const WfoTasksPage = () => {
     const t = useTranslations('metadata.tasks');
     const tError = useTranslations('errors');
     const { showToastMessage } = useShowToastMessage();
+
     const [tableDefaults, setTableDefaults] =
         useState<StoredTableConfig<TaskListItem>>();
     const getStoredTableConfig = useStoredTableConfig<TaskListItem>(