Мы подходим к окончательному заданию этого курса.
В этом четвертом задании
вы будете работать с бутстрапами,
поддержкой jQuery, а также немного Sass.
Это задание состоит из четырех задач.
Вашей первой задачей было бы удалить все эти
атрибуты данных как из ссылки входа здесь, так и из резерва таблиц здесь.
Теперь, в этом задании,
мы собираемся запустить модели с использованием кода JavaScript.
Поэтому, чтобы сделать это,
мы сначала удалим атрибуты данных,
как из резервной модели, так и из модели входа в качестве нашей первой задачи в этом назначении.
Ваша вторая задача - добавить
соответствующий код JavaScript с помощью методов моделей,
методов JavaScript, которые доступны,
так что при нажатии на шаблон таблицы резервирования,
то соответствующая модель резерва будет отображаться, как показано здесь.
Итак, мы видим, что это отображение и скрытие модели
срабатывает полностью с использованием методов JavaScript этой модели.
Ваша третья задача - снова
вставить соответствующий код в скрипт, чтобы при нажатии на ссылку входа
в систему отобразилась модель входа.
Теперь, чтобы это сработало,
вам нужно дать соответствующие идентификаторы как кнопки резервирования таблицы, так и
ссылки входа, чтобы они могли быть указаны в вашем коде JavaScript.
Итак, это подсказка для вас,
как вы можете идти вперед и приступить к реализации этого.
Использование методов JavaScript должно быть довольно простым.
Ссылка на загрузочную документацию,
описывающую методы JavaScript, доступна
в разделе дополнительных ресурсов этого задания.
Как вы, возможно, уже поняли, что эти модели теперь выглядят намного красочнее.
Итак, вот модель резервной таблицы,
а вот модель входа.
Итак, в рамках четвертой задачи этого задания,
вы собираетесь добавить в некоторый SCSS код в стили start SCSS-файл,
чтобы цвета были соответствующим образом установлены.
Итак, здесь вы видите, что заголовок модели имеет
темный цвет фона, а текст здесь отображается в белом цвете.
И также, этот конкретный класс,
используя вложенный класс здесь, в вашем SCSS-коде,
вы можете определить это также, чтобы использовать плоский или белый цвет здесь.
Затем само тело модели использует бледный цвет фона.
Таким образом, вставьте соответствующий SCSS-код в ваш стиль start
SCSS-файл, чтобы позволить это работать для резервной модели заголовка и тела,
так что вы можете видеть, что тот же темный цвет
фона применяется к заголовку и бледный цвет фона применяется к телу вашей модели.
И после завершения этого задания
вы можете сделать хороший комментарий, чтобы сохранить ваши изменения с назначением сообщения четыре.