From 7011a118a3bc2e195218d149f382a3cebfa266f9 Mon Sep 17 00:00:00 2001
From: Santiago Cattaneo <santiago@rd-its.com>
Date: Wed, 24 Aug 2022 11:57:43 -0300
Subject: [PATCH] * Added list log

---
 BlazorReorderExample/Pages/BetweenLists.razor | 4 ++++
 BlazorReorderExample/Pages/Index.razor        | 4 +++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/BlazorReorderExample/Pages/BetweenLists.razor b/BlazorReorderExample/Pages/BetweenLists.razor
index 429441b..7501243 100644
--- a/BlazorReorderExample/Pages/BetweenLists.razor
+++ b/BlazorReorderExample/Pages/BetweenLists.razor
@@ -1,4 +1,5 @@
 @page "/BetweenLists"
+@using System.Text.Json
 
 <PageTitle>Blazor Reorder Example</PageTitle>
 
@@ -15,6 +16,7 @@
                 </div>
             </Reorder>
         </div>
+        <pre class="card">@(JsonSerializer.Serialize(list1, new JsonSerializerOptions() { WriteIndented = true }))</pre>
     </div>
     <div class="col-4">
         <div class="card">
@@ -25,6 +27,7 @@
                 </div>
             </Reorder>
         </div>
+        <pre class="card">@(JsonSerializer.Serialize(list2, new JsonSerializerOptions() { WriteIndented = true }))</pre>
     </div>
     <div class="col-4">
         <div class="card">
@@ -35,6 +38,7 @@
                 </div>
             </Reorder>
         </div>
+        <pre class="card">@(JsonSerializer.Serialize(list3, new JsonSerializerOptions() { WriteIndented = true }))</pre>
     </div>
 </div>
 
diff --git a/BlazorReorderExample/Pages/Index.razor b/BlazorReorderExample/Pages/Index.razor
index 2186aff..3476f23 100644
--- a/BlazorReorderExample/Pages/Index.razor
+++ b/BlazorReorderExample/Pages/Index.razor
@@ -1,4 +1,5 @@
 @page "/"
+@using System.Text.Json
 
 <PageTitle>Blazor Reorder Example</PageTitle>
 
@@ -7,13 +8,14 @@
 Welcome to your new reorderer list.
 
 <div class="card">
-    <Reorder Items="list" TItem="ListItem">
+    <Reorder Items="list" TItem="ListItem" OnFinish="StateHasChanged">
         <div class="mb-2 mx-2">
             <h5>@context.title</h5>
             <p>@context.details <a href="@context.url">Go</a></p>      
         </div>
     </Reorder>
 </div>
+<pre class="card">@(JsonSerializer.Serialize(list, new JsonSerializerOptions() { WriteIndented = true }))</pre>
 
 @code
 {