1
00:00:00,000 --> 00:00:04,396
[MUSIQUE]

2
00:00:04,396 --> 00:00:09,510
Nous avons atteint la fin du troisième module de ce cours.

3
00:00:09,510 --> 00:00:13,070
C' est le moment de votre troisième affectation.

4
00:00:13,070 --> 00:00:18,132
Dans cette affectation, nous allons examiner les composants Bootstrap

5
00:00:18,132 --> 00:00:23,121
que nous avons examinés dans ce module et en ajouter quelques-uns à notre page index.html.

6
00:00:25,036 --> 00:00:30,190
Votre troisième affectation comporte trois tâches.

7
00:00:30,190 --> 00:00:36,930
La première tâche consiste à prendre le formulaire de réservation que vous avez créé précédemment

8
00:00:36,930 --> 00:00:42,470
dans l'une des lignes de contenu ci-dessous, puis à couper ce formulaire de la ligne de contenu.

9
00:00:42,470 --> 00:00:49,140
Ensuite, créez un modèle qui contient le même formulaire de réservation pour votre table.

10
00:00:49,140 --> 00:00:52,620
Ainsi, vous pouvez voir que nous avons le nombre d'invités ici, et la date et l'

11
00:00:52,620 --> 00:00:56,600
heure ici, puis deux boutons, le bouton Réserver et Annuler.

12
00:00:56,600 --> 00:00:59,340
Comme vous l'aviez fait pour le formulaire de réservation.

13
00:01:00,950 --> 00:01:06,390
En outre, la deuxième tâche de cette affectation consiste à ajouter

14
00:01:06,390 --> 00:01:12,970
une ligne supplémentaire ici avec un bouton radio ici.

15
00:01:12,970 --> 00:01:17,980
Donc, ici, vous allez permettre à l'utilisateur

16
00:01:17,980 --> 00:01:21,690
de spécifier dans quelle section du restaurant ils veulent la table.

17
00:01:21,690 --> 00:01:24,800
Qu' il s'agisse d'un non-fumeur ou de la section fumeur.

18
00:01:24,800 --> 00:01:28,820
Par défaut, la section non-fumeur sera sélectionnée.

19
00:01:28,820 --> 00:01:31,690
Si l'utilisateur veut la section fumeur,

20
00:01:31,690 --> 00:01:36,690
il cliquera sur le bouton pour sélectionner la section fumeur.

21
00:01:36,690 --> 00:01:38,870
Si l'utilisateur veut la section non-fumeur,

22
00:01:38,870 --> 00:01:43,860
alors évidemment l'utilisateur cliquera sur la section non-fumeur pour sélectionner le bouton.

23
00:01:43,860 --> 00:01:50,910
C' est donc un groupe de boutons radio ici avec deux boutons ici, Fumeur et Non-Fumeurs.

24
00:01:50,910 --> 00:01:57,840
C' est donc votre deuxième tâche dans cette affectation, pour ajouter le bouton ici.

25
00:01:59,510 --> 00:02:04,310
La troisième tâche consiste à activer ce bouton ici,

26
00:02:04,310 --> 00:02:08,030
le bouton Reserve Table ici, pour appeler le modèle.

27
00:02:08,030 --> 00:02:11,520
Ainsi, lorsque vous cliquez sur le bouton, il affiche et masque le modèle.

28
00:02:12,720 --> 00:02:18,735
Pour ce faire, vous devez d'abord supprimer l'info-bulle de la table de réserve,

29
00:02:18,735 --> 00:02:22,965
sinon cette fonctionnalité ne fonctionnera pas.

30
00:02:22,965 --> 00:02:28,725
Et supprimez également le script, le code JavaScript que vous avez ajouté

31
00:02:28,725 --> 00:02:35,445
à la fin de la page index.html pour déclencher l'info-bulle.

32
00:02:35,445 --> 00:02:40,178
Donc, en faisant cela, puis faites ce bouton Reserve Table

33
00:02:40,178 --> 00:02:45,040
agir comme le bascule pour votre modèle.

34
00:02:45,040 --> 00:02:48,500
C' est donc votre troisième tâche dans cette affectation.

35
00:02:49,650 --> 00:02:55,876
J' espère que vous avez aimé créer cette nouvelle variation de la page index.html.

36
00:02:55,876 --> 00:03:01,788
[ MUSIQUE]