From aa5cc3d6835bec9c4c7b5ccda5c8942b5f506275 Mon Sep 17 00:00:00 2001
From: franc <franc@FRANCESCOSBUSIN>
Date: Mon, 28 Apr 2025 15:00:50 +0200
Subject: [PATCH] Use InstructionViewModel

---
 .../Views/Shared/_GetInstructions.cshtml         | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/Francesco.Recipes.World/Views/Shared/_GetInstructions.cshtml b/Francesco.Recipes.World/Views/Shared/_GetInstructions.cshtml
index 695bda0..5884c07 100644
--- a/Francesco.Recipes.World/Views/Shared/_GetInstructions.cshtml
+++ b/Francesco.Recipes.World/Views/Shared/_GetInstructions.cshtml
@@ -1,16 +1,17 @@
-@Html.AntiForgeryToken()
+@model Francesco.Recipes.World.Models.InstructionViewModel
+@Html.AntiForgeryToken()
 <div id="instructions-container">
-	@for (int i = 0; i < Model.Count; i++)
+	@for (int i = 0; i < Model.Instructions.Count; i++)
 	{
-		<div class="instruction-item" id="instruction-@Model[i].Id">
+		<div class="instruction-item" id="instruction-@Model.Instructions[i].Id">
 			<div class="instruction-controls">
 				<input type="file" />
-				<textarea placeholder="Beschreibung" class="form-control">@Model[i].Description</textarea>
-				<button type="button" class="btn-delete" onclick="removeInstruction('@Model[i].Id')">🗑️</button>
+				<textarea placeholder="Beschreibung" class="form-control">@Model.Instructions[i].Description</textarea>
+				<button type="button" class="btn-delete" onclick="removeInstruction('@Model.Instructions[i].Id')">🗑️</button>
 			</div>
 			<div class="instruction-actions">
-				<button type="button" class="btn-move-up" onclick="moveInstructionUp('@Model[i].Id')">⬆️</button>
-				<button type="button" class="btn-move-down" onclick="moveInstructionDown('@Model[i].Id')">⬇️</button>
+				<button type="button" class="btn-move-up" onclick="moveInstructionUp('@Model.Instructions[i].Id')">⬆️</button>
+				<button type="button" class="btn-move-down" onclick="moveInstructionDown('@Model.Instructions[i].Id')">⬇️</button>
 			</div>
 		</div>
 	}
@@ -18,6 +19,7 @@
 
 <button type="button" class="btn-add" onclick="addInstruction()">Schritte hinzufügen</button>
 
+
 @section Scripts {
 	<script>
 		htmx.on('htmx:afterSwap', (event) => {