@@ -23,7 +23,6 @@
-
diff --git a/src/app/header/components/nav-bar/nav-bar.component.ts b/src/app/header/components/nav-bar/nav-bar.component.ts
index fc81ce2..2313221 100644
--- a/src/app/header/components/nav-bar/nav-bar.component.ts
+++ b/src/app/header/components/nav-bar/nav-bar.component.ts
@@ -9,15 +9,21 @@ import { environment } from 'src/environments/environment';
styleUrls: ['./nav-bar.component.scss']
})
export class NavBarComponent implements OnInit {
- tokenKey = environment.tokenKey;
- constructor( private tokenService : TokenService, public route: Router) { }
+ private tokenKey: string;
+
+
+ constructor( private tokenService : TokenService, public route: Router) {
+
+ this.tokenKey = environment.tokenKey;
+ }
ngOnInit(): void {
}
onCloseSession() : void {
-this.tokenService.destroyToken();
+
+this.tokenService.destroyToken(this.tokenKey);
this.route.navigate(['signin']);
}
diff --git a/src/app/pages/home-page/home-page.component.html b/src/app/pages/home-page/home-page.component.html
index 70a6b32..f569c29 100644
--- a/src/app/pages/home-page/home-page.component.html
+++ b/src/app/pages/home-page/home-page.component.html
@@ -1,44 +1,45 @@
-
Hello {{userName}} !
+
Hello {{userName}} !
-
-
Bienvenue sur Simpl'eat, l'application indispensable pour un Simplonien comme toi !
+
+ Bienvenue sur Simpl'eat, l'application indispensable pour un Simplonien comme toi !
-
-
Cette application à été conçue dans le but de te permettre de visualiser les différents restaurants aux alentours de l’école SIMPLON située à MONTREUIL.
+
+
+
Cette application à été conçue dans le but de te permettre de visualiser les différents restaurants aux alentours de l’école SIMPLON située à MONTREUIL.
Tu pourras choisir choisir selon tes préférences un restaurant en particulier qui convient selon ton envie du jour.
Une boulangerie, un kebab, une pizzeria ou simplement un magnifique sandwich triangle dans ton cente commercial préféré !
C'est pas magnifique ça ?
-
-
-
+
-
L'idée de cette application vient du fait qu'en tant que provincial, d'arriver dans une nouvelle ville, d'être presque perdu dans un environnement
+
L'idée de cette application vient du fait qu'en tant que provincial, d'arriver dans une nouvelle ville, d'être presque perdu dans un environnement
qui nous ait inconnu, de ne pas savoir si il y a le meilleur kebab du coin dans les environs ?
Toutes ces pensées nous envahissent et nous ont amener à concevoir ceci pour vous !
-
+
-
+
- Sur cette application, plusieurs fonctionnalités s'offre à toi.
+ Sur cette application, plusieurs fonctionnalités s'offre à toi :
- Acceder aux différents restaurants répertoriés sur l'application !
- Choisir la catégorie de restaurants qui donne le plus envie !
- Sélectionner et préserver en favoris les restaurants dont tu veux garder l'adresse !
-
- A TOI DE JOUER !
+
+ A toi de jouer !
diff --git a/src/app/pages/home-page/home-page.component.scss b/src/app/pages/home-page/home-page.component.scss
index bef99e6..73491e8 100644
--- a/src/app/pages/home-page/home-page.component.scss
+++ b/src/app/pages/home-page/home-page.component.scss
@@ -1,38 +1,165 @@
.body{
width: 100%;
- padding: 15vh;
+ padding: 8vh 20vh;
+}
+
+h1{
+ font-size: 4vh;
+ padding-top: 3vh;
+}
+
+.preface{
+ text-align: center;
+ padding-bottom: 3vh;
}
.premier_bloc{
display: flex;
+ align-items: center;
+
}
.deuxieme_bloc{
display: flex;
+ align-items: center;
+
}
.troisieme_bloc{
display: flex;
+ align-items: center;
}
img{
- width: 600px;
- height: 350px;
- margin-top: 100px;
+
+
+ margin: 5vh 0 0 0;
+ border-radius: 10px;
+ width: 100%;
+ max-width: 500px;
+ height: auto;
+
+
}
-p{
- margin: 10px 50px 20px;
- padding: 0 30px;
+.uno{
+ padding-top: 6vh;
+ padding-left: 6vh;
text-align: justify;
- padding-top: 220px;
- font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
}
+.dos{
+ padding-top: 6vh;
+ padding-right: 6vh;
+ text-align: justify;
+}
+
+.tres{
+ padding-top: 6vh;
+ font-size: 3.5vh;
+}
+
+
+
.separation{
display: flex;
justify-content: flex-start;
border-bottom: 2px solid #CE0000;
max-width: 83%;
padding : 20px;
+}
+
+.ligne-rouge{
+ display: flex;
+ justify-content: flex-end;
+
+}
+
+.separation2{
+
+ border-bottom: 2px solid #CE0000;
+ max-width: 83%;
+ width: 100%;
+ padding : 20px;
+
+}
+
+@media only screen and (max-width:1131px) {
+
+ .body{
+ display: flex;
+ justify-content: center;
+ margin: -1vh auto;
+ padding: 3vh;
+ flex-wrap: wrap;
+ }
+
+ img{
+ width: 100%;
+ max-width: 500px;
+ height: auto;
+ padding-bottom: 5vh;
+ border-radius: 10px;
+ display: flex;
+ justify-content: center;
+ }
+
+ .premier_bloc{
+ flex-wrap: wrap;
+ }
+
+ .deuxieme_bloc{
+ flex-wrap: wrap;
+ flex-direction: column-reverse;
+ }
+
+ .troisieme_bloc{
+ flex-wrap: wrap;
+ }
+
+ .uno{
+ padding-top: 0;
+ padding-left: 0;
+ padding-bottom: 2.5vh;
+ text-align: justify;
+
+ }
+
+ .dos{
+ padding-top: 0;
+ padding-right: 0;
+ padding-bottom: 2.5vh;
+ text-align: justify;
+ }
+
+ .tres{
+ padding-top: 0;
+ font-size: 3.5vh;
+ }
+
+ .separation{
+ display: flex;
+ justify-content: center;
+ border-bottom: 1px solid #CE0000;
+ width: 100%;
+ padding: 0;
+
+ }
+
+ .ligne-rouge{
+ display: flex;
+ justify-content: center;
+ width: 100%;
+ }
+
+ .separation2{
+ padding: 0;
+ border-bottom: 1px solid #CE0000;
+ max-width: 83%;
+ }
+
+
+
+
+
}
\ No newline at end of file
diff --git a/src/app/pages/models/user.ts b/src/app/pages/models/user.ts
index 87c6596..340925f 100644
--- a/src/app/pages/models/user.ts
+++ b/src/app/pages/models/user.ts
@@ -1,7 +1,7 @@
export interface User {
id?:number;
prenom: string;
- lastName: string;
+ nom: string;
email: string;
password?: string;
preference ?: object;
diff --git a/src/app/pages/signin/signin.component.html b/src/app/pages/signin/signin.component.html
index 0a30940..4513aa9 100644
--- a/src/app/pages/signin/signin.component.html
+++ b/src/app/pages/signin/signin.component.html
@@ -1,7 +1,6 @@