1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
| <div class="tacos-app">
<label for="eater">Mangeur du tacos: </label>
<input type="text" id="eater">
<div class="selectors-container">
<div class="meat-selector selectors-item">
<p>Sélectionner un nombre de viandes:</p>
<div>
<input type="radio" name="meat-quantity" id="meat-one" value="1" [(ngModel)]="meatQuantity">
<label for="meat-one">1</label>
</div>
<div>
<input type="radio" name="meat-quantity" id="meat-two" value="2" [(ngModel)]="meatQuantity" [checked]="true">
<label for="meat-two">2</label>
</div>
<div>
<input type="radio" name="meat-quantity" id="meat-three" value="3" [(ngModel)]="meatQuantity">
<label for="meat-three">3</label>
</div>
<div>
<input type="radio" name="meat-quantity" id="meat-vege" value="0" [(ngModel)]="meatQuantity">
<label for="meat-vege">Végétarien</label>
</div>
</div>
<div class="sauce-selector selectors-item">
<p>Sélectionner un nombre de sauces:</p>
<div>
<input type="radio" name="sauce-quantity" id="sauce-one" value="1" [(ngModel)]="sauceQuantity">
<label for="sauce-one">1</label>
</div>
<div>
<input type="radio" name="sauce-quantity" id="sauce-two" value="2" [(ngModel)]="sauceQuantity" checked>
<label for="sauce-two">2</label>
</div>
<div>
<input type="radio" name="sauce-quantity" id="sauce-three" value="3" [(ngModel)]="sauceQuantity">
<label for="sauce-three">3</label>
</div>
</div>
<div class="supplement-selector selectors-item">
<p>Sélectionner un nombre de suppléments:</p>
<div>
<input type="radio" name="supplement-quantity" id="supplement-none" value="0" [(ngModel)]="supplementQuantity">
<label for="supplement-none">Aucun</label>
</div>
<div>
<input type="radio" name="supplement-quantity" id="supplement-one" value="1" [(ngModel)]="supplementQuantity">
<label for="supplement-one">1</label>
</div>
<div>
<input type="radio" name="supplement-quantity" id="supplement-two" value="2" [(ngModel)]="supplementQuantity">
<label for="supplement-two">2</label>
</div>
<div>
<input type="radio" name="supplement-quantity" id="supplement-three" value="3" [(ngModel)]="supplementQuantity">
<label for="supplement-three">3</label>
</div>
</div>
</div>
<p>Tacos {{meatQuantity == 0 ? 'Végétarien' : meatQuantity}} viandes, {{sauceQuantity}} sauce et {{supplementQuantity}} suppléments</p>
<button type="button" class="btn-generate-tacos" id="btn-generate" (click)="onGenerate()">Générer</button>
</div> |
