# Реализация диалога "Добавить транзакцию" ## Инструкции В нашем банковском приложении все еще отсутствует одна важная функция: возможность добавления новых транзакций. Используя все, что вы узнали в предыдущих четырех уроках, реализуйте диалог "Добавить транзакцию": - Добавьте кнопку "Добавить транзакцию" на странице панели управления - Либо создайте новую страницу с HTML-шаблоном, либо используйте JavaScript для отображения/скрытия HTML диалога, не покидая страницу панели управления (вы можете использовать свойство [`hidden`](https://developer.mozilla.org/docs/Web/HTML/Global_attributes/hidden) для этого или CSS-классы) - Убедитесь, что вы учли [доступность для клавиатуры и экранных читалок](https://developer.paciellogroup.com/blog/2018/06/the-current-state-of-modal-dialog-accessibility/) для диалога - Реализуйте HTML-форму для ввода данных - Создайте JSON-данные из данных формы и отправьте их в API - Обновите страницу панели управления с новыми данными Посмотрите [спецификации серверного API](../api/README.md), чтобы узнать, какой API нужно вызвать и какой формат JSON ожидается. Вот пример результата после выполнения задания: ![Скриншот, показывающий пример диалога "Добавить транзакцию"](../../../../translated_images/dialog.93bba104afeb79f12f65ebf8f521c5d64e179c40b791c49c242cf15f7e7fab15.ru.png) ## Критерии оценки | Критерий | Превосходно | Удовлетворительно | Требуется улучшение | | -------- | ------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------- | --------------------------------------------| | | Добавление транзакции реализовано полностью, с соблюдением всех лучших практик, изученных на уроках. | Добавление транзакции реализовано, но не полностью соответствует лучшим практикам, изученным на уроках, или работает частично. | Добавление транзакции не работает вообще. | **Отказ от ответственности**: Этот документ был переведен с использованием сервиса автоматического перевода [Co-op Translator](https://github.com/Azure/co-op-translator). Хотя мы стремимся к точности, пожалуйста, учитывайте, что автоматические переводы могут содержать ошибки или неточности. Оригинальный документ на его родном языке следует считать авторитетным источником. Для получения критически важной информации рекомендуется профессиональный перевод человеком. Мы не несем ответственности за любые недоразумения или неправильные интерпретации, возникшие в результате использования данного перевода.