File
|
images
|
Type : []
|
Default value : [
{
imageSrc: './assets/images/carousel-auth/orange-with-variant.png',
imageAlt: 'nature1',
},
{
imageSrc: './assets/images/carousel-auth/silver-modern-with-variant.png',
imageAlt: 'nature1',
},
]
|
|
|
|
isActive
|
Default value : false
|
|
|
import { CommonModule } from '@angular/common';
import { Component } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { MatButtonModule } from '@angular/material/button';
import { MatCheckboxModule } from '@angular/material/checkbox';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatIconModule } from '@angular/material/icon';
import { MatInputModule } from '@angular/material/input';
import { RouterLink } from '@angular/router';
import { CarouselComponent } from 'src/app/shared/carousel/carousel.component';
@Component({
selector: 'bgui-register',
standalone: true,
imports: [
CommonModule,
CarouselComponent,
MatFormFieldModule,
ReactiveFormsModule,
MatInputModule,
MatButtonModule,
MatIconModule,
MatCheckboxModule,
RouterLink,
FormsModule,
],
templateUrl: './register.component.html',
styleUrls: ['./register.component.scss'],
})
export class RegisterComponent {
name!: string;
lastName!: string;
email!: string;
password!: string;
cfPassword!: string;
images = [
{
imageSrc: './assets/images/carousel-auth/orange-with-variant.png',
imageAlt: 'nature1',
},
{
imageSrc: './assets/images/carousel-auth/silver-modern-with-variant.png',
imageAlt: 'nature1',
},
];
// email = new FormControl('', [Validators.required, Validators.email]);
// password = new FormControl('', [Validators.required]);
// form: any = {
// email: '',
// password: '',
// };
// getErrorMessage() {
// if (this.email.hasError('required')) {
// return 'Impossible de trouver votre compte Beasy';
// }
// return this.email.hasError('email') ? 'Adresse e-mail non valide' : '';
// }
// getErrorAuth() {
// this.msgAuth = '';
// }
// hide = true;
isActive = false;
// msgAuth = '';
// private router = inject(Router);
// constructor(private router:Router) {
// //...
// }
// ngOnInit(): void {
// //...
// }
// onSubmit(): void {
// console.log(this.form);
// this.connexionlogin();
// }
// connexionlogin() {
// //console.log("Nous sommes ici");
// if (
// this.form.email === 'mrfrancice@gmail.com' &&
// this.form.password === 'p@ssw0rd'
// ) {
// localStorage.setItem('isLoggedIn', 'true');
// localStorage.setItem('token', this.form.email);
// // Remplacez 'page-accueil' par l'URL de la page à laquelle vous souhaitez rediriger
// console.log("Redirection vers 'dash'");
// this.router.navigate(['/admin']);
// //window.location.href = '/';
// } else {
// this.router.navigate(['/auth']);
// this.msgAuth = 'Login ou PassWord incorrect...';
// }
// }
register() {}
}
<section
class="fxt-template-animation fxt-template-layout20 imagedefont m-125 d-flex justify-content-center align-items-center">
<div class="container-fluid">
<div
[class.mat-elevation-z1]="!isActive"
class="row fxt-bg-color fxt-templateshadow-01">
<div class="row mt-5">
<div class="col"></div>
<div class="col-4">
<div class="card shadow">
<div class="card-body">
<form>
<a href="#" class="fxt-logo">
<img
src="/assets/images/logo/logo-text-beasy.svg"
height="70"
alt="Logo" />
</a>
<div class="mb-3">
<h4 class="text-dark text-muted">Creer un compte</h4>
</div>
<div class="mb-3">
<label for="exampleInputName" class="form-label">Nom</label>
<input
type="text"
class="form-control"
name="name"
[(ngModel)]="name" />
</div>
<div class="mb-3">
<label for="exampleInputLastName" class="form-label"
>Prenoms</label
>
<input
type="text"
class="form-control"
name="lastName"
[(ngModel)]="lastName" />
</div>
<div class="mb-3">
<label for="exampleInputEmail1" class="form-label"
>Email</label
>
<input
type="email"
class="form-control"
name="email"
[(ngModel)]="email" />
</div>
<div class="mb-3">
<label for="exampleInputPassword1" class="form-label"
>Password</label
>
<input
type="password"
class="form-control"
name="password"
[(ngModel)]="password" />
</div>
<div class="mb-3">
<label for="exampleInputPassword1" class="form-label"
>Confirmer mot de passe</label
>
<input
type="password"
class="form-control"
name="password"
[(ngModel)]="cfPassword" />
</div>
<button type="button" class="btn btn-info" (click)="register()">
S'enregistrer
</button>
<div class="row">
<div class="col-md-8">
<a
href="auth/login-standard-user"
style="text-decoration: none"
>J'ai deja un compte ?
<span class="text-danger">Se Connecter</span></a
>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="col"></div>
</div>
</div>
</div>
</section>
Legend
Html element with directive