Фронтент js + html + twig. Оживить форму.
Есть задачи по фронтенду.
Первая задача простейшая https://i.imgur.com/gtnY2el.png
Есть такая форма. Необходимо ее оживить. При нажатии на кнопку сохранить - отправить запрос на сервер. Получить ответ, записать этот ответ в html тег под формой. Если ответом будет статус на 200, вывести ошибку на экране в другой тег. Оба текста скрыть через 5 сек после показа.
При нажатии на кнопку сохранить - показать результат и скрыть через 5 сек.
При нажатии на кнопку - поиск, показать результат, и оставить его. Там будет список товаров.
Работать придется в twig.
Далее задача:
https://i.imgur.com/GmrPch9.png
При нажатии на кнопку импортировать, уже происходит отправка данных на сервер и выводятся уведомления. Необходимо к этому добавить такой функционал:
При успешном ответе, добавлять картинки в боковую панель слева https://i.imgur.com/jfFT41u.png
Далее задача:
http://getbootstrap.com/javascript/#tabs
Будет подобное меню на сайте, необходимо при нажатии на таб, подгружать данные асинхронно через ajax.
Требования:
jquery.
адреса запросов прописываются в тегах html, в js никаких динамических данных нет. Js отдельным файлов, и url там не хранятся.
Скрипт должен быть похож на плагин. Сделать максимально универсальным, для возможности использовать на других страницах, с другими элементами. К примеру вынести селекторы в параметры.
данные url будут передаваться через data-url атрибуты активного тега(кнопка, ссылка).
Укажите почасовую ставку, и сколько предположительно задача займет времени. В отрыве от поднятия окружения и запуска проекта.
Настройка окружения, оплачивается отдельно. В дальнейшем планируются еще задачи по этому проекту.
Планируется также верстка на bootstrap.