diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor index 651b9eb..81e4bfe 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor @@ -2,12 +2,7 @@ @inherits LayoutComponentBase
- @if (IsLoading) { - - } - @Body -
diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor.cs deleted file mode 100644 index bb4f4af..0000000 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor.cs +++ /dev/null @@ -1,16 +0,0 @@ - -using System.Net.Http.Json; -using GameIdeas.Resources; - -namespace GameIdeas.BlazorApp.Layouts -{ - public partial class MainLayout - { - public bool IsLoading { get; set; } = true; - - protected override void OnInitialized() - { - IsLoading = false; - } - } -} \ No newline at end of file diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/AddType.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/AddType.cs new file mode 100644 index 0000000..014b039 --- /dev/null +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/AddType.cs @@ -0,0 +1,13 @@ +namespace GameIdeas.BlazorApp.Pages.Games; + +public enum AddType +{ + Manual, + Auto +} + +public class AddTypeParams(AddType addType, string label) +{ + public AddType AddType { get; set; } = addType; + public string? Label { get; set; } = label; +} diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameHeader.razor.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameHeader.razor.cs index 40de90c..b57f847 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameHeader.razor.cs +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameHeader.razor.cs @@ -1,7 +1,6 @@ -namespace GameIdeas.BlazorApp.Pages.Games.Components -{ - public partial class GameHeader - { +namespace GameIdeas.BlazorApp.Pages.Games.Components; + +public partial class GameHeader +{ - } } \ No newline at end of file diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor index 2e117ad..87718be 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor @@ -1,14 +1,15 @@ @page "/Games" @using GameIdeas.BlazorApp.Layouts @using GameIdeas.BlazorApp.Shared.Components +@using GameIdeas.BlazorApp.Shared.Headers @using GameIdeas.Resources @layout MainLayout @ResourcesKey.GamesIdeas - + -
Prout
+
PROUT
- + diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor.cs index cde8f1f..45197e2 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor.cs +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor.cs @@ -1,5 +1,8 @@ +using GameIdeas.BlazorApp.Shared.Headers; + namespace GameIdeas.BlazorApp.Pages.Games; public partial class GamesBase () { + private HeaderBase? Header; } \ No newline at end of file diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownContent.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownContent.razor new file mode 100644 index 0000000..16bfa51 --- /dev/null +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownContent.razor @@ -0,0 +1,13 @@ +@typeparam TItem + +
+
+ @foreach (var item in Items) + { +
+ @(LabelSelector != null ? LabelSelector.Invoke(item) : item?.ToString()) +
+ } +
+
\ No newline at end of file diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownContent.razor.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownContent.razor.cs new file mode 100644 index 0000000..cb65ee1 --- /dev/null +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownContent.razor.cs @@ -0,0 +1,36 @@ +using Microsoft.AspNetCore.Components; + +namespace GameIdeas.BlazorApp.Shared.Components.Dropdown; + +public partial class DropdownContent +{ + [Parameter] public TItem? Value { get; set; } + [Parameter] public EventCallback ValueChanged { get; set; } + [Parameter] public IEnumerable Items { get; set; } = []; + [Parameter] public Func? LabelSelector { get; set; } + [Parameter] public DropdownTheme Theme { get; set; } + + private bool ContentVisile = false; + private DateTime ContentLastFocusOut = DateTime.Now; + private ElementReference Content; + + public async Task OpenAsync() + { + if (DateTime.Now - ContentLastFocusOut >= TimeSpan.FromSeconds(0.2)) + { + await Content.FocusAsync(); + ContentVisile = true; + } + } + + public void Close() => ContentVisile = false; + + private void HandlerDropdownAddFocusOut() + { + ContentLastFocusOut = DateTime.Now; + ContentVisile = false; + } + + private async Task HandleItemClicked() => await ValueChanged.InvokeAsync(Value); + +} \ No newline at end of file diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownContent.razor.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownContent.razor.css new file mode 100644 index 0000000..daa617b --- /dev/null +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownContent.razor.css @@ -0,0 +1,32 @@ +.dropdown-content { + overflow: hidden; + display: flex; + flex-direction: column; + border-radius: var(--small-radius); + position: fixed; + animation-name: fade-in; + animation-duration: 0.4s +} + +.drowdown-element { + width: fit-content; +} + + .drowdown-element:hover { + cursor: pointer; + } + +.invisible { + display: none; +} + +.dropdown-content.navigation { + gap: 4px; + background: var(--violet); + box-shadow: var(--drop-shadow); + padding: 4px; +} + + .drowdown-element.navigation:hover { + color: var(--light-grey); + } diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownTheme.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownTheme.cs new file mode 100644 index 0000000..ac5c666 --- /dev/null +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownTheme.cs @@ -0,0 +1,6 @@ +namespace GameIdeas.BlazorApp.Shared.Components.Dropdown; + +public enum DropdownTheme +{ + Navigation +} diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.cs deleted file mode 100644 index 7692452..0000000 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.cs +++ /dev/null @@ -1,30 +0,0 @@ -using Microsoft.AspNetCore.Components; - -namespace GameIdeas.BlazorApp.Shared.Components; - -public partial class HeaderLayout : LayoutComponentBase -{ - private bool AddButtonsVisile = false; - private DateTime AddButtonsLastOut = DateTime.Now; - private ElementReference DropdownAdd; - - private void HandleIconClicked() - { - throw new NotImplementedException(); - } - - private async Task HandleMoreAddClickedAsync() - { - if (DateTime.Now - AddButtonsLastOut >= TimeSpan.FromSeconds(0.2)) - { - await DropdownAdd.FocusAsync(); - AddButtonsVisile = true; - } - } - - private void HandlerDropdownAddFocusOut() - { - AddButtonsLastOut = DateTime.Now; - AddButtonsVisile = false; - } -} diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBase.razor similarity index 67% rename from src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor rename to src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBase.razor index 24bcc9d..66b78f5 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBase.razor @@ -1,5 +1,6 @@ -@using GameIdeas.Resources -@inherits LayoutComponentBase +@using GameIdeas.BlazorApp.Shared.Components.Dropdown +@using GameIdeas.BlazorApp.Pages.Games +@using GameIdeas.Resources
@@ -16,24 +17,18 @@
-
+
- -
-
-
- @ResourcesKey.ManualAdd -
-
- @ResourcesKey.AutoAdd -
-
-
+
Game Ideas - +