From 05157e6d38de45f8b457b46d8cfe4fa77b7b3666 Mon Sep 17 00:00:00 2001 From: kelen-dev Date: Mon, 2 Jun 2025 17:56:08 +0200 Subject: [PATCH 1/9] rework login form --- .../essentials/login/login.component.css | 66 ++++++++++++------- .../essentials/login/login.component.html | 22 ++----- 2 files changed, 49 insertions(+), 39 deletions(-) diff --git a/FencerJudgeFront/src/app/components/essentials/login/login.component.css b/FencerJudgeFront/src/app/components/essentials/login/login.component.css index 2a0292b..6093560 100644 --- a/FencerJudgeFront/src/app/components/essentials/login/login.component.css +++ b/FencerJudgeFront/src/app/components/essentials/login/login.component.css @@ -25,8 +25,7 @@ } .login-header { - background: url("https://www.lejdd.fr/lmnr/var/jdd/public/media/image/2022/07/19/12/escrime-comment-les-francais-apprivoisent-leurs-armes.jpg?VersionId=Mw31AogdDUwVLuCaVdxMozm9kito7TTP") - no-repeat center/cover; + background: url("https://www.lejdd.fr/lmnr/var/jdd/public/media/image/2022/07/19/12/escrime-comment-les-francais-apprivoisent-leurs-armes.jpg?VersionId=Mw31AogdDUwVLuCaVdxMozm9kito7TTP") no-repeat center/cover; position: relative; padding: 4rem 1rem; display: flex; @@ -40,8 +39,10 @@ content: ""; position: absolute; inset: 0; - background: rgba(0, 0, 0, 0.3); /* voile sombre */ - backdrop-filter: blur(2px); /* effet de flou */ + background: rgba(0, 0, 0, 0.3); + /* voile sombre */ + backdrop-filter: blur(2px); + /* effet de flou */ z-index: 1; border-radius: 0.5rem; } @@ -68,18 +69,48 @@ gap: 1rem; } -.login-form h3 { - text-align: center; - color: #235d4f; - margin-bottom: 1rem; -} - .input-group { display: flex; align-items: center; + border-radius: 20px; + position: relative; background-color: #235d4f; - border-radius: 30px; - padding: 0.5rem 1rem; + padding: 1rem; +} + +.input-group input { + width: 100%; + padding: 1rem; + font-size: 16px; + color: white; + border: none; + border-bottom: 1px solid white; + outline: none; + background: transparent; +} + +.input-group input:focus~label, +.input-group input:valid~label { + top: 0; + left: 0; + color: #235d4f; + font-size: 12px; + padding: .6rem; +} + +.input-group input .form-control:focus { + border-color: transparent !important; +} + +.input-group label { + position: absolute; + top: 22px; + left: 0; + font-size: 16px; + color: white; + pointer-events: none; + transition: 0.5s; + padding: .6rem; } .input-group .icon { @@ -87,15 +118,6 @@ margin-right: 0.5rem; } -.input-group input { - border: none; - background: none; - color: white; - width: 100%; - font-size: 1rem; - outline: none; -} - .options { display: flex; justify-content: space-between; @@ -121,4 +143,4 @@ .login-btn:hover { background-color: #1b4b3d; -} +} \ No newline at end of file diff --git a/FencerJudgeFront/src/app/components/essentials/login/login.component.html b/FencerJudgeFront/src/app/components/essentials/login/login.component.html index 980a230..c531f0b 100644 --- a/FencerJudgeFront/src/app/components/essentials/login/login.component.html +++ b/FencerJudgeFront/src/app/components/essentials/login/login.component.html @@ -5,28 +5,16 @@
- đŸ‘€ - + +
- 🔒 - + +
- + \ No newline at end of file From 5a73a70e0252b22c51b2a3a78e858d4ba25f9664 Mon Sep 17 00:00:00 2001 From: ExostFlash Date: Mon, 2 Jun 2025 18:35:15 +0200 Subject: [PATCH 2/9] add Matches Add --- .../src/app/app-routing.module.ts | 6 ++ FencerJudgeFront/src/app/app.module.ts | 2 + .../essentials/footer/footer.component.html | 7 +- .../essentials/header/header.component.html | 9 ++ .../matches-add/matches-add.component.css | 0 .../matches-add/matches-add.component.html | 1 + .../matches-add/matches-add.component.spec.ts | 23 +++++ .../matches-add/matches-add.component.ts | 96 +++++++++++++++++++ .../match/matches-id/matches-id.component.ts | 2 + .../app/services/matches/matches.service.ts | 12 +++ .../src/app/services/player/player.service.ts | 31 ++++++ .../app/services/referee/referee.service.ts | 31 ++++++ db.lock.db | 6 ++ 13 files changed, 220 insertions(+), 6 deletions(-) create mode 100644 FencerJudgeFront/src/app/components/match/matches-add/matches-add.component.css create mode 100644 FencerJudgeFront/src/app/components/match/matches-add/matches-add.component.html create mode 100644 FencerJudgeFront/src/app/components/match/matches-add/matches-add.component.spec.ts create mode 100644 FencerJudgeFront/src/app/components/match/matches-add/matches-add.component.ts create mode 100644 db.lock.db diff --git a/FencerJudgeFront/src/app/app-routing.module.ts b/FencerJudgeFront/src/app/app-routing.module.ts index b958478..a1cc001 100644 --- a/FencerJudgeFront/src/app/app-routing.module.ts +++ b/FencerJudgeFront/src/app/app-routing.module.ts @@ -10,6 +10,7 @@ import { HomeComponent } from './components/home/home.component'; import { MatchesComponent } from './components/match/matches/matches.component'; import { MatchesIdComponent } from './components/match/matches-id/matches-id.component'; +import { MatchesAddComponent } from './components/match/matches-add/matches-add.component'; const routes: Routes = [ { path: 'login', component: LoginComponent }, @@ -19,6 +20,11 @@ const routes: Routes = [ { path: 'home', component: HomeComponent }, { path: 'matches', component: MatchesComponent }, + { + path: 'matches/add', + component: MatchesAddComponent, + canActivate: [authGuard], + }, { path: 'matches/:id', component: MatchesIdComponent }, ]; diff --git a/FencerJudgeFront/src/app/app.module.ts b/FencerJudgeFront/src/app/app.module.ts index e17ffe8..f035f52 100644 --- a/FencerJudgeFront/src/app/app.module.ts +++ b/FencerJudgeFront/src/app/app.module.ts @@ -11,6 +11,7 @@ import { LoginComponent } from './components/essentials/login/login.component'; import { LogoutComponent } from './components/essentials/logout/logout.component'; import { MatchesComponent } from './components/match/matches/matches.component'; import { MatchesIdComponent } from './components/match/matches-id/matches-id.component'; +import { MatchesAddComponent } from './components/match/matches-add/matches-add.component'; @NgModule({ declarations: [ @@ -22,6 +23,7 @@ import { MatchesIdComponent } from './components/match/matches-id/matches-id.com LogoutComponent, MatchesComponent, MatchesIdComponent, + MatchesAddComponent, ], imports: [BrowserModule, AppRoutingModule, FormsModule], providers: [], diff --git a/FencerJudgeFront/src/app/components/essentials/footer/footer.component.html b/FencerJudgeFront/src/app/components/essentials/footer/footer.component.html index 01eca56..86a3a7b 100644 --- a/FencerJudgeFront/src/app/components/essentials/footer/footer.component.html +++ b/FencerJudgeFront/src/app/components/essentials/footer/footer.component.html @@ -47,12 +47,7 @@
- © FencerJudge - Tous droits rĂ©servĂ©s - Mentions lĂ©gales - Cookies - AccessibilitĂ© - Nous contacter - Presse + © FencerJudge - Tous droits rĂ©servĂ©s
diff --git a/FencerJudgeFront/src/app/components/essentials/header/header.component.html b/FencerJudgeFront/src/app/components/essentials/header/header.component.html index d0e7a6f..c8ae8e8 100644 --- a/FencerJudgeFront/src/app/components/essentials/header/header.component.html +++ b/FencerJudgeFront/src/app/components/essentials/header/header.component.html @@ -21,6 +21,15 @@ Matchs +