add-reactive-navigation

Presence.Api/Controllers/GroupController.cs

@@ -16,18 +16,19 @@ namespace Presence.Api.Controllers
             _groupService = groupService;
         }
 
-        [HttpGet]
+        [HttpGet("/group")]
-        public ActionResult<GroupResponse> GetAllGroups()
+        public async Task<ActionResult<GroupResponse>> GetAllGroups()
         {
             var result = _groupService
-                .GetGroupsWithStudents()
+                .GetGroupsWithStudents();
+            var response = result
                 .Select(group => new GroupResponse { 
                     Id = group.Id, 
                     Name = group.Name,
                     Users = group.Users.Select(user => new UserResponse {
                         Guid = user.Guid,
                         Name = user.Name
-                    }).Take(10).ToList(),
+                    }).ToList(),
                 }).ToList();
             return Ok(new GroupResponse());
         } 

Presence.Desktop/App.axaml

@@ -1,14 +1,9 @@
 <Application xmlns="https://github.com/avaloniaui"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
              x:Class="Presence.Desktop.App"
-             xmlns:local="using:Presence.Desktop"
              RequestedThemeVariant="Default">
              <!-- "Default" ThemeVariant follows system theme variant. "Dark" or "Light" are other available options. -->
 
-    <Application.DataTemplates>
-        <local:ViewLocator/>
-    </Application.DataTemplates>
-  
     <Application.Styles>
         <FluentTheme />
     </Application.Styles>

Presence.Desktop/App.axaml.cs

@@ -20,13 +20,13 @@ namespace Presence.Desktop
             var serviceCollection = new ServiceCollection();
             serviceCollection.AddCommonService();
             var services = serviceCollection.BuildServiceProvider();
-            var mainViewModel = services.GetRequiredService<MainWindowViewModel>();
+            var mainViewModel = services.GetRequiredService<GroupViewModel>();
 
             if (ApplicationLifetime is IClassicDesktopStyleApplicationLifetime desktop)
             {
-                desktop.MainWindow = new MainWindow
+                desktop.MainWindow = new MainWindow()
                 {
-                    DataContext = mainViewModel,
+                    DataContext = new MainWindowViewModel(services),
                 };
             }
 

Presence.Desktop/DI/ServiceCollectionExtensions.cs

@@ -21,7 +21,7 @@ namespace Presence.Desktop.DI
                 .AddDbContext<RemoteDatabaseContext>()
                 .AddSingleton<IGroupRepository, SQLGroupRepository>()
                 .AddTransient<IGroupUseCase, GroupService>()
-                .AddTransient<MainWindowViewModel>();
+                .AddTransient<GroupViewModel>();
         }
     }
 }

Presence.Desktop/Models/GroupPresenter.cs

@@ -0,0 +1,17 @@
+using Avalonia.Controls;
+using ReactiveUI;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Presence.Desktop.Models
+{
+    public class GroupPresenter
+    {
+        public int Id { get; set; }
+        public string Name { get; set; }
+        public IEnumerable<UserPresenter>? users { get; set; } = null;
+    }
+}

Presence.Desktop/Models/UserPresenter.cs

@@ -0,0 +1,15 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Presence.Desktop.Models
+{
+    public class UserPresenter
+    {
+        public Guid Guid { get; set; }
+        public string Name { get; set; }
+        public GroupPresenter Group { get; set; }
+    }
+}

Presence.Desktop/Presence.Desktop.csproj

@@ -9,7 +9,6 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <Folder Include="Models\" />
     <AvaloniaResource Include="Assets\**" />
   </ItemGroup>
 

Presence.Desktop/ViewLocator.cs

@@ -2,31 +2,18 @@ using Avalonia.Controls;
 using Avalonia.Controls.Templates;
 using Presence.Desktop.ViewModels;
 using System;
+using Presence.Desktop.Views;
+using ReactiveUI;
 
 namespace Presence.Desktop
 {
-    public class ViewLocator : IDataTemplate
+    public class ViewLocator : IViewLocator
     {
-
+        public IViewFor? ResolveView<T>(T? viewModel, string? contract = null) => viewModel switch
-        public Control? Build(object? param)
         {
-            if (param is null)
+            GroupViewModel groupViewModel => new GroupView { DataContext = groupViewModel },
-                return null;
+            PresenceViewModel presenceViewModel => new PresenceView { DataContext = presenceViewModel },
-
+            _ => throw new ArgumentOutOfRangeException(nameof(viewModel))
-            var name = param.GetType().FullName!.Replace("ViewModel", "View", StringComparison.Ordinal);
+        };
-            var type = Type.GetType(name);
-
-            if (type != null)
-            {
-                return (Control)Activator.CreateInstance(type)!;
-            }
-
-            return new TextBlock { Text = "Not Found: " + name };
-        }
-
-        public bool Match(object? data)
-        {
-            return data is ViewModelBase;
-        }
     }
 }

Presence.Desktop/ViewModels/GroupViewModel.cs

@@ -0,0 +1,74 @@
+using domain.UseCase;
+using DynamicData;
+using DynamicData.Binding;
+using Presence.Desktop.Models;
+using ReactiveUI;
+using System;
+using System.Collections.Generic;
+using System.Collections.ObjectModel;
+using System.Linq;
+using System.Reactive.Linq;
+using Tmds.DBus.Protocol;
+
+namespace Presence.Desktop.ViewModels
+{
+    public class GroupViewModel : ViewModelBase, IRoutableViewModel
+    {
+        private readonly List<GroupPresenter> _groupPresentersDataSource = new List<GroupPresenter>();
+        private ObservableCollection<GroupPresenter> _groups;
+        public ObservableCollection<GroupPresenter> Groups => _groups;
+
+        public GroupPresenter? SelectedGroupItem
+        {
+            get => _selectedGroupItem;
+            set => this.RaiseAndSetIfChanged(ref _selectedGroupItem, value);
+        }
+
+        private GroupPresenter? _selectedGroupItem;
+
+
+
+        public ObservableCollection<UserPresenter> Users { get => _users; }
+        public ObservableCollection<UserPresenter> _users;
+        public GroupViewModel(IGroupUseCase groupUseCase)
+        {
+            foreach (var item in groupUseCase.GetGroupsWithStudents())
+            {
+                GroupPresenter groupPresenter = new GroupPresenter
+                {
+                    Id = item.Id,
+                    Name = item.Name,
+                    users = item.Users?.Select(user => new UserPresenter
+                    {
+                        Name = user.Name,
+                        Guid = user.Guid,
+                        Group = new GroupPresenter { Id = item.Id, Name = item.Name }
+                    }
+                    ).ToList()
+                };
+                _groupPresentersDataSource.Add(groupPresenter);
+            }
+            _groups = new ObservableCollection<GroupPresenter>(_groupPresentersDataSource);
+
+            _users = new ObservableCollection<UserPresenter>();
+
+            this.WhenAnyValue(vm => vm.SelectedGroupItem)
+                .Subscribe(_ => SetUsers());
+
+        }
+
+        private void SetUsers()
+        {
+            if (SelectedGroupItem == null) return;
+            if (SelectedGroupItem.users == null) return;
+            Users.Clear();
+            foreach (var item in SelectedGroupItem.users)
+            {
+                Users.Add(item);
+            }
+        }
+
+        public string? UrlPathSegment { get; }
+        public IScreen HostScreen { get; }
+    }
+}

Presence.Desktop/ViewModels/MainWindowViewModel.cs

@@ -1,15 +1,16 @@
-using domain.UseCase;
+using System;
+using Microsoft.Extensions.DependencyInjection;
+using ReactiveUI;
 
-namespace Presence.Desktop.ViewModels
+namespace Presence.Desktop.ViewModels;
-{
-    public class MainWindowViewModel : ViewModelBase
-    {
-        private readonly IGroupUseCase _groupService;
-        public MainWindowViewModel(IGroupUseCase groupService)
-        {
-            _groupService = groupService;
-        }
 
-        public string Greeting { get; } = "Welcome to Avalonia!";
+public class MainWindowViewModel : ViewModelBase, IScreen
+{
+    public RoutingState Router { get; } = new RoutingState();
+
+    public MainWindowViewModel(IServiceProvider serviceProvider)
+    {
+        var groupViewModel = serviceProvider.GetRequiredService<GroupViewModel>();
+        Router.Navigate.Execute(groupViewModel);
     }
 }

Presence.Desktop/ViewModels/PresenceViewModel.cs

@@ -0,0 +1,9 @@
+using ReactiveUI;
+
+namespace Presence.Desktop.ViewModels;
+
+public class PresenceViewModel : ViewModelBase, IRoutableViewModel
+{
+    public string? UrlPathSegment { get; }
+    public IScreen HostScreen { get; }
+}

Presence.Desktop/Views/GroupView.axaml

@@ -0,0 +1,45 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+		xmlns:vm="using:Presence.Desktop.ViewModels"
+        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+        x:Class="Presence.Desktop.GroupView"
+		x:DataType="vm:GroupViewModel">
+
+	<Design.DataContext>
+		<vm:GroupViewModel/>
+	</Design.DataContext>
+	<DockPanel Background="Azure">
+		<StackPanel DockPanel.Dock="Bottom">
+			<TextBlock Text="List ↑" HorizontalAlignment="Center"/>
+		</StackPanel>
+		<StackPanel
+			Spacing="10"
+			HorizontalAlignment="Center"
+			DockPanel.Dock="Top"
+			Orientation="Horizontal">
+			<TextBlock Text="Combobox ->"/>
+			<ComboBox  ItemsSource="{Binding Groups}" SelectedValue="{Binding SelectedGroupItem}">
+				<ComboBox.ItemTemplate>
+					<DataTemplate>
+						<TextBlock Text="{Binding Name}"/>
+					</DataTemplate>
+				</ComboBox.ItemTemplate>
+			</ComboBox>
+			<ComboBox/>
+			<ComboBox/>
+		</StackPanel>
+		<Border>
+			<ListBox Background="Bisque" ItemsSource="{Binding Users}">
+				<ListBox.ItemTemplate>
+					<DataTemplate>
+						<StackPanel Orientation="Horizontal">
+							<TextBlock Text="{Binding Name}" />
+						</StackPanel>
+					</DataTemplate>
+				</ListBox.ItemTemplate>
+			</ListBox>
+		</Border>
+	</DockPanel>
+</UserControl>

Presence.Desktop/Views/GroupView.axaml.cs

@@ -0,0 +1,17 @@
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
+using Avalonia.ReactiveUI;
+using Presence.Desktop.ViewModels;
+using ReactiveUI;
+
+namespace Presence.Desktop;
+
+public partial class GroupView : ReactiveUserControl<GroupViewModel>
+{
+    public GroupView()
+    {
+        this.WhenActivated(disposables => { });
+        AvaloniaXamlLoader.Load(this);
+    }
+}

Presence.Desktop/Views/MainWindow.axaml

@@ -1,20 +1,19 @@
 <Window xmlns="https://github.com/avaloniaui"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-        xmlns:vm="using:Presence.Desktop.ViewModels"
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+        xmlns:app="clr-namespace:Presence.Desktop"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+        xmlns:vm="using:Presence.Desktop.ViewModels"
+        xmlns:reactiveUi="http://reactiveui.net"
         mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
         x:Class="Presence.Desktop.Views.MainWindow"
         x:DataType="vm:MainWindowViewModel"
-        Icon="/Assets/avalonia-logo.ico"
+        Title="MainWindow">
-        Title="Presence.Desktop">
+	<DockPanel>
-
+		<reactiveUi:RoutedViewHost Router="{Binding Router}" DockPanel.Dock="Right" Background="AliceBlue">
-    <Design.DataContext>
+			<reactiveUi:RoutedViewHost.ViewLocator>
-        <!-- This only sets the DataContext for the previewer in an IDE,
+				<app:ViewLocator/>
-             to set the actual DataContext for runtime, set the DataContext property in code (look at App.axaml.cs) -->
+			</reactiveUi:RoutedViewHost.ViewLocator>
-        <vm:MainWindowViewModel/>
+		</reactiveUi:RoutedViewHost>
-    </Design.DataContext>
+	</DockPanel>
-
-    <TextBlock Text="{Binding Greeting}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
-
 </Window>

Presence.Desktop/Views/MainWindow.axaml.cs

@@ -1,12 +1,18 @@
+using Avalonia;
 using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
+using Avalonia.ReactiveUI;
+using Presence.Desktop.ViewModels;
+using ReactiveUI;
 
-namespace Presence.Desktop.Views
+namespace Presence.Desktop.Views;
-{
+
-    public partial class MainWindow : Window
+public partial class MainWindow : ReactiveWindow<MainWindowViewModel>
 {
     public MainWindow()
     {
-            InitializeComponent();
+        this.WhenActivated(disposables => { });
-        }
+        AvaloniaXamlLoader.Load(this);
+
     }
 }

Presence.Desktop/Views/PresenceView.axaml

@@ -0,0 +1,8 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             x:Class="Presence.Desktop.Views.PresenceView">
+	Welcome to Avalonia!
+</UserControl>

Presence.Desktop/Views/PresenceView.axaml.cs

@@ -0,0 +1,17 @@
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
+using Avalonia.ReactiveUI;
+using Presence.Desktop.ViewModels;
+using ReactiveUI;
+
+namespace Presence.Desktop.Views;
+
+public partial class PresenceView : ReactiveUserControl<PresenceViewModel>
+{
+    public PresenceView()
+    {
+        this.WhenActivated(disposables => { });
+        AvaloniaXamlLoader.Load(this);
+    }
+}

data/Repository/IGroupRepository.cs

@@ -10,6 +10,7 @@ namespace data.Repository
     public interface IGroupRepository
     {
         public IEnumerable<GroupDAO> getAllGroup();
+        public Task<IEnumerable<GroupDAO>> getAllGroupAsync();
         public bool addGroup(GroupDAO group);
         public bool addGroupWithStudents(GroupDAO group, IEnumerable<UserDAO> userDAOs);
     }

data/Repository/SQLGroupRepository.cs

@@ -59,5 +59,10 @@ namespace data.Repository
             }
             return false;
         }
+
+        public async Task<IEnumerable<GroupDAO>> getAllGroupAsync()
+        {
+            return await dbContext.groups.Include(group => group.Users).ToListAsync();
+        }
     }
 }

domain/Entity/GroupEntity.cs

@@ -10,7 +10,7 @@ namespace domain.Entity
     {
         public int Id { get; set; }
         public string Name { get; set; }
-        public IEnumerable<UserEntity> Users { get; set; } = null;
+        public List<UserEntity> Users { get; set; } = null;
 
     }
 }

domain/Service/GroupService.cs

@@ -52,5 +52,28 @@ namespace domain.Service
                         }).ToList()
                 }).ToList();
         }
+
+        public async Task<IEnumerable<GroupEntity>> GetGroupsWithStudentsAsync()
+        {
+            var result = await _groupRepository.getAllGroupAsync();
+
+            return result.Select(
+                group => new GroupEntity
+                {
+                    Id = group.Id,
+                    Name = group.Name,
+                    Users = group.Users.Select(
+                        user => new UserEntity
+                        {
+                            Guid = user.Guid,
+                            Name = user.Name,
+                            Group = new GroupEntity
+                            {
+                                Id = group.Id,
+                                Name = group.Name,
+                            }
+                        }).ToList()
+                }).ToList();
+        }
     }
 }

domain/UseCase/IGroupUseCase.cs

@@ -11,6 +11,7 @@ namespace domain.UseCase
     public interface IGroupUseCase
     {
         public IEnumerable<GroupEntity> GetGroupsWithStudents();
+        public Task<IEnumerable<GroupEntity>> GetGroupsWithStudentsAsync();
         public void AddGroup(AddGroupRequest addGroupRequest);
         public void AddGroupWithStudents(AddGroupWithStudentsRequest addGroupWithStudents);
     }

semesterWork.sln

@@ -7,7 +7,14 @@ Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "console_ui", "console_ui\co
 EndProject
 Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "data", "data\data.csproj", "{28FE5F1E-5D2B-4750-AE24-A15BB8A5972D}"
 EndProject
-Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "domain", "domain\domain.csproj", "{78C8AC9B-2B4D-4C71-8469-C6DAE16C9A63}"
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "domain", "domain\domain.csproj", "{78C8AC9B-2B4D-4C71-8469-C6DAE16C9A63}"
+EndProject
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Presence.Api", "Presence.Api\Presence.Api.csproj", "{0493354A-C0C0-49FC-A143-28F2268309E2}"
+	ProjectSection(ProjectDependencies) = postProject
+		{78C8AC9B-2B4D-4C71-8469-C6DAE16C9A63} = {78C8AC9B-2B4D-4C71-8469-C6DAE16C9A63}
+	EndProjectSection
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Presence.Desktop", "Presence.Desktop\Presence.Desktop.csproj", "{D646BC7E-8025-4985-AF9B-5E4474AD7F66}"
 EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
@@ -27,6 +34,14 @@ Global
 		{78C8AC9B-2B4D-4C71-8469-C6DAE16C9A63}.Debug|Any CPU.Build.0 = Debug|Any CPU
 		{78C8AC9B-2B4D-4C71-8469-C6DAE16C9A63}.Release|Any CPU.ActiveCfg = Release|Any CPU
 		{78C8AC9B-2B4D-4C71-8469-C6DAE16C9A63}.Release|Any CPU.Build.0 = Release|Any CPU
+		{0493354A-C0C0-49FC-A143-28F2268309E2}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{0493354A-C0C0-49FC-A143-28F2268309E2}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{0493354A-C0C0-49FC-A143-28F2268309E2}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{0493354A-C0C0-49FC-A143-28F2268309E2}.Release|Any CPU.Build.0 = Release|Any CPU
+		{D646BC7E-8025-4985-AF9B-5E4474AD7F66}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{D646BC7E-8025-4985-AF9B-5E4474AD7F66}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{D646BC7E-8025-4985-AF9B-5E4474AD7F66}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{D646BC7E-8025-4985-AF9B-5E4474AD7F66}.Release|Any CPU.Build.0 = Release|Any CPU
 	EndGlobalSection
 	GlobalSection(SolutionProperties) = preSolution
 		HideSolutionNode = FALSE