vincentRamiere/Admin-La-Belle-Plante
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: vincentRamiere:main
Branches Tags
vincentRamiere:main
vincentRamiere:feature/supprimer
vincentRamiere:css
vincentRamiere:feature/ajouter
vincentRamiere:feature/modifier-plante
vincentRamiere:ajout-subject
..
compare: vincentRamiere:feature/ajouter
Branches Tags
vincentRamiere:main
vincentRamiere:feature/supprimer
vincentRamiere:css
vincentRamiere:feature/ajouter
vincentRamiere:feature/modifier-plante
vincentRamiere:ajout-subject

No commits in common. "main" and "feature/ajouter" have entirely different histories.
main ... feature/aj

11 changed files with 140 additions and 167 deletions
Show Stats Expand all files Collapse all files

189
db.json
View File

@ -1,104 +1,107 @@
{ {
"list_products": [ "list_products": [
{ {
"id": "910744", "id": "801427",
"product_name": "bibi", "product_name": "Strelitzia Nicolai : D.21-H.75",
"product_price": "5", "product_price": "59,99",
"product_qty": 5, "product_instock": "disponible",
"product_rating": 5, "product_discount_code": "",
"product_color": "Blanc",
"product_unitprice_ati": "59.99",
"product_unitprice_tf": "54.5",
"product_discount_tf": "0.00",
"product_discount_ati": "0.00",
"product_qty": 0,
"product_rating": 3,
"product_breadcrumb_label": "plantes fleuries", "product_breadcrumb_label": "plantes fleuries",
"product_instock": [ "product_url_page": "https://www.truffaut.com/strelitzia-nicolai-d-21-h-75-801427.html",
[ "product_url_picture": "https://images.truffaut.com/media/catalog/product/cdn:///Articles/jpg/0801000/801427_001.jpg",
[ "product_shipping_method": null,
[ "product_image_source": "https://images.truffaut.com/media/catalog/product/cdn:///Articles/jpg/0801000/801427_001.jpg",
"disponible" "product_seller": "market place",
] "product_web_only": "non"
] },
] {
], "id": "910744",
"product_url_picture": "https//picsum.photos/id/18/200/300", "product_name": "Spathiphyllum 'Sweet Lauretta' Pot déco foncé D24cm",
"product_price": "84,99",
"product_instock": "disponible",
"product_discount_code": "", "product_discount_code": "",
"product_color": "", "product_color": "",
"product_unitprice_ati": "", "product_unitprice_ati": "84.99",
"product_unitprice_tf": "", "product_unitprice_tf": "77.3",
"product_discount_tf": "", "product_discount_tf": "0.00",
"product_discount_ati": "", "product_discount_ati": "0.00",
"product_url_page": "", "product_qty": 0,
"product_rating": 3,
"product_breadcrumb_label": "plantes fleuries",
"product_url_page": "https://www.truffaut.com/spathiphyllum-sweet-lauretta-pot-deco-fonce-d24cm-910744.html",
"product_url_picture": "https://images.truffaut.com/media/catalog/product/cdn:///Articles/jpg/0910000/910744_001.jpg",
"product_shipping_method": null, "product_shipping_method": null,
"product_image_source": "", "product_image_source": "https://images.truffaut.com/media/catalog/product/cdn:///Articles/jpg/0910000/910744_001.jpg",
"product_seller": "market place", "product_seller": "market place",
"product_web_only": "non" "product_web_only": "non"
}, },
{ {
"id": "910743", "id": "910743",
"product_name": "Baba", "product_name": "Spathiphyllum 'Sweet Lauretta' Pot déco clair D24cm",
"product_price": "5", "product_price": "84,99",
"product_qty": 5, "product_instock": "disponible",
"product_rating": 5,
"product_breadcrumb_label": "plantes fleuries",
"product_instock": [
[
"disponible"
]
],
"product_url_picture": "https//picsum.photos/id/18/200/300",
"product_discount_code": "", "product_discount_code": "",
"product_color": "", "product_color": "",
"product_unitprice_ati": "", "product_unitprice_ati": "84.99",
"product_unitprice_tf": "", "product_unitprice_tf": "77.3",
"product_discount_tf": "", "product_discount_tf": "0.00",
"product_discount_ati": "", "product_discount_ati": "0.00",
"product_url_page": "", "product_qty": 0,
"product_rating": 3,
"product_breadcrumb_label": "plantes fleuries",
"product_url_page": "https://www.truffaut.com/spathiphyllum-sweet-lauretta-pot-deco-clair-d24cm-910743.html",
"product_url_picture": "https://images.truffaut.com/media/catalog/product/cdn:///Articles/jpg/0910000/910743_001.jpg",
"product_shipping_method": null, "product_shipping_method": null,
"product_image_source": "", "product_image_source": "https://images.truffaut.com/media/catalog/product/cdn:///Articles/jpg/0910000/910743_001.jpg",
"product_seller": "market place", "product_seller": "market place",
"product_web_only": "non" "product_web_only": "non"
}, },
{ {
"id": "63158", "id": "63158",
"product_name": "boubou", "product_name": "Spathiphyllum: d.14cm, pot grand modèle",
"product_price": "5", "product_price": "7,95",
"product_qty": 5, "product_instock": "disponible",
"product_rating": 5,
"product_breadcrumb_label": "cactus et plantes grasses",
"product_instock": [
"partiellement disponible"
],
"product_url_picture": "https//picsum.photos/id/18/200/300",
"product_discount_code": "", "product_discount_code": "",
"product_color": "", "product_color": "Blanc",
"product_unitprice_ati": "", "product_unitprice_ati": "7.95",
"product_unitprice_tf": "", "product_unitprice_tf": "7.2",
"product_discount_tf": "", "product_discount_tf": "0.00",
"product_discount_ati": "", "product_discount_ati": "0.00",
"product_url_page": "", "product_qty": 1,
"product_rating": 3,
"product_breadcrumb_label": "plantes fleuries",
"product_url_page": "https://www.truffaut.com/spathiphyllum-d-14cm-pot-grand-modele-63158.html",
"product_url_picture": "https://images.truffaut.com/media/catalog/product/cdn:///Articles/jpg/0063000/63158_005.jpg",
"product_shipping_method": null, "product_shipping_method": null,
"product_image_source": "", "product_image_source": "https://images.truffaut.com/media/catalog/product/cdn:///Articles/jpg/0063000/63158_005.jpg",
"product_seller": "market place", "product_seller": "Truffaut",
"product_web_only": "non" "product_web_only": "oui"
}, },
{ {
"id": "910674", "id": "910674",
"product_name": "Spathiphyllum 'Sweet Lauretta' pot D24cm", "product_name": "Spathiphyllum 'Sweet Lauretta' pot D24cm",
"product_price": "69,99", "product_price": "69,99",
"product_qty": 3, "product_instock": "disponible",
"product_rating": 4,
"product_breadcrumb_label": "plantes fleuries",
"product_instock": [
[
"disponible"
]
],
"product_url_picture": "https//picsum.photos/id/18/200/300",
"product_discount_code": "", "product_discount_code": "",
"product_color": "", "product_color": "",
"product_unitprice_ati": "", "product_unitprice_ati": "69.99",
"product_unitprice_tf": "", "product_unitprice_tf": "63.6",
"product_discount_tf": "", "product_discount_tf": "0.00",
"product_discount_ati": "", "product_discount_ati": "0.00",
"product_url_page": "", "product_qty": 0,
"product_rating": 3,
"product_breadcrumb_label": "plantes fleuries",
"product_url_page": "https://www.truffaut.com/spathiphyllum-sweet-lauretta-pot-d24cm-910674.html",
"product_url_picture": "https://images.truffaut.com/media/catalog/product/cdn:///Articles/jpg/0910000/910674_001.jpg",
"product_shipping_method": null, "product_shipping_method": null,
"product_image_source": "", "product_image_source": "https://images.truffaut.com/media/catalog/product/cdn:///Articles/jpg/0910000/910674_001.jpg",
"product_seller": "market place", "product_seller": "market place",
"product_web_only": "non" "product_web_only": "non"
}, },
@ -106,22 +109,20 @@
"id": "801429", "id": "801429",
"product_name": "Strelitzia Nicolai Cache-pot Anthracite: D.21-H.75", "product_name": "Strelitzia Nicolai Cache-pot Anthracite: D.21-H.75",
"product_price": "64,99", "product_price": "64,99",
"product_qty": 5, "product_instock": "disponible",
"product_rating": 4.5,
"product_breadcrumb_label": "plantes fleuries",
"product_instock": [
"disponible"
],
"product_url_picture": "https//picsum.photos/id/18/200/300",
"product_discount_code": "", "product_discount_code": "",
"product_color": "", "product_color": "Blanc",
"product_unitprice_ati": "", "product_unitprice_ati": "64.99",
"product_unitprice_tf": "", "product_unitprice_tf": "59.1",
"product_discount_tf": "", "product_discount_tf": "0.00",
"product_discount_ati": "", "product_discount_ati": "0.00",
"product_url_page": "", "product_qty": 0,
"product_rating": 3,
"product_breadcrumb_label": "plantes fleuries",
"product_url_page": "https://www.truffaut.com/strelitzia-nicolai-cache-pot-gris-d-21-h-75-801429.html",
"product_url_picture": "https://images.truffaut.com/media/catalog/product/cdn:///Articles/jpg/0801000/801429_001.jpg",
"product_shipping_method": null, "product_shipping_method": null,
"product_image_source": "", "product_image_source": "https://images.truffaut.com/media/catalog/product/cdn:///Articles/jpg/0801000/801429_001.jpg",
"product_seller": "market place", "product_seller": "market place",
"product_web_only": "non" "product_web_only": "non"
}, },
@ -5985,16 +5986,13 @@
"product_web_only": "oui" "product_web_only": "oui"
}, },
{ {
"id": "JbdahUA", "product_name": "Belle plante",
"product_name": "bibi", "product_price": "35",
"product_price": "8", "product_qty": 1,
"product_qty": 5, "product_rating": 3,
"product_rating": 5, "product_breadcrumb_label": "orchides",
"product_breadcrumb_label": "plantes fleuries",
"product_instock": [ "product_instock": [
[ "non disponible"
"non disponible"
]
], ],
"product_url_picture": "https//picsum.photos/id/18/200/300", "product_url_picture": "https//picsum.photos/id/18/200/300",
"product_discount_code": "", "product_discount_code": "",
@ -6007,7 +6005,8 @@
"product_shipping_method": null, "product_shipping_method": null,
"product_image_source": "", "product_image_source": "",
"product_seller": "market place", "product_seller": "market place",
"product_web_only": "non" "product_web_only": "non",
"id": "Fcq4EWk"
} }
], ],
"users": [ "users": [

1
src/app/components/nav-bar/nav-bar.component.html
View File

@ -21,7 +21,6 @@
<a class="nav-link disabled" *ngIf="likeCounter == 0"> Pas de plante likée</a> <a class="nav-link disabled" *ngIf="likeCounter == 0"> Pas de plante likée</a>
<a class="nav-link disabled" *ngIf="likeCounter == 1">Plante likée : {{ likeCounter }}</a> <a class="nav-link disabled" *ngIf="likeCounter == 1">Plante likée : {{ likeCounter }}</a>
<a class="nav-link disabled" *ngIf="likeCounter > 1">Plantes likées : {{ likeCounter }}</a> <a class="nav-link disabled" *ngIf="likeCounter > 1">Plantes likées : {{ likeCounter }}</a>
<a routerLink="admin" routerLinkActive="active-custom" class="nav-link">Page administrateur</a>
</div> </div>
</div> </div>
</div> </div>

8
src/app/modules/admin/components/formulaire/formulaire.component.scss
View File

@ -13,8 +13,8 @@
margin-right: auto; margin-right: auto;
border: solid 1px; border: solid 1px;
border-radius: 10px; border-radius: 10px;
background-color: #306340; background-color: #64c982;
border-color: #306340; border-color: #64c982;
} }
.form-plant .checkbox { .form-plant .checkbox {
@ -70,6 +70,6 @@
.btn-outline-success { .btn-outline-success {
margin-top: 10px; margin-top: 10px;
background-color: #ffff; background-color: #ffff;
color: #306340 !important; color: #64c982 !important;
border-color: #306340 !important; border-color: #64c982 !important;
} }

4
src/app/modules/admin/models/plant.ts
View File

@ -1,3 +1,5 @@
import { Category } from "./category";
export class Plant { export class Plant {
constructor( constructor(
public name: string='', public name: string='',
@ -7,6 +9,6 @@ export class Plant {
public category:string[]=['plantes fleuries','orchides','cactus et plantes grasses','bonsas','plantes vertes','palmier dintrieur'], public category:string[]=['plantes fleuries','orchides','cactus et plantes grasses','bonsas','plantes vertes','palmier dintrieur'],
public urlPicture: string = "https//picsum.photos/id/18/200/300", public urlPicture: string = "https//picsum.photos/id/18/200/300",
public rating: number = 0, public rating: number = 0,
public id: string = '' public id?: string
){} ){}
} }

2
src/app/modules/admin/pages/page-ajouter/page-ajouter.component.scss
View File

@ -1,6 +1,4 @@
h1{ h1{
display: flex;
justify-content: center;
color: rgba(0, 0, 0, 0.658); color: rgba(0, 0, 0, 0.658);
font-size: 28px; font-size: 28px;
margin-top: 20px; margin-top: 20px;

3
src/app/modules/admin/pages/page-ajouter/page-ajouter.component.ts
View File

@ -60,8 +60,7 @@ export class PageAjouterComponent implements OnInit {
}; };
this.adminService.addPlant(plante)?.subscribe((resp)=>{ this.adminService.addPlant(plante)?.subscribe((resp)=>{
this.router.navigate(['admin']);
}) })
this.router.navigate(['admin']);
} }
} }

2
src/app/modules/admin/pages/page-modifier/page-modifier.component.scss
View File

@ -1,6 +1,4 @@
h1{ h1{
display: flex;
justify-content: center;
color: rgba(0, 0, 0, 0.658); color: rgba(0, 0, 0, 0.658);
font-size: 28px; font-size: 28px;
margin-top: 20px; margin-top: 20px;

63
src/app/modules/admin/pages/page-tableau/page-tableau.component.html
View File

@ -1,35 +1,30 @@
<div id="container"> <table class="table" *ngIf="subCollection$ | async as collection">
<div id="button"> <thead class="thead-dark">
<button class="w-100 btn btn-lg btn-outline-success" routerLink="../ajouter">Ajouter une plante </button> <tr>
</div> <th scope="col">Id</th>
<table class="table" *ngIf="subCollection$ | async as collection"> <th scope="col">Nom</th>
<thead class="thead-dark" style="background-color: #306340 ; color:#f3f7f4 ;"> <th scope="col">Prix</th>
<tr> <th scope="col">Quantité</th>
<th scope="col">Id</th> <th scope="col">En stock</th>
<th scope="col">Nom</th> <th scope="col">Catégorie</th>
<th scope="col">Prix</th> <th scope="col">Note</th>
<th scope="col">Quantité</th> <th scope="col">Modifier</th>
<th scope="col">En stock</th> <th scope="col">Supprimer</th>
<th scope="col">Catégorie</th>
<th scope="col">Note</th>
<th scope="col">Modifier</th>
<th scope="col">Supprimer</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let products of collection">
<td>{{products.id}}</td>
<td>{{products.name}}</td>
<td>{{products.price}}</td>
<td>{{products.quantity}}</td>
<td>{{products.inStock}}</td>
<td>{{products.category}}</td>
<td>{{products.rating}}</td>
<td><a class="bi-pencil-square" style="color: #5472b1;" routerLink="../modifier/{{products.id}}"></a></td>
<td class="bi-trash-fill" style="color: rgb(231, 73, 73); cursor: pointer;" (click)="onClickDelete(products.id)"></td>
</tr>
</tbody>
</table>
</div>
</tr>
</thead>
<tbody>
<tr *ngFor="let products of collection">
<th scope="row">{{products.id}}</th>
<td>{{products.name}}</td>
<td>{{products.price}}</td>
<td>{{products.quantity}}</td>
<td>{{products.inStock}}</td>
<td>{{products.category}}</td>
<td>{{products.rating}}</td>
<td><a class="bi-pencil-square" routerLink="../modifier/{{products.id}}"></a></td>
<td class="bi-trash-fill" style="color: red; cursor: pointer;" (click)="onClickDelete(products.id)"></td>
</tr>
</tbody>
</table>
<button routerLink="../ajouter">Ajouter une plante </button>

19
src/app/modules/admin/pages/page-tableau/page-tableau.component.scss
View File

@ -1,19 +0,0 @@
#container{
display: flex;
justify-content: center;
margin-top: 5rem;
}
table{
width: 75%;
margin-left: 2rem;
}
button{
background-color: #306340;
color: #f3f7f4 !important;
border-color: #306340 !important;
}
#button{
width: 10%;
}

3
src/app/modules/admin/pages/page-tableau/page-tableau.component.ts
View File

@ -28,7 +28,8 @@ export class PageTableauComponent implements OnInit {
// }) // })
} }
onClickDelete(id: string){ onClickDelete(id: any){
console.log(id);
this.adminService.onClickDelete(id).subscribe((resp) => { this.adminService.onClickDelete(id).subscribe((resp) => {
console.log("Suppression successful : ", resp); console.log("Suppression successful : ", resp);
}); });

3
src/app/modules/admin/services/admin.service.ts
View File

@ -31,6 +31,7 @@ export class AdminService {
public refreshCollection(): void { public refreshCollection(): void {
// On se sert de notre flux de donnée type observable froid // On se sert de notre flux de donnée type observable froid
this.collection$.subscribe((listPlant: Plant[]) => { this.collection$.subscribe((listPlant: Plant[]) => {
this.plantCollection = [...listPlant];
// Utiliser un observable chaud (subject) pour nexter nos données recues de notre observable froid // Utiliser un observable chaud (subject) pour nexter nos données recues de notre observable froid
this.subCollection$.next(listPlant); this.subCollection$.next(listPlant);
}) })
@ -39,7 +40,7 @@ export class AdminService {
addPlant(plant: Plant): Observable<any> | void { addPlant(plant: Plant): Observable<any> | void {
return this.httpClient.post(`${this.apiUrl}/list_products`, plant); return this.httpClient.post(`${this.apiUrl}/list_products`, plant);
} }
onClickDelete(id: string): Observable<any> { onClickDelete(id: number): Observable<any> {
return this.httpClient.delete<any>(`${this.apiUrl}/list_products/${id}`).pipe( return this.httpClient.delete<any>(`${this.apiUrl}/list_products/${id}`).pipe(
tap(() => this.refreshCollection()) tap(() => this.refreshCollection())
); );