UI changes, and added rep load copy action button

WhyAsh5114 · Aug 4, 2024 · 74d3b16 · 74d3b16
1 parent f5ca36c
commit 74d3b16
Show file tree

Hide file tree

Showing 4 changed files with 71 additions and 9 deletions.
diff --git a/src/lib/trpc/routes/workouts.ts b/src/lib/trpc/routes/workouts.ts
@@ -405,7 +405,25 @@ export const workouts = t.router({
 			return await prisma.workoutExercise.findMany({
 				where: { workout: { userId: ctx.userId }, name: input.exerciseName },
 				include: {
-					workout: { select: { startedAt: true } },
+					workout: {
+						select: {
+							startedAt: true,
+							workoutOfMesocycle: {
+								select: {
+									splitDayIndex: true,
+									mesocycle: {
+										select: {
+											name: true,
+											mesocycleExerciseSplitDays: {
+												select: { name: true },
+												orderBy: { dayIndex: 'asc' }
+											}
+										}
+									}
+								}
+							}
+						}
+					},
 					sets: { include: { miniSets: true } }
 				},
 				cursor: input.cursorId !== undefined ? { id: input.cursorId } : undefined,

diff --git a/src/routes/workouts/[workoutId]/(components)/WorkoutExerciseCard.svelte b/src/routes/workouts/[workoutId]/(components)/WorkoutExerciseCard.svelte
@@ -9,17 +9,13 @@
 		exercise: Prisma.WorkoutExerciseGetPayload<{
 			include: { sets: { include: { miniSets: true } } };
 		}>;
-		workoutStartedAt?: Date;
 	};
-	let { exercise, workoutStartedAt }: PropsType = $props();
+	let { exercise }: PropsType = $props();
 </script>
 
 <div class="flex flex-col gap-0.5 rounded-md border bg-card/50 p-2 backdrop-blur-sm">
 	<div class="flex items-start justify-between">
 		<span class="truncate">{exercise.name}</span>
-		<span class="text-sm font-semibold text-muted-foreground">
-			{workoutStartedAt?.toLocaleDateString(undefined, { day: 'numeric', month: 'short' })}
-		</span>
 	</div>
 	<div class="flex items-center gap-0.5">
 		<span class="mr-auto text-sm lowercase text-muted-foreground">

diff --git a/src/routes/workouts/manage/exercises/(components)/ExerciseHistorySheet.svelte b/src/routes/workouts/manage/exercises/(components)/ExerciseHistorySheet.svelte
@@ -9,6 +9,7 @@
 	import LoaderCircle from 'virtual:icons/lucide/loader-circle';
 	import { untrack } from 'svelte';
 	import WorkoutExerciseCard from '../../../[workoutId]/(components)/WorkoutExerciseCard.svelte';
+	import CopyIcon from 'virtual:icons/lucide/clipboard-copy';
 
 	let exercisesFound: RouterOutputs['workouts']['getExerciseHistory'] = $state([]);
 
@@ -49,8 +50,29 @@
 				triggerLoad={loadMore}
 			>
 				{#each exercisesFound as exercise}
-					<WorkoutExerciseCard {exercise} workoutStartedAt={exercise.workout.startedAt} />
-					<div class="mb-1"></div>
+					{@const wm = exercise.workout.workoutOfMesocycle}
+					<div class="mb-1 mt-4 flex items-start gap-1">
+						<Button
+							onclick={() => workoutRunes.copyExerciseSetNumbersFromHistory(exercise)}
+							size="icon"
+							variant="secondary"
+						>
+							<CopyIcon />
+						</Button>
+						<div class="mr-auto flex flex-col">
+							<span class="font-bold"
+								>{wm?.mesocycle.mesocycleExerciseSplitDays[wm.splitDayIndex].name}</span
+							>
+							<span class="text-xs font-semibold">{wm?.mesocycle.name}</span>
+						</div>
+						<span class="font-semibold text-muted-foreground">
+							{exercise.workout.startedAt.toLocaleDateString(undefined, {
+								day: 'numeric',
+								month: 'short'
+							})}
+						</span>
+					</div>
+					<WorkoutExerciseCard {exercise} />
 				{:else}
 					<div class="muted-text-box">No exercise history found</div>
 				{/each}

diff --git a/src/routes/workouts/manage/workoutRunes.svelte.ts b/src/routes/workouts/manage/workoutRunes.svelte.ts
@@ -5,6 +5,7 @@ import {
 	type WorkoutExerciseInProgress,
 	type WorkoutExerciseWithSets
 } from '$lib/workoutFunctions';
+import type { Prisma } from '@prisma/client';
 import type { FullWorkoutWithMesoData } from '../[workoutId]/+page.server';
 
 type PreviousWorkoutData = {
@@ -95,6 +96,30 @@ function createWorkoutRunes() {
 		exerciseHistorySheetOpen = true;
 	}
 
+	function copyExerciseSetNumbersFromHistory(
+		exerciseFromHistory: Prisma.WorkoutExerciseGetPayload<{
+			include: { sets: { include: { miniSets: true } } };
+		}>
+	) {
+		const exerciseToEdit = workoutExercises?.find((ex) => ex.name === exerciseHistorySheetName);
+		if (!exerciseToEdit) return;
+
+		for (let i = 0; i < exerciseToEdit.sets.length; i++) {
+			if (!exerciseFromHistory.sets[i]) break;
+			const historySet = exerciseFromHistory.sets[i];
+			exerciseToEdit.sets[i] = {
+				...historySet,
+				completed: false,
+				miniSets: historySet.miniSets.map((miniSet) => ({
+					...miniSet,
+					completed: false
+				}))
+			};
+		}
+
+		exerciseHistorySheetOpen = false;
+	}
+
 	function loadWorkout(workout: FullWorkoutWithMesoData) {
 		editingWorkoutId = workout.id;
 		workoutData = {
@@ -175,7 +200,8 @@ function createWorkoutRunes() {
 		editExercise,
 		deleteExercise,
 		loadWorkout,
-		openExerciseHistorySheet
+		openExerciseHistorySheet,
+		copyExerciseSetNumbersFromHistory
 	};
 }