feat(views): add template for outgoing speakers schedule

Co-authored-by: Rasamoelina, Haja Onjatiana <26148770+rhahao@users.noreply.github.com>

Author: FussuChalice

src/definition/schedules.ts

@@ -306,3 +306,13 @@ export type WeekendMeetingDataType = {
   wt_study: boolean;
   wt_study_only: boolean;
 };
+
+export type OutgoingSpeakersScheduleItem = {
+  opening_song: { title: string; number: number };
+  public_talk: { title: string; number: number };
+  speaker: string;
+  congregation_name: string;
+  date: { date: Date; formatted: string };
+};
+
+export type OutgoingSpeakersScheduleType = OutgoingSpeakersScheduleItem[];

src/features/meetings/weekend_export/index.tsx

@@ -7,6 +7,7 @@ import Button from '@components/button';
 import Dialog from '@components/dialog';
 import Typography from '@components/typography';
 import WeekRangeSelector from '../week_range_selector';
+import Checkbox from '@components/checkbox';
 
 const WeekendExport = ({ open, onClose }: WeekendExportType) => {
   const { t } = useAppTranslation();
@@ -15,7 +16,11 @@ const WeekendExport = ({ open, onClose }: WeekendExportType) => {
     handleSetEndWeek,
     handleSetStartWeek,
     isProcessing,
-    handleExportSchedule,
+    handleExportSchedules,
+    toggleExportOutgoingSpeakersSchedule,
+    toggleExportWeekendMeetingSchedule,
+    exportOutgoingSpeakersScheduleIsChecked,
+    exportWeekendMeetingScheduleIsChecked,
   } = useWeekendExport(onClose);
 
   return (
@@ -30,8 +35,6 @@ const WeekendExport = ({ open, onClose }: WeekendExportType) => {
           gap: '24px',
           flexDirection: 'column',
           width: '100%',
-          marginBottom: '110px',
-          overflow: 'auto',
         }}
       >
         <Box sx={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>
@@ -48,23 +51,38 @@ const WeekendExport = ({ open, onClose }: WeekendExportType) => {
         />
       </Box>
 
+      <Box
+        sx={{
+          display: 'flex',
+          flexDirection: 'column',
+          gap: '8px',
+        }}
+      >
+        <Checkbox
+          checked={exportWeekendMeetingScheduleIsChecked}
+          onChange={toggleExportWeekendMeetingSchedule}
+          label={t('tr_weekendMeetingPrint')}
+        />
+        <Checkbox
+          checked={exportOutgoingSpeakersScheduleIsChecked}
+          onChange={toggleExportOutgoingSpeakersSchedule}
+          label={t('tr_outgoingSpeakersSchedule')}
+        />
+      </Box>
+
       <Box
         sx={{
           display: 'flex',
           flexDirection: 'column',
           gap: '8px',
           width: '100%',
-          position: 'absolute',
-          bottom: 0,
-          right: 0,
-          padding: '24px',
         }}
       >
         <Button
           variant="main"
           disabled={isProcessing}
           endIcon={isProcessing && <IconLoading />}
-          onClick={handleExportSchedule}
+          onClick={handleExportSchedules}
         >
           {t('tr_export')}
         </Button>

src/features/meetings/weekend_export/useWeekendExport.tsx

@@ -6,10 +6,21 @@ import { WeekendExportType } from './index.types';
 import { displaySnackNotification } from '@services/states/app';
 import { getMessageByCode } from '@services/i18n/translation';
 import { schedulesState } from '@states/schedules';
-import { WeekendMeetingDataType } from '@definition/schedules';
-import { schedulesWeekendData } from '@services/app/schedules';
+import {
+  OutgoingSpeakersScheduleType,
+  SchedWeekType,
+  WeekendMeetingDataType,
+} from '@definition/schedules';
+import {
+  groupOutgoingSpeakersByDate,
+  scheduleOutgoingSpeakers,
+  schedulesWeekendData,
+} from '@services/app/schedules';
 import { JWLangLocaleState, userDataViewState } from '@states/settings';
-import { TemplateWeekendMeeting } from '@views/index';
+import {
+  TemplateOutgoingSpeakersSchedule,
+  TemplateWeekendMeeting,
+} from '@views/index';
 import { headerForScheduleState } from '@states/field_service_groups';
 import { Week } from '@definition/week_type';
 import { WEEK_TYPE_NO_MEETING } from '@constants/index';
@@ -20,6 +31,15 @@ const useWeekendExport = (onClose: WeekendExportType['onClose']) => {
   const congName = useAtomValue(headerForScheduleState);
   const sourceLang = useAtomValue(JWLangLocaleState);
 
+  const [
+    exportWeekendMeetingScheduleIsChecked,
+    setWeekendMeetingScheduleIsChecked,
+  ] = useState(true);
+  const [
+    exportOutgoingSpeakersScheduleIsChecked,
+    setOutgoingSpeakersScheduleIsChecked,
+  ] = useState(true);
+
   const [startWeek, setStartWeek] = useState('');
   const [endWeek, setEndWeek] = useState('');
   const [isProcessing, setIsProcessing] = useState(false);
@@ -28,7 +48,56 @@ const useWeekendExport = (onClose: WeekendExportType['onClose']) => {
 
   const handleSetEndWeek = (value: string) => setEndWeek(value);
 
-  const handleExportSchedule = async () => {
+  const exportWeekendMeetingSchedule = async (weeksList: SchedWeekType[]) => {
+    const meetingData: WeekendMeetingDataType[] = [];
+
+    for (const schedule of weeksList) {
+      const data = schedulesWeekendData(schedule, dataView);
+      meetingData.push(data);
+    }
+
+    const firstWeek = meetingData.at(0).weekOf.replaceAll('/', '');
+    const lastWeek = meetingData.at(-1).weekOf.replaceAll('/', '');
+
+    const blob = await pdf(
+      <TemplateWeekendMeeting
+        data={meetingData}
+        cong_name={congName}
+        lang={sourceLang}
+      />
+    ).toBlob();
+
+    const filename = `WM_${firstWeek}-${lastWeek}.pdf`;
+
+    saveAs(blob, filename);
+  };
+
+  const exportOutgoingSpeakersSchedule = async (weeksList: SchedWeekType[]) => {
+    const allItems: OutgoingSpeakersScheduleType = [];
+
+    for (const schedule of weeksList) {
+      const data = scheduleOutgoingSpeakers(schedule);
+      allItems.push(...data);
+    }
+
+    const groupedSchedules = groupOutgoingSpeakersByDate(allItems);
+
+    const firstWeek = weeksList[0].weekOf.replaceAll('/', '');
+    const lastWeek = weeksList.at(-1).weekOf.replaceAll('/', '');
+
+    const blob = await pdf(
+      <TemplateOutgoingSpeakersSchedule
+        data={groupedSchedules}
+        congregation={congName}
+        lang={sourceLang}
+      />
+    ).toBlob();
+
+    const filename = `OS_${firstWeek}-${lastWeek}.pdf`;
+    saveAs(blob, filename);
+  };
+
+  const handleExportSchedules = async () => {
     if (startWeek.length === 0 || endWeek.length === 0) return;
 
     try {
@@ -54,27 +123,13 @@ const useWeekendExport = (onClose: WeekendExportType['onClose']) => {
         return isValid;
       });
 
-      const meetingData: WeekendMeetingDataType[] = [];
-
-      for (const schedule of weeksList) {
-        const data = schedulesWeekendData(schedule, dataView);
-        meetingData.push(data);
+      if (exportWeekendMeetingScheduleIsChecked) {
+        await exportWeekendMeetingSchedule(weeksList);
       }
 
-      const firstWeek = meetingData.at(0).weekOf.replaceAll('/', '');
-      const lastWeek = meetingData.at(-1).weekOf.replaceAll('/', '');
-
-      const blob = await pdf(
-        <TemplateWeekendMeeting
-          data={meetingData}
-          cong_name={congName}
-          lang={sourceLang}
-        />
-      ).toBlob();
-
-      const filename = `WM_${firstWeek}-${lastWeek}.pdf`;
-
-      saveAs(blob, filename);
+      if (exportOutgoingSpeakersScheduleIsChecked) {
+        await exportOutgoingSpeakersSchedule(weeksList);
+      }
 
       setIsProcessing(false);
       onClose?.();
@@ -92,11 +147,21 @@ const useWeekendExport = (onClose: WeekendExportType['onClose']) => {
     }
   };
 
+  const toggleExportWeekendMeetingSchedule = () =>
+    setWeekendMeetingScheduleIsChecked((prev) => !prev);
+
+  const toggleExportOutgoingSpeakersSchedule = () =>
+    setOutgoingSpeakersScheduleIsChecked((prev) => !prev);
+
   return {
     isProcessing,
     handleSetStartWeek,
     handleSetEndWeek,
-    handleExportSchedule,
+    handleExportSchedules,
+    toggleExportWeekendMeetingSchedule,
+    toggleExportOutgoingSpeakersSchedule,
+    exportOutgoingSpeakersScheduleIsChecked,
+    exportWeekendMeetingScheduleIsChecked,
   };
 };
 

src/locales/ceb-PH/forms-templates.json

@@ -61,7 +61,7 @@
   "tr_speaker": "Speaker",
   "tr_speakerSymposium": "Speaker (Symposium, part 1)",
   "tr_wtStudyReader": "Study reader",
-  "tr_weekendMeetingPrint": "Weekend Meeting Schedule",
+  "tr_weekendMeetingPrint": "Weekend meeting schedule",
   "tr_publicTalk": "Public talk",
   "tr_openingPrayer": "Opening prayer",
   "tr_noWMeetingWeek": "There is no weekend meeting for this week",

src/locales/en/forms-templates.json

@@ -177,5 +177,6 @@
   "tr_watchtowerStudyOnly": "Watchtower study only",
   "tr_meetingPortion": "Meeting portion",
   "tr_specialTalkOnly": "Special talk only",
-  "tr_hostCongregationShort": "Host"
+  "tr_hostCongregationShort": "Host",
+  "tr_outgoingSpeakersSchedule": "Outgoing speakers schedule"
 }