Added DateSelector component to story book

dyatlov-a · Oct 1, 2024 · 168e906 · 168e906
1 parent a0a02c9
commit 168e906
Show file tree

Hide file tree

Showing 10 changed files with 91 additions and 45 deletions.
diff --git a/src/Inc.TeamAssistant.Stories/Components/Button.stories.razor b/src/Inc.TeamAssistant.Stories/Components/Button.stories.razor
@@ -5,15 +5,15 @@
     <ArgType For="c => c.ButtonType" Control="ControlType.Select" />
     <Story Name="Default" Layout="typeof(DarkLayout)">
         <Arguments>
-            <Arg For="c => c.Content" Value='ToRenderFragment("Default")' />
+            <Arg For="c => c.Content" Value="ToRenderFragment(_text)" />
         </Arguments>
         <Template>
             <Button @attributes="context.Args"></Button>
         </Template>
     </Story>
     <Story Name="Small" Layout="typeof(DarkLayout)">
         <Arguments>
-            <Arg For="c => c.Content" Value='ToRenderFragment("Small")' />
+            <Arg For="c => c.Content" Value="ToRenderFragment(_text)" />
             <Arg For="c => c.ButtonMode" Value="ButtonMode.Small" />
         </Arguments>
         <Template>
@@ -22,7 +22,7 @@
     </Story>
     <Story Name="Dark" Layout="typeof(LightLayout)">
         <Arguments>
-            <Arg For="c => c.Content" Value='ToRenderFragment("Dark")' />
+            <Arg For="c => c.Content" Value="ToRenderFragment(_text)" />
             <Arg For="c => c.IsDark" Value="true" />
         </Arguments>
         <Template>
@@ -31,7 +31,7 @@
     </Story>
     <Story Name="Disabled" Layout="typeof(DarkLayout)">
         <Arguments>
-            <Arg For="c => c.Content" Value='ToRenderFragment("Disabled")' />
+            <Arg For="c => c.Content" Value="ToRenderFragment(_text)" />
             <Arg For="c => c.IsDisabled" Value="true" />
         </Arguments>
         <Template>
@@ -41,5 +41,7 @@
 </Stories>
 
 @code {
+    private readonly string _text = "Button"; 
+
     private RenderFragment ToRenderFragment(string value) => b => b.AddContent(0, value);
 }
diff --git a/src/Inc.TeamAssistant.Stories/Components/DateSelector.stories.razor b/src/Inc.TeamAssistant.Stories/Components/DateSelector.stories.razor
@@ -0,0 +1,50 @@
+@attribute [Stories("Components/DateSelector")]
+
+<Stories TComponent="DateSelector" Layout="typeof(LightLayout)">
+    <Story Name="Dates">
+        <Template>
+            <DateSelector Date="_date" Items="_dates" OnSelected="SelectDate"/>
+        </Template>
+    </Story>
+    <Story Name="Weeks">
+        <Template>
+            <DateSelector Date="_week" Items="_weeks" OnSelected="SelectWeek"/>
+        </Template>
+    </Story>
+    <Story Name="Months">
+        <Template>
+            <DateSelector Date="_month" Items="_months" OnSelected="SelectMonth"/>
+        </Template>
+    </Story>
+</Stories>
+
+@code {
+    private DateOnly? _date = new(2024, 09, 25);
+    private DateOnly? _week = DateOnly.FromDateTime(DateTimeOffset.UtcNow.AddDays(-28).Date);
+    private DateOnly? _month = DateOnly.FromDateTime(DateTimeOffset.UtcNow.AddMonths(-6).Date);
+
+    private readonly IReadOnlyDictionary<string, DateOnly> _dates = new Dictionary<string, DateOnly>
+    {
+        ["24-09-25"] = new(2024, 09, 25),
+        ["24-09-11"] = new(2024, 09, 11),
+        ["24-08-28"] = new(2024, 08, 28)
+    };
+
+    private readonly IReadOnlyDictionary<string, DateOnly> _weeks = new Dictionary<string, DateOnly>
+    {
+        ["2 week"] = DateOnly.FromDateTime(DateTimeOffset.UtcNow.AddDays(-14).Date),
+        ["4 weeks"] = DateOnly.FromDateTime(DateTimeOffset.UtcNow.AddDays(-28).Date),
+        ["12 weeks"] = DateOnly.FromDateTime(DateTimeOffset.UtcNow.AddDays(-84).Date)
+    };
+
+    private readonly IReadOnlyDictionary<string, DateOnly> _months = new Dictionary<string, DateOnly>
+    {
+        ["1 month"] = DateOnly.FromDateTime(DateTimeOffset.UtcNow.AddMonths(-1).Date),
+        ["3 month"] = DateOnly.FromDateTime(DateTimeOffset.UtcNow.AddMonths(-3).Date),
+        ["6 month"] = DateOnly.FromDateTime(DateTimeOffset.UtcNow.AddMonths(-6).Date)
+    };
+
+    private void SelectDate(DateOnly date) => _date = date;
+    private void SelectWeek(DateOnly date) => _week = date;
+    private void SelectMonth(DateOnly date) => _month = date;
+}
diff --git a/src/Inc.TeamAssistant.Stories/Inc.TeamAssistant.Stories.csproj b/src/Inc.TeamAssistant.Stories/Inc.TeamAssistant.Stories.csproj
@@ -1,7 +1,4 @@
 <Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">
-  <PropertyGroup>
-    <GenerateDocumentationFile>True</GenerateDocumentationFile>
-  </PropertyGroup>
   <ItemGroup>
     <PackageReference Include="BlazingStory" Version="1.0.0-preview.41" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.8" />

diff --git a/src/Inc.TeamAssistant.WebUI/Components/DateSelector.razor b/src/Inc.TeamAssistant.WebUI/Components/DateSelector.razor
@@ -1,25 +1,34 @@
 <div class="date-selector">
     @foreach (var item in Items)
     {
-        <span class="date-selector__item @CssClass(item)" @onclick="() => Selected(item)">
-            @item.Title
+        <span class="date-selector__item @CssClass(item.Value)" @onclick="() => Selected(item.Value)">
+            @item.Key
         </span>
     }
 </div>
 
 @code {
+    /// <summary>
+    /// Available for select dates.
+    /// </summary>
     [Parameter, EditorRequired]
-    public IReadOnlyCollection<SelectItem<DateOnly>> Items { get; set; } = Array.Empty<SelectItem<DateOnly>>();
+    public IReadOnlyDictionary<string, DateOnly> Items { get; set; } = new Dictionary<string, DateOnly>();
 
+    /// <summary>
+    /// Selected date
+    /// </summary>
     [Parameter, EditorRequired]
     public DateOnly? Date { get; set; }
 
+    /// <summary>
+    /// On selected event
+    /// </summary>
     [Parameter, EditorRequired]
     public EventCallback<DateOnly> OnSelected { get; set; }
 
-    private string CssClass(SelectItem<DateOnly> item) => Date == item.Value
+    private string CssClass(DateOnly value) => Date == value
         ? "date-selector__item_selected"
         : string.Empty;
 
-    private void Selected(SelectItem<DateOnly> item) => OnSelected.InvokeAsync(item.Value);
+    private void Selected(DateOnly value) => OnSelected.InvokeAsync(value);
 }
diff --git a/src/Inc.TeamAssistant.WebUI/Components/DateSelectorFactory.cs b/src/Inc.TeamAssistant.WebUI/Components/DateSelectorFactory.cs
@@ -11,35 +11,23 @@ public DateSelectorFactory(ResourcesManager resources)
         _resources = resources ?? throw new ArgumentNullException(nameof(resources));
     }
 
-    public IReadOnlyCollection<SelectItem<DateOnly>> CreateWeeks()
+    public IReadOnlyDictionary<string, DateOnly> CreateWeeks()
     {
-        return
-        [
-            new SelectItem<DateOnly>(
-                _resources[Messages.Dashboard_TwoWeeks],
-                DateOnly.FromDateTime(DateTimeOffset.UtcNow.AddDays(-14).Date)),
-            new SelectItem<DateOnly>(
-                _resources[Messages.Dashboard_FourWeeks],
-                DateOnly.FromDateTime(DateTimeOffset.UtcNow.AddDays(-28).Date)),
-            new SelectItem<DateOnly>(
-                _resources[Messages.Dashboard_TwelveWeeks],
-                DateOnly.FromDateTime(DateTimeOffset.UtcNow.AddDays(-84).Date))
-        ];
+        return new Dictionary<string, DateOnly>
+        {
+            [_resources[Messages.Dashboard_TwoWeeks]] = DateOnly.FromDateTime(DateTimeOffset.UtcNow.AddDays(-14).Date),
+            [_resources[Messages.Dashboard_FourWeeks]] = DateOnly.FromDateTime(DateTimeOffset.UtcNow.AddDays(-28).Date),
+            [_resources[Messages.Dashboard_TwelveWeeks]] = DateOnly.FromDateTime(DateTimeOffset.UtcNow.AddDays(-84).Date)
+        };
     }
 
-    public IReadOnlyCollection<SelectItem<DateOnly>> CreateMonths()
+    public IReadOnlyDictionary<string, DateOnly> CreateMonths()
     {
-        return
-        [
-            new SelectItem<DateOnly>(
-                _resources[Messages.Dashboard_OneMonth],
-                DateOnly.FromDateTime(DateTimeOffset.UtcNow.AddMonths(-1).Date)),
-            new SelectItem<DateOnly>(
-                _resources[Messages.Dashboard_ThreeMonths],
-                DateOnly.FromDateTime(DateTimeOffset.UtcNow.AddMonths(-3).Date)),
-            new SelectItem<DateOnly>(
-                _resources[Messages.Dashboard_SixMonths],
-                DateOnly.FromDateTime(DateTimeOffset.UtcNow.AddMonths(-6).Date))
-        ];
+        return new Dictionary<string, DateOnly>
+        {
+            [_resources[Messages.Dashboard_OneMonth]] = DateOnly.FromDateTime(DateTimeOffset.UtcNow.AddMonths(-1).Date),
+            [_resources[Messages.Dashboard_ThreeMonths]] = DateOnly.FromDateTime(DateTimeOffset.UtcNow.AddMonths(-3).Date),
+            [_resources[Messages.Dashboard_SixMonths]] = DateOnly.FromDateTime(DateTimeOffset.UtcNow.AddMonths(-6).Date)
+        };
     }
 }
diff --git a/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Appraiser/AppraiserHistoryWidget.razor b/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Appraiser/AppraiserHistoryWidget.razor
@@ -63,7 +63,7 @@
     private readonly PaginationState _pagination = new();
 
     private LoadingState _state = LoadingState.Done();
-    private IReadOnlyCollection<SelectItem<DateOnly>> DateItems => DateSelectorFactory.CreateMonths();
+    private IReadOnlyDictionary<string, DateOnly> DateItems => DateSelectorFactory.CreateMonths();
     private IReadOnlyCollection<AssessmentHistoryDto> _items = Array.Empty<AssessmentHistoryDto>();
     private IQueryable<AssessmentHistoryDto> HistoryItems => _items.AsQueryable();
 

diff --git a/src/Inc.TeamAssistant.WebUI/Features/Dashboard/RandomCoffee/RandomCoffeeHistoryWidget.razor b/src/Inc.TeamAssistant.WebUI/Features/Dashboard/RandomCoffee/RandomCoffeeHistoryWidget.razor
@@ -58,9 +58,9 @@
 
     private LoadingState _state = LoadingState.Done();
     private readonly RandomCoffeeHistoryWidgetFormModel _formModel = new();
-    private IReadOnlyCollection<SelectItem<DateOnly>> DateItems => _formModel.HistoryItems
-        .Select(i => new SelectItem<DateOnly>(i.Created.ToString("yy-MM-dd"), i.Created))
-        .ToArray();
+
+    private IReadOnlyDictionary<string, DateOnly> DateItems
+        => _formModel.HistoryItems.ToDictionary(i => i.Created.ToString("yy-MM-dd"), i => i.Created);
 
     protected override Task OnParametersSetAsync() => Load();
 

diff --git a/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Reviewer/ReviewAverageStatsWidget.razor b/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Reviewer/ReviewAverageStatsWidget.razor
@@ -65,7 +65,7 @@
     private DateOnly? _date;
 
     private LoadingState _state = LoadingState.Done();
-    private IReadOnlyCollection<SelectItem<DateOnly>> DateItems => DateSelectorFactory.CreateWeeks();
+    private IReadOnlyDictionary<string, DateOnly> DateItems => DateSelectorFactory.CreateWeeks();
     private IReadOnlyCollection<ReviewAverageStatsDto> _items = Array.Empty<ReviewAverageStatsDto>();
 
     protected override async Task OnParametersSetAsync()

diff --git a/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Reviewer/ReviewHistoryWidget.razor b/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Reviewer/ReviewHistoryWidget.razor
@@ -96,7 +96,7 @@
     private DateOnly? _date;
     private readonly PaginationState _pagination = new() { ItemsPerPage = 8 };
     private LoadingState _state = LoadingState.Done();
-    private IReadOnlyCollection<SelectItem<DateOnly>> DateItems => DateSelectorFactory.CreateWeeks();
+    private IReadOnlyDictionary<string, DateOnly> DateItems => DateSelectorFactory.CreateWeeks();
     private IReadOnlyCollection<TaskForReviewDto> _tasks = Array.Empty<TaskForReviewDto>();
     private IQueryable<TaskForReviewDto> Tasks => _tasks.AsQueryable();
 

diff --git a/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Reviewer/ReviewTotalStatsWidget.razor b/src/Inc.TeamAssistant.WebUI/Features/Dashboard/Reviewer/ReviewTotalStatsWidget.razor
@@ -70,7 +70,7 @@
     private DateOnly? _date;
 
     private LoadingState _state = LoadingState.Done();
-    private IReadOnlyCollection<SelectItem<DateOnly>> DateItems => DateSelectorFactory.CreateWeeks();
+    private IReadOnlyDictionary<string, DateOnly> DateItems => DateSelectorFactory.CreateWeeks();
     private readonly ReviewTotalStatsWidgetFormModel _formModel = new();
 
     protected override async Task OnParametersSetAsync()