From 95f92229a415df46c071b5038dde62e37fcf4594 Mon Sep 17 00:00:00 2001 From: sanchezvem Date: Tue, 24 Mar 2026 09:51:47 +0100 Subject: [PATCH] created login page --- angular.json | 3 +- package-lock.json | 29 ++----------------- .../login-form/login-form.component.html | 12 +++----- .../login-form/login-form.component.scss | 28 ++++++++++++++++++ .../login-form/login-form.component.ts | 8 ++--- src/app/pages/login/login.component.html | 20 ++++++++----- src/app/pages/login/login.component.scss | 3 ++ 7 files changed, 54 insertions(+), 49 deletions(-) diff --git a/angular.json b/angular.json index 5de310c..c95c9e4 100644 --- a/angular.json +++ b/angular.json @@ -155,7 +155,8 @@ "cli": { "schematicCollections": [ "@ionic/angular-toolkit" - ] + ], + "analytics": "e8e950b1-4841-478c-ba40-4e4328545e20" }, "schematics": { "@ionic/angular-toolkit:component": { diff --git a/package-lock.json b/package-lock.json index bb702f7..34d5118 100644 --- a/package-lock.json +++ b/package-lock.json @@ -469,7 +469,6 @@ "resolved": "https://registry.npmjs.org/@angular/common/-/common-20.3.17.tgz", "integrity": "sha512-Dqd8f8o9MehszTZIB7o7jrERlwLOSK64gNngK14DCQazz5lpIhAF6hBjx7zjHpa7L9eAYPK1TaxQUXypjzj18Q==", "license": "MIT", - "peer": true, "dependencies": { "tslib": "^2.3.0" }, @@ -486,7 +485,6 @@ "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-20.3.17.tgz", "integrity": "sha512-cj3x6aFk9xOOxX+qEdeN8T5YbnBNWJ4UMHB/LQoDr7/xCJJGa40IhcOAuJeuF2kGqTwx6MCXnvjO8XOQfHhe9g==", "license": "MIT", - "peer": true, "dependencies": { "tslib": "^2.3.0" }, @@ -500,7 +498,6 @@ "integrity": "sha512-w5pmO1pXO9tUMgUMWstpDmAWh5s1lJWo+2GI/ByaUEgBZkXd2S92sWoDL+bhy+JSvFzdLGdua6BncHBOX7hEjA==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@babel/core": "7.28.3", "@jridgewell/sourcemap-codec": "^1.4.14", @@ -533,7 +530,6 @@ "resolved": "https://registry.npmjs.org/@angular/core/-/core-20.3.17.tgz", "integrity": "sha512-YlQqxMeHI9XJw7I7oM3hYFQd4lQbK37IdlD9ztROIw5FjX6i6lmLU7+X1MQGSRi2r+X9l3IZtl33hRTNvkoUBw==", "license": "MIT", - "peer": true, "dependencies": { "tslib": "^2.3.0" }, @@ -559,7 +555,6 @@ "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-20.3.17.tgz", "integrity": "sha512-iGS6NwzcyJzinbPMapsQtcN0ZJ62vr6hcul+FNa40CaK2ePC04S+C5n+DIphzwnwsFHDBIWuTQRfk/lNYdN1JA==", "license": "MIT", - "peer": true, "dependencies": { "tslib": "^2.3.0" }, @@ -578,7 +573,6 @@ "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-20.3.17.tgz", "integrity": "sha512-GA8pK+0F2/KGdYn5LMpLBrPTkQUwGjQE8Q+qsivOa150cK3OuD0po5PvYK58l+niGIVvm0wB1xGKTHTOiX/+4A==", "license": "MIT", - "peer": true, "dependencies": { "tslib": "^2.3.0" }, @@ -601,7 +595,6 @@ "resolved": "https://registry.npmjs.org/@angular/router/-/router-20.3.17.tgz", "integrity": "sha512-p0r0IOJhUcn8WHx4gkSlfwifkkYO5mSDtq4iM5OunZTlSaeSxLb1vTRg2VBgwdzpgAM+eZSMBTTVF/M3pdoELQ==", "license": "MIT", - "peer": true, "dependencies": { "tslib": "^2.3.0" }, @@ -646,7 +639,6 @@ "integrity": "sha512-yDBHV9kQNcr2/sUr9jghVyz9C3Y5G2zUM2H2lo+9mKv4sFgbA8s8Z9t8D1jiTkGoO/NoIfKMyKWr4s6CN23ZwQ==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@ampproject/remapping": "^2.2.0", "@babel/code-frame": "^7.27.1", @@ -1623,7 +1615,6 @@ "integrity": "sha512-nqhDw2ZcAUrKNPwhjinJny903bRhI0rQhiDz1LksjeRxqa36i3l75+4iXbOy0rlDpLJGxqtgoPavQjmmyS5UJw==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@inquirer/checkbox": "^4.2.1", "@inquirer/confirm": "^5.1.14", @@ -2439,7 +2430,6 @@ "resolved": "https://registry.npmjs.org/@nestjs/common/-/common-11.1.16.tgz", "integrity": "sha512-JSIeW+USuMJkkcNbiOdcPkVCeI3TSnXstIVEPpp3HiaKnPRuSbUUKm9TY9o/XpIcPHWUOQItAtC5BiAwFdVITQ==", "license": "MIT", - "peer": true, "dependencies": { "file-type": "21.3.0", "iterare": "1.2.1", @@ -4445,7 +4435,6 @@ "resolved": "https://registry.npmjs.org/axios/-/axios-1.13.6.tgz", "integrity": "sha512-ChTCHMouEe2kn713WHbQGcuYrr6fXTBiu460OTwWrWob16g1bXn4vtz07Ope7ewMozJAnEquLk5lWQWtBig9DQ==", "license": "MIT", - "peer": true, "dependencies": { "follow-redirects": "^1.15.11", "form-data": "^4.0.5", @@ -4567,7 +4556,6 @@ } ], "license": "MIT", - "peer": true, "dependencies": { "baseline-browser-mapping": "^2.9.0", "caniuse-lite": "^1.0.30001759", @@ -5665,7 +5653,6 @@ "integrity": "sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "accepts": "^2.0.0", "body-parser": "^2.2.1", @@ -6133,7 +6120,6 @@ "integrity": "sha512-jq9l1DM0zVIvsm3lv9Nw9nlJnMNPOcAtsbsgiUhWcFzPE99Gvo6yRTlszSLLYacMeQ6quHD6hMfId8crVHvexw==", "dev": true, "license": "MIT", - "peer": true, "engines": { "node": ">=16.9.0" } @@ -6849,7 +6835,6 @@ "integrity": "sha512-SL0JY3DaxylDuo/MecFeiC+7pedM0zia33zl0vcjgwcq1q1FWWF1To9EIauPbl8GbMCU0R2e0uJ8bZunhYKD2g==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "cli-truncate": "^4.0.0", "colorette": "^2.0.20", @@ -8195,8 +8180,7 @@ "version": "0.2.2", "resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.2.2.tgz", "integrity": "sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==", - "license": "Apache-2.0", - "peer": true + "license": "Apache-2.0" }, "node_modules/require-directory": { "version": "2.1.1", @@ -8367,7 +8351,6 @@ "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz", "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==", "license": "Apache-2.0", - "peer": true, "dependencies": { "tslib": "^2.1.0" } @@ -8385,7 +8368,6 @@ "integrity": "sha512-9GUyuksjw70uNpb1MTYWsH9MQHOHY6kwfnkafC24+7aOMZn9+rVMBxRbLvw756mrBFbIsFg6Xw9IkR2Fnn3k+Q==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "chokidar": "^4.0.0", "immutable": "^5.0.2", @@ -8953,8 +8935,7 @@ "version": "2.8.1", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", - "license": "0BSD", - "peer": true + "license": "0BSD" }, "node_modules/tuf-js": { "version": "4.1.0", @@ -9004,7 +8985,6 @@ "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==", "dev": true, "license": "Apache-2.0", - "peer": true, "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" @@ -9145,7 +9125,6 @@ "integrity": "sha512-uzcxnSDVjAopEUjljkWh8EIrg6tlzrjFUfMcR1EVsRDGwf/ccef0qQPRyOrROwhrTDaApueq+ja+KLPlzR/zdg==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "esbuild": "^0.25.0", "fdir": "^6.5.0", @@ -9445,7 +9424,6 @@ "integrity": "sha512-AvvthqfqrAhNH9dnfmrfKzX5upOdjUVJYFqNSlkmGf64gRaTzlPwz99IHYnVs28qYAybvAlBV+H7pn0saFY4Ig==", "dev": true, "license": "MIT", - "peer": true, "funding": { "url": "https://github.com/sponsors/colinhacks" } @@ -9464,8 +9442,7 @@ "version": "0.15.1", "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.15.1.tgz", "integrity": "sha512-XE96n56IQpJM7NAoXswY3XRLcWFW83xe0BiAOeMD7K5k5xecOeul3Qcpx6GqEeeHNkW5DWL5zOyTbEfB4eti8w==", - "license": "MIT", - "peer": true + "license": "MIT" } } } diff --git a/src/app/components/login-form/login-form.component.html b/src/app/components/login-form/login-form.component.html index fbe7e8e..097c542 100644 --- a/src/app/components/login-form/login-form.component.html +++ b/src/app/components/login-form/login-form.component.html @@ -1,17 +1,13 @@
- - Pseudo + + Pseudo - - Mot de passe + + 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 index e69de29..f906115 100644 --- a/src/app/components/login-form/login-form.component.scss +++ b/src/app/components/login-form/login-form.component.scss @@ -0,0 +1,28 @@ +/* Style global des items */ +ion-item { + --background: #ffffff; + margin-bottom: 4px; +} + +/* Label */ +ion-label { + font-size: 13px; + color: #666; + margin-bottom: 4px; +} + +/* Input */ +ion-input{ + --padding-start: 10px; + --padding-end: 10px; + --padding-top: 0; + --padding-bottom: 0; + border: solid 1px #000; + border-radius: 10px; + font-size: 14px; +} + +/* Button */ +ion-button:active { + transform: scale(0.98); +} \ No newline at end of file diff --git a/src/app/components/login-form/login-form.component.ts b/src/app/components/login-form/login-form.component.ts index ac5fa88..218d8cd 100644 --- a/src/app/components/login-form/login-form.component.ts +++ b/src/app/components/login-form/login-form.component.ts @@ -1,6 +1,6 @@ import { Component } from '@angular/core'; import {FormControl, FormGroup, ReactiveFormsModule, Validators} from "@angular/forms"; -import {IonButton, IonInput, IonInputPasswordToggle, IonItem, IonLabel} from "@ionic/angular/standalone"; +import {IonicModule} from "@ionic/angular"; @Component({ selector: 'app-login-form', @@ -8,11 +8,7 @@ import {IonButton, IonInput, IonInputPasswordToggle, IonItem, IonLabel} from "@i styleUrls: ['./login-form.component.scss'], imports: [ ReactiveFormsModule, - IonButton, - IonInput, - IonInputPasswordToggle, - IonItem, - IonLabel + IonicModule ] }) export class LoginFormComponent { diff --git a/src/app/pages/login/login.component.html b/src/app/pages/login/login.component.html index ddc3d8e..491f88e 100644 --- a/src/app/pages/login/login.component.html +++ b/src/app/pages/login/login.component.html @@ -1,23 +1,27 @@
- BeReady-Logo + BeReady-Logo -

- BeReady -

+ + +

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

- + -
+ +

Se connecter

+ + +
- ou + 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 index e69de29..f93985e 100644 --- a/src/app/pages/login/login.component.scss +++ b/src/app/pages/login/login.component.scss @@ -0,0 +1,3 @@ +ion-button:active { + transform: scale(0.98); +} \ No newline at end of file