From 4f04f61df6feb3a99287f9ee208b9851f309b849 Mon Sep 17 00:00:00 2001 From: egamorf76 Date: Thu, 20 Feb 2025 20:58:45 +0100 Subject: [PATCH 01/13] Add file for header --- .../Pages/Games/Components/GameHeader.razor | 1 + .../Pages/Games/Components/GameHeader.razor.cs | 7 +++++++ .../GameIdeas.BlazorApp/Shared/Components/Header.razor | 5 +++++ .../Shared/Components/Header.razor.cs | 10 ++++++++++ 4 files changed, 23 insertions(+) create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameHeader.razor create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameHeader.razor.cs create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor.cs diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameHeader.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameHeader.razor new file mode 100644 index 0000000..e02abfc --- /dev/null +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameHeader.razor @@ -0,0 +1 @@ + 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 new file mode 100644 index 0000000..40de90c --- /dev/null +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameHeader.razor.cs @@ -0,0 +1,7 @@ +namespace GameIdeas.BlazorApp.Pages.Games.Components +{ + public partial class GameHeader + { + + } +} \ No newline at end of file diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor new file mode 100644 index 0000000..5db584e --- /dev/null +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor @@ -0,0 +1,5 @@ +
+
+ Game Ideas +
+
\ No newline at end of file diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor.cs new file mode 100644 index 0000000..e1036dc --- /dev/null +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor.cs @@ -0,0 +1,10 @@ +namespace GameIdeas.BlazorApp.Shared.Components; + +public partial class Header +{ + + private Task HandleIconClicked() + { + throw new NotImplementedException(); + } +} -- 2.39.5 From 0c21e853f3f766b340148502b8bb8a1b12f39121 Mon Sep 17 00:00:00 2001 From: Maxime Adler Date: Fri, 21 Feb 2025 16:03:03 +0100 Subject: [PATCH 02/13] Add content for header --- .../Shared/Components/Header.razor | 39 ++- .../Shared/Components/Header.razor.cs | 3 + .../Shared/Components/Header.razor.css | 257 ++++++++++++++++++ .../GameIdeas.BlazorApp/wwwroot/css/app.css | 18 +- .../wwwroot/default-account.png | Bin 0 -> 6408 bytes .../CreateStaticResourceKey.cs | 4 + .../GameIdeas.WebAPI/Files/GameIdeas.fr.json | 4 +- 7 files changed, 320 insertions(+), 5 deletions(-) create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor.css create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/default-account.png diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor index 5db584e..347d232 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor @@ -1,5 +1,38 @@ -
-
+@using GameIdeas.Resources +@inherits ComponentBase + +
+
Game Ideas
-
\ No newline at end of file +
+ @Body +
+ +
diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor.cs index e1036dc..6587063 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor.cs +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor.cs @@ -1,7 +1,10 @@ +using Microsoft.AspNetCore.Components; + namespace GameIdeas.BlazorApp.Shared.Components; public partial class Header { + [Parameter] public RenderFragment? Body { get; set; } private Task HandleIconClicked() { diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor.css new file mode 100644 index 0000000..f9a0ebd --- /dev/null +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor.css @@ -0,0 +1,257 @@ +.header-tab { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: flex-end; + padding: 0px 10px; + height: 40px; + width: 100%; +} + +.header-icon { + display: flex; + justify-content: center; + align-items: center; + padding: 4px; + width: 40%; + height: 100%; +} + +.header-body { + +} + +.account-container { + display: flex; + flex-direction: row; + justify-content: flex-end; + align-items: flex-end; +} + +.button-icon { + color: var(--white); +} + +.account-icon { +} + +.add-container { + +} + +.button { + +} + +.manual-add { + +} + +.more-add { + +} + +.dropdown-more-add { + +} + +.drowdown-more-element { + +} + +/* Frame */ + +/* Auto layout */ + +padding: 0px; +gap: 40px; + +width: 136px; +height: 40px; +/* Inside auto layout */ +flex: none; +order: 2; +flex-grow: 0; +/* Frame 9 */ +width: 56px; +height: 28px; +/* Violet */ +background: #A380D1; +border-radius: 4px; +/* Inside auto layout */ +flex: none; +order: 0; +flex-grow: 0; +/* Frame 55 */ +/* Auto layout */ +display: flex; +flex-direction: column; +align-items: flex-start; +padding: 0px; +gap: 10px; + +position: absolute; +width: 132px; +height: 56px; +left: 0px; +top: 28px; +/* Violet */ +background: #A380D1; +box-shadow: +border-radius: 4px; +/* Frame 56 */ +/* Auto layout */ +display: flex; +flex-direction: column; +align-items: flex-start; +padding: 4px; +gap: 10px; + +width: 132px; +height: 56px; +/* Inside auto layout */ +flex: none; +order: 0; +flex-grow: 0; +/* Ajout manuel */ +width: 89px; +height: 19px; + +font-family: 'Noto Sans'; +font-style: normal; +font-weight: 400; +font-size: 14px; +line-height: 19px; +/* identical to box height */ +color: #FFFFFF; +/* Inside auto layout */ +flex: none; +order: 0; +flex-grow: 0; +/* Ajout automatique */ +width: 124px; +height: 19px; + +font-family: 'Noto Sans'; +font-style: normal; +font-weight: 400; +font-size: 14px; +line-height: 19px; +/* identical to box height */ +color: #FFFFFF; +/* Inside auto layout */ +flex: none; +order: 1; +flex-grow: 0; +/* Frame */ +/* Auto layout */ +display: flex; +flex-direction: column; +justify-content: center; +align-items: center; +padding: 0px; + +position: absolute; +width: 28px; +height: 28px; +left: 0px; +top: 0px; +/* Frame 10 */ +/* Auto layout */ +display: flex; +flex-direction: column; +justify-content: center; +align-items: center; +padding: 0px; + +width: 16px; +height: 16px; +/* Inside auto layout */ +flex: none; +order: 0; +flex-grow: 0; +/* Frame */ +width: 24px; +height: 24px; +/* Inside auto layout */ +flex: none; +order: 0; +flex-grow: 0; +/* Vector */ +position: absolute; +left: 20.83%; +right: 20.83%; +top: 20.83%; +bottom: 20.83%; +/* White */ +background: #FFFFFF; +/* Line 5 */ +position: absolute; +width: 28px; +height: 0px; +left: 28px; +top: 0px; + +border: 1px solid rgba(0, 0, 0, 0.2); +transform: rotate(90deg); +/* Frame */ +/* Auto layout */ +display: flex; +flex-direction: column; +justify-content: center; +align-items: center; +padding: 0px; + +position: absolute; +width: 28px; +height: 28px; +left: 28px; +top: 0px; +/* Frame 10 */ +/* Auto layout */ +display: flex; +flex-direction: column; +justify-content: center; +align-items: center; +padding: 0px; + +width: 16px; +height: 16px; +/* Inside auto layout */ +flex: none; +order: 0; +flex-grow: 0; +/* Polygon 11 */ +width: 16px; +height: 10px; +/* White */ +background: #FFFFFF; +transform: rotate(-180deg); +/* Inside auto layout */ +flex: none; +order: 0; +align-self: stretch; +flex-grow: 0; +/* Icon account */ +/* Auto layout */ +display: flex; +flex-direction: row; +justify-content: center; +align-items: center; +padding: 4px; + +width: 40px; +height: 40px; +/* Inside auto layout */ +flex: none; +order: 1; +flex-grow: 0; +/* Vector */ +width: 32px; +height: 32px; +/* Light black */ +background: #5C5C5E; +/* Inside auto layout */ +flex: none; +order: 0; +flex-grow: 1; diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css index 9390d91..7b0ac83 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css @@ -1,15 +1,31 @@ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;700&display=swap'); +:root { + --background: linear-gradient(180deg, #2B1D3D 0%, #171229 100%); + --violet: #A380D1; + --red: #FF5E51; + --yellow: #FFC107; + --green: #43F8C0; + --light-grey: #5C5C5E; + --black: rgba(44, 43, 46, 0.8); + --white: #fff; + --semi-black: rgba(0, 0, 0, 0.5); + --small-radius: 4px; + --radius: 6px; + --drop-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); +} + html, body { margin: 0; padding: 0; height: 100%; font-family: 'Noto Sans', sans-serif; + font-size: 12rem } body { - background: linear-gradient(180deg, #2B1D3D 0%, #171229 100%); + background: var(--background); overflow: hidden } diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/default-account.png b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/default-account.png new file mode 100644 index 0000000000000000000000000000000000000000..61a7c68f4a11702f2a01f8ee60317d407b14bf7d GIT binary patch literal 6408 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 yO=vtI translationService.Translate(nameof(GamesIdeas)); + public string ManualAdd => translationService.Translate(nameof(ManualAdd)); + public string AutoAdd => translationService.Translate(nameof(AutoAdd)); } public static class ResourcesKey @@ -16,4 +18,6 @@ public static class ResourcesKey } public static string GamesIdeas => _instance?.GamesIdeas ?? throw new InvalidOperationException("ResourcesKey.GamesIdeas is not initialized."); + public static string ManualAdd => _instance?.ManualAdd ?? throw new InvalidOperationException("ResourcesKey.ManualAdd is not initialized."); + public static string AutoAdd => _instance?.AutoAdd ?? throw new InvalidOperationException("ResourcesKey.AutoAdd is not initialized."); } \ No newline at end of file diff --git a/src/GameIdeas/Server/GameIdeas.WebAPI/Files/GameIdeas.fr.json b/src/GameIdeas/Server/GameIdeas.WebAPI/Files/GameIdeas.fr.json index 83fbcd7..022260c 100644 --- a/src/GameIdeas/Server/GameIdeas.WebAPI/Files/GameIdeas.fr.json +++ b/src/GameIdeas/Server/GameIdeas.WebAPI/Files/GameIdeas.fr.json @@ -1,3 +1,5 @@ { - "GamesIdeas": "Game Ideas" + "GamesIdeas": "Game Ideas", + "ManualAdd": "Ajout manuel", + "AutoAdd": "Ajout automatique" } \ No newline at end of file -- 2.39.5 From c04b8285d7d66a91efa8ee754fd43940bf934bf8 Mon Sep 17 00:00:00 2001 From: egamorf76 Date: Fri, 21 Feb 2025 21:08:49 +0100 Subject: [PATCH 03/13] Update blazor architecture --- .../Client/GameIdeas.BlazorApp/App.razor | 8 +- .../Layouts/MainLayout.razor | 14 + .../Layouts/MainLayout.razor.cs | 16 ++ .../Layouts/MainLayout.razor.css | 41 +++ .../Pages/Games/GamesBase.razor | 13 +- .../Pages/Games/GamesBase.razor.cs | 21 +- .../Client/GameIdeas.BlazorApp/Program.cs | 16 +- .../Shared/Components/Header.razor | 38 --- .../Shared/Components/Header.razor.css | 257 ------------------ .../Shared/Components/HeaderLayout.razor | 41 +++ ...{Header.razor.cs => HeaderLayout.razor.cs} | 4 +- .../Shared/Components/HeaderLayout.razor.css | 66 +++++ .../Shared/Components/Loader.razor | 1 + .../Shared/Components/Loader.razor.css | 31 +++ .../Client/GameIdeas.BlazorApp/_Imports.razor | 1 - .../GameIdeas.BlazorApp/wwwroot/css/app.css | 60 +--- .../GameIdeas.BlazorApp/wwwroot/index.html | 2 +- 17 files changed, 252 insertions(+), 378 deletions(-) create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor.cs create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor.css delete mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor delete mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor.css create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor rename src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/{Header.razor.cs => HeaderLayout.razor.cs} (68%) create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.css create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Loader.razor create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Loader.razor.css diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/App.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/App.razor index 3cfa54f..cc3223e 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/App.razor +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/App.razor @@ -1,11 +1,13 @@ - +@using GameIdeas.BlazorApp.Layouts + + - + Not found - +

Sorry, there's nothing at this address.

 diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor new file mode 100644 index 0000000..f9b7cd3 --- /dev/null +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor @@ -0,0 +1,14 @@ +@using GameIdeas.BlazorApp.Shared.Components +@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 new file mode 100644 index 0000000..bb4f4af --- /dev/null +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor.cs @@ -0,0 +1,16 @@ + +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/Layouts/MainLayout.razor.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor.css new file mode 100644 index 0000000..982fdd4 --- /dev/null +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor.css @@ -0,0 +1,41 @@ +.page { + background: var(--background); + overflow: hidden +} + +.orb { + position: absolute; + border-radius: 100%; +} + +.green { + position: absolute; + width: 80vh; + height: 80vh; + top: -20vh; + background: #315941; + filter: blur(30vh); + z-index: -999; +} + +.blue { + position: absolute; + width: 80vw; + height: 80vw; + left: 10vw; + top: 50vh; + background: #3A4156; + filter: blur(30vh); + z-index: -999; +} + +.red { + position: absolute; + width: 100vh; + height: 100vh; + left: 60vw; + top: -30vh; + background: #593533; + filter: blur(30vh); + z-index: -999; +} diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor index 9591ca2..2e117ad 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor @@ -1,5 +1,14 @@ -@page "/" +@page "/Games" +@using GameIdeas.BlazorApp.Layouts +@using GameIdeas.BlazorApp.Shared.Components +@using GameIdeas.Resources -@inherits LayoutComponentBase +@layout MainLayout +@ResourcesKey.GamesIdeas + + +
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 087075f..cde8f1f 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor.cs +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor.cs @@ -1,24 +1,5 @@ -using Microsoft.AspNetCore.Components; -using System.Net.Http.Json; -using GameIdeas.Resources; - namespace GameIdeas.BlazorApp.Pages.Games; -public partial class GamesBase ( - IHttpClientFactory HttpClientFactory, - TranslationService TranslationService, - Translations Translations) : LayoutComponentBase +public partial class GamesBase () { - protected override async Task OnInitializedAsync() - { - var client = HttpClientFactory.CreateClient("GameIdeas.WebAPI"); - var response = await client.GetAsync("api/Translations"); - var dictionary = await response.Content.ReadFromJsonAsync>(); - if (dictionary != null) - { - TranslationService.Initialize(dictionary); - ResourcesKey.Initialize(Translations); - } - - } } \ No newline at end of file diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Program.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Program.cs index bf5571b..d68b7f2 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Program.cs +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Program.cs @@ -1,3 +1,4 @@ +using System.Net.Http.Json; using GameIdeas.BlazorApp; using GameIdeas.Resources; using Microsoft.AspNetCore.Components.Web; @@ -23,4 +24,17 @@ builder.Services.AddHttpClient( builder.Services.AddSingleton(); builder.Services.AddSingleton(); -await builder.Build().RunAsync(); \ No newline at end of file +var app = builder.Build(); + +var client = app.Services.GetService()?.CreateClient("GameIdeas.WebAPI") ?? + throw new Exception("Http client not found"); +var response = await client.GetAsync("api/Translations"); +var dictionary = await response.Content.ReadFromJsonAsync>(); + +if (dictionary != null) +{ + app.Services.GetService()!.Initialize(dictionary); + ResourcesKey.Initialize(app.Services.GetService()!); +} + +await app.RunAsync(); \ No newline at end of file diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor deleted file mode 100644 index 347d232..0000000 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor +++ /dev/null @@ -1,38 +0,0 @@ -@using GameIdeas.Resources -@inherits ComponentBase - -
-
- Game Ideas -
-
- @Body -
- -
diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor.css deleted file mode 100644 index f9a0ebd..0000000 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor.css +++ /dev/null @@ -1,257 +0,0 @@ -.header-tab { - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: flex-end; - padding: 0px 10px; - height: 40px; - width: 100%; -} - -.header-icon { - display: flex; - justify-content: center; - align-items: center; - padding: 4px; - width: 40%; - height: 100%; -} - -.header-body { - -} - -.account-container { - display: flex; - flex-direction: row; - justify-content: flex-end; - align-items: flex-end; -} - -.button-icon { - color: var(--white); -} - -.account-icon { -} - -.add-container { - -} - -.button { - -} - -.manual-add { - -} - -.more-add { - -} - -.dropdown-more-add { - -} - -.drowdown-more-element { - -} - -/* Frame */ - -/* Auto layout */ - -padding: 0px; -gap: 40px; - -width: 136px; -height: 40px; -/* Inside auto layout */ -flex: none; -order: 2; -flex-grow: 0; -/* Frame 9 */ -width: 56px; -height: 28px; -/* Violet */ -background: #A380D1; -border-radius: 4px; -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; -/* Frame 55 */ -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 0px; -gap: 10px; - -position: absolute; -width: 132px; -height: 56px; -left: 0px; -top: 28px; -/* Violet */ -background: #A380D1; -box-shadow: -border-radius: 4px; -/* Frame 56 */ -/* Auto layout */ -display: flex; -flex-direction: column; -align-items: flex-start; -padding: 4px; -gap: 10px; - -width: 132px; -height: 56px; -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; -/* Ajout manuel */ -width: 89px; -height: 19px; - -font-family: 'Noto Sans'; -font-style: normal; -font-weight: 400; -font-size: 14px; -line-height: 19px; -/* identical to box height */ -color: #FFFFFF; -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; -/* Ajout automatique */ -width: 124px; -height: 19px; - -font-family: 'Noto Sans'; -font-style: normal; -font-weight: 400; -font-size: 14px; -line-height: 19px; -/* identical to box height */ -color: #FFFFFF; -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; -/* Frame */ -/* Auto layout */ -display: flex; -flex-direction: column; -justify-content: center; -align-items: center; -padding: 0px; - -position: absolute; -width: 28px; -height: 28px; -left: 0px; -top: 0px; -/* Frame 10 */ -/* Auto layout */ -display: flex; -flex-direction: column; -justify-content: center; -align-items: center; -padding: 0px; - -width: 16px; -height: 16px; -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; -/* Frame */ -width: 24px; -height: 24px; -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; -/* Vector */ -position: absolute; -left: 20.83%; -right: 20.83%; -top: 20.83%; -bottom: 20.83%; -/* White */ -background: #FFFFFF; -/* Line 5 */ -position: absolute; -width: 28px; -height: 0px; -left: 28px; -top: 0px; - -border: 1px solid rgba(0, 0, 0, 0.2); -transform: rotate(90deg); -/* Frame */ -/* Auto layout */ -display: flex; -flex-direction: column; -justify-content: center; -align-items: center; -padding: 0px; - -position: absolute; -width: 28px; -height: 28px; -left: 28px; -top: 0px; -/* Frame 10 */ -/* Auto layout */ -display: flex; -flex-direction: column; -justify-content: center; -align-items: center; -padding: 0px; - -width: 16px; -height: 16px; -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 0; -/* Polygon 11 */ -width: 16px; -height: 10px; -/* White */ -background: #FFFFFF; -transform: rotate(-180deg); -/* Inside auto layout */ -flex: none; -order: 0; -align-self: stretch; -flex-grow: 0; -/* Icon account */ -/* Auto layout */ -display: flex; -flex-direction: row; -justify-content: center; -align-items: center; -padding: 4px; - -width: 40px; -height: 40px; -/* Inside auto layout */ -flex: none; -order: 1; -flex-grow: 0; -/* Vector */ -width: 32px; -height: 32px; -/* Light black */ -background: #5C5C5E; -/* Inside auto layout */ -flex: none; -order: 0; -flex-grow: 1; diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor new file mode 100644 index 0000000..e857a73 --- /dev/null +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor @@ -0,0 +1,41 @@ +@using GameIdeas.Resources +@inherits LayoutComponentBase + +
+
+ Game Ideas +
+ + @Body + + +
diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.cs similarity index 68% rename from src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor.cs rename to src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.cs index 6587063..8879ccd 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Header.razor.cs +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.cs @@ -2,10 +2,8 @@ using Microsoft.AspNetCore.Components; namespace GameIdeas.BlazorApp.Shared.Components; -public partial class Header +public partial class HeaderLayout : LayoutComponentBase { - [Parameter] public RenderFragment? Body { get; set; } - private Task HandleIconClicked() { throw new NotImplementedException(); diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.css new file mode 100644 index 0000000..43fa775 --- /dev/null +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.css @@ -0,0 +1,66 @@ +.header-tab { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: flex-end; + padding: 0px 10px; + height: 40px; + width: 100%; +} + +.icon-container { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + width: 40px; + height: 100%; +} + +.account-add-container { + display: flex; + flex-direction: row; + justify-content: flex-end; + align-items: flex-end; +} + +.add-container { + overflow: visible; +} + +.add-buttons { + display: flex; + flex-direction: row; + background: var(--violet); + border-radius: var(--small-radius); +} + +.button { + display: flex; + justify-content: center; + align-items: center; + width: 28px; + height: 28px; +} + +.first-button { + border-right: 1px solid var(--line-black); +} + +.button-icon { + color: var(--white); +} + +.account-icon { + color: var(--light-grey); +} + +.dropdown-more-add { + background: var(--violet); + box-shadow: var(--drop-shadow); + border-radius: var(--small-radius); +} + +.drowdown-more-element { + width: 100%; +} \ No newline at end of file diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Loader.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Loader.razor new file mode 100644 index 0000000..d8b5aa6 --- /dev/null +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Loader.razor @@ -0,0 +1 @@ +
diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Loader.razor.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Loader.razor.css new file mode 100644 index 0000000..4814a07 --- /dev/null +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Loader.razor.css @@ -0,0 +1,31 @@ +.overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: var(--semi-black); + display: flex; + align-items: center; + justify-content: center; + z-index: 1000; +} + +.loader { + border: 8px solid var(--white); + border-top: 8px solid var(--violet); + border-radius: 50%; + width: 60px; + height: 60px; + animation: spin 1s linear infinite; +} + +@keyframes spin { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } +} \ No newline at end of file diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/_Imports.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/_Imports.razor index 8956baf..d37285f 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/_Imports.razor +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/_Imports.razor @@ -6,4 +6,3 @@ @using Microsoft.AspNetCore.Components.Web.Virtualization @using Microsoft.AspNetCore.Components.WebAssembly.Http @using Microsoft.JSInterop -@using GameIdeas.BlazorApp.Pages.Games diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css index 7b0ac83..42733a1 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css @@ -10,66 +10,22 @@ --black: rgba(44, 43, 46, 0.8); --white: #fff; --semi-black: rgba(0, 0, 0, 0.5); + --line-black: rgba(0, 0, 0, 0.2); --small-radius: 4px; --radius: 6px; --drop-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); } -html, body { +html { + font-family: 'Noto Sans', sans-serif; + font-size: 12px +} + +html, body, .app { margin: 0; padding: 0; height: 100%; - - font-family: 'Noto Sans', sans-serif; - font-size: 12rem -} - -body { - background: var(--background); - overflow: hidden -} - -html::before, -body::before, -body::after { - content: ""; - position: absolute; - border-radius: 100%; -} - -html::before { - /*Green orb*/ - position: absolute; - width: 80vh; - height: 80vh; - top: -20vh; - background: #315941; - filter: blur(30vh); - z-index: -999; -} - -body::before { - /*Blue orb*/ - position: absolute; - width: 80vw; - height: 80vw; - left: 10vw; - top: 50vh; - background: #3A4156; - filter: blur(30vh); - z-index: -999; -} - -body::after { - /*Reb orb*/ - position: absolute; - width: 100vh; - height: 100vh; - left: 60vw; - top: -30vh; - background: #593533; - filter: blur(30vh); - z-index: -999; + overflow: hidden; } h1:focus { diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/index.html b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/index.html index 4d324bb..0c6c62d 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/index.html +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/index.html @@ -5,7 +5,7 @@ Game Ideas - + -- 2.39.5 From f9f6e5843a83119e4baed4f02ebaf3b4f749bc8e Mon Sep 17 00:00:00 2001 From: Egamorf Date: Sun, 23 Feb 2025 16:31:07 +0100 Subject: [PATCH 04/13] Update solution --- src/GameIdeas/GameIdeas.sln | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/GameIdeas/GameIdeas.sln b/src/GameIdeas/GameIdeas.sln index 8e12f8a..2166a5d 100644 --- a/src/GameIdeas/GameIdeas.sln +++ b/src/GameIdeas/GameIdeas.sln @@ -1,7 +1,7 @@  Microsoft Visual Studio Solution File, Format Version 12.00 # Visual Studio Version 17 -VisualStudioVersion = 17.12.35506.116 d17.12 +VisualStudioVersion = 17.12.35506.116 MinimumVisualStudioVersion = 10.0.40219.1 Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "GameIdeas.BlazorApp", "Client\GameIdeas.BlazorApp\GameIdeas.BlazorApp.csproj", "{ABBADA2F-9017-49A2-AEB9-AC2DB7D70831}" EndProject @@ -45,4 +45,7 @@ Global {ABBADA2F-9017-49A2-AEB9-AC2DB7D70831} = {9598BBAF-CC9F-4F43-82B2-40F57296C9F0} {61C3985E-15DF-4127-9D1F-CAE39F0ADD17} = {F59BED34-9473-436A-A91A-23510A4E0E87} EndGlobalSection + GlobalSection(ExtensibilityGlobals) = postSolution + SolutionGuid = {6380DD77-53E4-4F3B-BB45-FAD2263D1511} + EndGlobalSection EndGlobal -- 2.39.5 From 99e541083fae52584d04d4a2d9b45a9ea791bd93 Mon Sep 17 00:00:00 2001 From: Egamorf Date: Sun, 23 Feb 2025 19:31:16 +0100 Subject: [PATCH 05/13] Update style --- .../Layouts/MainLayout.razor | 7 +-- .../Layouts/MainLayout.razor.css | 14 ++---- .../Shared/Components/HeaderLayout.razor | 24 +++++----- .../Shared/Components/HeaderLayout.razor.cs | 16 ++++++- .../Shared/Components/HeaderLayout.razor.css | 47 +++++++++++++++++-- .../GameIdeas.BlazorApp/wwwroot/css/app.css | 14 +++++- 6 files changed, 91 insertions(+), 31 deletions(-) diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor index f9b7cd3..830f1af 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor @@ -8,7 +8,8 @@ @Body - - -
+ + + + diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor.css index 982fdd4..92cedd7 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor.css +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor.css @@ -1,41 +1,37 @@ .page { - background: var(--background); - overflow: hidden + height: 100%; + overflow: hidden; + z-index: 1; } .orb { position: absolute; border-radius: 100%; + z-index: -1; } .green { - position: absolute; width: 80vh; height: 80vh; top: -20vh; background: #315941; filter: blur(30vh); - z-index: -999; } .blue { - position: absolute; width: 80vw; height: 80vw; left: 10vw; top: 50vh; background: #3A4156; filter: blur(30vh); - z-index: -999; } .red { - position: absolute; width: 100vh; height: 100vh; left: 60vw; - top: -30vh; + top: -40vh; background: #593533; filter: blur(30vh); - z-index: -999; } diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor index e857a73..1655974 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor @@ -12,28 +12,30 @@
- +
-
- +
+
-
-
- @ResourcesKey.ManualAdd +
+
+
+ @ResourcesKey.ManualAdd +
+
+ @ResourcesKey.AutoAdd +
-
- @ResourcesKey.AutoAdd -
-
+
-
diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.cs index 8879ccd..0353f16 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.cs +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.cs @@ -4,8 +4,22 @@ namespace GameIdeas.BlazorApp.Shared.Components; public partial class HeaderLayout : LayoutComponentBase { - private Task HandleIconClicked() + private bool AddButtonsVisile = false; + private ElementReference DropdownAdd; + + private void HandleIconClicked() { throw new NotImplementedException(); } + + private async Task HandleMoreAddClickedAsync() + { + AddButtonsVisile = !AddButtonsVisile; + await DropdownAdd.FocusAsync(); + } + + private void HandlerDropdownAddFocusOut() + { + AddButtonsVisile = false; + } } diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.css index 43fa775..321d27b 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.css +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.css @@ -5,7 +5,6 @@ align-items: flex-end; padding: 0px 10px; height: 40px; - width: 100%; } .icon-container { @@ -17,6 +16,15 @@ height: 100%; } + .icon-container img { + max-height: 85%; + max-width: 85%; + } + +.icon-container:hover { + cursor: pointer; +} + .account-add-container { display: flex; flex-direction: row; @@ -26,6 +34,7 @@ .add-container { overflow: visible; + margin-right: 40px; } .add-buttons { @@ -33,6 +42,7 @@ flex-direction: row; background: var(--violet); border-radius: var(--small-radius); + overflow: hidden; } .button { @@ -44,23 +54,50 @@ } .first-button { - border-right: 1px solid var(--line-black); + border-right: 2px solid var(--line-black); +} + +.second-button .button-icon { + padding: 6px; } .button-icon { - color: var(--white); + fill: var(--white); } + .button-icon:hover { + background: var(--line-black); + cursor: pointer; + } + + .account-icon { - color: var(--light-grey); + fill: var(--light-grey); } .dropdown-more-add { + margin-top: 0px; + display: flex; + flex-direction: column; + gap: 4px; background: var(--violet); box-shadow: var(--drop-shadow); border-radius: var(--small-radius); + position: fixed; + padding: 4px; + animation-name: fade-in; + animation-duration: 0.4s } .drowdown-more-element { - width: 100%; + width: fit-content; +} + +.drowdown-more-element:hover { + color: var(--light-grey); + cursor: pointer; +} + +.invisible { + display: none; } \ No newline at end of file diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css index 42733a1..afefa49 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css @@ -18,16 +18,21 @@ html { font-family: 'Noto Sans', sans-serif; - font-size: 12px + font-size: 12px; + color: var(--white) } -html, body, .app { +html, body, #app { margin: 0; padding: 0; height: 100%; overflow: hidden; } +#app { + background: var(--background); +} + h1:focus { outline: none; } @@ -137,4 +142,9 @@ code { .form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder { text-align: start; +} + +@keyframes fade-in { + 0% {opacity: 0} + 100% {opacity: 1} } \ No newline at end of file -- 2.39.5 From c76cabafdb812f0508ebf5f57aa58a9330c875b6 Mon Sep 17 00:00:00 2001 From: Egamorf Date: Sun, 23 Feb 2025 21:36:50 +0100 Subject: [PATCH 06/13] Fox missing orb --- .../GameIdeas.BlazorApp/Layouts/MainLayout.razor | 2 ++ .../Layouts/MainLayout.razor.css | 13 +++++++++++-- .../Shared/Components/HeaderLayout.razor.cs | 11 ++++++++++- .../Client/GameIdeas.BlazorApp/wwwroot/css/app.css | 4 ++-- 4 files changed, 25 insertions(+), 5 deletions(-) diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor index 830f1af..651b9eb 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor @@ -13,3 +13,5 @@ + +
\ No newline at end of file diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor.css index 92cedd7..cd61f2c 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor.css +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor.css @@ -1,13 +1,12 @@ .page { height: 100%; overflow: hidden; - z-index: 1; } .orb { position: absolute; border-radius: 100%; - z-index: -1; + z-index: -999; } .green { @@ -35,3 +34,13 @@ background: #593533; filter: blur(30vh); } + +.background { + height: 100%; + width: 100%; + background: var(--background); + position: fixed; + top: 0; + left: 0; + z-index: -1000; +} \ No newline at end of file diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.cs index 0353f16..c05e5eb 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.cs +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.cs @@ -5,6 +5,7 @@ namespace GameIdeas.BlazorApp.Shared.Components; public partial class HeaderLayout : LayoutComponentBase { private bool AddButtonsVisile = false; + private bool AddButtonsActive = false; private ElementReference DropdownAdd; private void HandleIconClicked() @@ -14,7 +15,15 @@ public partial class HeaderLayout : LayoutComponentBase private async Task HandleMoreAddClickedAsync() { - AddButtonsVisile = !AddButtonsVisile; + if (AddButtonsActive == true) + { + AddButtonsVisile = false; + } + else + { + AddButtonsVisile = !AddButtonsVisile; + } + await DropdownAdd.FocusAsync(); } diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css index afefa49..3bd1fab 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css @@ -29,9 +29,9 @@ html, body, #app { overflow: hidden; } -#app { +/*#app { background: var(--background); -} +}*/ h1:focus { outline: none; -- 2.39.5 From 06dcd9e811ce1e41727100ba0236c12dbd086650 Mon Sep 17 00:00:00 2001 From: Egamorf Date: Mon, 24 Feb 2025 02:01:15 +0100 Subject: [PATCH 07/13] Fix dropdown double click --- .../Shared/Components/HeaderLayout.razor | 3 ++- .../Shared/Components/HeaderLayout.razor.cs | 16 ++++++---------- 2 files changed, 8 insertions(+), 11 deletions(-) diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor index 1655974..24bcc9d 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor @@ -23,7 +23,8 @@
-
+
@ResourcesKey.ManualAdd diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.cs index c05e5eb..7692452 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.cs +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.cs @@ -5,7 +5,7 @@ namespace GameIdeas.BlazorApp.Shared.Components; public partial class HeaderLayout : LayoutComponentBase { private bool AddButtonsVisile = false; - private bool AddButtonsActive = false; + private DateTime AddButtonsLastOut = DateTime.Now; private ElementReference DropdownAdd; private void HandleIconClicked() @@ -15,20 +15,16 @@ public partial class HeaderLayout : LayoutComponentBase private async Task HandleMoreAddClickedAsync() { - if (AddButtonsActive == true) + if (DateTime.Now - AddButtonsLastOut >= TimeSpan.FromSeconds(0.2)) { - AddButtonsVisile = false; + await DropdownAdd.FocusAsync(); + AddButtonsVisile = true; } - else - { - AddButtonsVisile = !AddButtonsVisile; - } - - await DropdownAdd.FocusAsync(); } - + private void HandlerDropdownAddFocusOut() { + AddButtonsLastOut = DateTime.Now; AddButtonsVisile = false; } } -- 2.39.5 From 1c4867afdc412517c77f60bde221ab730326e679 Mon Sep 17 00:00:00 2001 From: Egamorf Date: Tue, 25 Feb 2025 14:18:08 +0100 Subject: [PATCH 08/13] Update style --- .../Layouts/MainLayout.razor | 5 --- .../Layouts/MainLayout.razor.cs | 16 --------- .../Pages/Games/AddType.cs | 13 +++++++ .../Games/Components/GameHeader.razor.cs | 9 +++-- .../Pages/Games/GamesBase.razor | 7 ++-- .../Pages/Games/GamesBase.razor.cs | 3 ++ .../Components/Dropdown/DropdownContent.razor | 13 +++++++ .../Dropdown/DropdownContent.razor.cs | 36 +++++++++++++++++++ .../Dropdown/DropdownContent.razor.css | 32 +++++++++++++++++ .../Components/Dropdown/DropdownTheme.cs | 6 ++++ .../Shared/Components/HeaderLayout.razor.cs | 30 ---------------- .../HeaderBase.razor} | 25 ++++++------- .../Shared/Headers/HeaderBase.razor.cs | 35 ++++++++++++++++++ .../HeaderBase.razor.css} | 28 --------------- .../GameIdeas.BlazorApp/wwwroot/css/app.css | 5 +-- .../GameIdeas.BlazorApp/wwwroot/index.html | 2 +- 16 files changed, 158 insertions(+), 107 deletions(-) delete mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Layouts/MainLayout.razor.cs create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/AddType.cs create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownContent.razor create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownContent.razor.cs create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownContent.razor.css create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownTheme.cs delete mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.cs rename src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/{Components/HeaderLayout.razor => Headers/HeaderBase.razor} (67%) create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBase.razor.cs rename src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/{Components/HeaderLayout.razor.css => Headers/HeaderBase.razor.css} (71%) 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 - + -- 2.39.5 From 1ad958a58ce5fbdf83d2d91fff618761f63ca8ff Mon Sep 17 00:00:00 2001 From: Egamorf Date: Tue, 25 Feb 2025 23:48:08 +0100 Subject: [PATCH 09/13] init account settings --- .../Pages/Games/AccountSetting.cs | 21 +++++++++++++++ .../Components/Dropdown/DropdownContent.razor | 2 +- .../Dropdown/DropdownContent.razor.cs | 2 +- .../Dropdown/DropdownContent.razor.css | 2 +- .../Components/Dropdown/DropdownTheme.cs | 3 ++- .../Shared/Headers/AccountSettings.razor | 6 +++++ .../Shared/Headers/AccountSettings.razor.cs | 27 +++++++++++++++++++ .../Shared/Headers/AccountSettings.razor.css | 13 +++++++++ .../Shared/Headers/HeaderBase.razor | 20 +++++++------- .../GameIdeas.BlazorApp/wwwroot/css/app.css | 1 + .../CreateStaticResourceKey.cs | 4 +++ .../GameIdeas.WebAPI/Files/GameIdeas.fr.json | 6 +++-- 12 files changed, 92 insertions(+), 15 deletions(-) create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/AccountSetting.cs create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/AccountSettings.razor create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/AccountSettings.razor.cs create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/AccountSettings.razor.css diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/AccountSetting.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/AccountSetting.cs new file mode 100644 index 0000000..067f14c --- /dev/null +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/AccountSetting.cs @@ -0,0 +1,21 @@ +namespace GameIdeas.BlazorApp.Pages.Games; + +public enum AccountSetting +{ + Login, + Logout +} + +public class AccountSettingParams +{ + public string Label { get; set; } + public AccountSetting AccountSetting { get; set; } + public bool ForConnected { get; set; } + + public AccountSettingParams(string label, AccountSetting accountSetting, bool forConnected) + { + Label = label; + AccountSetting = accountSetting; + ForConnected = forConnected; + } +} \ 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 index 16bfa51..1ddac6b 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownContent.razor +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownContent.razor @@ -1,7 +1,7 @@ @typeparam TItem
+ @onfocusout=HandleDropdownAddFocusOut>
@foreach (var item in Items) { 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 index cb65ee1..97c8b71 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownContent.razor.cs +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownContent.razor.cs @@ -25,7 +25,7 @@ public partial class DropdownContent public void Close() => ContentVisile = false; - private void HandlerDropdownAddFocusOut() + private void HandleDropdownAddFocusOut() { ContentLastFocusOut = DateTime.Now; ContentVisile = false; 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 index daa617b..ce1ae28 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownContent.razor.css +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownContent.razor.css @@ -24,7 +24,7 @@ gap: 4px; background: var(--violet); box-shadow: var(--drop-shadow); - padding: 4px; + padding: 4px 6px; } .drowdown-element.navigation:hover { diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownTheme.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownTheme.cs index ac5c666..e225ac5 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownTheme.cs +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownTheme.cs @@ -2,5 +2,6 @@ public enum DropdownTheme { - Navigation + Navigation, + Account } diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/AccountSettings.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/AccountSettings.razor new file mode 100644 index 0000000..8f8fd1c --- /dev/null +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/AccountSettings.razor @@ -0,0 +1,6 @@ + diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/AccountSettings.razor.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/AccountSettings.razor.cs new file mode 100644 index 0000000..39a90cc --- /dev/null +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/AccountSettings.razor.cs @@ -0,0 +1,27 @@ +using Microsoft.AspNetCore.Components; + +namespace GameIdeas.BlazorApp.Shared.Headers; + +public partial class AccountSettings +{ + 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 HandleAccountSettingFocusOut() + { + ContentLastFocusOut = DateTime.Now; + ContentVisile = false; + } +} \ No newline at end of file diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/AccountSettings.razor.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/AccountSettings.razor.css new file mode 100644 index 0000000..e8e5410 --- /dev/null +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/AccountSettings.razor.css @@ -0,0 +1,13 @@ +.account-setting-content { + overflow: hidden; + display: flex; + flex-direction: column; + border-radius: var(--big-radius); + position: fixed; + animation-name: fade-in; + animation-duration: 0.4s +} + +.invisible { + display: none; +} diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBase.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBase.razor index 66b78f5..afdc1a3 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBase.razor +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBase.razor @@ -24,16 +24,18 @@
+ TItem="AddTypeParams" + ValueChanged=HandleAddTypeClickedAsync + Items="AddTypes" + LabelSelector="(addtype => addtype.Label)" + Theme="DropdownTheme.Navigation" />
-
- +
diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css index 176e5f1..71a3c17 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css @@ -12,6 +12,7 @@ --semi-black: rgba(0, 0, 0, 0.5); --line-black: rgba(0, 0, 0, 0.2); --small-radius: 4px; + --big-radius: 10px; --radius: 6px; --drop-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); } diff --git a/src/GameIdeas/GameIdeas.Resources/CreateStaticResourceKey.cs b/src/GameIdeas/GameIdeas.Resources/CreateStaticResourceKey.cs index 6ac7586..f8e8d9b 100644 --- a/src/GameIdeas/GameIdeas.Resources/CreateStaticResourceKey.cs +++ b/src/GameIdeas/GameIdeas.Resources/CreateStaticResourceKey.cs @@ -6,6 +6,8 @@ public class Translations (TranslationService translationService) public string GamesIdeas => translationService.Translate(nameof(GamesIdeas)); public string ManualAdd => translationService.Translate(nameof(ManualAdd)); public string AutoAdd => translationService.Translate(nameof(AutoAdd)); + public string Login => translationService.Translate(nameof(Login)); + public string Logout => translationService.Translate(nameof(Logout)); } public static class ResourcesKey @@ -20,4 +22,6 @@ public static class ResourcesKey public static string GamesIdeas => _instance?.GamesIdeas ?? throw new InvalidOperationException("ResourcesKey.GamesIdeas is not initialized."); public static string ManualAdd => _instance?.ManualAdd ?? throw new InvalidOperationException("ResourcesKey.ManualAdd is not initialized."); public static string AutoAdd => _instance?.AutoAdd ?? throw new InvalidOperationException("ResourcesKey.AutoAdd is not initialized."); + public static string Login => _instance?.Login ?? throw new InvalidOperationException("ResourcesKey.Login is not initialized."); + public static string Logout => _instance?.Logout ?? throw new InvalidOperationException("ResourcesKey.Logout is not initialized."); } \ No newline at end of file diff --git a/src/GameIdeas/Server/GameIdeas.WebAPI/Files/GameIdeas.fr.json b/src/GameIdeas/Server/GameIdeas.WebAPI/Files/GameIdeas.fr.json index 022260c..618c13f 100644 --- a/src/GameIdeas/Server/GameIdeas.WebAPI/Files/GameIdeas.fr.json +++ b/src/GameIdeas/Server/GameIdeas.WebAPI/Files/GameIdeas.fr.json @@ -1,5 +1,7 @@ { "GamesIdeas": "Game Ideas", - "ManualAdd": "Ajout manuel", - "AutoAdd": "Ajout automatique" + "ManualAdd": "Manuel", + "AutoAdd": "Automatique", + "Login": "Connexion", + "Logout": "Déconnexion" } \ No newline at end of file -- 2.39.5 From f5fc908f5370c7828e29f5e738e45e185b797eec Mon Sep 17 00:00:00 2001 From: Egamorf Date: Thu, 27 Feb 2025 00:56:30 +0100 Subject: [PATCH 10/13] Finish base header --- .../GameIdeas.BlazorApp.csproj | 3 + .../Pages/Games/AccountSetting.cs | 1 - .../Client/GameIdeas.BlazorApp/Program.cs | 3 + .../Services/AuthentificationService.cs | 21 +++++ .../Dropdown/DropdownContent.razor.css | 3 +- .../Shared/Headers/AccountSettings.razor | 48 +++++++++- .../Shared/Headers/AccountSettings.razor.cs | 60 ++++++++++--- .../Shared/Headers/AccountSettings.razor.css | 87 ++++++++++++++++++- .../Shared/Headers/HeaderBase.razor | 3 +- .../Shared/Headers/HeaderBase.razor.cs | 11 +++ .../Shared/Headers/LoginValidator.cs | 18 ++++ .../GameIdeas.BlazorApp/wwwroot/css/app.css | 39 +++------ .../CreateStaticResourceKey.cs | 4 + .../GameIdeas.Shared/Dto/LoginDto.cs | 7 ++ .../GameIdeas.WebAPI/Files/GameIdeas.fr.json | 6 +- 15 files changed, 263 insertions(+), 51 deletions(-) create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Services/AuthentificationService.cs create mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/LoginValidator.cs create mode 100644 src/GameIdeas/GameIdeas.Shared/Dto/LoginDto.cs diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/GameIdeas.BlazorApp.csproj b/src/GameIdeas/Client/GameIdeas.BlazorApp/GameIdeas.BlazorApp.csproj index c1da829..0388002 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/GameIdeas.BlazorApp.csproj +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/GameIdeas.BlazorApp.csproj @@ -8,6 +8,8 @@ + + @@ -15,6 +17,7 @@ + diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/AccountSetting.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/AccountSetting.cs index 067f14c..3773818 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/AccountSetting.cs +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/AccountSetting.cs @@ -2,7 +2,6 @@ namespace GameIdeas.BlazorApp.Pages.Games; public enum AccountSetting { - Login, Logout } diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Program.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Program.cs index d68b7f2..3331e0c 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Program.cs +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Program.cs @@ -1,5 +1,6 @@ using System.Net.Http.Json; using GameIdeas.BlazorApp; +using GameIdeas.BlazorApp.Services; using GameIdeas.Resources; using Microsoft.AspNetCore.Components.Web; using Microsoft.AspNetCore.Components.WebAssembly.Hosting; @@ -21,6 +22,8 @@ builder.Services.AddHttpClient( client.Timeout = TimeSpan.FromMinutes(3); }); +builder.Services.AddScoped(); + builder.Services.AddSingleton(); builder.Services.AddSingleton(); diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Services/AuthentificationService.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Services/AuthentificationService.cs new file mode 100644 index 0000000..380b679 --- /dev/null +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Services/AuthentificationService.cs @@ -0,0 +1,21 @@ +namespace GameIdeas.BlazorApp.Services; + +public class AuthentificationService +{ + private bool isLogin; + + public bool IsLogin + { + get { return isLogin; } + } + + public void Login() + { + isLogin = true; + } + + public void Logout() + { + isLogin = false; + } +} 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 index ce1ae28..253d8f6 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownContent.razor.css +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Dropdown/DropdownContent.razor.css @@ -5,7 +5,8 @@ border-radius: var(--small-radius); position: fixed; animation-name: fade-in; - animation-duration: 0.4s + animation-duration: 0.4s; + margin-top: 4px; } .drowdown-element { diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/AccountSettings.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/AccountSettings.razor index 8f8fd1c..578eead 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/AccountSettings.razor +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/AccountSettings.razor @@ -1,6 +1,46 @@ - diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBase.razor.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBase.razor.cs index 8f651e4..220b578 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBase.razor.cs +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBase.razor.cs @@ -17,19 +17,30 @@ public partial class HeaderBase new AddTypeParams(AddType.Auto, ResourcesKey.AutoAdd) ]; + private AccountSettings? AccountSettings; + private void HandleIconClicked() { throw new NotImplementedException(); } + private async Task HandleMoreButton() { if (DropdownAdd != null) { await DropdownAdd.OpenAsync(); } + + AccountSettings?.Close(); } + private async Task HandleAddTypeClickedAsync(AddTypeParams value) { await AddTypeChanged.InvokeAsync(value.AddType); } + + private void HandleAccountClicked() + { + AccountSettings?.Toggle(); + } } diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/LoginValidator.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/LoginValidator.cs new file mode 100644 index 0000000..931bd7b --- /dev/null +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/LoginValidator.cs @@ -0,0 +1,18 @@ +using FluentValidation; +using GameIdeas.Shared.Dto; + +namespace GameIdeas.BlazorApp.Shared.Headers; + +public class LoginValidator : AbstractValidator +{ + public LoginValidator() + { + RuleFor(dto => dto.Username) + .NotNull() + .NotEmpty(); + + RuleFor(dto => dto.Password) + .NotNull() + .NotEmpty(); + } +} diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css index 71a3c17..a0059cc 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css @@ -3,6 +3,7 @@ :root { --background: linear-gradient(180deg, #2B1D3D 0%, #171229 100%); --violet: #A380D1; + --violet-selected: #8266a7; --red: #FF5E51; --yellow: #FFC107; --green: #43F8C0; @@ -30,38 +31,16 @@ html, body, #app { overflow: hidden; } -h1:focus { - outline: none; -} - -a, .btn-link { - color: #0071c1; -} - -.btn-primary { - color: #fff; - background-color: #1b6ec2; - border-color: #1861ac; -} - -.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus { - box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb; -} - -.content { - padding-top: 1.1rem; -} - .valid.modified:not([type=checkbox]) { - outline: 1px solid #26b050; + border: 2px solid var(--green); } .invalid { - outline: 1px solid red; + border: 2px solid var(--red) !important; } .validation-message { - color: red; + color: var(--red); } #blazor-error-ui { @@ -142,7 +121,17 @@ code { text-align: start; } +:focus-visible { + outline: none; +} + @keyframes fade-in { 0% {opacity: 0} 100% {opacity: 1} +} + +@keyframes loading { + to { + transform: rotate(360deg); + } } \ No newline at end of file diff --git a/src/GameIdeas/GameIdeas.Resources/CreateStaticResourceKey.cs b/src/GameIdeas/GameIdeas.Resources/CreateStaticResourceKey.cs index f8e8d9b..2509e89 100644 --- a/src/GameIdeas/GameIdeas.Resources/CreateStaticResourceKey.cs +++ b/src/GameIdeas/GameIdeas.Resources/CreateStaticResourceKey.cs @@ -8,6 +8,8 @@ public class Translations (TranslationService translationService) public string AutoAdd => translationService.Translate(nameof(AutoAdd)); public string Login => translationService.Translate(nameof(Login)); public string Logout => translationService.Translate(nameof(Logout)); + public string EnterUsername => translationService.Translate(nameof(EnterUsername)); + public string EnterPassword => translationService.Translate(nameof(EnterPassword)); } public static class ResourcesKey @@ -24,4 +26,6 @@ public static class ResourcesKey public static string AutoAdd => _instance?.AutoAdd ?? throw new InvalidOperationException("ResourcesKey.AutoAdd is not initialized."); public static string Login => _instance?.Login ?? throw new InvalidOperationException("ResourcesKey.Login is not initialized."); public static string Logout => _instance?.Logout ?? throw new InvalidOperationException("ResourcesKey.Logout is not initialized."); + public static string EnterUsername => _instance?.EnterUsername ?? throw new InvalidOperationException("ResourcesKey.EnterUsername is not initialized."); + public static string EnterPassword => _instance?.EnterPassword ?? throw new InvalidOperationException("ResourcesKey.EnterPassword is not initialized."); } \ No newline at end of file diff --git a/src/GameIdeas/GameIdeas.Shared/Dto/LoginDto.cs b/src/GameIdeas/GameIdeas.Shared/Dto/LoginDto.cs new file mode 100644 index 0000000..61ea528 --- /dev/null +++ b/src/GameIdeas/GameIdeas.Shared/Dto/LoginDto.cs @@ -0,0 +1,7 @@ +namespace GameIdeas.Shared.Dto; + +public class LoginDto +{ + public string? Username { get; set; } + public string? Password { get; set; } +} diff --git a/src/GameIdeas/Server/GameIdeas.WebAPI/Files/GameIdeas.fr.json b/src/GameIdeas/Server/GameIdeas.WebAPI/Files/GameIdeas.fr.json index 618c13f..ea987f0 100644 --- a/src/GameIdeas/Server/GameIdeas.WebAPI/Files/GameIdeas.fr.json +++ b/src/GameIdeas/Server/GameIdeas.WebAPI/Files/GameIdeas.fr.json @@ -2,6 +2,8 @@ "GamesIdeas": "Game Ideas", "ManualAdd": "Manuel", "AutoAdd": "Automatique", - "Login": "Connexion", - "Logout": "Déconnexion" + "Login": "Se connecter", + "Logout": "Se déconnecter", + "EnterUsername": "Nom d'utilisateur", + "EnterPassword": "Mot de passe" } \ No newline at end of file -- 2.39.5 From fd6b1f858965ce75e2d0657baaf18a433f31de98 Mon Sep 17 00:00:00 2001 From: Egamorf Date: Thu, 27 Feb 2025 01:03:56 +0100 Subject: [PATCH 11/13] fix loading color --- src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css index a0059cc..b9df5af 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css @@ -98,6 +98,7 @@ html, body, #app { } .loading-progress-text { + color: #000; position: absolute; text-align: center; font-weight: bold; -- 2.39.5 From 4efa7b9968f07bff64c651f89d8741ce4d59893e Mon Sep 17 00:00:00 2001 From: Egamorf Date: Thu, 27 Feb 2025 01:05:07 +0100 Subject: [PATCH 12/13] remove useless picture --- .../wwwroot/default-account.png | Bin 6408 -> 0 bytes .../GameIdeas.BlazorApp/wwwroot/favicon.png | Bin 1148 -> 0 bytes 2 files changed, 0 insertions(+), 0 deletions(-) delete mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/default-account.png delete mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/favicon.png diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/default-account.png b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/default-account.png deleted file mode 100644 index 61a7c68f4a11702f2a01f8ee60317d407b14bf7d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6408 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 Date: Thu, 27 Feb 2025 01:08:26 +0100 Subject: [PATCH 13/13] remove and move components --- .../Pages/Games/Components/GameHeader.razor | 1 - .../Games/Components/GameHeader.razor.cs | 6 ---- .../Pages/Games/GamesBase.razor.cs | 4 +-- .../Games/{ => Models}/AccountSetting.cs | 2 +- .../Pages/Games/{ => Models}/AddType.cs | 2 +- .../Shared/Components/Loader.razor | 1 - .../Shared/Components/Loader.razor.css | 31 ------------------- .../Shared/Headers/HeaderBase.razor | 7 +++-- .../Shared/Headers/HeaderBase.razor.cs | 2 +- 9 files changed, 8 insertions(+), 48 deletions(-) delete mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameHeader.razor delete mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameHeader.razor.cs rename src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/{ => Models}/AccountSetting.cs (89%) rename src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/{ => Models}/AddType.cs (79%) delete mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Loader.razor delete mode 100644 src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Loader.razor.css diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameHeader.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameHeader.razor deleted file mode 100644 index e02abfc..0000000 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameHeader.razor +++ /dev/null @@ -1 +0,0 @@ - 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 deleted file mode 100644 index b57f847..0000000 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameHeader.razor.cs +++ /dev/null @@ -1,6 +0,0 @@ -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.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor.cs index 45197e2..dc671cf 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor.cs +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/GamesBase.razor.cs @@ -1,8 +1,6 @@ -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/Pages/Games/AccountSetting.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Models/AccountSetting.cs similarity index 89% rename from src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/AccountSetting.cs rename to src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Models/AccountSetting.cs index 3773818..23e9ce3 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/AccountSetting.cs +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Models/AccountSetting.cs @@ -1,4 +1,4 @@ -namespace GameIdeas.BlazorApp.Pages.Games; +namespace GameIdeas.BlazorApp.Pages.Games.Models; public enum AccountSetting { diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/AddType.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Models/AddType.cs similarity index 79% rename from src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/AddType.cs rename to src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Models/AddType.cs index 014b039..6e34746 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/AddType.cs +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Models/AddType.cs @@ -1,4 +1,4 @@ -namespace GameIdeas.BlazorApp.Pages.Games; +namespace GameIdeas.BlazorApp.Pages.Games.Models; public enum AddType { diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Loader.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Loader.razor deleted file mode 100644 index d8b5aa6..0000000 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Loader.razor +++ /dev/null @@ -1 +0,0 @@ -
diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Loader.razor.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Loader.razor.css deleted file mode 100644 index 4814a07..0000000 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Loader.razor.css +++ /dev/null @@ -1,31 +0,0 @@ -.overlay { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: var(--semi-black); - display: flex; - align-items: center; - justify-content: center; - z-index: 1000; -} - -.loader { - border: 8px solid var(--white); - border-top: 8px solid var(--violet); - border-radius: 50%; - width: 60px; - height: 60px; - animation: spin 1s linear infinite; -} - -@keyframes spin { - 0% { - transform: rotate(0deg); - } - - 100% { - transform: rotate(360deg); - } -} \ No newline at end of file diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBase.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBase.razor index 7db57d2..d6c82f0 100644 --- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBase.razor +++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Headers/HeaderBase.razor @@ -1,5 +1,6 @@ -@using GameIdeas.BlazorApp.Shared.Components.Dropdown -@using GameIdeas.BlazorApp.Pages.Games +@using GameIdeas.BlazorApp.Pages.Games +@using GameIdeas.BlazorApp.Pages.Games.Models +@using GameIdeas.BlazorApp.Shared.Components.Dropdown @using GameIdeas.Resources
@@ -31,7 +32,7 @@ Theme="DropdownTheme.Navigation" />