UserPage created

WatchIt.Website/WatchIt.Website.Services/WatchIt.Website.Services.Client/WatchIt.Website.Services.Client.csproj

@@ -10,7 +10,7 @@
       <ProjectReference Include="..\..\..\WatchIt.Common\WatchIt.Common.Model\WatchIt.Common.Model.csproj" />
       <ProjectReference Include="..\..\..\WatchIt.Common\WatchIt.Common.Services\WatchIt.Common.Services.HttpClient\WatchIt.Common.Services.HttpClient.csproj" />
       <ProjectReference Include="..\WatchIt.Website.Services.Tokens\WatchIt.Website.Services.Tokens.csproj" />
-      <ProjectReference Include="..\WatchIt.Website.Services.Utility\WatchIt.Website.Services.Configuration\WatchIt.Website.Services.Configuration.csproj" />
+      <ProjectReference Include="..\WatchIt.Website.Services.Configuration\WatchIt.Website.Services.Configuration.csproj" />
     </ItemGroup>
 
 </Project>

WatchIt.Website/WatchIt.Website.Services/WatchIt.Website.Services.Tokens/WatchIt.Website.Services.Tokens.csproj

@@ -8,7 +8,7 @@
 
     <ItemGroup>
       <ProjectReference Include="..\..\..\WatchIt.Common\WatchIt.Common.Model\WatchIt.Common.Model.csproj" />
-      <ProjectReference Include="..\WatchIt.Website.Services.Utility\WatchIt.Website.Services.Configuration\WatchIt.Website.Services.Configuration.csproj" />
+      <ProjectReference Include="..\WatchIt.Website.Services.Configuration\WatchIt.Website.Services.Configuration.csproj" />
     </ItemGroup>
 
 </Project>

WatchIt.Website/WatchIt.Website/Components/Pages/UserPage/Panels/UserPageHeaderPanelComponent.razor.cs

@@ -0,0 +1,7 @@
+using Microsoft.AspNetCore.Components;
+
+namespace WatchIt.Website.Components.Pages.UserPage.Panels;
+
+public partial class UserPageHeaderPanelComponent : ComponentBase
+{
+}

WatchIt.Website/WatchIt.Website/Layout/MainLayout.razor

@@ -61,8 +61,10 @@
                                                 </Button>
                                                 <DropdownToggle Color="Color.Default" Split />
                                                 <DropdownMenu >
+                                                    <DropdownItem Clicked="@(() => NavigationManager.NavigateTo("/user"))">Your profile</DropdownItem>
                                                     @if (_user.IsAdmin)
                                                     {
+                                                        <DropdownDivider/>
                                                         <DropdownItem Clicked="@(() => NavigationManager.NavigateTo("/admin"))">Administrator panel</DropdownItem>
                                                     }
                                                     <DropdownDivider/>

WatchIt.Website/WatchIt.Website/Pages/UserPage.razor

@@ -1 +1,49 @@
-@page "/user/{id:long}"
+@using System.Text
+@using WatchIt.Website.Components.Pages.UserPage.Panels
+
+@page "/user/{id:long?}"
+
+@{
+    StringBuilder sb = new StringBuilder(" - WatchIt");
+
+    if (!_loaded)                   sb.Insert(0, "Loading...");
+    else if (_accountData is null)  sb.Insert(0, "Error");
+    else
+    {
+        if (_owner) sb.Insert(0, "Your profile");
+        else        sb.Insert(0, $"\"{_accountData.Username}\" profile");
+    }
+
+    <PageTitle>@(sb.ToString())</PageTitle>
+}
+
+
+
+<div class="container-grid">
+    @if (!_loaded)
+    {
+        <div class="row">
+            <div class="col">
+                <div class="m-5">
+                    <LoadingComponent/>
+                </div>
+            </div>
+        </div>
+    }
+    else if (_accountData is null)
+    {
+        <div class="row">
+            <div class="col">
+                <ErrorPanelComponent ErrorMessage="@($"User with ID {Id!.Value} was not found")"/>
+            </div>
+        </div>
+    }
+    else
+    {
+        <div class="row">
+            <div class="col">
+                <UserPageHeaderPanelComponent/>
+            </div>
+        </div>
+    }
+</div>

WatchIt.Website/WatchIt.Website/Pages/UserPage.razor.cs

@@ -1,7 +1,87 @@
 using Microsoft.AspNetCore.Components;
+using WatchIt.Common.Model.Accounts;
+using WatchIt.Website.Layout;
+using WatchIt.Website.Services.Authentication;
+using WatchIt.Website.Services.Client.Accounts;
 
 namespace WatchIt.Website.Pages;
 
 public partial class UserPage : ComponentBase
 {
+    #region SERVICES
+    
+    [Inject] private NavigationManager NavigationManager { get; set; } = default!;
+    [Inject] private IAuthenticationService AuthenticationService { get; set; } = default!;
+    [Inject] private IAccountsClientService AccountsClientService { get; set; } = default!;
+    
+    #endregion 
+    
+    
+    
+    #region PARAMETERS
+    
+    [Parameter] public long? Id { get; set; }
+    
+    [CascadingParameter] public MainLayout Layout { get; set; } = default!;
+    
+    #endregion
+    
+    
+    
+    #region FIELDS
+
+    private bool _loaded;
+    private bool _redirection;
+    private bool _owner;
+    private AccountResponse? _accountData;
+    
+    #endregion
+
+
+
+    #region PRIVATE METHODS
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            List<Task> endTasks = new List<Task>();
+            
+            // INIT
+            Layout.BackgroundPhoto = null;
+            
+            // STEP 0
+            endTasks.AddRange(
+            [
+                GetUserData()
+            ]);
+            
+            // END
+            await Task.WhenAll(endTasks);
+
+            _loaded = !_redirection;
+            StateHasChanged();
+        }
+    }
+
+    private async Task GetUserData()
+    {
+        User? user = await AuthenticationService.GetUserAsync();
+        if (!Id.HasValue)
+        {
+            if (user is null)
+            {
+                NavigationManager.NavigateTo("/auth");
+                _redirection = true;
+                return;
+            }
+            Id = user.Id;
+        }
+        
+        await AccountsClientService.GetAccountInfoById(Id.Value, data => _accountData = data);
+        _owner = Id.Value == user?.Id;
+    }
+    
+
+    #endregion
 }

WatchIt.Website/WatchIt.Website/WatchIt.Website.csproj

@@ -17,7 +17,7 @@
       <ProjectReference Include="..\..\WatchIt.Common\WatchIt.Common.Services\WatchIt.Common.Services.HttpClient\WatchIt.Common.Services.HttpClient.csproj" />
       <ProjectReference Include="..\..\WatchIt.WebAPI\WatchIt.WebAPI.Services\WatchIt.WebAPI.Services.Utility\WatchIt.WebAPI.Services.Utility.Tokens\WatchIt.WebAPI.Services.Utility.Tokens.csproj" />
       <ProjectReference Include="..\WatchIt.Website.Services\WatchIt.Website.Services.Authentication\WatchIt.Website.Services.Authentication.csproj" />
-      <ProjectReference Include="..\WatchIt.Website.Services\WatchIt.Website.Services.Utility\WatchIt.Website.Services.Configuration\WatchIt.Website.Services.Configuration.csproj" />
+      <ProjectReference Include="..\WatchIt.Website.Services\WatchIt.Website.Services.Configuration\WatchIt.Website.Services.Configuration.csproj" />
     </ItemGroup>
 
     <ItemGroup>