Merge pull request #89 from mateuszskoczek/features/rankings

Features/rankings

WatchIt.Common/WatchIt.Common.Model/Genres/GenreQueryParameters.cs

@@ -21,9 +21,9 @@ public class GenreQueryParameters : QueryParameters<GenreResponse>
 
     public override bool IsMeetingConditions(GenreResponse item) =>
     (
-        TestString(item.Name, Name)
+        TestStringWithRegex(item.Name, Name)
         &&
-        TestString(item.Description, Description)
+        TestStringWithRegex(item.Description, Description)
     );
 
     #endregion

WatchIt.Common/WatchIt.Common.Model/Genres/GenreResponse.cs

@@ -1,12 +1,22 @@
 using System.Diagnostics.CodeAnalysis;
 using System.Text.Json.Serialization;
+using WatchIt.Common.Query;
 
 namespace WatchIt.Common.Model.Genres;
 
-public class GenreResponse : Genre
+public class GenreResponse : Genre, IQueryOrderable<GenreResponse>
 {
     #region PROPERTIES
 
+    [JsonIgnore]
+    public static IDictionary<string, Func<GenreResponse, IComparable>> OrderableProperties { get; } = new Dictionary<string, Func<GenreResponse, IComparable>>
+    {
+        { "id", x => x.Id },
+        { "name", x => x.Name },
+        { "description", x => x.Description }
+    };
+
+    
     [JsonPropertyName("id")]
     public long Id { get; set; }
 

WatchIt.Common/WatchIt.Common.Model/Media/MediaQueryParameters.cs

@@ -0,0 +1,84 @@
+using Microsoft.AspNetCore.Mvc;
+using WatchIt.Common.Query;
+
+namespace WatchIt.Common.Model.Media;
+
+public class MediaQueryParameters : QueryParameters<MediaResponse>
+{
+    #region PROPERTIES
+    
+    [FromQuery(Name = "type")]
+    public MediaType? Type { get; set; }
+
+    [FromQuery(Name = "title")]
+    public string? Title { get; set; }
+
+    [FromQuery(Name = "original_title")]
+    public string? OriginalTitle { get; set; }
+
+    [FromQuery(Name = "description")]
+    public string? Description { get; set; }
+
+    [FromQuery(Name = "release_date")]
+    public DateOnly? ReleaseDate { get; set; }
+
+    [FromQuery(Name = "release_date_from")]
+    public DateOnly? ReleaseDateFrom { get; set; }
+
+    [FromQuery(Name = "release_date_to")]
+    public DateOnly? ReleaseDateTo { get; set; }
+
+    [FromQuery(Name = "length")]
+    public short? Length { get; set; }
+
+    [FromQuery(Name = "length_from")]
+    public short? LengthFrom { get; set; }
+
+    [FromQuery(Name = "length_to")]
+    public short? LengthTo { get; set; }
+
+    [FromQuery(Name = "rating_average")]
+    public decimal? RatingAverage { get; set; }
+
+    [FromQuery(Name = "rating_average_from")]
+    public decimal? RatingAverageFrom { get; set; }
+
+    [FromQuery(Name = "rating_average_to")]
+    public decimal? RatingAverageTo { get; set; }
+
+    [FromQuery(Name = "rating_count")]
+    public long? RatingCount { get; set; }
+
+    [FromQuery(Name = "rating_count_from")]
+    public long? RatingCountFrom { get; set; }
+
+    [FromQuery(Name = "rating_count_to")]
+    public long? RatingCountTo { get; set; }
+
+    #endregion
+    
+    
+    
+    #region PUBLIC METHODS
+
+    public override bool IsMeetingConditions(MediaResponse item) =>
+    (
+        Test(item.Type, Type)
+        &&
+        TestStringWithRegex(item.Title, Title)
+        &&
+        TestStringWithRegex(item.OriginalTitle, OriginalTitle)
+        &&
+        TestStringWithRegex(item.Description, Description)
+        &&
+        TestComparable(item.ReleaseDate, ReleaseDate, ReleaseDateFrom, ReleaseDateTo)
+        &&
+        TestComparable(item.Length, Length, LengthFrom, LengthTo)
+        &&
+        TestComparable(item.Rating.Average, RatingAverage, RatingAverageFrom, RatingAverageTo)
+        &&
+        TestComparable(item.Rating.Count, RatingCount, RatingCountFrom, RatingCountTo)
+    );
+
+    #endregion
+}

WatchIt.Common/WatchIt.Common.Model/Media/MediaResponse.cs

@@ -1,17 +1,36 @@
 using System.Diagnostics.CodeAnalysis;
 using System.Text.Json.Serialization;
+using WatchIt.Common.Model.Rating;
+using WatchIt.Common.Query;
 
 namespace WatchIt.Common.Model.Media;
 
-public class MediaResponse : Media
+public class MediaResponse : Media, IQueryOrderable<MediaResponse>
 {
     #region PROPERTIES
 
+    [JsonIgnore]
+    public static IDictionary<string, Func<MediaResponse, IComparable>> OrderableProperties { get; } = new Dictionary<string, Func<MediaResponse, IComparable>>
+    {
+        { "id", x => x.Id },
+        { "title", x => x.Title },
+        { "original_title", x => x.OriginalTitle },
+        { "description", x => x.Description },
+        { "release_date", x => x.ReleaseDate },
+        { "length", x => x.Length },
+        { "rating.average", x => x.Rating.Average },
+        { "rating.count", x => x.Rating.Count }
+    };
+    
+    
     [JsonPropertyName("id")]
     public long Id { get; set; }
     
     [JsonPropertyName("type")]
     public MediaType Type { get; set; }
+    
+    [JsonPropertyName("rating")]
+    public RatingResponse Rating { get; set; }
 
     #endregion
 
@@ -32,6 +51,7 @@ public class MediaResponse : Media
         ReleaseDate = media.ReleaseDate;
         Length = media.Length;
         Type = mediaType;
+        Rating = new RatingResponse(media.RatingMedia);
     }
 
     #endregion

WatchIt.Common/WatchIt.Common.Model/Movies/MovieQueryParameters.cs

@@ -43,6 +43,24 @@ public class MovieQueryParameters : QueryParameters<MovieResponse>
     [FromQuery(Name = "budget_to")]
     public decimal? BudgetTo { get; set; }
 
+    [FromQuery(Name = "rating_average")]
+    public decimal? RatingAverage { get; set; }
+
+    [FromQuery(Name = "rating_average_from")]
+    public decimal? RatingAverageFrom { get; set; }
+
+    [FromQuery(Name = "rating_average_to")]
+    public decimal? RatingAverageTo { get; set; }
+
+    [FromQuery(Name = "rating_count")]
+    public long? RatingCount { get; set; }
+
+    [FromQuery(Name = "rating_count_from")]
+    public long? RatingCountFrom { get; set; }
+
+    [FromQuery(Name = "rating_count_to")]
+    public long? RatingCountTo { get; set; }
+
     #endregion
     
     
@@ -51,17 +69,21 @@ public class MovieQueryParameters : QueryParameters<MovieResponse>
 
     public override bool IsMeetingConditions(MovieResponse item) =>
     (
-        TestString(item.Title, Title)
+        TestStringWithRegex(item.Title, Title)
         &&
-        TestString(item.OriginalTitle, OriginalTitle)
+        TestStringWithRegex(item.OriginalTitle, OriginalTitle)
         &&
-        TestString(item.Description, Description)
+        TestStringWithRegex(item.Description, Description)
         &&
         TestComparable(item.ReleaseDate, ReleaseDate, ReleaseDateFrom, ReleaseDateTo)
         &&
         TestComparable(item.Length, Length, LengthFrom, LengthTo)
         &&
         TestComparable(item.Budget, Budget, BudgetFrom, BudgetTo)
+        &&
+        TestComparable(item.Rating.Average, RatingAverage, RatingAverageFrom, RatingAverageTo)
+        &&
+        TestComparable(item.Rating.Count, RatingCount, RatingCountFrom, RatingCountTo)
     );
 
     #endregion

WatchIt.Common/WatchIt.Common.Model/Movies/MovieResponse.cs

@@ -1,15 +1,35 @@
 using System.Diagnostics.CodeAnalysis;
 using System.Text.Json.Serialization;
+using WatchIt.Common.Model.Rating;
+using WatchIt.Common.Query;
 using WatchIt.Database.Model.Media;
 
 namespace WatchIt.Common.Model.Movies;
 
-public class MovieResponse : Movie
+public class MovieResponse : Movie, IQueryOrderable<MovieResponse>
 {
     #region PROPERTIES
 
+    [JsonIgnore]
+    public static IDictionary<string, Func<MovieResponse, IComparable>> OrderableProperties { get; } = new Dictionary<string, Func<MovieResponse, IComparable>>
+    {
+        { "id", x => x.Id },
+        { "title", x => x.Title },
+        { "original_title", x => x.OriginalTitle },
+        { "description", x => x.Description },
+        { "release_date", x => x.ReleaseDate },
+        { "length", x => x.Length },
+        { "budget", x => x.Budget },
+        { "rating.average", x => x.Rating.Average },
+        { "rating.count", x => x.Rating.Count }
+    };
+
+
     [JsonPropertyName("id")]
     public long Id { get; set; }
+    
+    [JsonPropertyName("rating")]
+    public RatingResponse Rating { get; set; }
 
     #endregion
     
@@ -30,6 +50,7 @@ public class MovieResponse : Movie
         ReleaseDate = mediaMovie.Media.ReleaseDate;
         Length = mediaMovie.Media.Length;
         Budget = mediaMovie.Budget;
+        Rating = new RatingResponse(mediaMovie.Media.RatingMedia);
     }
 
     #endregion

WatchIt.Common/WatchIt.Common.Model/Photos/PhotoQueryParameters.cs

@@ -1,5 +1,7 @@
+using System.Text.Json.Serialization;
 using Microsoft.AspNetCore.Mvc;
 using WatchIt.Common.Model.Media;
+using WatchIt.Common.Model.Series;
 using WatchIt.Common.Query;
 
 namespace WatchIt.Common.Model.Photos;
@@ -34,11 +36,11 @@ public class PhotoQueryParameters : QueryParameters<PhotoResponse>
 
     public override bool IsMeetingConditions(PhotoResponse item) =>
     (
-        TestString(item.MimeType, MimeType)
+        TestStringWithRegex(item.MimeType, MimeType)
         &&
-        TestBoolean(item.Background is not null, IsBackground)
+        Test(item.Background is not null, IsBackground)
         &&
-        TestBoolean(item.Background is not null && item.Background.IsUniversalBackground, IsUniversalBackground)
+        Test(item.Background is not null && item.Background.IsUniversalBackground, IsUniversalBackground)
         &&
         TestComparable(item.UploadDate, UploadDate, UploadDateFrom, UploadDateTo)
     );

WatchIt.Common/WatchIt.Common.Model/Photos/PhotoResponse.cs

@@ -1,13 +1,25 @@
 using System.Diagnostics.CodeAnalysis;
 using System.Text.Json.Serialization;
+using WatchIt.Common.Query;
 using WatchIt.Database.Model.Media;
 
 namespace WatchIt.Common.Model.Photos;
 
-public class PhotoResponse : Photo
+public class PhotoResponse : Photo, IQueryOrderable<PhotoResponse>
 {
     #region PROPERTIES
     
+    [JsonIgnore]
+    public static IDictionary<string, Func<PhotoResponse, IComparable>> OrderableProperties { get; } = new Dictionary<string, Func<PhotoResponse, IComparable>>
+    {
+        { "id", x => x.Id },
+        { "media_id", x => x.MediaId },
+        { "mime_type", x => x.MimeType },
+        { "is_background", x => x.Background is not null },
+        { "is_universal_background", x => x.Background is not null && x.Background.IsUniversalBackground }
+    };
+
+    
     [JsonPropertyName("id")]
     public Guid Id { get; set; }
     

WatchIt.Common/WatchIt.Common.Model/Rating/RatingResponse.cs

@@ -1,5 +1,6 @@
 using System.Diagnostics.CodeAnalysis;
 using System.Text.Json.Serialization;
+using WatchIt.Database.Model.Rating;
 
 namespace WatchIt.Common.Model.Rating;
 
@@ -7,11 +8,11 @@ public class RatingResponse
 {
     #region PROPERTIES
     
-    [JsonPropertyName("rating_average")]
+    [JsonPropertyName("average")]
-    public required double RatingAverage { get; set; }
+    public required decimal Average { get; set; }
     
-    [JsonPropertyName("rating_count")]
+    [JsonPropertyName("count")]
-    public required long RatingCount { get; set; }
+    public required long Count { get; set; }
     
     #endregion
     
@@ -21,12 +22,15 @@ public class RatingResponse
 
     [JsonConstructor]
     public RatingResponse() {}
-    
+
     [SetsRequiredMembers]
-    public RatingResponse(double ratingAverage, long ratingCount)
+    public RatingResponse(IEnumerable<RatingMedia> ratingMedia) : this(ratingMedia.Any() ? (decimal)ratingMedia.Average(x => x.Rating) : 0, ratingMedia.Count()) {}
+
+    [SetsRequiredMembers]
+    public RatingResponse(decimal ratingAverage, long ratingCount)
     {
-        RatingAverage = ratingAverage;
+        Average = ratingAverage;
-        RatingCount = ratingCount;
+        Count = ratingCount;
     }
 
     #endregion

WatchIt.Common/WatchIt.Common.Model/Series/SeriesQueryParameters.cs

@@ -37,6 +37,24 @@ public class SeriesQueryParameters : QueryParameters<SeriesResponse>
     [FromQuery(Name = "has_ended")]
     public bool? HasEnded { get; set; }
 
+    [FromQuery(Name = "rating_average")]
+    public decimal? RatingAverage { get; set; }
+
+    [FromQuery(Name = "rating_average_from")]
+    public decimal? RatingAverageFrom { get; set; }
+
+    [FromQuery(Name = "rating_average_to")]
+    public decimal? RatingAverageTo { get; set; }
+
+    [FromQuery(Name = "rating_count")]
+    public long? RatingCount { get; set; }
+
+    [FromQuery(Name = "rating_count_from")]
+    public long? RatingCountFrom { get; set; }
+
+    [FromQuery(Name = "rating_count_to")]
+    public long? RatingCountTo { get; set; }
+
     #endregion
     
     
@@ -45,17 +63,21 @@ public class SeriesQueryParameters : QueryParameters<SeriesResponse>
 
     public override bool IsMeetingConditions(SeriesResponse item) =>
     (
-        TestString(item.Title, Title)
+        TestStringWithRegex(item.Title, Title)
         &&
-        TestString(item.OriginalTitle, OriginalTitle)
+        TestStringWithRegex(item.OriginalTitle, OriginalTitle)
         &&
-        TestString(item.Description, Description)
+        TestStringWithRegex(item.Description, Description)
         &&
         TestComparable(item.ReleaseDate, ReleaseDate, ReleaseDateFrom, ReleaseDateTo)
         &&
         TestComparable(item.Length, Length, LengthFrom, LengthTo)
         &&
-        TestBoolean(item.HasEnded, HasEnded)
+        Test(item.HasEnded, HasEnded)
+        &&
+        TestComparable(item.Rating.Average, RatingAverage, RatingAverageFrom, RatingAverageTo)
+        &&
+        TestComparable(item.Rating.Count, RatingCount, RatingCountFrom, RatingCountTo)
     );
 
     #endregion

WatchIt.Common/WatchIt.Common.Model/Series/SeriesResponse.cs

@@ -1,15 +1,35 @@
 using System.Diagnostics.CodeAnalysis;
 using System.Text.Json.Serialization;
+using WatchIt.Common.Model.Rating;
+using WatchIt.Common.Query;
 using WatchIt.Database.Model.Media;
 
 namespace WatchIt.Common.Model.Series;
 
-public class SeriesResponse : Series
+public class SeriesResponse : Series, IQueryOrderable<SeriesResponse>
 {
     #region PROPERTIES
 
+    [JsonIgnore]
+    public static IDictionary<string, Func<SeriesResponse, IComparable>> OrderableProperties { get; } = new Dictionary<string, Func<SeriesResponse, IComparable>>
+    {
+        { "id", x => x.Id },
+        { "title", x => x.Title },
+        { "original_title", x => x.OriginalTitle },
+        { "description", x => x.Description },
+        { "release_date", x => x.ReleaseDate },
+        { "length", x => x.Length },
+        { "has_ended", x => x.HasEnded },
+        { "rating.average", x => x.Rating.Average },
+        { "rating.count", x => x.Rating.Count }
+    };
+    
+
     [JsonPropertyName("id")]
     public long Id { get; set; }
+    
+    [JsonPropertyName("rating")]
+    public RatingResponse Rating { get; set; }
 
     #endregion
     
@@ -30,6 +50,7 @@ public class SeriesResponse : Series
         ReleaseDate = mediaSeries.Media.ReleaseDate;
         Length = mediaSeries.Media.Length;
         HasEnded = mediaSeries.HasEnded;
+        Rating = new RatingResponse(mediaSeries.Media.RatingMedia);
     }
 
     #endregion

WatchIt.Common/WatchIt.Common.Query/IQueryOrderable.cs

@@ -0,0 +1,9 @@
+using System.Text.Json.Serialization;
+
+namespace WatchIt.Common.Query;
+
+public interface IQueryOrderable<T>
+{
+    [JsonIgnore]
+    public static abstract IDictionary<string, Func<T, IComparable>> OrderableProperties { get; }
+}

WatchIt.Common/WatchIt.Common.Query/QueryParameters.cs

@@ -1,4 +1,5 @@
-using System.Reflection;
+using System.Globalization;
+using System.Reflection;
 using System.Text;
 using System.Text.Json.Serialization;
 using System.Text.RegularExpressions;
@@ -38,7 +39,12 @@ public abstract class QueryParameters
             FromQueryAttribute? attribute = property.GetCustomAttributes<FromQueryAttribute>(true).FirstOrDefault();
             if (value is not null && attribute is not null)
             {
-                string query = $"{attribute.Name}={value}";
+                string valueString = (value switch
+                {
+                    decimal d => d.ToString(CultureInfo.InvariantCulture),
+                    _ => value.ToString()
+                })!;
+                string query = $"{attribute.Name}={valueString}";
                 queries.Add(query);
             }
         }
@@ -52,14 +58,18 @@ public abstract class QueryParameters
     
     #region PRIVATE METHODS
 
-    protected static bool TestBoolean(bool property, bool? query) =>
+    protected static bool Test<T>(T? property, T? query) =>
     (
         query is null
         ||
-        property == query
+        (
+            property is not null
+            &&
+            property.Equals(query)
+        )
     );
 
-    protected static bool TestString(string? property, string? regexQuery) => 
+    protected static bool TestStringWithRegex(string? property, string? regexQuery) => 
     (
         string.IsNullOrEmpty(regexQuery) 
         || 
@@ -88,7 +98,7 @@ public abstract class QueryParameters
             (
                 property is not null
                 &&
-                property.CompareTo(from) > 0
+                property.CompareTo(from) >= 0
             )
         )
         &&
@@ -108,7 +118,7 @@ public abstract class QueryParameters
 
 
 
-public abstract class QueryParameters<T> : QueryParameters where T : class 
+public abstract class QueryParameters<T> : QueryParameters where T : IQueryOrderable<T> 
 {
     #region PUBLIC METHODS
 
@@ -120,22 +130,9 @@ public abstract class QueryParameters<T> : QueryParameters where T : class
         
         if (OrderBy is not null)
         {
-            PropertyInfo[] properties = typeof(T).GetProperties();
+            if (T.OrderableProperties.TryGetValue(OrderBy, out Func<T, IComparable>? orderFunc))
-            foreach (PropertyInfo property in properties)
             {
-                JsonPropertyNameAttribute? attribute = property.GetCustomAttributes<JsonPropertyNameAttribute>(true).FirstOrDefault();
+                data = Order == "asc" ? data.OrderBy(orderFunc) : data.OrderByDescending(orderFunc);
-                if (attribute is not null && attribute.Name == OrderBy)
-                {
-                    if (Order == "asc")
-                    {
-                        data = data.OrderBy(property.GetValue);
-                    }
-                    else
-                    {
-                        data = data.OrderByDescending(property.GetValue);
-                    }
-                    break;
-                }
             }
         }
         if (After is not null)

WatchIt.WebAPI/WatchIt.WebAPI.Services/WatchIt.WebAPI.Services.Controllers/WatchIt.WebAPI.Services.Controllers.Media/MediaControllerService.cs

@@ -107,10 +107,8 @@ public class MediaControllerService(DatabaseContext database, IUserService userS
         {
             return RequestResult.NotFound();
         }
-
+        
-        double ratingAverage = item.RatingMedia.Any() ? item.RatingMedia.Average(x => x.Rating) : 0;
+        RatingResponse ratingResponse = new RatingResponse(item.RatingMedia);
-        long ratingCount = item.RatingMedia.Count();
-        RatingResponse ratingResponse = new RatingResponse(ratingAverage, ratingCount);
         
         return RequestResult.Ok(ratingResponse);
     }

WatchIt.Website/WatchIt.Website/App.razor

@@ -12,6 +12,7 @@
     <link rel="stylesheet" href="css/general.css?version=0.2.0.3"/>
     <link rel="stylesheet" href="css/main_button.css?version=0.2.0.0"/>
     <link rel="stylesheet" href="WatchIt.Website.styles.css?version=0.2.0.12"/>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
     
     <!-- BOOTSTRAP -->
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>

WatchIt.Website/WatchIt.Website/Components/DatabasePage/DatabasePageComponent.razor

@@ -0,0 +1,91 @@
+@typeparam TItem where TItem : WatchIt.Common.Query.IQueryOrderable<TItem>
+@typeparam TQuery where TQuery : WatchIt.Common.Query.QueryParameters<TItem>
+
+
+           
+<CascadingValue Value="this">
+    <div class="vstack gap-3">
+        <div class="rounded-3 panel panel-regular p-2 px-3 z-3">
+            <div class="container-grid">
+                <div class="row gx-3">
+                    <div class="col">
+                        <h2 class="m-0">@(Title)</h2>
+                    </div>
+                    <div class="col-auto align-self-center">
+                        <div class="input-group input-group-sm">
+                            <span class="input-group-text">Order by</span>
+                            <select class="form-select" @onchange="SortingOptionChanged">
+                                @foreach (KeyValuePair<string, string> sortingOption in SortingOptions)
+                                {
+                                    <option value="@(sortingOption.Key)">@(sortingOption.Value)</option>
+                                }
+                            </select>
+                            <input type="checkbox" class="btn-check" id="sortingAscending" autocomplete="off" @onchange="SortingAscendingChanged">
+                            <label class="btn btn-outline-secondary" for="sortingAscending">&#8595;&#xFE0E;</label>
+                        </div>
+                    </div>
+                    <div class="col-auto align-self-center">
+                        <div class="d-flex">
+                            <Dropdown RightAligned>
+                                <DropdownToggle Color="Color.Secondary" Size="Size.Small">
+                                    <i class="fa fa-filter"></i>
+                                </DropdownToggle>
+                                <DropdownMenu Class="p-2">
+                                    <DropdownHeader>Filters</DropdownHeader>
+                                    <DropdownDivider/>
+                                    @(ChildContent)
+                                    <DropdownDivider/>
+                                    <button class="btn btn-secondary btn-sm w-100" @onclick="FilterApplied">Apply</button>
+                                </DropdownMenu>
+                            </Dropdown>
+                        </div>
+                        
+                    </div>
+                </div>
+            </div>
+        </div>
+        @if (_loaded)
+        {
+            if (string.IsNullOrWhiteSpace(_error))
+            {
+                foreach (TItem item in _items)
+                {
+                    <div role="button" class="rounded-3 panel panel-regular p-2" @onclick="@(() => NavigationManager.NavigateTo(string.Format(UrlIdTemplate, IdSource(item))))">
+                        <ListItemComponent Id="@(IdSource(item))"
+                                           Name="@(NameSource(item))"
+                                           AdditionalNameInfo="@(AdditionalNameInfoSource(item))"
+                                           Rating="@(RatingSource(item))"
+                                           PictureDownloadingTask="@(PictureDownloadingTask)"/>
+                    </div>
+                }
+                if (!_allItemsLoaded)
+                {
+                    <div role="button" class="rounded-3 panel panel-regular p-3" @onclick="DownloadItems">
+                        <div class="d-flex justify-content-center">
+                            @if (!_itemsLoading)
+                            {
+                             <strong>Load more</strong>
+                            }
+                            else
+                            {
+                             <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
+                             <strong>Loading...</strong>
+                            }
+                        </div>
+                    </div>
+                }
+            }
+            else
+            {
+                <ErrorComponent ErrorMessage="@_error"/>
+            }
+        }
+        else
+        {
+            <div class="m-5">
+                <LoadingComponent/>
+            </div>
+        }
+    </div>
+</CascadingValue>
+           

WatchIt.Website/WatchIt.Website/Components/DatabasePage/DatabasePageComponent.razor.cs

@@ -0,0 +1,139 @@
+using Microsoft.AspNetCore.Components;
+using WatchIt.Common.Model;
+using WatchIt.Common.Model.Movies;
+using WatchIt.Common.Model.Rating;
+using WatchIt.Common.Query;
+
+namespace WatchIt.Website.Components.DatabasePage;
+
+public partial class DatabasePageComponent<TItem, TQuery> : ComponentBase where TItem : IQueryOrderable<TItem> where TQuery : QueryParameters<TItem>
+{
+    #region SERVICES
+    
+    [Inject] private NavigationManager NavigationManager { get; set; } = default!;
+    
+    #endregion
+    
+    
+    
+    #region PARAMETERS
+    
+    [Parameter] public required string Title { get; set; }
+    [Parameter] public required Func<TItem, long> IdSource { get; set; }
+    [Parameter] public required Func<TItem, string> NameSource { get; set; }
+    [Parameter] public Func<TItem, string?> AdditionalNameInfoSource { get; set; } = _ => null;
+    [Parameter] public required Func<TItem, RatingResponse> RatingSource { get; set; }
+    [Parameter] public required string UrlIdTemplate { get; set; }
+    [Parameter] public required Func<long, Action<Picture>, Task> PictureDownloadingTask { get; set; }
+    [Parameter] public required Func<TQuery, Action<IEnumerable<TItem>>, Task> ItemDownloadingTask { get; set; }
+    [Parameter] public required Dictionary<string, string> SortingOptions { get; set; }
+    [Parameter] public required RenderFragment ChildContent { get; set; }
+
+    #endregion
+    
+    
+    
+    #region FIELDS
+
+    private bool _loaded;
+    private string? _error;
+
+    private List<TItem> _items = new List<TItem>();
+    private bool _allItemsLoaded;
+    private bool _itemsLoading;
+    
+    #endregion
+    
+    
+    
+    #region PROPERTIES
+    
+    public TQuery Query { get; set; } = Activator.CreateInstance<TQuery>()!;
+    
+    #endregion
+
+
+
+    #region PRIVATE METHODS
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            // INIT
+            Query.OrderBy = SortingOptions.Keys.First();
+            Query.First = 100;
+
+            List<Task> endTasks = new List<Task>();
+
+            // STEP 0
+            endTasks.AddRange(
+            [
+                ItemDownloadingTask(Query, data =>
+                {
+                    _items.AddRange(data);
+                    if (data.Count() < 100)
+                    {
+                        _allItemsLoaded = true;
+                    }
+                    else
+                    {
+                        Query.After = 100;
+                    }
+                })
+            ]);
+
+            // END
+            await Task.WhenAll(endTasks);
+
+            _loaded = true;
+            StateHasChanged();
+        }
+    }
+
+    private async Task DownloadItems()
+    {
+        _itemsLoading = true;
+        await ItemDownloadingTask(Query, AppendNewItems);
+    }
+    
+    private async Task SortingAscendingChanged(ChangeEventArgs args)
+    {
+        Query.Order = (bool)args.Value! ? "asc" : "desc";
+        await UpdateItems();
+    }
+    
+    private async Task SortingOptionChanged(ChangeEventArgs args)
+    {
+        Query.OrderBy = args.Value!.ToString();
+        await UpdateItems();
+    }
+
+    private async Task FilterApplied() => await UpdateItems();
+
+    private async Task UpdateItems()
+    {
+        _loaded = false;
+        Query.First = 100;
+        Query.After = null;
+        _items.Clear();
+        await ItemDownloadingTask(Query, AppendNewItems);
+        _loaded = true;
+    }
+
+    private void AppendNewItems(IEnumerable<TItem> items)
+    {
+        _items.AddRange(items);
+        if (items.Count() < 100)
+        {
+            _allItemsLoaded = true;
+        }
+        else
+        {
+            Query.After += 100;
+        }
+        _itemsLoading = false;
+    }
+
+    #endregion
+}

WatchIt.Website/WatchIt.Website/Components/DatabasePage/FilterFormComponent.cs

@@ -0,0 +1,22 @@
+using Microsoft.AspNetCore.Components;
+using WatchIt.Common.Query;
+
+namespace WatchIt.Website.Components.DatabasePage;
+
+public abstract class FilterFormComponent<TItem, TQuery> : ComponentBase where TItem : IQueryOrderable<TItem> where TQuery : QueryParameters<TItem>
+{
+    #region PARAMETERS
+    
+    [CascadingParameter]
+    protected DatabasePageComponent<TItem, TQuery> Parent { get; set; }
+
+    #endregion
+    
+    
+    
+    #region FIELDS
+    
+    protected TQuery? Query => Parent?.Query;
+    
+    #endregion
+}

WatchIt.Website/WatchIt.Website/Components/DatabasePage/MoviesFilterFormComponent.razor

@@ -0,0 +1,66 @@
+@inherits FilterFormComponent<WatchIt.Common.Model.Movies.MovieResponse, WatchIt.Common.Model.Movies.MovieQueryParameters>
+
+
+
+<EditForm Model="@(Query)">
+    <div class="container-grid">
+        <div class="row mb-1">
+            <div class="input-group input-group-sm">
+                <span class="col-3 input-group-text">Title</span>
+                <InputText class="col form-control" placeholder="Search with regex" @bind-Value="@(Query.Title)"></InputText>
+            </div>
+        </div>
+        <div class="row my-1">
+            <div class="input-group input-group-sm">
+                <span class="col-3 input-group-text">Original title</span>
+                <InputText class="col form-control" placeholder="Search with regex" @bind-Value="@(Query.OriginalTitle)"/>
+            </div>
+        </div>
+        <div class="row my-1">
+            <div class="input-group input-group-sm">
+                <span class="col-3 input-group-text">Description</span>
+                <InputText class="col form-control" placeholder="Search with regex" @bind-Value="@(Query.Description)"/>
+            </div>
+        </div>
+        <div class="row my-1">
+            <div class="input-group input-group-sm">
+                <span class="col-3 input-group-text">Release date</span>
+                <InputDate TValue="DateOnly?" class="col form-control" @bind-Value="@(Query.ReleaseDateFrom)"/>
+                <span class="col-auto input-group-text">-</span>
+                <InputDate TValue="DateOnly?" class="col form-control" @bind-Value="@(Query.ReleaseDateTo)"/>
+            </div>
+        </div>
+        <div class="row my-1">
+            <div class="input-group input-group-sm">
+                <span class="col-3 input-group-text">Length</span>
+                <NumericEdit TValue="short?" Class="col form-control" Min="0" @bind-Value="@(Query.LengthFrom)"/>
+                <span class="col-auto input-group-text">-</span>
+                <NumericEdit TValue="short?" Class="col form-control" Min="0" @bind-Value="@(Query.LengthTo)"/>
+            </div>
+        </div>
+        <div class="row my-1">
+            <div class="input-group input-group-sm">
+                <span class="col-3 input-group-text">Budget</span>
+                <NumericEdit TValue="decimal?" Class="col form-control" Min="0" @bind-Value="@(Query.BudgetFrom)"/>
+                <span class="col-auto input-group-text">-</span>
+                <NumericEdit TValue="decimal?" Class="col form-control" Min="0" @bind-Value="@(Query.BudgetTo)"/>
+            </div>
+        </div>
+        <div class="row my-1">
+            <div class="input-group input-group-sm">
+                <span class="col-3 input-group-text">Rating (count)</span>
+                <NumericEdit TValue="long?" Class="col form-control" Min="0" @bind-Value="@(Query.RatingCountFrom)"/>
+                <span class="col-auto input-group-text">-</span>
+                <NumericEdit TValue="long?" Class="col form-control" Min="0" @bind-Value="@(Query.RatingCountTo)"/>
+            </div>
+        </div>
+        <div class="row mt-1">
+            <div class="input-group input-group-sm">
+                <span class="col-3 input-group-text">Rating (average)</span>
+                <NumericEdit TValue="decimal?" Class="col form-control" Min="0" Max="10" Step="@(0.01M)" @bind-Value="@(Query.RatingAverageFrom)"/>
+                <span class="col-auto input-group-text">-</span>
+                <NumericEdit TValue="decimal?" Class="col form-control" Min="0" Max="10" Step="@(0.01M)" @bind-Value="@(Query.RatingAverageTo)"/>
+            </div>
+        </div>
+    </div>
+</EditForm>

WatchIt.Website/WatchIt.Website/Components/DatabasePage/SeriesFilterFormComponent.razor

@@ -0,0 +1,69 @@
+@inherits FilterFormComponent<WatchIt.Common.Model.Series.SeriesResponse, WatchIt.Common.Model.Series.SeriesQueryParameters>
+
+<EditForm Model="@(Query)">
+    <div class="container-grid">
+        <div class="row mb-1">
+            <div class="input-group input-group-sm">
+                <span class="col-3 input-group-text">Title</span>
+                <InputText class="col form-control" placeholder="Search with regex" @bind-Value="@(Query.Title)"></InputText>
+            </div>
+        </div>
+        <div class="row my-1">
+            <div class="input-group input-group-sm">
+                <span class="col-3 input-group-text">Original title</span>
+                <InputText class="col form-control" placeholder="Search with regex" @bind-Value="@(Query.OriginalTitle)"/>
+            </div>
+        </div>
+        <div class="row my-1">
+            <div class="input-group input-group-sm">
+                <span class="col-3 input-group-text">Description</span>
+                <InputText class="col form-control" placeholder="Search with regex" @bind-Value="@(Query.Description)"/>
+            </div>
+        </div>
+        <div class="row my-1">
+            <div class="input-group input-group-sm">
+                <span class="col-3 input-group-text">Release date</span>
+                <InputDate TValue="DateOnly?" class="col form-control" @bind-Value="@(Query.ReleaseDateFrom)"/>
+                <span class="col-auto input-group-text">-</span>
+                <InputDate TValue="DateOnly?" class="col form-control" @bind-Value="@(Query.ReleaseDateTo)"/>
+            </div>
+        </div>
+        <div class="row my-1">
+            <div class="input-group input-group-sm">
+                <span class="col-3 input-group-text">Length</span>
+                <NumericEdit TValue="short?" Class="col form-control" Min="0" @bind-Value="@(Query.LengthFrom)"/>
+                <span class="col-auto input-group-text">-</span>
+                <NumericEdit TValue="short?" Class="col form-control" Min="0" @bind-Value="@(Query.LengthTo)"/>
+            </div>
+        </div>
+        <div class="row my-1">
+            <div class="input-group input-group-sm">
+                <span class="col-3 input-group-text">Has ended</span>
+                <div class="btn-group col">
+                    <input type="radio" class="btn-check" name="has_ended" id="has_ended_yes" autocomplete="off" @onclick="() => Query.HasEnded = true">
+                    <label class="btn btn-outline-secondary btn-sm" for="has_ended_yes">Yes</label>
+                    <input type="radio" class="btn-check" name="has_ended" id="has_ended_no_choice" autocomplete="off" @onclick="() => Query.HasEnded = null" checked>
+                    <label class="btn btn-outline-secondary btn-sm" for="has_ended_no_choice">No choice</label>
+                    <input type="radio" class="btn-check" name="has_ended" id="has_ended_no" autocomplete="off" @onclick="() => Query.HasEnded = false">
+                    <label class="btn btn-outline-secondary btn-sm" for="has_ended_no">No</label>
+                </div>
+            </div>
+        </div>
+        <div class="row my-1">
+            <div class="input-group input-group-sm">
+                <span class="col-3 input-group-text">Rating (count)</span>
+                <NumericEdit TValue="long?" Class="col form-control" Min="0" @bind-Value="@(Query.RatingCountFrom)"/>
+                <span class="col-auto input-group-text">-</span>
+                <NumericEdit TValue="long?" Class="col form-control" Min="0" @bind-Value="@(Query.RatingCountTo)"/>
+            </div>
+        </div>
+        <div class="row mt-1">
+            <div class="input-group input-group-sm">
+                <span class="col-3 input-group-text">Rating (average)</span>
+                <NumericEdit TValue="decimal?" Class="col form-control" Min="0" Max="10" Step="@(0.01M)" @bind-Value="@(Query.RatingAverageFrom)"/>
+                <span class="col-auto input-group-text">-</span>
+                <NumericEdit TValue="decimal?" Class="col form-control" Min="0" Max="10" Step="@(0.01M)" @bind-Value="@(Query.RatingAverageTo)"/>
+            </div>
+        </div>
+    </div>
+</EditForm>

WatchIt.Website/WatchIt.Website/Components/ListItemComponent.razor

@@ -13,10 +13,10 @@
                 <div class="d-inline-flex gap-2">
                     <span id="ratingStar">★</span>
                     <div class="d-inline-flex flex-column justify-content-center">
-                        <span id="ratingValue">@(_rating is not null && _rating.RatingCount > 0 ? _rating.RatingAverage : "--")/10</span>
+                        <span id="ratingValue">@(Rating.Count > 0 ? Rating.Average : "--")/10</span>
-                        @if (_rating is not null && _rating.RatingCount > 0)
+                        @if (Rating.Count > 0)
                         {
-                            <span id="ratingCount">@(_rating.RatingCount)</span>
+                            <span id="ratingCount">@(Rating.Count)</span>
                         }
                     </div>
                 </div>

WatchIt.Website/WatchIt.Website/Components/ListItemComponent.razor.cs

@@ -11,8 +11,8 @@ public partial class ListItemComponent : ComponentBase
     [Parameter] public required long Id { get; set; }
     [Parameter] public required string Name { get; set; }
     [Parameter] public string? AdditionalNameInfo { get; set; }
+    [Parameter] public required RatingResponse Rating { get; set; }
     [Parameter] public required Func<long, Action<Picture>, Task> PictureDownloadingTask { get; set; }
-    [Parameter] public required Func<long, Action<RatingResponse>, Task> RatingDownloadingTask { get; set; }
     [Parameter] public int PictureHeight { get; set; } = 150;
 
     #endregion
@@ -24,7 +24,6 @@ public partial class ListItemComponent : ComponentBase
     private bool _loaded;
     
     private Picture? _picture;
-    private RatingResponse? _rating;
     
     #endregion
     
@@ -42,7 +41,6 @@ public partial class ListItemComponent : ComponentBase
             endTasks.AddRange(
             [
                 PictureDownloadingTask(Id, picture => _picture = picture),
-                RatingDownloadingTask(Id, rating => _rating = rating)
             ]);
             
             await Task.WhenAll(endTasks);

WatchIt.Website/WatchIt.Website/Components/SearchPage/SearchResultComponent.razor

@@ -32,8 +32,8 @@
                                 <ListItemComponent Id="@(IdSource(_items[i]))"
                                                    Name="@(NameSource(_items[i]))"
                                                    AdditionalNameInfo="@(AdditionalNameInfoSource(_items[i]))"
-                                                   PictureDownloadingTask="@(PictureDownloadingTask)"
+                                                   Rating="@(RatingSource(_items[i]))"
-                                                   RatingDownloadingTask="@(RatingDownloadingTask)"/>
+                                                   PictureDownloadingTask="@(PictureDownloadingTask)"/>
                             </a>
                         </div>
                     </div>
@@ -51,7 +51,7 @@
                                     else
                                     {
                                         <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
-                                        <span>Saving...</span>
+                                        <span>Loading...</span>
                                     }
                                 </button>
                             </div>

WatchIt.Website/WatchIt.Website/Components/SearchPage/SearchResultComponent.razor.cs

@@ -14,10 +14,10 @@ public partial class SearchResultComponent<TItem, TQuery> : ComponentBase where
     [Parameter] public required Func<TItem, long> IdSource { get; set; }
     [Parameter] public required Func<TItem, string> NameSource { get; set; }
     [Parameter] public Func<TItem, string?> AdditionalNameInfoSource { get; set; } = _ => null;
+    [Parameter] public required Func<TItem, RatingResponse> RatingSource { get; set; }
     [Parameter] public required string UrlIdTemplate { get; set; }
     [Parameter] public required Func<TQuery, Action<IEnumerable<TItem>>, Task> ItemDownloadingTask { get; set; }
     [Parameter] public required Func<long, Action<Picture>, Task> PictureDownloadingTask { get; set; }
-    [Parameter] public required Func<long, Action<RatingResponse>, Task> RatingDownloadingTask { get; set; }
 
     #endregion
     

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

@@ -32,7 +32,13 @@
                                         }
                                         else
                                         {
-                                            <button type="button" class="btn btn-sm">Rankings</button>
+                                            <Dropdown>
+                                                <DropdownToggle Color="Color.Default" Size="Size.Small" ToggleIconVisible="false">Database</DropdownToggle>
+                                                <DropdownMenu>
+                                                    <DropdownItem Clicked="@(() => NavigationManager.NavigateTo("/database/movies"))">Movies</DropdownItem>
+                                                    <DropdownItem Clicked="@(() => NavigationManager.NavigateTo("/database/series"))">TV Series</DropdownItem>
+                                                </DropdownMenu>
+                                            </Dropdown>
                                             <button type="button" class="btn btn-sm" @onclick="@(() => _searchbarVisible = true)">⌕</button>
                                         }
                                     </div>

WatchIt.Website/WatchIt.Website/Pages/AuthPage.razor

@@ -89,9 +89,9 @@
                 }
                 <div class="btn-group w-100">
                     <input type="radio" class="btn-check" name="signtype" id="signin" autocomplete="off" checked="@(!_isSingUp)" @onclick="() => { _isSingUp = false; _formMessage = null; _formMessageIsSuccess = false; }">
-                    <label class="btn btn-outline-secondary" for="signin">Sign in</label>
+                    <label class="btn btn-outline-secondary btn-sm" for="signin">Sign in</label>
                     <input type="radio" class="btn-check" name="signtype" id="signup" autocomplete="off" checked="@(_isSingUp)" @onclick="() => { _isSingUp = true; _formMessage = null; _formMessageIsSuccess = false; }">
-                    <label class="btn btn-outline-secondary" for="signup">Sign up</label>
+                    <label class="btn btn-outline-secondary btn-sm" for="signup">Sign up</label>
                 </div>
             </div>
         </div>

WatchIt.Website/WatchIt.Website/Pages/DatabasePage.razor

@@ -0,0 +1,63 @@
+@using WatchIt.Common.Model.Movies
+@using WatchIt.Common.Model.Series
+@using WatchIt.Website.Components.DatabasePage
+
+@page "/database/{type?}"
+
+
+
+@if (_loaded)
+{
+    switch (Type)
+    {
+        case "movies":
+            <DatabasePageComponent TItem="MovieResponse" 
+                                   TQuery="MovieQueryParameters"
+                                   Title="Movies database"
+                                   IdSource="@(item => item.Id)"
+                                   NameSource="@(item => item.Title)"
+                                   AdditionalNameInfoSource="@(item => item.ReleaseDate.HasValue ? $" ({item.ReleaseDate.Value.Year})" : null)"
+                                   RatingSource="@(item => item.Rating)"
+                                   UrlIdTemplate="/media/{0}"
+                                   PictureDownloadingTask="@((id, action) => MediaWebAPIService.GetMediaPoster(id, action))"
+                                   ItemDownloadingTask="@(MoviesWebAPIService.GetAllMovies)"
+                                   SortingOptions="@(new Dictionary<string, string>
+                                                   {
+                                                       { "rating.count", "Number of ratings" },
+                                                       { "rating.average", "Average rating" },
+                                                       { "title", "Title" },
+                                                       { "release_date", "Release date" },
+                                                   })">
+                <MoviesFilterFormComponent/>
+            </DatabasePageComponent>
+            break;
+        case "series":
+            <DatabasePageComponent TItem="SeriesResponse" 
+                                   TQuery="SeriesQueryParameters"
+                                   Title="TV series database"
+                                   IdSource="@(item => item.Id)"
+                                   NameSource="@(item => item.Title)"
+                                   AdditionalNameInfoSource="@(item => item.ReleaseDate.HasValue ? $" ({item.ReleaseDate.Value.Year})" : null)"
+                                   RatingSource="@(item => item.Rating)"
+                                   UrlIdTemplate="/media/{0}"
+                                   PictureDownloadingTask="@((id, action) => MediaWebAPIService.GetMediaPoster(id, action))"
+                                   ItemDownloadingTask="@(SeriesWebAPIService.GetAllSeries)"
+                                   SortingOptions="@(new Dictionary<string, string>
+                                                   {
+                                                       { "rating.count", "Number of ratings" },
+                                                       { "rating.average", "Average rating" },
+                                                       { "title", "Title" },
+                                                       { "release_date", "Release date" },
+                                                   })">
+                <SeriesFilterFormComponent/>
+            </DatabasePageComponent>
+            break;
+    }
+    
+}
+else
+{
+    <div class="m-5">
+        <LoadingComponent/>
+    </div>
+}

WatchIt.Website/WatchIt.Website/Pages/DatabasePage.razor.cs

@@ -0,0 +1,58 @@
+using Microsoft.AspNetCore.Components;
+using WatchIt.Website.Components.DatabasePage;
+using WatchIt.Website.Services.WebAPI.Media;
+using WatchIt.Website.Services.WebAPI.Movies;
+using WatchIt.Website.Services.WebAPI.Series;
+
+namespace WatchIt.Website.Pages;
+
+public partial class DatabasePage : ComponentBase
+{
+    #region SERVICES
+    
+    [Inject] private NavigationManager NavigationManager { get; set; } = default!;
+    [Inject] private IMediaWebAPIService MediaWebAPIService { get; set; } = default!;
+    [Inject] private IMoviesWebAPIService MoviesWebAPIService { get; set; } = default!;
+    [Inject] private ISeriesWebAPIService SeriesWebAPIService { get; set; } = default!;
+    
+    #endregion
+    
+    
+    
+    #region PARAMETERS
+    
+    [Parameter] public string? Type { get; set; }
+    
+    #endregion
+    
+    
+    
+    #region FIELDS
+
+    private static IEnumerable<string> _databaseTypes = ["movies", "series"];
+
+    private bool _loaded;
+    
+    #endregion
+    
+    
+    
+    #region PRIVATE METHODS
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            // INIT
+            if (!_databaseTypes.Contains(Type))
+            {
+                NavigationManager.NavigateTo($"/database/{_databaseTypes.First()}");
+            }
+            
+            _loaded = true;
+            StateHasChanged();
+        }
+    }
+
+    #endregion
+}

WatchIt.Website/WatchIt.Website/Pages/MediaEditPage.razor

@@ -4,7 +4,7 @@
 @using WatchIt.Common.Model.Series
 
 @page "/media/{id:long}/edit"
-@page "/media/new/{type}"
+@page "/media/new/{type?}"
 
 
 <PageTitle>
@@ -50,7 +50,7 @@
                 <div class="row">
                     <div class="col">
                         <div class="rounded-3 panel panel-regular p-2">
-                            <h2 class="m-0 mx-2 mb-1 p-0">@(_media is not null ? "Edit" : "Create new") @(_movieRequest is not null ? "movie" : "series")@(_media is not null ? $" \"{_media.Title}\"" : string.Empty)</h2>
+                            <h3 class="m-0 mx-2 mb-1 p-0">@(_media is not null ? "Edit" : "Create new") @(_movieRequest is not null ? "movie" : "series")@(_media is not null ? $" \"{_media.Title}\"" : string.Empty)</h3>
                         </div>
                     </div>
                 </div>

WatchIt.Website/WatchIt.Website/Pages/MediaPage.razor

@@ -137,7 +137,7 @@ else
                             <div class="row">
                                 <div class="col">
                                     <h4 class="text-dark">
-                                        <strong>Global rating:</strong> @(_globalRating.RatingCount == 0 ? "no ratings" : $"{Math.Round(_globalRating.RatingAverage, 1)}/10")
+                                        <strong>Global rating:</strong> @(_globalRating.Count == 0 ? "no ratings" : $"{Math.Round(_globalRating.Average, 1)}/10")
                                     </h4>
                                 </div>
                             </div>

WatchIt.Website/WatchIt.Website/Pages/SearchPage.razor

@@ -37,10 +37,10 @@
                                            IdSource="@(item => item.Id)"
                                            NameSource="@(item => item.Title)"
                                            AdditionalNameInfoSource="@(item => item.ReleaseDate.HasValue ? $" ({item.ReleaseDate.Value.Year})" : null)"
-                                           Query="@(new MovieQueryParameters { Title = DecodedQuery })"
+                                           RatingSource="@(item => item.Rating)"
+                                           Query="@(new MovieQueryParameters { Title = DecodedQuery, OrderBy = "rating.count" })"
                                            ItemDownloadingTask="@(MoviesWebAPIService.GetAllMovies)"
-                                           PictureDownloadingTask="@((id, action) => MediaWebAPIService.GetMediaPoster(id, action))"
+                                           PictureDownloadingTask="@((id, action) => MediaWebAPIService.GetMediaPoster(id, action))"/>
-                                           RatingDownloadingTask="@((id, action) => MediaWebAPIService.GetMediaRating(id, action))"/>
                 </div>
             </div>
             <div class="row mt-3">
@@ -52,10 +52,10 @@
                                            IdSource="@(item => item.Id)"
                                            NameSource="@(item => item.Title)"
                                            AdditionalNameInfoSource="@(item => item.ReleaseDate.HasValue ? $" ({item.ReleaseDate.Value.Year})" : null)"
-                                           Query="@(new SeriesQueryParameters { Title = DecodedQuery })"
+                                           RatingSource="@(item => item.Rating)"
+                                           Query="@(new SeriesQueryParameters { Title = DecodedQuery, OrderBy = "rating.count" })"
                                            ItemDownloadingTask="@(SeriesWebAPIService.GetAllSeries)"
-                                           PictureDownloadingTask="@((id, action) => MediaWebAPIService.GetMediaPoster(id, action))"
+                                           PictureDownloadingTask="@((id, action) => MediaWebAPIService.GetMediaPoster(id, action))"/>
-                                           RatingDownloadingTask="@((id, action) => MediaWebAPIService.GetMediaRating(id, action))"/>
                 </div>
             </div>
         }

WatchIt.Website/WatchIt.Website/_Imports.razor

@@ -15,4 +15,5 @@
 @using WatchIt.Website.Services.Utility.Authentication
 @using WatchIt.Website.Services.WebAPI.Accounts
 @using WatchIt.Website.Services.WebAPI.Media
-@using Blazorise
+@using Blazorise
+@using Blazorise.Bootstrap5