From c24103a2ad685ae8934cf8d58c15389faddff7eb Mon Sep 17 00:00:00 2001 From: sanchezvem Date: Mon, 23 Mar 2026 23:29:38 +0100 Subject: [PATCH] Started login page --- src/app/app.css | 3 + src/app/app.html | 61 +------------------ src/app/app.ts | 11 +--- .../login-form/login-form.component.html | 17 ++++++ .../login-form/login-form.component.scss | 0 .../login-form/login-form.component.ts | 24 ++++++++ src/app/pages/login/login.component.html | 23 +++++++ src/app/pages/login/login.component.scss | 0 src/app/pages/login/login.component.ts | 20 ++++++ src/theme/variables.css | 5 ++ 10 files changed, 96 insertions(+), 68 deletions(-) create mode 100644 src/app/components/login-form/login-form.component.html create mode 100644 src/app/components/login-form/login-form.component.scss create mode 100644 src/app/components/login-form/login-form.component.ts create mode 100644 src/app/pages/login/login.component.html create mode 100644 src/app/pages/login/login.component.scss create mode 100644 src/app/pages/login/login.component.ts diff --git a/src/app/app.css b/src/app/app.css index e69de29..f42fc67 100644 --- a/src/app/app.css +++ b/src/app/app.css @@ -0,0 +1,3 @@ +* { + +} \ No newline at end of file diff --git a/src/app/app.html b/src/app/app.html index e408340..6fcb6f0 100644 --- a/src/app/app.html +++ b/src/app/app.html @@ -1,60 +1 @@ - - - - - - - - - - Be Ready - - - - - - - - - - - - - - Menu - - - - Groupes - - - - - Menu - Groupes - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + \ No newline at end of file diff --git a/src/app/app.ts b/src/app/app.ts index b5d2e47..48442c4 100644 --- a/src/app/app.ts +++ b/src/app/app.ts @@ -1,17 +1,12 @@ -import { Component, signal } from '@angular/core'; -import { RouterOutlet } from '@angular/router'; +import { Component } from '@angular/core'; import {IonicModule} from "@ionic/angular"; -import { addIcons } from 'ionicons'; -import { heart, person, personAdd, home, people, chatbubbles, ribbon, cog } from 'ionicons/icons'; +import {LoginComponent} from "./pages/login/login.component"; @Component({ selector: 'app-root', - imports: [RouterOutlet, IonicModule], + imports: [IonicModule, LoginComponent], templateUrl: './app.html', styleUrl: './app.css' }) export class App { - constructor() { - addIcons({ heart, personAdd, person, home, people, chatbubbles, ribbon, cog }); - } } diff --git a/src/app/components/login-form/login-form.component.html b/src/app/components/login-form/login-form.component.html new file mode 100644 index 0000000..fbe7e8e --- /dev/null +++ b/src/app/components/login-form/login-form.component.html @@ -0,0 +1,17 @@ +
+ + Pseudo + + + + + Mot de passe + + + + + + +

Se connecter

+ +
diff --git a/src/app/components/login-form/login-form.component.scss b/src/app/components/login-form/login-form.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/components/login-form/login-form.component.ts b/src/app/components/login-form/login-form.component.ts new file mode 100644 index 0000000..ac5fa88 --- /dev/null +++ b/src/app/components/login-form/login-form.component.ts @@ -0,0 +1,24 @@ +import { Component } from '@angular/core'; +import {FormControl, FormGroup, ReactiveFormsModule, Validators} from "@angular/forms"; +import {IonButton, IonInput, IonInputPasswordToggle, IonItem, IonLabel} from "@ionic/angular/standalone"; + +@Component({ + selector: 'app-login-form', + templateUrl: './login-form.component.html', + styleUrls: ['./login-form.component.scss'], + imports: [ + ReactiveFormsModule, + IonButton, + IonInput, + IonInputPasswordToggle, + IonItem, + IonLabel + ] +}) +export class LoginFormComponent { + + loginForm: FormGroup = new FormGroup({ + username: new FormControl(null, [Validators.required]), + password: new FormControl(null, [Validators.required]) + }) +} diff --git a/src/app/pages/login/login.component.html b/src/app/pages/login/login.component.html new file mode 100644 index 0000000..ddc3d8e --- /dev/null +++ b/src/app/pages/login/login.component.html @@ -0,0 +1,23 @@ +
+ BeReady-Logo + +

+ BeReady +

+ +

+ Prêt à défier tes potes et prouver que t’es le meilleur ? +

+ + + +
+
+ ou +
+
+ + +

Créer un compte

+ +
\ No newline at end of file diff --git a/src/app/pages/login/login.component.scss b/src/app/pages/login/login.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/pages/login/login.component.ts b/src/app/pages/login/login.component.ts new file mode 100644 index 0000000..f438501 --- /dev/null +++ b/src/app/pages/login/login.component.ts @@ -0,0 +1,20 @@ +import { Component, OnInit } from '@angular/core'; +import {IonicModule} from "@ionic/angular"; +import {LoginFormComponent} from "../../components/login-form/login-form.component"; + +@Component({ + selector: 'app-login', + templateUrl: './login.component.html', + styleUrls: ['./login.component.scss'], + imports: [ + IonicModule, + LoginFormComponent + ] +}) +export class LoginComponent implements OnInit { + + constructor() { } + + ngOnInit() {} + +} diff --git a/src/theme/variables.css b/src/theme/variables.css index f837365..8b2774c 100644 --- a/src/theme/variables.css +++ b/src/theme/variables.css @@ -8,3 +8,8 @@ /* @import "@ionic/angular/css/palettes/dark.always.css"; */ /* @import "@ionic/angular/css/palettes/dark.class.css"; */ @import "@ionic/angular/css/palettes/dark.system.css"; + +:root { + --ion-color-primary: black; + --ion-color-secondary: #F0EFE9; +}