@autobusal/operator-routes 1.0.0 → 1.0.2

package/Schedule/Manage.tsx

@@ -0,0 +1,82 @@
+import { TFunction } from 'i18next';
+import { useParams, Navigate, useNavigate } from 'react-router-dom';
+import { Meta, BackWithTitle, Viewer } from '@autobusal/common';
+import { usePage } from '@autobusal/hooks';
+import { success } from '@autobusal/utilities';
+import { getSchedules } from './utilities';
+import { AvailableData } from '@autobusal/providers/types/routes';
+import { GetSchedule, PostSchedule } from './services';
+
+interface Props {
+  url: string
+  t: TFunction<'common'>
+}
+
+const Manage = ({ url, t }: Props): JSX.Element => {
+  const params = useParams();
+
+  const id = Number(params.id);
+
+  url = url.replace('[id]', String(id));
+
+  usePage('routes');
+
+  const navigate = useNavigate();
+
+  const { data } = GetSchedule(id);
+
+  const { mutate: Update, isPending } = PostSchedule(id);
+
+  if (id === 0) {
+    return <Navigate to={ url } />;
+  }
+
+  const onSave = (data: AvailableData): void => {
+    Update(data, {
+      onSuccess: () => {
+        success(t('schedules_manage.message.saved', { ns: 'common' }));
+
+        navigate(url);
+      }
+    });
+  };
+
+  const title = t('schedules_manage.title', { name: data?.name, ns: 'common' });
+  
+  return (
+    <Meta title={ title }>
+      <BackWithTitle title={ title } to={ url } t={ t } />
+
+      <Viewer
+        id={ id }
+        data={ [{
+          label: t('schedules_manage.start_date', { ns: 'common' }),
+          name: 'start_date',
+          type: 'picker',
+          value: data?.available.start_date,
+          rules: 'required'
+        }, {
+          label: t('schedules_manage.end_date', { ns: 'common' }),
+          name: 'end_date',
+          type: 'picker',
+          value: data?.available.end_date,
+          rules: 'required'
+        }, {}, {
+          label: t('schedules_manage.schedule', { ns: 'common' }),
+          name: 'schedule',
+          type: 'checkbox-list-all',
+          values: getSchedules(t),
+          selected: data?.available.schedule ?? []
+        }] }
+        pending={ isPending }
+        t={ t }
+        actions={ [
+          'update'
+        ]}
+        onSave={ onSave }
+      />
+    </Meta>
+  );
+};
+
+export default Manage;

package/Schedule/services.ts

@@ -0,0 +1,39 @@
+import { UseMutationResult, UseSuspenseQueryResult, useMutation, useSuspenseQuery } from '@tanstack/react-query';
+import { apiClient } from '@autobusal/providers';
+import { RouteData, AvailableData } from '@autobusal/providers/types/routes';
+
+export const GetSchedule = (id: number): UseSuspenseQueryResult<RouteData> => (
+  useSuspenseQuery({
+    queryKey: ['operator-schedule-manage', { id }],
+    queryFn: async () => {
+      if (id === 0) {
+        return null;
+      }
+
+      return await apiClient
+        .get('/api/schedules/operator/get', {
+          params: { id }
+        })
+        .then(response => (
+          response.data
+        ))
+    }
+  })
+);
+
+export const PostSchedule = (id: number): UseMutationResult<void, Error, AvailableData, unknown> => (
+  useMutation({
+    mutationKey: ['operator-schedule-save', { id }],
+    mutationFn: async (data: AvailableData) => (
+      await apiClient
+        .post('/api/schedules/operator/update', {
+          ...data,
+          id,
+          schedule: JSON.stringify(data.schedule)
+        })
+        .then(response => (
+          response.data
+        ))
+    )
+  })
+);

package/Schedule/utilities.ts

@@ -0,0 +1,27 @@
+import { TFunction } from 'i18next';
+import { DropdownData } from '@autobusal/providers/types/other';
+
+export const getSchedules = (t: TFunction<'common'>): DropdownData[] => ([
+  {
+    name: t('data.days.mon', { ns: 'common' }),
+    id: 1
+  }, {
+    name: t('data.days.tue', { ns: 'common' }),
+    id: 2
+  }, {
+    name: t('data.days.wed', { ns: 'common' }),
+    id: 3
+  }, {
+    name: t('data.days.thu', { ns: 'common' }),
+    id: 4
+  }, {
+    name: t('data.days.fri', { ns: 'common' }),
+    id: 5
+  }, {
+    name: t('data.days.sat', { ns: 'common' }),
+    id: 6
+  }, {
+    name: t('data.days.sun', { ns: 'common' }),
+    id: 7
+  }
+]);

package/index.ts

@@ -1,7 +1,9 @@
 import Browse from './Browse';
 import Manage from './Manage';
+import SchedulesManage from './Schedule/Manage';
 
 export {
   Browse,
-  Manage
+  Manage,
+  SchedulesManage
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/operator-routes",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "type": "module",
   "main": "index.ts"
 }