Merge pull request #11 from AlineRinquin/cecile

page 404

src/app/pages/page-not-found/page-not-found.component.html

@@ -1,2 +1,12 @@
 <app-header></app-header>
-<p>Error 404 Page Not FOUND!!!!!!!!!!!</p>
+
+<div>
+ 
+<p> Page introuvable</p>
+<a routerLink="" routerLinkActive="!active"><br><br>
+    Je retourne à l'accueil<br><br><br><br><br><br><br><br><br><br><br><br></a>
+  
+
+</div>
+
+

src/app/pages/page-not-found/page-not-found.component.scss

@@ -0,0 +1,22 @@
+
+
+a.hover {
+    color :rgb(219, 200, 28)
+}
+
+a {
+    color: rgb(32, 114, 45);
+}
+
+div { 
+    text-align: center;
+    font-weight: bold;
+
+// si on préfère une image en fond
+// background-image: url("../../../assets/images/404.jpg");
+// background-size: cover;
+
+background-image: linear-gradient(to left top, #051937, #004d7a, #008793, #e2ebe7, #f8faf5);
+
+}
+

src/app/pages/page-not-found/page-not-found.component.ts

@@ -1,5 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 
+
 @Component({
   selector: 'app-page-not-found',
   templateUrl: './page-not-found.component.html',
@@ -7,9 +8,28 @@ import { Component, OnInit } from '@angular/core';
 })
 export class PageNotFoundComponent implements OnInit {
 
-  constructor() { }
 
-  ngOnInit(): void {
+  constructor() {
   }
 
+
+  ngOnInit(): void {
+    
+  }
 }
+
+
+/* version alternative pour mettre une redirection automatique
+---------------
+---------------
+import { Router } from '@angular/router';
+----------------
+constructor(private routeur: Router) {   }
+----------------
+  ngOnInit(): void {
+    setTimeout(
+      () => {
+    this.routeur.navigate(["accueil"]);
+      }, 3000
+    );
+  } } */

src/app/services/auth.service.ts

@@ -23,6 +23,7 @@ export class AuthService {
     console.log(membre);
 
     return this.http.post(`${this.apiUrl}/membres/sign-up`, membre);
+
   }