Added Filter for range

Author: linkdotnet

LinkDotNet.Blog.Web/Shared/Admin/Dashboard/DateRangeSelector.razor

@@ -0,0 +1,30 @@
+<div class="col-1">
+    <p>Since: </p>
+</div>
+<div class="col-2">
+    <select @onchange="RaiseDateTimeSpanChanged">
+        @foreach (var (title, time) in options)
+        {
+            <option value="@time">@title</option>
+        }
+    </select>
+</div>
+@code {
+    [Parameter]
+    public EventCallback<DateTime> DateTimeSpanChanged { get; set; }
+
+    private readonly Dictionary<string, DateTime> options = new()
+    {
+        { "Beginning of time", DateTime.MinValue },
+        { "Last 90 Days", DateTime.UtcNow.AddDays(-90) },
+        { "Last 30 Days", DateTime.UtcNow.AddDays(-30) },
+        { "Last 7 Days", DateTime.UtcNow.AddDays(-7) },
+        { "Since Today", DateTime.UtcNow.Date },
+    };
+
+    private void RaiseDateTimeSpanChanged(ChangeEventArgs args)
+    {
+        Console.WriteLine(args.Value);
+    }
+
+}

LinkDotNet.Blog.Web/Shared/Admin/Dashboard/VisitCountPerPage.razor

@@ -8,30 +8,33 @@
 <div class="card">
     <div class="card-header">Blog Post Visit Counts</div>
     <div class="card-body">
-        <table class="table table-striped table-hover">
-            <tbody>
-            <tr>
-                <th>Title</th>
-                <th>Clicks</th>
-                <th>Likes</th>
-            </tr>
-            @if (visitData != null)
-            {
-                @foreach (var date in visitData)
+        <div class="row">
+            <DateRangeSelector></DateRangeSelector>
+            <table class="table table-striped table-hover">
+                <tbody>
+                <tr>
+                    <th>Title</th>
+                    <th>Clicks</th>
+                    <th>Likes</th>
+                </tr>
+                @if (visitData != null)
                 {
-                    <tr>
-                        <td><a href="blogPost/@date.Id">@date.Title</a></td>
-                        <td>@date.ClickCount</td>
-                        <td>@date.Likes</td>
-                    </tr>
+                    @foreach (var date in visitData)
+                    {
+                        <tr>
+                            <td><a href="blogPost/@date.Id">@date.Title</a></td>
+                            <td>@date.ClickCount</td>
+                            <td>@date.Likes</td>
+                        </tr>
+                    }
                 }
-            }
-            else
-            {
-                <Loading></Loading>
-            }
-            </tbody>
-        </table>
+                else
+                {
+                    <Loading></Loading>
+                }
+                </tbody>
+            </table>
+        </div>
     </div>
 </div>