Lekce 09 - part 1

ToDoList/src/ToDoList.Frontend/Clients/IToDoItemsClient.cs

@@ -0,0 +1,7 @@
+namespace ToDoList.Frontend.Clients;
+using ToDoList.Frontend.Views;
+
+public interface IToDoItemsClient
+{
+    public List<ToDoItemView> ReadItems();
+}

ToDoList/src/ToDoList.Frontend/Clients/ToDoItemsClient.cs

@@ -0,0 +1,29 @@
+namespace ToDoList.Frontend.Clients;
+
+using ToDoList.Domain.DTOs;
+using ToDoList.Frontend.Views;
+
+public class ToDoItemsClient : IToDoItemsClient
+{
+    private readonly HttpClient httpClient;
+    public ToDoItemsClient(HttpClient httpClient)
+    {
+        httpClient = httpClient;
+    }
+
+    public List<ToDoItemView> ReadItems()
+    {
+        var toDoItemsView = new List<ToDoItemView>();
+        var response = httpClient.GetFromJsonAsync<List<ToDoItemGetResponseDto>>("api/ToDoItems");
+
+        toDoItemsView = response.Result.Select(dto => new ToDoItemView
+        {
+            ToDoItemId = dto.Id,
+            Name = dto.Name,
+            Description = dto.Description,
+            IsCompleted = dto.IsCompleted
+        }).ToList();
+
+        return toDoItemsView;
+    }
+}

ToDoList/src/ToDoList.Frontend/Components/Dashboard.razor

@@ -1,31 +1,39 @@
-@rendermode InteractiveServer
+@using ToDoList.Frontend.Views
+@using ToDoList.Frontend.Clients
+@inject IToDoItemsClient ToDoItemsClient
+@rendermode InteractiveServer
 
 <h1>Dashboard</h1>
+
 <table>
+    <tr>
+        <td><button @onclick="OrderById">Seradit Podle Id</button></td>
+        <td><button @onclick="OrderByName">Seradit Podle Jmena</button></td>
+        <td></td>
+        <td></td>
+    </tr>
+
     @foreach (var toDoItem in toDoItems)
     {
         <tr>
             <td>@toDoItem.ToDoItemId</td>
             <td>@toDoItem.Name</td>
-            <td>@toDoItem.IsCompleted</td>
             <td>@toDoItem.Description</td>
+            <td>@toDoItem.IsCompleted</td>
         </tr>
     }
 </table>
 
 @code
 {
-    private List<ToDoItemView> toDoItems =
-    [
-        new ToDoItemView() {ToDoItemId = 1, Name = "Udelat ukol na Czechitas", IsCompleted = false},
-        new ToDoItemView() {ToDoItemId = 2, Name = "Udelat nepovinny ukol na Czechitas", IsCompleted = false}
-    ];
+    private List<ToDoItemView> toDoItems = ToDoItemsClient.ReadItems();
 
-    public class ToDoItemView
+    public void OrderByName()
+    {
+        toDoItems = toDoItems.OrderBy(item => item.Name).ToList();
+    }
+    public void OrderById()
     {
-        public int ToDoItemId { get; set; }
-        public string Name { get; set; }
-        public string Description { get; set; }
-        public bool IsCompleted { get; set; }
+        toDoItems = toDoItems.OrderBy(item => item.ToDoItemId).ToList();
     }
 }

ToDoList/src/ToDoList.Frontend/Components/Pages/Home.razor

@@ -3,7 +3,7 @@
 
 <PageTitle>Home</PageTitle>
 
-<Dashboard/>
+<Dashboard />
 
 <h1>@ahojSvete</h1>
 

ToDoList/src/ToDoList.Frontend/Program.cs

@@ -1,3 +1,4 @@
+using ToDoList.Frontend.Clients;
 using ToDoList.Frontend.Components;
 
 var builder = WebApplication.CreateBuilder(args);
@@ -6,6 +7,9 @@
 builder.Services.AddRazorComponents()
     .AddInteractiveServerComponents();
 
+builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri("http://localhost:5000") });
+builder.Services.AddScoped<IToDoItemsClient, ToDoItemsClient>();
+
 var app = builder.Build();
 
 // Configure the HTTP request pipeline.

ToDoList/src/ToDoList.Frontend/Properties/launchSettings.json

@@ -1,38 +1,38 @@
 {
   "$schema": "http://json.schemastore.org/launchsettings.json",
-    "iisSettings": {
-      "windowsAuthentication": false,
-      "anonymousAuthentication": true,
-      "iisExpress": {
-        "applicationUrl": "http://localhost:64752",
-        "sslPort": 44304
+  "iisSettings": {
+    "windowsAuthentication": false,
+    "anonymousAuthentication": true,
+    "iisExpress": {
+      "applicationUrl": "http://localhost:64752",
+      "sslPort": 44304
+    }
+  },
+  "profiles": {
+    "http": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
+      "launchBrowser": false,
+      "applicationUrl": "http://localhost:5001",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    },
+    "https": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
+      "launchBrowser": false,
+      "applicationUrl": "https://localhost:7001;http://localhost:5001",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
       }
     },
-    "profiles": {
-      "http": {
-        "commandName": "Project",
-        "dotnetRunMessages": true,
-        "launchBrowser": true,
-        "applicationUrl": "http://localhost:5174",
-        "environmentVariables": {
-          "ASPNETCORE_ENVIRONMENT": "Development"
-        }
-      },
-      "https": {
-        "commandName": "Project",
-        "dotnetRunMessages": true,
-        "launchBrowser": true,
-        "applicationUrl": "https://localhost:7006;http://localhost:5174",
-        "environmentVariables": {
-          "ASPNETCORE_ENVIRONMENT": "Development"
-        }
-      },
-      "IIS Express": {
-        "commandName": "IISExpress",
-        "launchBrowser": true,
-        "environmentVariables": {
-          "ASPNETCORE_ENVIRONMENT": "Development"
-        }
+    "IIS Express": {
+      "commandName": "IISExpress",
+      "launchBrowser": true,
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
       }
     }
   }
+}

ToDoList/src/ToDoList.Frontend/ToDoList.Frontend.csproj

@@ -6,4 +6,8 @@
     <ImplicitUsings>enable</ImplicitUsings>
   </PropertyGroup>
 
+  <ItemGroup>
+    <ProjectReference Include="..\ToDoList.Domain\ToDoList.Domain.csproj" />
+  </ItemGroup>
+
 </Project>

ToDoList/src/ToDoList.Frontend/Views/ToDoItemView.cs

@@ -0,0 +1,9 @@
+namespace ToDoList.Frontend.Views;
+
+public class ToDoItemView
+{
+    public int ToDoItemId { get; set; }
+    public string Name { get; set; }
+    public string Description { get; set; }
+    public bool IsCompleted { get; set; }
+}