From bcd4628ba2576704113d6b2eb7983f3f38c134b5 Mon Sep 17 00:00:00 2001
From: Mateusz Skoczek <mateusz5432160@gmail.com>
Date: Tue, 22 Oct 2024 02:34:02 +0200
Subject: [PATCH] person page created, small fixes

---
 .../IPersonsWebAPIService.cs                  |  1 +
 .../PersonsWebAPIService.cs                   |  2 +-
 .../Panels/ItemPageHeaderPanelComponent.razor | 22 ++++++
 .../ItemPageHeaderPanelComponent.razor.cs     | 51 +++++++++++++
 .../ItemPageHeaderPanelComponent.razor.css    | 13 ++++
 .../Panels/PictureEditorPanelComponent.razor  |  2 +-
 .../Subcomponents/PictureComponent.razor      |  8 +--
 .../WatchIt.Website/Pages/MediaPage.razor     | 37 ++--------
 .../WatchIt.Website/Pages/MediaPage.razor.cs  |  1 -
 .../WatchIt.Website/Pages/PersonPage.razor    | 51 +++++++++++++
 .../WatchIt.Website/Pages/PersonPage.razor.cs | 72 +++++++++++++++++++
 .../PersonPage.razor.css}                     |  0
 .../WatchIt.Website/WatchIt.Website.csproj    |  5 ++
 13 files changed, 224 insertions(+), 41 deletions(-)
 create mode 100644 WatchIt.Website/WatchIt.Website/Components/Common/Panels/ItemPageHeaderPanelComponent.razor
 create mode 100644 WatchIt.Website/WatchIt.Website/Components/Common/Panels/ItemPageHeaderPanelComponent.razor.cs
 create mode 100644 WatchIt.Website/WatchIt.Website/Components/Common/Panels/ItemPageHeaderPanelComponent.razor.css
 create mode 100644 WatchIt.Website/WatchIt.Website/Pages/PersonPage.razor
 create mode 100644 WatchIt.Website/WatchIt.Website/Pages/PersonPage.razor.cs
 rename WatchIt.Website/WatchIt.Website/{Components/Common/Panels/PictureEditorPanelComponent.razor.css => Pages/PersonPage.razor.css} (100%)

diff --git a/WatchIt.Website/WatchIt.Website.Services/WatchIt.Website.Services.WebAPI/WatchIt.Website.Services.WebAPI.Persons/IPersonsWebAPIService.cs b/WatchIt.Website/WatchIt.Website.Services/WatchIt.Website.Services.WebAPI/WatchIt.Website.Services.WebAPI.Persons/IPersonsWebAPIService.cs
index c1f7cd9..bbb0b96 100644
--- a/WatchIt.Website/WatchIt.Website.Services/WatchIt.Website.Services.WebAPI/WatchIt.Website.Services.WebAPI.Persons/IPersonsWebAPIService.cs
+++ b/WatchIt.Website/WatchIt.Website.Services/WatchIt.Website.Services.WebAPI/WatchIt.Website.Services.WebAPI.Persons/IPersonsWebAPIService.cs
@@ -12,6 +12,7 @@ public interface IPersonsWebAPIService
     Task DeletePerson(long id, Action? successAction = null, Action? unauthorizedAction = null, Action? forbiddenAction = null);
     
     Task GetPersonsViewRank(int? first = null, int? days = null, Action<IEnumerable<PersonResponse>>? successAction = null, Action<IDictionary<string, string[]>>? badRequestAction = null);
+    Task PostPersonView(long personId, Action? successAction = null, Action? notFoundAction = null);
     
     Task GetPersonPhoto(long id, Action<PersonPhotoResponse>? successAction = null, Action<IDictionary<string, string[]>>? badRequestAction = null, Action? notFoundAction = null);
     Task PutPersonPhoto(long id, PersonPhotoRequest data, Action<PersonPhotoResponse>? successAction = null, Action<IDictionary<string, string[]>>? badRequestAction = null, Action? unauthorizedAction = null, Action? forbiddenAction = null);
diff --git a/WatchIt.Website/WatchIt.Website.Services/WatchIt.Website.Services.WebAPI/WatchIt.Website.Services.WebAPI.Persons/PersonsWebAPIService.cs b/WatchIt.Website/WatchIt.Website.Services/WatchIt.Website.Services.WebAPI/WatchIt.Website.Services.WebAPI.Persons/PersonsWebAPIService.cs
index cd1fd70..a3c8e14 100644
--- a/WatchIt.Website/WatchIt.Website.Services/WatchIt.Website.Services.WebAPI/WatchIt.Website.Services.WebAPI.Persons/PersonsWebAPIService.cs
+++ b/WatchIt.Website/WatchIt.Website.Services/WatchIt.Website.Services.WebAPI/WatchIt.Website.Services.WebAPI.Persons/PersonsWebAPIService.cs
@@ -139,7 +139,7 @@ public class PersonsWebAPIService : BaseWebAPIService, IPersonsWebAPIService
                 .ExecuteAction();
     }
     
-    public async Task PostPersonsView(long personId, Action? successAction = null, Action? notFoundAction = null)
+    public async Task PostPersonView(long personId, Action? successAction = null, Action? notFoundAction = null)
     {
         string url = GetUrl(EndpointsConfiguration.Persons.PostPersonsView, personId);
         
diff --git a/WatchIt.Website/WatchIt.Website/Components/Common/Panels/ItemPageHeaderPanelComponent.razor b/WatchIt.Website/WatchIt.Website/Components/Common/Panels/ItemPageHeaderPanelComponent.razor
new file mode 100644
index 0000000..689936a
--- /dev/null
+++ b/WatchIt.Website/WatchIt.Website/Components/Common/Panels/ItemPageHeaderPanelComponent.razor
@@ -0,0 +1,22 @@
+<div class="container-grid mt-grid">
+    <div class="row">
+        <div class="col-auto">
+            <PictureComponent Picture="@(_poster)" Placeholder="@(PosterPlaceholder)" AlternativeText="poster" Height="350"/>
+        </div>
+        <div class="col">
+            <div class="d-flex flex-column justify-content-end h-100">
+                <h1 class="fw-bold title-shadow">@(Name)</h1>
+                <div class="d-flex flex-column gap-3">
+                    @if (!string.IsNullOrWhiteSpace(Subname))
+                    {
+                        <span class="fst-italic description-shadow">@(Subname)</span>
+                    }
+                    @if (!string.IsNullOrWhiteSpace(Description))
+                    {
+                        <span class="description-shadow">@(Description)</span>
+                    }
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/WatchIt.Website/WatchIt.Website/Components/Common/Panels/ItemPageHeaderPanelComponent.razor.cs b/WatchIt.Website/WatchIt.Website/Components/Common/Panels/ItemPageHeaderPanelComponent.razor.cs
new file mode 100644
index 0000000..96e0fdd
--- /dev/null
+++ b/WatchIt.Website/WatchIt.Website/Components/Common/Panels/ItemPageHeaderPanelComponent.razor.cs
@@ -0,0 +1,51 @@
+using Microsoft.AspNetCore.Components;
+using WatchIt.Common.Model;
+
+namespace WatchIt.Website.Components.Common.Panels;
+
+public partial class ItemPageHeaderPanelComponent : ComponentBase
+{
+    #region PARAMETERS
+    
+    [Parameter] public required string Name { get; set; }
+    [Parameter] public string? Subname { get; set; }
+    [Parameter] public string? Description { get; set; }
+    
+    [Parameter] public required string PosterPlaceholder { get; set; }
+    [Parameter] public required Func<Action<Picture>, Task> GetPosterMethod { get; set; }
+
+    #endregion
+    
+    
+    
+    #region FIELDS
+    
+    private Picture? _poster;
+    
+    #endregion
+
+
+
+    #region PRIVATE METHODS
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            List<Task> endTasks = new List<Task>(1);
+            
+            // STEP 0
+            endTasks.AddRange(
+            [
+                GetPosterMethod(data => _poster = data)
+            ]);
+            
+            // END
+            await Task.WhenAll(endTasks);
+            
+            StateHasChanged();
+        }
+    }
+
+    #endregion
+}
\ No newline at end of file
diff --git a/WatchIt.Website/WatchIt.Website/Components/Common/Panels/ItemPageHeaderPanelComponent.razor.css b/WatchIt.Website/WatchIt.Website/Components/Common/Panels/ItemPageHeaderPanelComponent.razor.css
new file mode 100644
index 0000000..8d33a8c
--- /dev/null
+++ b/WatchIt.Website/WatchIt.Website/Components/Common/Panels/ItemPageHeaderPanelComponent.razor.css
@@ -0,0 +1,13 @@
+/* CLASSES */
+
+.mt-grid {
+    margin-top: 9rem !important;
+}
+
+.title-shadow {
+    text-shadow: 2px 2px 2px #000;
+}
+
+.description-shadow {
+    text-shadow: 1px 1px 1px #000;
+}
\ No newline at end of file
diff --git a/WatchIt.Website/WatchIt.Website/Components/Common/Panels/PictureEditorPanelComponent.razor b/WatchIt.Website/WatchIt.Website/Components/Common/Panels/PictureEditorPanelComponent.razor
index f2a1ac3..2264955 100644
--- a/WatchIt.Website/WatchIt.Website/Components/Common/Panels/PictureEditorPanelComponent.razor
+++ b/WatchIt.Website/WatchIt.Website/Components/Common/Panels/PictureEditorPanelComponent.razor
@@ -2,7 +2,7 @@
     @if (_loaded)
     {
         <div class="vstack gap-3">
-            <PictureComponent Picture="@(_pictureSelected)" Placeholder="@(PicturePlaceholder)" AlternativeText="poster" Width="@(ContentWidth)"/>
+            <PictureComponent Picture="@(_pictureSelected)" Placeholder="@(PicturePlaceholder)" AlternativeText="poster" Width="@(ContentWidth)" AspectRatio="PictureComponent.PictureComponentAspectRatio.Default"/>
             <InputFile class="form-control content-width" OnChange="Load" disabled="@(!Id.HasValue)" autocomplete="off"/>
             @if (_pictureChanged || _pictureSaved is not null)
             {
diff --git a/WatchIt.Website/WatchIt.Website/Components/Common/Subcomponents/PictureComponent.razor b/WatchIt.Website/WatchIt.Website/Components/Common/Subcomponents/PictureComponent.razor
index 52a3e03..398c4d6 100644
--- a/WatchIt.Website/WatchIt.Website/Components/Common/Subcomponents/PictureComponent.razor
+++ b/WatchIt.Website/WatchIt.Website/Components/Common/Subcomponents/PictureComponent.razor
@@ -1,7 +1 @@
-<img id="imgObject" class="rounded-2 shadow object-fit-cover @(Class)" src="@(Picture is not null ? Picture.ToString() : Placeholder)" alt="@(AlternativeText)" @attributes="@(_attributes)"/>
-
-<style>
-    #imgObject {
-        aspect-ratio: @(AspectRatio.ToString());
-    }
-</style>
\ No newline at end of file
+<img id="imgObject" class="rounded-2 shadow object-fit-cover @(Class)" src="@(Picture is not null ? Picture.ToString() : Placeholder)" alt="@(AlternativeText)" @attributes="@(_attributes)" style="aspect-ratio: @(AspectRatio.ToString());"/>
\ No newline at end of file
diff --git a/WatchIt.Website/WatchIt.Website/Pages/MediaPage.razor b/WatchIt.Website/WatchIt.Website/Pages/MediaPage.razor
index 47a2c9b..08f47bd 100644
--- a/WatchIt.Website/WatchIt.Website/Pages/MediaPage.razor
+++ b/WatchIt.Website/WatchIt.Website/Pages/MediaPage.razor
@@ -30,32 +30,13 @@ else
     {
         if (string.IsNullOrWhiteSpace(_error))
         {
-            <div class="row mt-9">
-                <div class="col-auto">
-                    <PictureComponent Picture="@(_poster)" Placeholder="/assets/media_poster.png" AlternativeText="poster" Width="200"/>
-                </div>
+            <div class="row">
                 <div class="col">
-                    <div class="d-flex h-100">
-                        <div class="container-grid align-self-end">
-                            <div class="row">
-                                <div class="col">
-                                    <h1 class="align-self-end title-shadow">
-                                        <strong>@_media.Title</strong>
-                                    </h1>
-                                </div>
-                            </div>
-                            @if (!string.IsNullOrWhiteSpace(_media.Description))
-                            {
-                                <div class="row">
-                                    <div class="col">
-                                        <div class="description-shadow">
-                                            @_media.Description
-                                        </div>
-                                    </div>
-                                </div>
-                            }
-                        </div>
-                    </div>
+                    <ItemPageHeaderPanelComponent Name="@(_media.Title)"
+                                                  Subname="@(_media.OriginalTitle)"
+                                                  Description="@(_media.Description)"
+                                                  PosterPlaceholder="/assets/media_poster.png"
+                                                  GetPosterMethod="@(action => MediaWebAPIService.GetMediaPoster(_media.Id, action))"/>
                 </div>
             </div>
             <div class="row mt-3 gx-3">
@@ -68,12 +49,6 @@ else
                                         <div class="metadata-pill">
                                             <strong>@(_media.Type == MediaType.Movie ? "Movie" : "TV Series")</strong>
                                         </div>
-                                        @if (!string.IsNullOrWhiteSpace(_media.OriginalTitle))
-                                        {
-                                            <div class="metadata-pill">
-                                                <strong>Original title:</strong> @_media.OriginalTitle
-                                            </div>
-                                        }
                                         @if (_media.ReleaseDate is not null)
                                         {
                                             <div class="metadata-pill">
diff --git a/WatchIt.Website/WatchIt.Website/Pages/MediaPage.razor.cs b/WatchIt.Website/WatchIt.Website/Pages/MediaPage.razor.cs
index fb48fd0..e3321c9 100644
--- a/WatchIt.Website/WatchIt.Website/Pages/MediaPage.razor.cs
+++ b/WatchIt.Website/WatchIt.Website/Pages/MediaPage.razor.cs
@@ -90,7 +90,6 @@ public partial class MediaPage : ComponentBase
                 [
                     MediaWebAPIService.PostMediaView(Id),
                     MediaWebAPIService.GetMediaPhotoRandomBackground(Id, data => Layout.BackgroundPhoto = data),
-                    MediaWebAPIService.GetMediaPoster(Id, data => _poster = data),
                     MediaWebAPIService.GetMediaGenres(Id, data => _genres = data),
                     MediaWebAPIService.GetMediaRating(Id, data => _globalRating = data),
                     _media.Type == MediaType.Movie ? MoviesWebAPIService.GetMovie(Id, data => _movie = data) : SeriesWebAPIService.GetSeries(Id, data => _series = data),
diff --git a/WatchIt.Website/WatchIt.Website/Pages/PersonPage.razor b/WatchIt.Website/WatchIt.Website/Pages/PersonPage.razor
new file mode 100644
index 0000000..4a1c110
--- /dev/null
+++ b/WatchIt.Website/WatchIt.Website/Pages/PersonPage.razor
@@ -0,0 +1,51 @@
+@using System.Text
+
+@page "/person/{id:long}"
+
+@{
+    StringBuilder sb = new StringBuilder(" - WatchIt");
+    
+    if (!_loaded)               { sb.Insert(0, "Loading..."); }
+    else if (_person is null)   { sb.Insert(0, "Error"); }
+    else                        { sb.Insert(0, _person.Name); }
+    
+    <PageTitle>@(sb.ToString())</PageTitle>
+}
+
+
+
+<div class="container-grid">
+    @if (_loaded)
+    {
+        if (_person is not null)
+        {
+            <div class="row">
+                <div class="col">
+                    <ItemPageHeaderPanelComponent Name="@(_person.Name)"
+                                                  Subname="@(_person.FullName)"
+                                                  Description="@(_person.Description)"
+                                                  PosterPlaceholder="/assets/person_poster.png"
+                                                  GetPosterMethod="@(action => PersonsWebAPIService.GetPersonPhoto(_person.Id, action))"/>
+                </div>
+            </div>
+        }
+        else
+        {
+            <div class="row">
+                <div class="col">
+                    <ErrorPanelComponent ErrorMessage="@($"Person with ID {Id} was not found")"/>
+                </div>
+            </div>
+        }
+    }
+    else
+    {
+        <div class="row">
+            <div class="col">
+                <div class="m-5">
+                    <LoadingComponent/>
+                </div>
+            </div>
+        </div>
+    }
+</div>
\ No newline at end of file
diff --git a/WatchIt.Website/WatchIt.Website/Pages/PersonPage.razor.cs b/WatchIt.Website/WatchIt.Website/Pages/PersonPage.razor.cs
new file mode 100644
index 0000000..79886bb
--- /dev/null
+++ b/WatchIt.Website/WatchIt.Website/Pages/PersonPage.razor.cs
@@ -0,0 +1,72 @@
+using Microsoft.AspNetCore.Components;
+using WatchIt.Common.Model.Persons;
+using WatchIt.Website.Layout;
+using WatchIt.Website.Services.WebAPI.Persons;
+
+namespace WatchIt.Website.Pages;
+
+public partial class PersonPage : ComponentBase
+{
+    #region SERVICES
+
+    [Inject] private IPersonsWebAPIService PersonsWebAPIService { 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 PersonResponse? _person;
+
+    #endregion
+
+
+
+    #region PRIVATE METHODS
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            // INIT
+            Layout.BackgroundPhoto = null;
+            
+            List<Task> step1Tasks = new List<Task>(1);
+            List<Task> endTasks = new List<Task>(1);
+            
+            // STEP 0
+            step1Tasks.AddRange(
+            [
+                PersonsWebAPIService.GetPerson(Id, data => _person = data)
+            ]);
+            
+            // STEP 1
+            await Task.WhenAll(step1Tasks);
+            endTasks.AddRange(
+            [
+                PersonsWebAPIService.PostPersonView(Id),
+            ]);
+            
+            // END
+            await Task.WhenAll(endTasks);
+            
+            _loaded = true;
+            StateHasChanged();
+        }
+    }
+
+    #endregion
+}
\ No newline at end of file
diff --git a/WatchIt.Website/WatchIt.Website/Components/Common/Panels/PictureEditorPanelComponent.razor.css b/WatchIt.Website/WatchIt.Website/Pages/PersonPage.razor.css
similarity index 100%
rename from WatchIt.Website/WatchIt.Website/Components/Common/Panels/PictureEditorPanelComponent.razor.css
rename to WatchIt.Website/WatchIt.Website/Pages/PersonPage.razor.css
diff --git a/WatchIt.Website/WatchIt.Website/WatchIt.Website.csproj b/WatchIt.Website/WatchIt.Website/WatchIt.Website.csproj
index eb28837..96dece4 100644
--- a/WatchIt.Website/WatchIt.Website/WatchIt.Website.csproj
+++ b/WatchIt.Website/WatchIt.Website/WatchIt.Website.csproj
@@ -51,4 +51,9 @@
       <PackageReference Include="Blazorise.Icons.FontAwesome" Version="1.6.1" />
     </ItemGroup>
 
+    <ItemGroup>
+      <Folder Include="Components\Pages\PersonPage\Panels\" />
+      <Folder Include="Components\Pages\PersonPage\Subcomponents\" />
+    </ItemGroup>
+
 </Project>