MastersAcademy / frontend-course-2019

Репозиторій з курсу «Advanced Front-end» проекту Masters Academy
https://www.facebook.com/cherkasy.masters/
MIT License
4 stars 19 forks source link

Homework Angular Components&Templates #175

Open powerbot15 opened 4 years ago

powerbot15 commented 4 years ago

Дока по компонентам и темплейтам начинается здесь https://angular.io/guide/displaying-data и дальше по содержанию в разделе Components&Templates

Репозиторий с кодом демки, которая была на лекции https://github.com/powerbot15/components-templates

Код из этого репозитория надо скачать и залить в собственный репозиторий. Можно переписать полностью, можно доделывать. Картинка что надо доделать ниже task_image

Зеленые квадратики со стрелками вверху - места для кнопок сортировки списка (результатов поиска). Сортировать по полю Rating от большего к меньшему или от меньшего к большему, в зависимости от нажатой кнопки.

На каждом элементе списка дополнительно должен быть выведен рейтинг, а так же добавлена кнопка Add to favorites. Нажатие на эту кнопку должно прибивать продукт к верху списка и кнопка должна поменяться на Remove from favorites. При нажатии на Remove элемент должен вернуться на место соответствующее текущей сортировке или фильтру поиска (то есть если введено такое значение в инпут, что продукт не должен быть показан, то соответственно он не должен быть показан, а если он попадает в фильтр, то должен быть на позиции, соответствующей выбранной сортировке).

Favorites должны быть видны всегда, независимо от заданого поиска.

В пулл-риквест для сдачи домашки необходимо, как обычно, включить ссылку на репозиторий с кодом и ссылку на гитхаб-пейджес с работающим приложением.

Тем студентам, которые будут продолжать демо-проект обязательно переписать стиля по BEM