From 4ff19d7f2128a6f86c8a53f040e8ccabd28a1bdb Mon Sep 17 00:00:00 2001
From: Mikhail Shabanov <dr.mboga@yahoo.com>
Date: Wed, 12 May 2021 14:31:28 +0200
Subject: [PATCH] feat: Search dialog styled

---
 .../Model/SearchItem.cs                       |  8 +++
 .../Pages/SearchDialog.razor                  | 20 ++++--
 .../Pages/SearchDialogTypeBase.cs             | 62 ++++++++++++++++++-
 .../Resources/App.de.resx                     |  3 +
 .../Resources/App.ru.resx                     |  3 +
 .../Services/SearchDialogService.cs           |  9 ++-
 6 files changed, 96 insertions(+), 9 deletions(-)
 create mode 100644 WotBlitzStatisticsPro.Blazor/Model/SearchItem.cs

diff --git a/WotBlitzStatisticsPro.Blazor/Model/SearchItem.cs b/WotBlitzStatisticsPro.Blazor/Model/SearchItem.cs
new file mode 100644
index 0000000..97f5401
--- /dev/null
+++ b/WotBlitzStatisticsPro.Blazor/Model/SearchItem.cs
@@ -0,0 +1,8 @@
+using System;
+
+namespace WotBlitzStatisticsPro.Blazor.Model
+{
+    [Obsolete("This is temporary item. In the future there should be two new data models with 'clan, winrate and battles' for player, and 'name, tag members count' for clan")]
+    public record SearchItem(long ItemId, string ItemName);
+
+}
\ No newline at end of file
diff --git a/WotBlitzStatisticsPro.Blazor/Pages/SearchDialog.razor b/WotBlitzStatisticsPro.Blazor/Pages/SearchDialog.razor
index fed6a39..3bcb9e9 100644
--- a/WotBlitzStatisticsPro.Blazor/Pages/SearchDialog.razor
+++ b/WotBlitzStatisticsPro.Blazor/Pages/SearchDialog.razor
@@ -1,4 +1,16 @@
-@inherits SearchDialogTypeBase
-<h3>SearchDialog</h3>
-@DialogType
-<RadzenButton Click=@(args => OnClick()) Text="Ok" Style="margin-bottom: 20px; width: 150px" />
+@using WotBlitzStatisticsPro.Blazor.Model
+@inherits SearchDialogTypeBase
+<!--Realm type selection-->
+<RadzenTextBox Placeholder=@($"{Localizer["Search"]}...") Change=@OnSearchTextChange Style="width: 100%;" />
+
+<RadzenListBox 
+    @bind-Value=@CurrentValue 
+     Data=@FilteredList 
+     ValueProperty="ItemId"
+     Style="height:335px; width: 100%; margin-top: 10px;">
+    <Template>
+        <!--ToDo: Create new component that will show nick[clan] {WinRate with color}, {battles count with translatable word "battles"}. And another component for Clans-->
+        @(((SearchItem) context).ItemName) | accountId: @(((SearchItem) context).ItemId)
+    </Template>
+</RadzenListBox>
+<RadzenButton Click=@(args => OnOkButtonClick()) Text="Ok" Style="margin: 10px auto 10px auto; display: block; width: 150px; " />
diff --git a/WotBlitzStatisticsPro.Blazor/Pages/SearchDialogTypeBase.cs b/WotBlitzStatisticsPro.Blazor/Pages/SearchDialogTypeBase.cs
index fd1961e..6314778 100644
--- a/WotBlitzStatisticsPro.Blazor/Pages/SearchDialogTypeBase.cs
+++ b/WotBlitzStatisticsPro.Blazor/Pages/SearchDialogTypeBase.cs
@@ -1,6 +1,8 @@
-using System.Threading.Tasks;
+using System.Collections.Generic;
+using System.Threading.Tasks;
 using MediatR;
 using Microsoft.AspNetCore.Components;
+using Microsoft.Extensions.Localization;
 using Radzen;
 using WotBlitzStatisticsPro.Blazor.Messages;
 using WotBlitzStatisticsPro.Blazor.Model;
@@ -15,12 +17,66 @@ namespace WotBlitzStatisticsPro.Blazor.Pages
         [Inject]
         private IMediator Mediator { get; set; }
 
+        [Inject]
+        public IStringLocalizer<App> Localizer { get; set; }
+
         [Parameter]
         public DialogType DialogType { get; set; }
 
-        public async Task OnClick()
+        public List<SearchItem> FilteredList { get; set; } = new();
+
+        //public RealmType CurrentRealmType { get; set; } = RealmType.Eu;
+
+        public long CurrentValue { get; set; }
+
+        public async Task OnSearchTextChange(string value)
         {
-            await Mediator.Publish(new OpenPlayerInfoMessage(123456789, false));
+            if (DialogType == DialogType.FindPlayer && value.Length < 3)
+            {
+                return;
+            }
+
+            FilteredList.Clear();
+            await InvokeAsync(StateHasChanged);
+
+            // ToDo: Call GraphQL Backend CurrentRealmType + value
+            await Task.Delay(1000);
+            for (int i = 0; i < 15; i++)
+            {
+                FilteredList.Add(new SearchItem(i, $"Item number {i}"));
+            }
+
+            await InvokeAsync(StateHasChanged);
+
+        }
+
+        public async Task OnLoadSearchData(LoadDataArgs args)
+        {
+            if (DialogType == DialogType.FindPlayer && args.Filter.Length < 3)
+            {
+                return;
+            }
+
+            FilteredList.Clear();
+            await InvokeAsync(StateHasChanged);
+
+            // ToDo: Call GraphQL Backend CurrentRealmType + args.Filter
+            await Task.Delay(1000);
+            for (int i = 0; i < 15; i++)
+            {
+                FilteredList.Add(new SearchItem(i, $"Item number {i}"));
+            }
+
+            await InvokeAsync(StateHasChanged);
+        }
+
+        public async Task OnOkButtonClick()
+        {
+            if (CurrentValue > 0)
+            {
+                await Mediator.Publish(new OpenPlayerInfoMessage(CurrentValue, false));
+            }
+
             DialogService.Close(true);
         }
     }
diff --git a/WotBlitzStatisticsPro.Blazor/Resources/App.de.resx b/WotBlitzStatisticsPro.Blazor/Resources/App.de.resx
index b9fdc4b..3d8c6ab 100644
--- a/WotBlitzStatisticsPro.Blazor/Resources/App.de.resx
+++ b/WotBlitzStatisticsPro.Blazor/Resources/App.de.resx
@@ -123,6 +123,9 @@
   <data name="Login with WG.net ID" xml:space="preserve">
     <value>Anmelden mit WG.net-ID</value>
   </data>
+  <data name="Search" xml:space="preserve">
+    <value>Suchen</value>
+  </data>
   <data name="Search clan" xml:space="preserve">
     <value>Clan suchen</value>
   </data>
diff --git a/WotBlitzStatisticsPro.Blazor/Resources/App.ru.resx b/WotBlitzStatisticsPro.Blazor/Resources/App.ru.resx
index aa60302..7f1a786 100644
--- a/WotBlitzStatisticsPro.Blazor/Resources/App.ru.resx
+++ b/WotBlitzStatisticsPro.Blazor/Resources/App.ru.resx
@@ -123,6 +123,9 @@
   <data name="Login with WG.net ID" xml:space="preserve">
     <value>Войти с WG.net ID</value>
   </data>
+  <data name="Search" xml:space="preserve">
+    <value>Поиск</value>
+  </data>
   <data name="Search clan" xml:space="preserve">
     <value>Поиск клана</value>
   </data>
diff --git a/WotBlitzStatisticsPro.Blazor/Services/SearchDialogService.cs b/WotBlitzStatisticsPro.Blazor/Services/SearchDialogService.cs
index 9019411..912e3e1 100644
--- a/WotBlitzStatisticsPro.Blazor/Services/SearchDialogService.cs
+++ b/WotBlitzStatisticsPro.Blazor/Services/SearchDialogService.cs
@@ -2,6 +2,7 @@
 using System.Threading;
 using System.Threading.Tasks;
 using MediatR;
+using Microsoft.Extensions.Localization;
 using Radzen;
 using WotBlitzStatisticsPro.Blazor.Messages;
 using WotBlitzStatisticsPro.Blazor.Model;
@@ -13,16 +14,20 @@ namespace WotBlitzStatisticsPro.Blazor.Services
     {
 
         private readonly DialogService _dialogService;
+        private readonly IStringLocalizer<App> _localizer;
 
-        public SearchDialogService(DialogService dialogService)
+        public SearchDialogService(
+            DialogService dialogService,
+            IStringLocalizer<App> localizer)
         {
             _dialogService = dialogService;
+            _localizer = localizer;
         }
 
 
         public async Task OpenSearchDialog(DialogType type)
         {
-            await _dialogService.OpenAsync<SearchDialog>($"Search",
+            await _dialogService.OpenAsync<SearchDialog>(type == DialogType.FindPlayer ? _localizer.GetString("Search player") : _localizer.GetString("Search clan"),
                 new Dictionary<string, object>() { { "DialogType", type } },
                 new DialogOptions() { Width = "300px", Height = "530px" });
         }