1
00:00:00,000 --> 00:00:04,396
[МУЗЫКА]

2
00:00:04,396 --> 00:00:09,510
Мы подошли к концу третьего модуля этого курса.

3
00:00:09,510 --> 00:00:13,070
Пришло время для вашего третьего задания.

4
00:00:13,070 --> 00:00:18,132
В этом задании мы рассмотрим компоненты Bootstrap,

5
00:00:18,132 --> 00:00:23,121
которые мы рассмотрели в этом модуле и добавить несколько на нашу страницу index.html.

6
00:00:25,036 --> 00:00:30,190
Третье задание включает в себя три задачи.

7
00:00:30,190 --> 00:00:36,930
Первая задача — взять форму резервирования, созданную ранее

8
00:00:36,930 --> 00:00:42,470
в одной из строк содержимого ниже, а затем вырезать эту форму из строки содержимого.

9
00:00:42,470 --> 00:00:49,140
Затем создайте модель, содержащую ту же форму резервирования для вашей таблицы.

10
00:00:49,140 --> 00:00:52,620
Таким образом, вы можете видеть, что у нас есть количество гостей здесь, и дата и

11
00:00:52,620 --> 00:00:56,600
время здесь, а затем две кнопки, Резервирование и Отмена кнопки.

12
00:00:56,600 --> 00:00:59,340
Так же, как и для формы бронирования.

13
00:01:00,950 --> 00:01:06,390
Кроме того, вторая задача в этом задании состоит в том, чтобы добавить

14
00:01:06,390 --> 00:01:12,970
здесь еще одну строку с помощью переключателя.

15
00:01:12,970 --> 00:01:17,980
Таким образом, здесь вы позволите пользователю указать,

16
00:01:17,980 --> 00:01:21,690
в каком разделе ресторана им нужна таблица.

17
00:01:21,690 --> 00:01:24,800
Будь то курение или курение секции.

18
00:01:24,800 --> 00:01:28,820
По умолчанию будет выбрана секция для некурящих.

19
00:01:28,820 --> 00:01:31,690
Если пользователь хочет курить раздел,

20
00:01:31,690 --> 00:01:36,690
то пользователь нажмет на кнопку, чтобы выбрать раздел курения.

21
00:01:36,690 --> 00:01:38,870
Если пользователь хочет раздел для некурящих,

22
00:01:38,870 --> 00:01:43,860
то, очевидно, пользователь нажмет на раздел для некурящих, чтобы выбрать кнопку.

23
00:01:43,860 --> 00:01:50,910
Так что это группа переключателей здесь с двумя кнопками, курение и курение.

24
00:01:50,910 --> 00:01:57,840
Так что это ваша вторая задача в этом задании, чтобы добавить кнопку здесь.

25
00:01:59,510 --> 00:02:04,310
Третья задача состоит в том, чтобы включить эту кнопку здесь,

26
00:02:04,310 --> 00:02:08,030
кнопку Reserve Table здесь, чтобы вызвать модель.

27
00:02:08,030 --> 00:02:11,520
Поэтому, когда вы нажимаете на кнопку, он показывает и скрывает модель.

28
00:02:12,720 --> 00:02:18,735
Для этого сначала нужно удалить подсказку из резервной таблицы

29
00:02:18,735 --> 00:02:22,965
, иначе функциональность не будет работать.

30
00:02:22,965 --> 00:02:28,725
А также удалите скрипт, код JavaScript, который вы добавили

31
00:02:28,725 --> 00:02:35,445
в конец страницы index.html, чтобы вызвать подсказку.

32
00:02:35,445 --> 00:02:40,178
Таким образом, сделав это, а затем сделайте эту кнопку Reserve

33
00:02:40,178 --> 00:02:45,040
Table действовать в качестве переключателя для вашей модели.

34
00:02:45,040 --> 00:02:48,500
Так что это ваша третья задача в этом задании.

35
00:02:49,650 --> 00:02:55,876
Надеюсь, вам понравилось создать эту новую вариацию страницы index.html.

36
00:02:55,876 --> 00:03:01,788
[ МУЗЫКА]