formulaire d'inscription

*rkeita31* · *rkeita31* · commit 049cc4887a3e · 2023-02-22T19:43:59.000-05:00
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -2,7 +2,7 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { NgModule } from '@angular/core';
 import { FormsModule, ReactiveFormsModule} from '@angular/forms';
 import { HttpClientModule } from '@angular/common/http';
-import { RouterModule } from '@angular/router';
+import { Route, RouterModule, Routes } from '@angular/router';
 import { AppRoutingModule } from './app.routing';
 import { ComponentsModule } from './components/components.module';
 import { AppComponent } from './app.component';
@@ -18,6 +18,9 @@ import { GarageService } from './services/garage.service';
 import { TerrainService } from './services/terrain.service';
 import { VisiteService } from './services/visite.service';
 import { AppService } from './app.service';
+import { RegistrationComponent } from './registration/registration.component';
+
+
 
 @NgModule({
   imports: [
diff --git a/src/app/app.routing.ts b/src/app/app.routing.ts
@@ -16,11 +16,12 @@ import { UtilisateurComponent } from './components/utilisateur/utilisateur.compo
 import { VisiteComponent } from './components/visite/visite.component';
 import { LoginComponent } from './components/login/login.component';
 import { DashboardComponent } from './dashboard/dashboard.component';
+import { RegistrationComponent } from './registration/registration.component';
 
 const routes: Routes =[
   {
     path: '',
-    redirectTo: 'login',
+    component : LoginComponent,
     pathMatch: 'full',
   }, {
     path: '',
@@ -59,7 +60,8 @@ const routes: Routes =[
   }, {
     path: 'visites',
     component: VisiteComponent
-  }
+   }
+
 ];
 
 @NgModule({
diff --git a/src/app/components/components.module.ts b/src/app/components/components.module.ts
@@ -1,6 +1,6 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { RouterModule } from '@angular/router';
+import { Route, RouterModule, Routes } from '@angular/router';
 
 import { FooterComponent } from './footer/footer.component';
 import { NavbarComponent } from './navbar/navbar.component';
@@ -17,6 +17,8 @@ import { TerrainComponent } from './terrain/terrain.component';
 import { VisiteComponent } from './visite/visite.component';
 import { LoginComponent } from 'app/components/login/login.component';
 import { FormsModule } from '@angular/forms';
+import { RegistrationComponent } from 'app/registration/registration.component';
+
 
 @NgModule({
   imports: [
@@ -39,6 +41,7 @@ import { FormsModule } from '@angular/forms';
     TerrainComponent,
     VisiteComponent,
     LoginComponent,
+    RegistrationComponent
   ],
   exports: [
     FooterComponent,
diff --git a/src/app/components/login/login.component.html b/src/app/components/login/login.component.html
@@ -1,4 +1,23 @@
-<h1>Connectez-vous</h1>
+ <style>
+  body{
+    margin-top : 25%;
+    margin-left: 25%;
+  }
+  h1{
+    color: rgb(114, 40, 40, 0.48);
+    font-size: 70px;
+    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif
+  }
+ 
+
+ </style> 
+
+ <div>
+  <img src="src/app/components/sidebar/image/6372241.jpg" alt="photoAgence">
+ </div>
+ <body>
+  <div class="form-group col-md-8" style="text-align: center" > 
+ <h1>Connectez vous</h1>
 <form  (submit)="login()">
   <div>
     <label for="username">Nom d'utilisateur</label>
@@ -7,6 +26,11 @@ <h1>Connectez-vous</h1>
   <div>
     <label for="password">Mot de passe</label>
     <input type="text" class="form-control" [(ngModel)]="credentials.password" name="password">
+    <br>
   </div>
-  <button type="submit">Se connecter</button>
+  <button class="btn btn-primary"type="submit">Se connecter</button>
+  
+  <p>Pas encore de compte ?<a routerLink="/registration">Inscrivez-vous</a></p>
 </form>
+</div>
+ </body>
diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html
@@ -37,11 +37,11 @@
                         </p>
                     </a>
                     <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
-                        <a class="dropdown-item" href="javascript:void(0)">Mike John responded to your email</a>
-                        <a class="dropdown-item" href="javascript:void(0)">You have 5 new tasks</a>
-                        <a class="dropdown-item" href="javascript:void(0)">You're now friend with Andrew</a>
+                        <a class="dropdown-item" href="javascript:void(0)">5 nouveaux bien disponible sur Paris</a>
+                        <a class="dropdown-item" href="javascript:void(0)">Monsieur T a repondu à votre question</a>
+                        <!--<a class="dropdown-item" href="javascript:void(0)">You're now friend with Andrew</a>
                         <a class="dropdown-item" href="javascript:void(0)">Another Notification</a>
-                        <a class="dropdown-item" href="javascript:void(0)">Another One</a>
+                        <a class="dropdown-item" href="javascript:void(0)">Another One</a> -->
                     </div>
                 </li>
                 <li class="nav-item">
diff --git a/src/app/components/sidebar/image/6372241.jpg b/src/app/components/sidebar/image/6372241.jpg
diff --git a/src/app/components/sidebar/image/agimmo.png b/src/app/components/sidebar/image/agimmo.png
diff --git a/src/app/components/sidebar/sidebar.component.html b/src/app/components/sidebar/sidebar.component.html
@@ -37,12 +37,12 @@
                 </p>
             </a>
             <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
-                <a class="dropdown-item" href="#">Mike John responded to your email</a>
-                <a class="dropdown-item" href="#">You have 5 new tasks</a>
-                <a class="dropdown-item" href="#">You're now friend with Andrew</a>
-                <a class="dropdown-item" href="#">Another Notification</a>
-                <a class="dropdown-item" href="#">Another One</a>
-            </div>
+                <a class="dropdown-item" href="javascript:void(0)">5 nouveaux bien disponible sur Paris</a>
+                <a class="dropdown-item" href="javascript:void(0)">Monsieur T a repondu à votre question</a>
+                <!--<a class="dropdown-item" href="javascript:void(0)">You're now friend with Andrew</a>
+                <a class="dropdown-item" href="javascript:void(0)">Another Notification</a>
+                <a class="dropdown-item" href="javascript:void(0)">Another One</a> -->
+           </div>
         </li>
         <li class="nav-item">
             <a class="nav-link" href="javascript:void(0)">
diff --git a/src/app/layouts/admin-layout/admin-layout.routing.ts b/src/app/layouts/admin-layout/admin-layout.routing.ts
@@ -9,6 +9,7 @@ import { IconsComponent } from '../../icons/icons.component';
 import { MapsComponent } from '../../maps/maps.component';
 import { NotificationsComponent } from '../../notifications/notifications.component';
 import { UpgradeComponent } from '../../upgrade/upgrade.component';
+import { RegistrationComponent } from 'app/registration/registration.component';
 
 export const AdminLayoutRoutes: Routes = [
     // {
@@ -63,4 +64,5 @@ export const AdminLayoutRoutes: Routes = [
     { path: 'maps',           component: MapsComponent },
     { path: 'notifications',  component: NotificationsComponent },
     { path: 'upgrade',        component: UpgradeComponent },
+    { path: 'registration',   component: RegistrationComponent}
 ];
diff --git a/src/app/model/offre.ts b/src/app/model/offre.ts
@@ -1,7 +1,7 @@
 import { Avis } from "./avis";
 import { Visite } from "./visite";
 
-export enum enumEtatOffre {
+export enum EtatOffre {
     RENOVE = "RENOVE",
     NEUF = "NEUF",
     BON_ETAT = "BON_ETAT",
@@ -19,7 +19,7 @@ export class Offre {
     imageOffre!: File;
     disponibiliteOffre!: boolean;
     orientationOffre!: string;
-    etatOffre!: enumEtatOffre;
+    etatOffre!: EtatOffre;
     typeOffre!: string;
     visite!: Visite[];
     avis!: Avis[];
diff --git a/src/app/registration/registration.component.html b/src/app/registration/registration.component.html
@@ -0,0 +1,62 @@
+
+
+
+
+<h2>Créer un compte</h2>  
+  <div class="row">
+    <div class="col-md-8">
+      <div class="card card-user">
+        <div class="card-header">
+          <h3 class="card-title">Creer un compte</h3>
+        </div>
+        <div class="card-body">
+          <form (ngSubmit)="saveUtilisateur()">
+            <div class="row">
+              <div class="col-md-6 pr-1">
+                <div class="form-group">
+                  <label>Nom</label>
+                  <input type="text" class="form-control" [(ngModel)]="utilisateur.nomUtilisateur" name="nomUtilisateur">
+                </div>
+                <div class="form-group">
+                  <label>Prénom</label>
+                  <input type="text" class="form-control" [(ngModel)]="utilisateur.prenomUtilisateur" name="prenomUtilisateur">
+                </div>
+                <div class="form-group">
+                    <label>Email</label>
+                    <input type="email" class="form-control" [(ngModel)]="utilisateur.emailUtilisateur" name="emailUtilisateur">
+                  </div>
+                  <div class="form-group">
+                    <label>Date de Naissance</label>
+                    <input type="date" class="form-control" [(ngModel)]="utilisateur.dateNaissanceUtilisateur" name="dateNaissanceUtilisateur">
+                  </div>
+                  <div class="form-group">
+                    <label>Telephone</label>
+                    <input type="tel" class="form-control" [(ngModel)]="utilisateur.numTelUtilisateur" name="numTelUtilisateur">
+                  </div>
+                  <div class="form-group">
+                    <label>Nom d'utilisateur</label>
+                    <input type="text" class="form-control" [(ngModel)]="utilisateur.username" name="username">
+                  </div>
+                  <div class="form-group">
+                    <label>Mot de passe</label>
+                    <input type="text" class="form-control" [(ngModel)]="utilisateur.password" name="password">
+                  </div>
+                  <div class="form-group">
+                    <label>Role</label>
+                    <select [(ngModel)]="utilisateur.roles" name="roles">
+                        <option value="">Client</option>
+                    </select>
+                  </div>
+              </div>
+            </div>
+            <div class="row">
+              <div class="update ml-auto mr-auto">
+                <button class="btn btn-primary btn-round">Valider</button>
+              </div>
+            </div>
+          </form>
+        </div>
+      </div>
+    </div>
+    
+   
diff --git a/src/app/registration/registration.component.scss b/src/app/registration/registration.component.scss
diff --git a/src/app/registration/registration.component.spec.ts b/src/app/registration/registration.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { RegistrationComponent } from './registration.component';
+
+describe('RegistrationComponent', () => {
+  let component: RegistrationComponent;
+  let fixture: ComponentFixture<RegistrationComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ RegistrationComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(RegistrationComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/registration/registration.component.ts b/src/app/registration/registration.component.ts
@@ -0,0 +1,35 @@
+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+import { Utilisateur } from 'app/model/utilisateur';
+import { UtilisateurService } from 'app/services/utilisateur.service';
+
+@Component({
+  selector: 'app-registration',
+  templateUrl: './registration.component.html',
+  styleUrls: ['./registration.component.scss']
+})
+export class RegistrationComponent implements OnInit {
+
+
+  users!:any[]
+  roles!:any[]; 
+  utilisateur:Utilisateur = new Utilisateur();
+  constructor(private utilisateurService:UtilisateurService, private router:Router){}
+  
+  ngOnInit(): void {
+    this.findAllUtilisateurs();
+
+  }
+  findAllUtilisateurs(){
+    this.utilisateurService.findAll().subscribe(data => {this.users = data});
+  }
+
+  saveUtilisateur(){
+    this.utilisateurService.save(this.utilisateur).subscribe(
+      () => {
+        this.findAllUtilisateurs();
+        this.utilisateur = new Utilisateur();
+      }
+    )
+  }
+}
