@tactics/toddle-styleguide 5.4.3 → 5.4.5

package/index.tsx

@@ -126,6 +126,7 @@ import { DayOfWeek, DayOfWeekIndex, DayOfWeekLocaleAwareOutputFormat, DayOfWeekO
 import { DayInterface, DayOutputFormat } from './src/utilities/datetime/day.class';
 import { DateTime, DateTimeCalculation, DateTimeInterface, DateTimeOutputFormat } from './src/utilities/datetime/datetime.class';
 import { DateOnly, DateOnlyInterface, DateOnlyLocaleAwareOutputFormat, DateOnlyOutputFormat } from './src/utilities/datetime/dateonly.class';
+import { TimeSlotEmployeeSequence } from "./src/models/time-slot-employee-sequence";
 
 // ================================
 // Exports
@@ -211,11 +212,11 @@ export {
   KeyBoardTypes,
   Size,
   VisualState,
-
   // Models
   Initials,
   TimeSlotRecord,
   TimeSlotSequence,
+  TimeSlotEmployeeSequence,
 
   // Context
   ThemeCtx,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tactics/toddle-styleguide",
-  "version": "5.4.3",
+  "version": "5.4.5",
   "main": "index.tsx",
   "types": "index.d.ts",
   "prepublish": "tsc",

package/src/components/organisms/timetable-editor/timetable-editor-staff.component.tsx

@@ -1,15 +1,15 @@
 import React, {useContext, useEffect, useState} from 'react';
 import {View} from 'react-native';
 import {TimeSlotRecord} from '../../../models/time-slot-record';
-import {TimeSlotSequence} from '../../../models/time-slot-sequence';
 import {TimetableEditWrapper} from './components/timetable-edit-wrapper';
 import {TimetableEditState} from '../../../types/timetable-edit.enum';
 import {ThemeCtx} from '../../../context/theme.context';
 import {Stylesheet} from './timetable-editor.styles';
+import {TimeSlotEmployeeSequence} from '../../../models/time-slot-employee-sequence';
 
 interface TimetableEditorStaffProps {
-  sequence: TimeSlotSequence;
-  onChange: (seq: TimeSlotSequence) => void;
+  sequence: TimeSlotEmployeeSequence;
+  onChange: (seq: TimeSlotEmployeeSequence) => void;
 }
 
 export const TimetableEditorStaff = ({
@@ -22,17 +22,41 @@ export const TimetableEditorStaff = ({
   const [activeEditState, setActiveEditState] = useState(
     TimetableEditState.NONE
   );
-  const [first, setFrist] = useState<TimeSlotRecord>(sequence.first);
+  const [first, setFirst] = useState<TimeSlotRecord>(sequence.first);
   const [second, setSecond] = useState<TimeSlotRecord>(sequence.second);
+  const [third, setThird] = useState<TimeSlotRecord>(sequence.third);
+  const [fourth, setFourth] = useState<TimeSlotRecord>(sequence.fourth);
+  const [fifth, setFifth] = useState<TimeSlotRecord>(sequence.fifth);
+  const [sixth, setSixth] = useState<TimeSlotRecord>(sequence.sixth);
+  const [seventh, setSeventh] = useState<TimeSlotRecord>(sequence.seventh);
+  const [eighth, setEighth] = useState<TimeSlotRecord>(sequence.eighth);
+  const [nineth, setNinth] = useState<TimeSlotRecord>(sequence.ninth);
+  const [tenth, setTenth] = useState<TimeSlotRecord>(sequence.tenth);
+
 
   useEffect(() => {
-    const newSeq = TimeSlotSequence.fromEmpty();
+    const newSeq = TimeSlotEmployeeSequence.fromEmpty();
     newSeq.first.start = first.start;
     newSeq.first.end = first.end;
     newSeq.second.start = second.start;
     newSeq.second.end = second.end;
-    newSeq.third.start = TimeSlotRecord.fromEmpty().start;
-    newSeq.third.end = TimeSlotRecord.fromEmpty().end;
+    newSeq.third.start = third.start;
+    newSeq.third.end = third.end;
+
+    newSeq.fourth.start = fourth.start;
+    newSeq.fourth.end = fourth.end;
+    newSeq.fifth.start = fifth.start;
+    newSeq.fifth.end = fifth.end;
+    newSeq.sixth.start = sixth.start;
+    newSeq.sixth.end = sixth.end;
+    newSeq.seventh.start = seventh.start;
+    newSeq.seventh.end = seventh.end;
+    newSeq.eighth.start = eighth.start;
+    newSeq.eighth.end = eighth.end;
+    newSeq.ninth.start = nineth.start;
+    newSeq.ninth.end = nineth.end;
+    newSeq.tenth.start = tenth.start;
+    newSeq.tenth.end = tenth.end;
 
     onChange(newSeq);
   }, [first, second]);
@@ -43,7 +67,7 @@ export const TimetableEditorStaff = ({
         index={1}
         record={first}
         onUpdate={(seq) => {
-          setFrist(TimeSlotRecord.fromRecord(seq));
+          setFirst(TimeSlotRecord.fromRecord(seq));
         }}
         editState={
           activeIndex === 1 ? activeEditState : TimetableEditState.NONE
@@ -67,6 +91,118 @@ export const TimetableEditorStaff = ({
           setActiveEditState(val);
         }}
       />
+      <TimetableEditWrapper
+        index={3}
+        record={third}
+        onUpdate={(seq) => {
+          setThird(TimeSlotRecord.fromRecord(seq));
+        }}
+        editState={
+          activeIndex === 3 ? activeEditState : TimetableEditState.NONE
+        }
+        onPressTag={(val, index) => {
+          setActiveIndex(index);
+          setActiveEditState(val);
+        }}
+      />
+      <TimetableEditWrapper
+        index={4}
+        record={fourth}
+        onUpdate={(seq) => {
+          setFourth(TimeSlotRecord.fromRecord(seq));
+        }}
+        editState={
+          activeIndex === 4 ? activeEditState : TimetableEditState.NONE
+        }
+        onPressTag={(val, index) => {
+          setActiveIndex(index);
+          setActiveEditState(val);
+        }}
+      />
+      <TimetableEditWrapper
+        index={5}
+        record={fifth}
+        onUpdate={(seq) => {
+          setFifth(TimeSlotRecord.fromRecord(seq));
+        }}
+        editState={
+          activeIndex === 5 ? activeEditState : TimetableEditState.NONE
+        }
+        onPressTag={(val, index) => {
+          setActiveIndex(index);
+          setActiveEditState(val);
+        }}
+      />
+      <TimetableEditWrapper
+        index={6}
+        record={sixth}
+        onUpdate={(seq) => {
+          setSixth(TimeSlotRecord.fromRecord(seq));
+        }}
+        editState={
+          activeIndex === 6 ? activeEditState : TimetableEditState.NONE
+        }
+        onPressTag={(val, index) => {
+          setActiveIndex(index);
+          setActiveEditState(val);
+        }}
+      />
+      <TimetableEditWrapper
+        index={7}
+        record={seventh}
+        onUpdate={(seq) => {
+          setSeventh(TimeSlotRecord.fromRecord(seq));
+        }}
+        editState={
+          activeIndex === 7 ? activeEditState : TimetableEditState.NONE
+        }
+        onPressTag={(val, index) => {
+          setActiveIndex(index);
+          setActiveEditState(val);
+        }}
+      />
+      <TimetableEditWrapper
+        index={8}
+        record={eighth}
+        onUpdate={(seq) => {
+          setEighth(TimeSlotRecord.fromRecord(seq));
+        }}
+        editState={
+          activeIndex === 8 ? activeEditState : TimetableEditState.NONE
+        }
+        onPressTag={(val, index) => {
+          setActiveIndex(index);
+          setActiveEditState(val);
+        }}
+      />
+      <TimetableEditWrapper
+        index={9}
+        record={nineth}
+        onUpdate={(seq) => {
+          setNinth(TimeSlotRecord.fromRecord(seq));
+        }}
+        editState={
+          activeIndex === 9 ? activeEditState : TimetableEditState.NONE
+        }
+        onPressTag={(val, index) => {
+          setActiveIndex(index);
+          setActiveEditState(val);
+        }}
+      />
+      <TimetableEditWrapper
+        index={10}
+        record={tenth}
+        onUpdate={(seq) => {
+          setTenth(TimeSlotRecord.fromRecord(seq));
+        }}
+        editState={
+          activeIndex === 10 ? activeEditState : TimetableEditState.NONE
+        }
+        onPressTag={(val, index) => {
+          setActiveIndex(index);
+          setActiveEditState(val);
+        }}
+      />
     </View>
   );
 };

package/src/models/time-slot-employee-sequence.ts

@@ -0,0 +1,165 @@
+import {TimeSlotRecord, TimeSlotRecordJSON} from './time-slot-record';
+
+export class TimeSlotEmployeeSequence {
+  private constructor(
+    public readonly first: TimeSlotRecord,
+    public readonly second: TimeSlotRecord,
+    public readonly third: TimeSlotRecord,
+    public readonly fourth: TimeSlotRecord,
+    public readonly fifth: TimeSlotRecord,
+    public readonly sixth: TimeSlotRecord,
+    public readonly seventh: TimeSlotRecord,
+    public readonly eighth: TimeSlotRecord,
+    public readonly ninth: TimeSlotRecord,
+    public readonly tenth: TimeSlotRecord,
+  ) {}
+
+  static fromAttendanceRecordArray(arr: TimeSlotRecord[]): TimeSlotEmployeeSequence {
+    return new TimeSlotEmployeeSequence(
+      arr[0] ? arr[0] : TimeSlotRecord.fromEmpty(),
+      arr[1] ? arr[1] : TimeSlotRecord.fromEmpty(),
+      arr[2] ? arr[2] : TimeSlotRecord.fromEmpty(),
+      arr[3] ? arr[2] : TimeSlotRecord.fromEmpty(),
+      arr[4] ? arr[4] : TimeSlotRecord.fromEmpty(),
+      arr[5] ? arr[5] : TimeSlotRecord.fromEmpty(),
+      arr[6] ? arr[6] : TimeSlotRecord.fromEmpty(),
+      arr[7] ? arr[7] : TimeSlotRecord.fromEmpty(),
+      arr[8] ? arr[8] : TimeSlotRecord.fromEmpty(),
+      arr[9] ? arr[9] : TimeSlotRecord.fromEmpty(),
+    );
+  }
+
+  static fromTimeSlotRecordJSONArray(
+    arr: TimeSlotRecordJSON[]
+  ): TimeSlotEmployeeSequence {
+    return new TimeSlotEmployeeSequence(
+      TimeSlotRecord.fromJson(
+        arr[0] ? arr[0] : TimeSlotRecord.fromEmpty().toJson()
+      ),
+      TimeSlotRecord.fromJson(
+        arr[1] ? arr[1] : TimeSlotRecord.fromEmpty().toJson()
+      ),
+      TimeSlotRecord.fromJson(
+        arr[2] ? arr[2] : TimeSlotRecord.fromEmpty().toJson()
+      ),
+      TimeSlotRecord.fromJson(
+        arr[3] ? arr[3] : TimeSlotRecord.fromEmpty().toJson()
+      ),
+      TimeSlotRecord.fromJson(
+        arr[4] ? arr[4] : TimeSlotRecord.fromEmpty().toJson()
+      ),
+      TimeSlotRecord.fromJson(
+        arr[5] ? arr[5] : TimeSlotRecord.fromEmpty().toJson()
+      ),
+      TimeSlotRecord.fromJson(
+        arr[6] ? arr[6] : TimeSlotRecord.fromEmpty().toJson()
+      ),
+      TimeSlotRecord.fromJson(
+        arr[7] ? arr[7] : TimeSlotRecord.fromEmpty().toJson()
+      ),
+      TimeSlotRecord.fromJson(
+        arr[8] ? arr[8] : TimeSlotRecord.fromEmpty().toJson()
+      ),
+      TimeSlotRecord.fromJson(
+        arr[9] ? arr[9] : TimeSlotRecord.fromEmpty().toJson()
+      )
+    );
+  }
+
+  static fromEmpty(): TimeSlotEmployeeSequence {
+    return new TimeSlotEmployeeSequence(
+      TimeSlotRecord.fromEmpty(),
+      TimeSlotRecord.fromEmpty(),
+      TimeSlotRecord.fromEmpty(),
+      TimeSlotRecord.fromEmpty(),
+      TimeSlotRecord.fromEmpty(),
+      TimeSlotRecord.fromEmpty(),
+      TimeSlotRecord.fromEmpty(),
+      TimeSlotRecord.fromEmpty(),
+      TimeSlotRecord.fromEmpty(),
+      TimeSlotRecord.fromEmpty(),
+    );
+  }
+
+  asArray(): TimeSlotRecord[] {
+    return [this.first, this.second, this.third,  this.fourth,  this.fifth,  this.sixth,  this.seventh,  this.eighth, this.ninth , this.tenth];
+  }
+
+  toJson(): TimeSlotRecord[] {
+    return this.asArray();
+  }
+
+  addToNextSlot(checkInOutTime: string) {
+    if (this.first.start === '') {
+      this.first.start = checkInOutTime;
+    } else if (this.first.end === undefined || this.first.end === '') {
+      this.first.end = checkInOutTime;
+    } else if (this.second.start === '') {
+      this.second.start = checkInOutTime;
+    } else if (this.second.end === undefined || this.second.end === '') {
+      this.second.end = checkInOutTime;
+    } else if (this.third.start === '') {
+      this.third.start = checkInOutTime;
+    } else if (this.third.end === undefined || this.third.end === '') {
+      this.third.end = checkInOutTime;
+    } else if (this.fourth.start === '') {
+      this.fourth.start = checkInOutTime;
+    } else if (this.fourth.end === undefined || this.fourth.end === '') {
+      this.fourth.end = checkInOutTime;
+    } else if (this.fifth.start === '') {
+      this.fifth.start = checkInOutTime;
+    } else if (this.fifth.end === undefined || this.fifth.end === '') {
+      this.fifth.end = checkInOutTime;
+    } else if (this.sixth.start === '') {
+      this.sixth.start = checkInOutTime;
+    } else if (this.sixth.end === undefined || this.sixth.end === '') {
+      this.sixth.end = checkInOutTime;
+    } else if (this.seventh.start === '') {
+      this.seventh.start = checkInOutTime;
+    } else if (this.seventh.end === undefined || this.seventh.end === '') {
+      this.seventh.end = checkInOutTime;
+    } else if (this.eighth.start === '') {
+      this.eighth.start = checkInOutTime;
+    } else if (this.eighth.end === undefined || this.eighth.end === '') {
+      this.eighth.end = checkInOutTime;
+    } else if (this.ninth.start === '') {
+      this.ninth.start = checkInOutTime;
+    } else if (this.ninth.end === undefined || this.ninth.end === '') {
+      this.ninth.end = checkInOutTime;
+    } else if (this.tenth.start === '') {
+      this.tenth.start = checkInOutTime;
+    } else if (this.tenth.end === undefined || this.tenth.end === '') {
+      this.tenth.end = checkInOutTime;
+    }
+  }
+
+  isComplete(): boolean {
+    return (
+      this.first.isComplete() &&
+      this.second.isComplete() &&
+      this.third.isComplete() &&
+      this.fourth.isComplete() &&
+      this.fifth.isComplete() &&
+      this.sixth.isComplete() &&
+      this.seventh.isComplete() &&
+      this.eighth.isComplete() &&
+      this.ninth.isComplete() &&
+      this.tenth.isComplete()
+    );
+  }
+
+  isEmpty(): boolean {
+    return (
+      this.first.isEmpty() &&
+      this.second.isEmpty() &&
+      this.third.isEmpty() &&
+      this.fourth.isEmpty() &&
+      this.fifth.isEmpty() &&
+      this.sixth.isEmpty() &&
+      this.seventh.isEmpty() &&
+      this.eighth.isEmpty() &&
+      this.ninth.isEmpty() &&
+      this.tenth.isEmpty()
+    );
+  }
+}