tours-projet2-nous's Issues
ListMessageComponent
- Un peu longue la ligne html de 320 caractères...
- Supprimer
public listMessage;
- Renommer
public tableLists = [];
enmessage
et type correctement
AppRoutingModule
- ajouter un paramètre
id
a la routeprofiles/establishments
ListEstablishmentComponent
- Supprimer
public listEstablishment;
- Renommer
listEstablishment
enestablishments
et typé correctement - Supprimer
public categorie = this.service.result;
et récupérer la catégorie a partir de la route (voir issue #32, #34 ) - Supprimer la méthode
etaDetail
non utilisé - Factoriser les deux
<div class=".container">
en un, en utilisant une fonction.filter
en TS ce qui permet de ne plus avoir besoin deestaDefault
etestaCategorie
- Utiliser
CardComponent
voir issue #50
AuthGuard
Appeler la méthode isLogin
au lieu de faire appel au localStorage
(voir issue #46)
CardComponent (duplication de code)
Template HTML de CategorieComponent
:
<div class="card m-4">
<div class="hovereffect">
<img class="img-responsive border border-dark col" src="assets/img/{{ categorie }}.jpg" alt="" />
<div class="overlay">
<h2 class="font-weight-bolder">{{ categorie }}</h2>
<a class="info" (click)="categorieRest(categorie)" routerLink="profiles/establishments">Show restaurants</a>
</div>
</div>
Template HTML de ListEstablishmentComponent
:
<div class="card m-4">
<div class="hovereffect">
<img class="img-responsive border border-dark col" src="{{ establishment.medias[0]?.url }}" />
<div class="overlay">
<h2 class="font-weight-bolder">{{ establishment.name }}</h2>
<a class="info btn btn-danger" [routerLink]="['/establishments/details', establishment._id]">See
restaurant</a>
</div>
</div>
</div>
Le code HMLT est très similaire donc création d'un component !!
Créer un component CardComponent
qui mutualise les templates ci dessus.
Ajouter un @Input
pour l'url de l'image, un @Input
pour le nom, un @Input
pour l'id de l’établissement. BONUS utiliser <ng-content>
pour le contenu de <h2>
.
Utiliser ce component dans ListEstablishmentComponent
et CategorieComponent
AuthenticationService
NavBarComponent
Utiliser la directive routerLink sur <a class="navbar-brand">
au lieu de href
pour évité de recharger toute la page
LoginComponent
- Supprimer la propriété
loading = false
- Supprimer la propriété
returnUrl
A la place de
this.submitted = true;
if (this.loginForm.invalid) {
return;
}
Vous devriez utilisé la variable de template de ngForm https://angular.io/api/forms/NgForm#template-variable-references ce qui vous permet d'accéder à l'état de votre formulaire directement depuis le html :
<form #f="ngForm" (ngSubmit)="f.valid && onSubmit()" [formGroup]='loginForm'>
- Utiliser 'this.router.navigate(['']);' au lieu de 'this.router.navigate(['#']);'
console.log et code mort
Pensez a supprimer les console.log
, le code mort (si il y en a), les variables, propriétés inutilisé ainsi que les imports et services injecté inutilisé
SearchbarComponent
A rendre fonctionnel
DetailListEstablischmentComponent
- Supprimer
config: NgbCarouselConfig
si vous ne l'utilisez pas - Si un restaurant n'a pas d'horaire renseigné l'erreur
_co.time.open is undefined
est affichée dans la console. Vous devez tester si le restaurant possède bien des horaires avant de les afficher (ngIf ou le safe navigation operator)
DetailsProfileComponent
- Supprimer
public listEstablishment;
utiliser a la placepublic establishments: [];
et typé la correctement. - Supprimer
public listMessage;
utiliser a la placepublic messages: [];
et typé la correctement. NgOnInit
paramètreetam
comme le magasin ?
Utiliser les fichiers d'environements
Navigation de "restaurant par categorie" ver "tous les restaurant"
CategorieComponent
BookingFormComponent
- Supprimer la propriété
bookingForm
- Renommer la propriété
userForm
enbooking
- Supprimer la propriété
title
- Supprimer la propriété
cacheId
NgOnInit
: stockerparams.get('id')
dans la propriététhis.id
Submit
: supprimer le subscribethis.activetedroute.paramMap
et utilserthis.id
dans la condition- Il y a une erreur dans la console a l'affichage du formulaire
"Cannot find control with name: 'address'"
. Le FormGroupadress
a comme FormGroup parentowner
et nonuserForm
vérifié le code HTML.
EstablishmentInscriptionComponent
ngOnInit
: ajouter une proprietethis.id
et l'utiliser pour stocker l'id récupérer avecparams.get('id')
;onSubmit
: supprimer l'appelthis.activatedRoute.paramMap.subscribe
et utiliser directement la proprietethis.id
dans la condition- Il y a une erreur a l'initialisation du formulaire dans la console
"Cannot find control with name: 'message'"
.
<textarea
class="form-control"
formControlName="message"
placeholder="Describe your establishment"
></textarea>
Il n'y a pas de FormControl message
dans le FormGroup this.establishmentForm
.
ListBooking
- Un peu longue la ligne html de 370 caractères...
- Supprimer
public listBooking;
- Renommer
public tableLists = [];
enbookings
et typé correctement
ProfilemessageComponent
- Supprimer
public messageForm: Message;
et utiliser.patchValue
directement avec la réponse de l'API. - Renommer
myForm
enmessage
- Supprimer les propriétés
id: string;
etmessageService: Message;
EstablishmentService
- Supprimer
public id;
etpublic result;
- Supprimer la méthode
getEstablishmentBySort()
, les valeurs doivent être passé en paramètre des routes.
ProfileComponent
- Supprimer
public profil: Profile;
et utiliser.patchValue
directement avec la réponse de l'API. - Renommer
myForm
enprofile
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.