@wger-project/react-components 25.10.16

package/src/components/WorkoutRoutines/models/SlotEntry.ts

@@ -0,0 +1,245 @@
+/* eslint-disable camelcase */
+
+import { Exercise } from "components/Exercises/models/exercise";
+import { BaseConfig, BaseConfigAdapter } from "components/WorkoutRoutines/models/BaseConfig";
+import { RepetitionUnit } from "components/WorkoutRoutines/models/RepetitionUnit";
+import { WeightUnit } from "components/WorkoutRoutines/models/WeightUnit";
+import { Adapter } from "utils/Adapter";
+import { REP_UNIT_REPETITIONS, WEIGHT_UNIT_KG } from "utils/consts";
+
+export type SlotEntryType = 'normal' | 'dropset' | 'myo' | 'partial' | 'forced' | 'tut' | 'iso' | 'jump';
+
+type ConstructorParamsType = {
+    id?: number | null,
+    slotId: number,
+    exerciseId: number,
+    exercise?: Exercise,
+    repetitionUnitId?: number,
+    repetitionUnit?: RepetitionUnit,
+    repetitionRounding?: number | null,
+    weightUnitId?: number,
+    weightRounding?: number | null,
+    weightUnit?: WeightUnit,
+    order?: number,
+    comment?: string,
+    type?: SlotEntryType
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any,
+    config?: any | null;
+    configs?: {
+        weightConfigs?: BaseConfig[],
+        maxWeightConfigs?: BaseConfig[],
+        repetitionsConfigs?: BaseConfig[],
+        maxRepetitionsConfigs?: BaseConfig[],
+        restTimeConfigs?: BaseConfig[],
+        maxRestTimeConfigs?: BaseConfig[],
+        nrOfSetsConfigs?: BaseConfig[],
+        maxNrOfSetsConfigs?: BaseConfig[],
+        rirConfigs?: BaseConfig[],
+        maxRirConfigs?: BaseConfig[],
+    }
+};
+
+
+export class SlotEntry {
+
+    id: number | null = null;
+    slotId: number;
+    exerciseId: number;
+    repetitionUnitId: number;
+    repetitionRounding: number | null;
+    weightUnitId: number;
+    weightRounding: number | null;
+    order: number;
+    comment: string;
+    type: SlotEntryType;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    config: any | null;
+
+    weightConfigs: BaseConfig[] = [];
+    maxWeightConfigs: BaseConfig[] = [];
+    repetitionsConfigs: BaseConfig[] = [];
+    maxRepetitionsConfigs: BaseConfig[] = [];
+    restTimeConfigs: BaseConfig[] = [];
+    maxRestTimeConfigs: BaseConfig[] = [];
+    nrOfSetsConfigs: BaseConfig[] = [];
+    maxNrOfSetsConfigs: BaseConfig[] = [];
+    rirConfigs: BaseConfig[] = [];
+    maxRirConfigs: BaseConfig[] = [];
+
+    exercise?: Exercise;
+    repetitionUnit: RepetitionUnit | null = null;
+    weightUnit: WeightUnit | null = null;
+
+
+    constructor(data: ConstructorParamsType) {
+        this.id = data.id ?? null;
+        this.slotId = data.slotId;
+        this.exerciseId = data.exerciseId;
+        this.exercise = data.exercise;
+        this.repetitionUnitId = data.repetitionUnitId ?? REP_UNIT_REPETITIONS;
+        this.repetitionRounding = data.repetitionRounding ?? null;
+        this.weightUnitId = data.weightUnitId ?? WEIGHT_UNIT_KG;
+        this.weightRounding = data.weightRounding ?? null;
+        this.order = data.order ?? 1;
+        this.comment = data.comment ?? '';
+        this.type = data.type ?? 'normal';
+        this.config = data.config ?? null;
+
+        if (data.configs !== undefined) {
+            this.weightConfigs = data.configs.weightConfigs ?? [];
+            this.maxWeightConfigs = data.configs.maxWeightConfigs ?? [];
+            this.repetitionsConfigs = data.configs.repetitionsConfigs ?? [];
+            this.maxRepetitionsConfigs = data.configs.maxRepetitionsConfigs ?? [];
+            this.restTimeConfigs = data.configs.restTimeConfigs ?? [];
+            this.maxRestTimeConfigs = data.configs.maxRestTimeConfigs ?? [];
+            this.nrOfSetsConfigs = data.configs.nrOfSetsConfigs ?? [];
+            this.maxNrOfSetsConfigs = data.configs.maxNrOfSetsConfigs ?? [];
+            this.rirConfigs = data.configs.rirConfigs ?? [];
+            this.maxRirConfigs = data.configs.maxRirConfigs ?? [];
+        }
+
+        if (data.weightUnit !== undefined) {
+            this.weightUnit = data.weightUnit;
+            this.weightUnitId = data.weightUnit.id;
+        }
+
+        if (data.repetitionUnit !== undefined) {
+            this.repetitionUnit = data.repetitionUnit;
+            this.repetitionUnitId = data.repetitionUnit.id;
+        }
+    }
+
+    get hasProgressionRules(): boolean {
+        return this.weightConfigs.length > 1
+            || this.maxWeightConfigs.length > 1
+            || this.repetitionsConfigs.length > 1
+            || this.maxRepetitionsConfigs.length > 1
+            || this.restTimeConfigs.length > 1
+            || this.maxRestTimeConfigs.length > 1
+            || this.nrOfSetsConfigs.length > 1
+            || this.maxNrOfSetsConfigs.length > 1
+            || this.rirConfigs.length > 1
+            || this.maxRirConfigs.length > 1;
+    }
+
+    static clone(other: SlotEntry, overrides?: Partial<ConstructorParamsType>): SlotEntry {
+        return new SlotEntry({
+            id: overrides?.id ?? other?.id,
+            exerciseId: overrides?.exerciseId ?? other.exerciseId,
+            exercise: overrides?.exercise ?? other.exercise,
+            slotId: overrides?.slotId ?? other.slotId,
+            config: overrides?.config ?? other.config,
+            type: overrides?.type ?? other.type,
+            order: overrides?.order ?? other.order,
+            comment: overrides?.comment ?? other.comment,
+
+            repetitionUnit: overrides?.repetitionUnit ?? (other.repetitionUnit ?? undefined),
+            repetitionUnitId: overrides?.repetitionUnitId ?? other.repetitionUnitId,
+            repetitionRounding: overrides?.repetitionRounding ?? other.repetitionRounding,
+
+            weightUnit: overrides?.weightUnit ?? (other.weightUnit ?? undefined),
+            weightUnitId: overrides?.weightUnitId ?? other.weightUnitId,
+            weightRounding: overrides?.weightRounding ?? other.weightRounding,
+        });
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    static fromJson(json: any) {
+        return adapter.fromJson(json);
+    }
+
+    toJson() {
+        return adapter.toJson(this);
+    }
+}
+
+
+class SlotEntryAdapter implements Adapter<SlotEntry> {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    fromJson = (item: any) => {
+        const baseConfigAdapter = new BaseConfigAdapter();
+
+        const configs = {
+            weightConfigs: [],
+            maxWeightConfigs: [],
+            repetitionsConfigs: [],
+            maxRepetitionsConfigs: [],
+            restTimeConfigs: [],
+            maxRestTimeConfigs: [],
+            nrOfSetsConfigs: [],
+            maxNrOfSetsConfigs: [],
+            rirConfigs: [],
+            maxRirConfigs: [],
+        };
+        if (Object.hasOwn(item, 'weight_configs')) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            configs.weightConfigs = item.weight_configs.map((config: any) => baseConfigAdapter.fromJson(config));
+        }
+        if (Object.hasOwn(item, 'max_weight_configs')) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            configs.maxWeightConfigs = item.max_weight_configs.map((config: any) => baseConfigAdapter.fromJson(config));
+        }
+        if (Object.hasOwn(item, 'repetitions_configs')) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            configs.repetitionsConfigs = item.repetitions_configs.map((config: any) => baseConfigAdapter.fromJson(config));
+        }
+        if (Object.hasOwn(item, 'max_repetitions_configs')) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            configs.maxRepetitionsConfigs = item.max_repetitions_configs.map((config: any) => baseConfigAdapter.fromJson(config));
+        }
+        if (Object.hasOwn(item, 'set_nr_configs')) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            configs.nrOfSetsConfigs = item.set_nr_configs.map((config: any) => baseConfigAdapter.fromJson(config));
+        }
+        if (Object.hasOwn(item, 'max_set_nr_configs')) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            configs.maxNrOfSetsConfigs = item.max_set_nr_configs.map((config: any) => baseConfigAdapter.fromJson(config));
+        }
+        if (Object.hasOwn(item, 'rest_configs')) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            configs.restTimeConfigs = item.rest_configs.map((config: any) => baseConfigAdapter.fromJson(config));
+        }
+        if (Object.hasOwn(item, 'max_rest_configs')) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            configs.maxRestTimeConfigs = item.max_rest_configs.map((config: any) => baseConfigAdapter.fromJson(config));
+        }
+        if (Object.hasOwn(item, 'rir_configs')) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            configs.rirConfigs = item.rir_configs.map((config: any) => baseConfigAdapter.fromJson(config));
+        }
+        if (Object.hasOwn(item, 'max_rir_configs')) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            configs.maxRirConfigs = item.max_rir_configs.map((config: any) => baseConfigAdapter.fromJson(config));
+        }
+
+        return new SlotEntry({
+            id: item.id,
+            slotId: item.slot,
+            exerciseId: item.exercise,
+            repetitionUnitId: item.repetition_unit,
+            repetitionRounding: item.repetition_rounding,
+            weightUnitId: item.weight_unit,
+            weightRounding: item.weight_rounding,
+            order: item.order,
+            comment: item.comment,
+            type: item.type,
+            config: item.config,
+            configs: configs
+        });
+    };
+
+    toJson = (item: SlotEntry) => ({
+        slot: item.slotId,
+        exercise: item.exerciseId,
+        repetition_unit: item.repetitionUnitId,
+        repetition_rounding: item.repetitionRounding,
+        weight_unit: item.weightUnitId,
+        weight_rounding: item.weightRounding,
+        order: item.order,
+        comment: item.comment,
+        type: item.type,
+        config: item.config,
+    });
+}
+
+const adapter = new SlotEntryAdapter();

package/src/components/WorkoutRoutines/models/WeightUnit.ts

@@ -0,0 +1,22 @@
+import { Adapter } from "utils/Adapter";
+
+export class WeightUnit {
+    id: number;
+    name: string;
+
+    constructor(id: number, description: string) {
+        this.id = id;
+        this.name = description;
+    }
+}
+
+
+export class WeightUnitAdapter implements Adapter<WeightUnit> {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    fromJson(item: any): WeightUnit {
+        return new WeightUnit(
+            item.id,
+            item.name,
+        );
+    }
+}

package/src/components/WorkoutRoutines/models/WorkoutLog.ts

@@ -0,0 +1,159 @@
+/* eslint-disable camelcase */
+
+import { Exercise } from "components/Exercises/models/exercise";
+import { RepetitionUnit } from "components/WorkoutRoutines/models/RepetitionUnit";
+import { WeightUnit } from "components/WorkoutRoutines/models/WeightUnit";
+import { Adapter } from "utils/Adapter";
+
+export interface LogEntryForm {
+    exercise: Exercise | null;
+    repetitionsUnit: RepetitionUnit | null;
+    weightUnit: WeightUnit | null;
+    slotEntry: number | null;
+    rir: number | string;
+    rirTarget: number | string | null;
+    repetitions: number | string;
+    repetitionsTarget: number | string | null;
+    weight: number | string;
+    weightTarget: number | string | null;
+}
+
+
+export class WorkoutLog {
+    public id: number;
+    public date: Date;
+    public iteration: number | null;
+    public exerciseId: number;
+    public slotEntryId: number | null;
+    public sessionId: number | null;
+    public routineId: number | null;
+
+    public repetitionUnitObj: RepetitionUnit | null;
+    public repetitionUnitId: number | null;
+    public repetitions: number | null;
+    public repetitionsTarget: number | null;
+
+    public weightUnitObj: WeightUnit | null;
+    public weightUnitId: number | null;
+    public weight: number | null;
+    public weightTarget: number | null;
+
+    public rir: number | null;
+    public rirTarget: number | null;
+
+    public restTime: number | null;
+    public restTimeTarget: number | null;
+
+
+    public exerciseObj?: Exercise;
+
+    constructor(data: {
+        id: number;
+        date: Date | string;
+        iteration: number | null;
+        slotEntryId: number | null;
+        sessionId?: number | null;
+        routineId?: number | null;
+
+        exercise?: Exercise;
+        exerciseId: number;
+
+        repetitionsUnit?: RepetitionUnit;
+        repetitionsUnitId?: number | null;
+        repetitions: number | null;
+        repetitionsTarget?: number | null;
+
+        weightUnit?: WeightUnit;
+        weightUnitId?: number | null;
+        weight: number | null;
+        weightTarget?: number | null;
+
+        rir: number | null;
+        rirTarget?: number | null;
+
+        restTime?: number | null;
+        restTimeTarget?: number | null
+    }) {
+        this.id = data.id;
+        this.date = typeof data.date === 'string' ? new Date(data.date) : data.date;
+        this.iteration = data.iteration;
+        this.slotEntryId = data.slotEntryId;
+        this.sessionId = data.sessionId || null;
+        this.routineId = data.routineId || null;
+
+        this.exerciseObj = data.exercise;
+        this.exerciseId = data.exerciseId;
+
+        this.repetitionUnitObj = data.repetitionsUnit || null;
+        this.repetitionUnitId = data.repetitionsUnitId || null;
+        this.repetitions = data.repetitions;
+        this.repetitionsTarget = data.repetitionsTarget || null;
+
+        this.weightUnitObj = data.weightUnit || null;
+        this.weightUnitId = data.weightUnitId || null;
+        this.weight = data.weight;
+        this.weightTarget = data.weightTarget || null;
+
+        this.rir = data.rir;
+        this.rirTarget = data.rirTarget || null;
+
+        this.restTime = data.restTime || null;
+        this.restTimeTarget = data.restTimeTarget || null;
+    }
+
+    get rirString(): string {
+        return this.rir === null ? "-/-" : this.rir.toString();
+    }
+}
+
+
+export class WorkoutLogAdapter implements Adapter<WorkoutLog> {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    fromJson = (item: any) =>
+        new WorkoutLog({
+            id: item.id,
+            date: item.date, // Pass the date string directly
+            iteration: item.iteration,
+            exerciseId: item.exercise,
+            slotEntryId: item.slot_entry,
+            sessionId: item.session,
+            routineId: item.routine,
+
+            repetitionsUnitId: item.repetitions_unit,
+            repetitions: item.repetitions === null ? null : Number.parseFloat(item.repetitions),
+            repetitionsTarget: item.repetitions_target === null ? null : Number.parseFloat(item.repetitions_target),
+
+            weightUnitId: item.weight_unit,
+            weight: item.weight === null ? null : Number.parseFloat(item.weight),
+            weightTarget: item.weight_target === null ? null : Number.parseFloat(item.weight_target),
+
+            rir: item.rir === null ? null : Number.parseFloat(item.rir),
+            rirTarget: item.rir_target === null ? null : Number.parseFloat(item.rir_target),
+
+            restTime: item.rest,
+            restTimeTarget: item.rest_target
+        });
+
+    toJson = (item: WorkoutLog) => ({
+        id: item.id,
+        iteration: item.iteration,
+        date: item.date.toISOString(),
+        slot_entry: item.slotEntryId,
+        exercise: item.exerciseId,
+        routine: item.routineId,
+
+        repetitions_unit: item.repetitionUnitId,
+        repetitions: item.repetitions,
+        repetitions_target: item.repetitionsTarget,
+
+        weight_unit: item.weightUnitId,
+        weight: item.weight,
+        weight_target: item.weightTarget,
+
+        rir: item.rir,
+        rir_target: item.rirTarget,
+
+        rest: item.restTime,
+        rest_target: item.restTimeTarget
+    });
+}

package/src/components/WorkoutRoutines/models/WorkoutSession.ts

@@ -0,0 +1,124 @@
+import { Day } from "components/WorkoutRoutines/models/Day";
+import { WorkoutLog } from "components/WorkoutRoutines/models/WorkoutLog";
+import i18n from 'i18next';
+import { Adapter } from "utils/Adapter";
+import { dateTimeToHHMM, dateToYYYYMMDD, HHMMToDateTime } from "utils/date";
+
+export const NOTES_MAX_LENGTH = 1000 as const;
+
+export const IMPRESSION_BAD = '1' as const;
+export const IMPRESSION_NEUTRAL = '2' as const;
+export const IMPRESSION_GOOD = '3' as const;
+
+export interface AddSessionParams {
+    day: number;
+    routine: number;
+    date: string;
+    notes?: string;
+    impression?: string;
+    timeStart?: string;
+    timeEnd?: string;
+}
+
+export interface EditSessionParams extends Partial<AddSessionParams> {
+    id: number,
+}
+
+interface WorkoutSessionParams {
+    id: number;
+    dayId: number;
+    routineId: number;
+    date: Date;
+    notes: string | null;
+    impression: string;
+    timeStart: Date | null;
+    timeEnd: Date | null;
+    dayObj?: Day;
+    logs?: WorkoutLog[];
+}
+
+export class WorkoutSession {
+
+    id: number;
+    dayId: number;
+    routineId: number;
+    date: Date;
+    notes: string | null;
+    impression: string;
+    timeStart: Date | null;
+    timeEnd: Date | null;
+    dayObj?: Day;
+    logs: WorkoutLog[] = [];
+
+    constructor(params: WorkoutSessionParams) {
+        this.id = params.id;
+        this.dayId = params.dayId;
+        this.routineId = params.routineId;
+        this.date = params.date;
+        this.notes = params.notes;
+        this.impression = params.impression;
+        this.timeStart = params.timeStart;
+        this.timeEnd = params.timeEnd;
+        if (params.dayObj) {
+            this.dayObj = params.dayObj;
+        }
+        this.logs = params.logs ?? [];
+    }
+
+    // get the impression as a translated string
+    get impressionString(): string {
+        switch (this.impression) {
+            case IMPRESSION_BAD:
+                return i18n.t('routines.impressionBad');
+            case IMPRESSION_NEUTRAL:
+                return i18n.t('routines.impressionNeutral');
+            case IMPRESSION_GOOD:
+                return i18n.t('routines.impressionGood');
+            default:
+                return "";
+        }
+    }
+
+    get textRepresentation(): string {
+        const time = this.timeStart && this.timeEnd ? `${this.timeStart.toLocaleTimeString([], {
+            hour: '2-digit',
+            minute: '2-digit'
+        })} - ${this.timeEnd.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })} /` : "";
+
+        const notes = this.notes ?? "";
+
+
+        return `${this.impressionString} ${time} ${notes}`;
+    }
+}
+
+
+export class WorkoutSessionAdapter implements Adapter<WorkoutSession> {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    fromJson = (item: any) => new WorkoutSession({
+        id: item.id,
+        dayId: item.day!,
+        routineId: item.routine!,
+        date: new Date(item.date!),
+        notes: item.notes !== undefined ? item.notes : null,
+        impression: item.impression!,
+        timeStart: item.time_start !== undefined ? HHMMToDateTime(item.time_start) : null,
+        timeEnd: item.time_end !== undefined ? HHMMToDateTime(item.time_end) : null,
+        dayObj: item.dayObj,
+        logs: item.logs
+    });
+
+
+    toJson = (item: WorkoutSession) => ({
+        id: item.id,
+        day: item.dayId,
+        date: dateToYYYYMMDD(item.date),
+        routine: item.routineId,
+        notes: item.notes,
+        impression: item.impression,
+        // eslint-disable-next-line camelcase
+        time_start: dateTimeToHHMM(item.timeStart),
+        // eslint-disable-next-line camelcase
+        time_end: dateTimeToHHMM(item.timeEnd),
+    });
+}