Напишите скрипт, который динамически будет создавать и подключать компонент нотификаций к любому приложению:
В качестве данных можете использовать следующий мок - mocked data.
Компонент должен содержать следующие элементы:
- (1) Иконка закрытия. По клику - закрывать нотификации.
- (2) Checkbox, который дизэйблит нотификации. Значение сохраняется в localstorage. При загрузке страницы, проверяется этот флаг, и если он в значениии "нотификации отключены", компонент не будет загружаться.
- Стрелки (3) и (4) по клику на которые листаем нотификации из списка (предыдущая - следующая), нотификации отображаются как элемент номер (6).
- (5) Номер и позиция текущей нотификации.
- Поддержка управления компонентом с клавиатуры.
Итоговый пример выполненного задания:
