src/app/utilisateurs/edit-user/edit-user.component.ts
| selector | bgui-edit-user |
| standalone | true |
| imports |
CommonModule
MatPaginator
MatTableModule
MatFormFieldModule
MatInputModule
CarouselComponent
MatCardModule
MatCardTitle
ReactiveFormsModule
MatButtonModule
MatIconModule
MatCheckboxModule
RouterOutlet
MatPaginatorModule
RouterLink
FormsModule
MatMenuModule
|
| templateUrl | ./edit-user.component.html |
| styleUrl | ./edit-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 { MatCardModule, MatCardTitle } from '@angular/material/card';
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 { MatMenuModule } from '@angular/material/menu';
import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
import { MatTableModule } from '@angular/material/table';
import { RouterOutlet, RouterLink } from '@angular/router';
import { CarouselComponent } from 'src/app/shared/carousel/carousel.component';
@Component({
selector: 'bgui-edit-user',
standalone: true,
imports: [
CommonModule,
MatPaginator,
MatTableModule,
MatFormFieldModule,
MatInputModule,
CarouselComponent,
MatCardModule,
MatCardTitle,
ReactiveFormsModule,
MatButtonModule,
MatIconModule,
MatCheckboxModule,
RouterOutlet,
MatPaginatorModule,
RouterLink,
FormsModule,
MatMenuModule,
],
templateUrl: './edit-user.component.html',
styleUrl: './edit-user.component.scss',
})
export class EditUserComponent {
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() {}
}
<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">
<div class="card-title">
<div class="card-body m-3">
<h5 class="mb-3">Modifer 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>