isa44.74/organizee-front
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

menus de la semaine terminé

Browse source
This commit is contained in:
Blandine Bajard 2022-02-24 15:00:33 +01:00
parent 3515e87f13
commit 9c239bdaac
10 changed files with 167 additions and 129 deletions
Download patch file Download diff file Expand all files Collapse all files

169
src/app/components/card-menu/card-menu.component.html
View file

@ -1,71 +1,3 @@
<div *ngFor="let menu of listMenus">
<div class="menu card mb-4" style="width: 14rem">
<p>{{ menu.dateMenu | date: "EEEE, d":"fr" }}</p>
<p>{{ menu.repas }}</p>
<p>{{ menu.libelle }}</p>
<ng-template #content let-modal>
<div class="modal-header">
<h4 class="modal-title" id="modal-basic-title">
Mettre à jour un menu
</h4>
<button
type="button"
class="close"
aria-label="Close"
(click)="modal.dismiss('Cross click')"
>
<span aria-hidden="true"> × </span>
</button>
</div>
<div class="modal-body">
<form [formGroup]="upMenuForm">
<div class="form-group">
<label for="dateMenu"> Date </label>
<div class="input-group">
<input
id="dateMenu"
class="form-control"
formControlName="dateMenuFc"
value="{{ menu.dateMenu }}"
placeholder=""
name="date"
/>
<input
id="libelle"
class="form-control"
formControlName="libelleFc"
value="{{ menu.libelle }}"
placeholder=""
name="libelle"
/>
<input
id="repas"
class="form-control"
formControlName="repasFc"
value="{{ menu.repas }}"
placeholder=""
name="repas"
/>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button
type="button"
class="btn btn-outline-dark"
(click)="modal.close(updateMenu(menu.id))"
>
Mettre à jour
</button>
</div>
</ng-template>
<i class="bi bi-pencil-square" (click)="open(content)"></i>
<i class="bi bi-trash3" (click)="deleteMenu(menu.id)"></i>
</div>
</div>
<ng-template #content let-modal>
<div class="modal-header">
<h4 class="modal-title" id="modal-basic-title">Ajouter un menu</h4>
@ -81,28 +13,30 @@
<div class="modal-body">
<form [formGroup]="menuForm">
<div class="form-group">
<label for="dateMenu"> Date </label>
<div class="input-group">
<input
type="date"
id="dateMenu"
class="form-control"
formControlName="dateMenuFc"
placeholder="aaaa-mm-jj"
placeholder="Date"
name="date"
/>
<input
id="libelle"
id="repasMidi"
class="form-control"
formControlName="libelleFc"
placeholder="repas"
name="libelle"
formControlName="repasMidiFc"
placeholder="Repas du midi"
name="repasMidi"
/>
<input
id="repas"
id="repasSoir"
class="form-control"
formControlName="repasFc"
placeholder="soir ou midi"
name="repas"
formControlName="repasSoirFc"
placeholder="Repas du soir"
name="repasSoir"
/>
</div>
</div>
@ -119,6 +53,83 @@
</div>
</ng-template>
<button type="button" class="btn btn-outline-dark" (click)="open(content)">
<button type="button" class="btn btn-outline-warning" (click)="open(content)">
Ajouter un menu
</button>
<div class="container mt-5 menu">
<div class="row d-flex justify-content-center">
<div class="col-md-auto" *ngFor="let menu of listMenus">
<div class="card p-3 py-4 align-items" style="width: 14rem">
<p class="jour">{{ menu.dateMenu | date: "EEEE":"fr" }}</p>
<div class="tag">
<p class="repas">Midi</p>
<p>{{ menu.repasMidi }}</p>
</div>
<div class="tag">
<p class="repas">Soir</p>
<p>{{ menu.repasSoir }}</p>
</div>
<ng-template #content let-modal>
<div class="modal-header">
<h4 class="modal-title" id="modal-basic-title">
Mettre à jour un menu
</h4>
<button
type="button"
class="close"
aria-label="Close"
(click)="modal.dismiss('Cross click')"
>
<span aria-hidden="true"> × </span>
</button>
</div>
<div class="modal-body">
<form [formGroup]="upMenuForm">
<div class="form-group">
<div class="input-group">
<input
type="date"
id="dateMenu"
class="form-control"
formControlName="dateMenuFc"
value="{{ menu.dateMenu }}"
placeholder="Date"
name="date"
/>
<input
id="repasMidi"
class="form-control"
formControlName="repasMidiFc"
value="{{ menu.repasMidi }}"
placeholder="Repas du midi"
name="repasMidi"
/>
<input
id="repasSoir"
class="form-control"
formControlName="repasSoirFc"
value="{{ menu.repasSoir }}"
placeholder="Repas du soir"
name="repasSoir"
/>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button
type="button"
class="btn btn-outline-dark"
(click)="modal.close(updateMenu(menu.id))"
>
Mettre à jour
</button>
</div>
</ng-template>
<i class="bi bi-pencil-square" (click)="open(content)"></i>
<i class="bi bi-trash3" (click)="deleteMenu(menu.id)"></i>
</div>
</div>
</div>
</div>