Merge pull request #209 from pticostaricags/development

Adding localization for MyVideoPlans. Converting to code-behind

Author: efonsecab

src/FairPlayCombinedSln/FairPlayTube.SharedUI/Components/Pages/Creator/MyVideoPlans.razor

@@ -1,5 +1,5 @@
 @page "/Creator/MyVideoPlans"
-@implements IDisposable
+@implements IAsyncDisposable
 
 @attribute [Authorize(Roles = FairPlayCombined.Common.Constants.RoleName.BasicPlanUser)]
 
@@ -9,62 +9,31 @@
 @using FairPlayCombined.Interfaces.FairPlayTube
 @using FairPlayCombined.Models.FairPlayTube.VideoInfo
 @using FairPlayCombined.Models.FairPlayTube.VideoPlan
+@using FairPlayTube.SharedUI.Components.Paginators
 @using FairPlayTube.SharedUI.Components.Spinners
 @using Google.Apis.YouTube.v3.Data
 
-@inject IVideoPlanService videoPlanService
-@inject IToastService toastService
-@inject IUserProviderService userProviderService
-@inject ILogger<MyVideoPlans> logger
+<PageTitle>
+    @Localizer![MyVideoPlansTextKey]
+</PageTitle>
 
 <FluentLabel Typo="Typography.H3">
-    My Video Plans
+    @Localizer![MyVideoPlansTextKey]
 </FluentLabel>
 <LoadingIndicator ShowSpinners="this.IsBusy"></LoadingIndicator>
 
 
 <FluentDataGrid ItemsProvider="this.itemsProvider">
     <TemplateColumn>
         <FluentAnchor data-enhance-nav="false"
-                      data-bs-toggle="tooltip" data-bs-placement="top" title="Edit"
+                      data-bs-toggle="tooltip" data-bs-placement="top" title="@Localizer![EditTextKey]"
                       IconStart="@(new Icons.Regular.Size20.Edit())"
                       Href="@($"/Creator/UpdateVideoPlan/{context.VideoPlanId}")">
-                      Edit
+            @Localizer![EditTextKey]
         </FluentAnchor>
     </TemplateColumn>
-    <PropertyColumn Property="@(p=>p.VideoName)"></PropertyColumn>
-    <PropertyColumn Property="@(p=>p.VideoDescription)"></PropertyColumn>
-    <PropertyColumn Property="@(p=>p.VideoScript)"></PropertyColumn>
+    <PropertyColumn Property="@(p=>p.VideoName)" Title="@Localizer![VideoNameTextKey]"></PropertyColumn>
+    <PropertyColumn Property="@(p=>p.VideoDescription)" Title="@Localizer![VideoDescriptionTextKey]"></PropertyColumn>
+    <PropertyColumn Property="@(p=>p.VideoScript)" Title="@Localizer![VideoScriptTextKey]"></PropertyColumn>
 </FluentDataGrid>
-<FluentPaginator State="this.paginationState"></FluentPaginator>
-@code {
-    private readonly CancellationTokenSource cancellationTokenSource = new();
-    private bool IsBusy { get; set; }
-    private readonly PaginationState paginationState = new()
-        {
-            ItemsPerPage = Constants.Pagination.PageSize
-        };
-    private GridItemsProvider<VideoPlanModel>? itemsProvider;
-
-    protected override void OnInitialized()
-    {
-        this.itemsProvider = async req =>
-        {
-            this.IsBusy = true;
-            StateHasChanged();
-            var items = await this.videoPlanService.GetPaginatedVideoPlanAsync(paginationRequest: new()
-            {
-                PageSize = paginationState.ItemsPerPage
-            }, cancellationToken:this.cancellationTokenSource.Token);
-            this.IsBusy = false;
-            StateHasChanged();
-            var result = GridItemsProviderResult.From<VideoPlanModel>(items!.Items!, items.TotalItems);
-            return result;
-        };
-    }
-
-    void IDisposable.Dispose()
-    {
-        this.cancellationTokenSource.Dispose();
-    }
-}
+<CustomFluentPaginator State="@this.paginationState"></CustomFluentPaginator>

src/FairPlayCombinedSln/FairPlayTube.SharedUI/Components/Pages/Creator/MyVideoPlans.razor.cs

@@ -0,0 +1,64 @@
+using FairPlayCombined.Common;
+using FairPlayCombined.Common.CustomAttributes;
+using FairPlayCombined.Interfaces;
+using FairPlayCombined.Interfaces.FairPlayTube;
+using FairPlayCombined.Models.FairPlayTube.VideoPlan;
+using Microsoft.AspNetCore.Components;
+using Microsoft.Extensions.Localization;
+using Microsoft.Extensions.Logging;
+using Microsoft.FluentUI.AspNetCore.Components;
+
+namespace FairPlayTube.SharedUI.Components.Pages.Creator
+{
+    public partial class MyVideoPlans
+    {
+        [Inject] IVideoPlanService? VideoPlanService { get; set; }
+        [Inject] IToastService? ToastService { get; set; }
+        [Inject] IUserProviderService? UserProviderService { get; set; }
+        [Inject] ILogger<MyVideoPlans>? Logger { get; set; }
+        [Inject] IStringLocalizer<MyVideoPlans>? Localizer { get; set; }
+        private readonly CancellationTokenSource cancellationTokenSource = new();
+        private bool IsBusy { get; set; }
+        private readonly PaginationState paginationState = new()
+        {
+            ItemsPerPage = Constants.Pagination.PageSize
+        };
+        private GridItemsProvider<VideoPlanModel>? itemsProvider;
+
+        protected override void OnInitialized()
+        {
+            this.itemsProvider = async req =>
+            {
+                this.IsBusy = true;
+                StateHasChanged();
+                var items = await this.VideoPlanService!.GetPaginatedVideoPlanAsync(paginationRequest: new()
+                {
+                    PageSize = paginationState.ItemsPerPage
+                }, cancellationToken: this.cancellationTokenSource.Token);
+                this.IsBusy = false;
+                StateHasChanged();
+                var result = GridItemsProviderResult.From<VideoPlanModel>(items!.Items!, items.TotalItems);
+                return result;
+            };
+        }
+
+        public async ValueTask DisposeAsync()
+        {
+            await this.cancellationTokenSource.CancelAsync();
+            this.cancellationTokenSource.Dispose();
+        }
+
+        #region Resource Keys
+        [ResourceKey(defaultValue: "My Video Plans")]
+        public const string MyVideoPlansTextKey = "MyVideoPlansText";
+        [ResourceKey(defaultValue: "Edit")]
+        public const string EditTextKey = "EditText";
+        [ResourceKey(defaultValue: "Video Name")]
+        public const string VideoNameTextKey = "VideoNameText";
+        [ResourceKey(defaultValue: "Video Description")]
+        public const string VideoDescriptionTextKey = "VideoDescriptionText";
+        [ResourceKey(defaultValue: "Video Script")]
+        public const string VideoScriptTextKey = "VideoScriptText";
+        #endregion Resource Keys
+    }
+}