src/app/utilisateurs/view-user/view-user.component.ts
| selector | bgui-view-user |
| standalone | true |
| imports |
CommonModule
CarouselComponent
MatFormFieldModule
ReactiveFormsModule
MatInputModule
MatButtonModule
MatIconModule
MatCheckboxModule
RouterLink
FormsModule
|
| templateUrl | ./view-user.component.html |
| styleUrl | ./view-user.component.scss |
Properties |
Methods |
| register |
register()
|
|
Returns :
void
|
Type : string
|
| ffPassword |
Type : string
|
| isActive |
Default value : false
|
| lastName |
Type : string
|
| name |
Type : string
|
| password |
Type : string
|
import { CommonModule } from '@angular/common';
import { Component } from '@angular/core';
import { ReactiveFormsModule, FormsModule } 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-view-user',
standalone: true,
imports: [
CommonModule,
CarouselComponent,
MatFormFieldModule,
ReactiveFormsModule,
MatInputModule,
MatButtonModule,
MatIconModule,
MatCheckboxModule,
RouterLink,
FormsModule,
],
templateUrl: './view-user.component.html',
styleUrl: './view-user.component.scss',
})
export class ViewUserComponent {
name!: string;
lastName!: string;
email!: string;
password!: string;
ffPassword!: 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>
<div class="mb-3">
<h4 class="text-dark text-muted">Ajouter un Utilisateur</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>
<button type="button" class="btn btn-info" (click)="register()">
Retur
</button>
<div class="row">
<div class="col-md-8"></div>
</div>
</form>
</div>
</div>
</div>
<div class="col"></div>
</div>
</div>
</div>
</section>
<ng-template let-data> Hello, {{ data.name }} </ng-template> -->
<!-- <div class="content sm-gutter">
<div class="row">
<div class="col-md-12 col-vlg-12 m-b-10">
<div class="row-fluid">
<div class="span12">
<div class="grid simple">
<div class="card">
<div class="card-title">
<div class="card-body">
<h5>Informations Utilisateur</h5>
<form
method="post"
action="add_ppci_other_user"
class="add_ppci_other_user">
<div class="row">
<div class="col-md-5 mb-2">
<input
type="text"
placeholder="Nom"
class="form-control"
name="first_name"
value=""
required="" />
</div>
<div class="col-md-5">
<input
type="text"
placeholder="Prénoms"
class="form-control"
name="last_name"
value=""
required="" />
</div>
<div class="col-md-5">
<input
type="email"
placeholder="Email"
class="form-control"
name="username"
value=""
required="" />
</div>
<div class="col-md-5">
<input
type="text"
placeholder="Mot de passe"
class="form-control"
name="password"
value=""
required="" />
</div>
<input
type="hidden"
class="form-control"
name="user_id"
value="2807" />
<input
type="hidden"
class="form-control"
name="id"
value="" />
<div class="col-md-12 row" style="margin-top: 30px">
<div class="col-md-3">
<label>
<input
type="checkbox"
name="access[]"
value="Transactions" />
Transactions
</label>
</div>
<div class="col-md-3">
<label>
<input
type="checkbox"
name="access[]"
value="Liste reversement" />
Liste reversement
</label>
</div>
<div class="col-md-3">
<label>
<input
type="checkbox"
name="access[]"
value="Demande de reversement" />
Demande de reversement
</label>
</div>
<div class="col-md-3">
<label>
<input
type="checkbox"
name="access[]"
value="Services" />
Services
</label>
</div>
<div class="col-md-3">
<label>
<input
type="checkbox"
name="access[]"
value="Intégrations" />
Intégrations
</label>
</div>
<div class="col-md-3">
<label>
<input
type="checkbox"
name="access[]"
value="Application android" />
Application android
</label>
</div>
<div class="col-md-3">
<label>
<input
type="checkbox"
name="access[]"
value="Compte associé" />
Compte associé
</label>
</div>
<div class="col-md-3">
<label>
<input
type="checkbox"
name="access[]"
value="Utilisateurs" />
Utilisateurs
</label>
</div>
<div class="col-md-3">
<label>
<input
type="checkbox"
name="access[]"
value="Mon profile" />
Mon profile
</label>
</div>
<div class="col-md-3">
<label>
<input
type="checkbox"
name="access[]"
value="Modifer" />
Modifer
</label>
</div>
<div class="col-md-3">
<label>
<input
type="checkbox"
name="access[]"
value="Mot de passe" />
Mot de passe
</label>
</div>
</div>
<div class="col-md-12 text-center">
<br />
<div class="card-title">
<button
id="add_ppci_other_user"
class="btn-round btn btn-primary btn-sm m-1">
Enregistrer <i class="fa fa-save"></i>
</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> -->
<div class="content sm-gutter">
<!-- END DASHBOARD TILES -->
<div class="row">
<!-- BEGIN WORLD MAP WIDGET - MAP -->
<div class="col-md-12 col-vlg-12 m-b-10">
<div class="row-fluid">
<div class="span12">
<div class="grid simple">
<div class="card mb-2">
<div class="card-title">
<div class="card-body m-3">
<h5 class="mb-3">Informations Utilisateur</h5>
<form
method="post"
action="add_ppci_other_user"
class="add_ppci_other_user">
<div class="row">
<div class="col-md-5 mb-2">
<input
type="text"
placeholder="Nom"
class="form-control"
name="first_name"
value=""
readonly="true"
required="" />
</div>
<div class="col-md-5">
<input
type="text"
placeholder="Prénoms"
class="form-control"
name="last_name"
value=""
readonly="true"
required="" />
</div>
<div class="col-md-5">
<input
type="email"
placeholder="Email"
class="form-control"
name="username"
value=""
readonly="true"
required="" />
</div>
<div class="col-md-5">
<input
type="text"
placeholder="Mot de passe"
class="form-control"
name="password"
value=""
readonly="true"
required="" />
</div>
<input
type="hidden"
class="form-control"
name="user_id"
value="2807" />
<input
type="hidden"
class="form-control"
name="id"
value="" />
<div class="col-md-12 row" style="margin-top: 30px">
<div class="col-md-3">
<label>
<input
type="checkbox"
name="access[]"
[disabled]="true"
value="Transactions" />
Transactions
</label>
</div>
<div class="col-md-3">
<label>
<input
type="checkbox"
[disabled]="true"
name="access[]"
value="Liste reversement" />
Liste reversement
</label>
</div>
<div class="col-md-3">
<label>
<input
type="checkbox"
[disabled]="true"
name="access[]"
value="Demande de reversement" />
Demande de reversement
</label>
</div>
<div class="col-md-3">
<label>
<input
type="checkbox"
[disabled]="true"
name="access[]"
value="Services" />
Services
</label>
</div>
<div class="col-md-3">
<label>
<input
type="checkbox"
[disabled]="true"
name="access[]"
value="Intégrations" />
Intégrations
</label>
</div>
<div class="col-md-3">
<label>
<input
type="checkbox"
[disabled]="true"
name="access[]"
value="Application android" />
Application android
</label>
</div>
<div class="col-md-3">
<label>
<input
type="checkbox"
[disabled]="true"
name="access[]"
value="Compte associé" />
Compte associé
</label>
</div>
<div class="col-md-3">
<label>
<input
type="checkbox"
[disabled]="true"
name="access[]"
value="Utilisateurs" />
Utilisateurs
</label>
</div>
<div class="col-md-3">
<label>
<input
type="checkbox"
[disabled]="true"
name="access[]"
value="Mon profile" />
Mon profile
</label>
</div>
<div class="col-md-3">
<label>
<input
type="checkbox"
[disabled]="true"
name="access[]"
value="Modifer" />
Modifer
</label>
</div>
<div class="col-md-3">
<label>
<input
type="checkbox"
[disabled]="true"
name="access[]"
value="Mot de passe" />
Mot de passe
</label>
</div>
</div>
<div class="col-md-12 text-center">
<br />
<div class="card-title">
<button
id="add_ppci_other_user"
class="btn-round btn btn-primary btn-sm m-1">
Enregistrer <i class="fa fa-save"></i>
</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>