Тестовое задание

Нужно внести изменение в существующее небольшое приложение.

Задание

Нужно сделать динамическое изменение размеров блоков (Resizer) в календарях.

• При нажатии ЛКМ на линию отмеченную красным и перемещении влево, левая часть от линии должна уменьшаться по ширине, правая увеличиваться.
• При нажатии ЛКМ на линию отмеченную красным и перемещении вправо, левая часть от линии должна увеличиваться по ширине, правая уменьшаться.

Требования

1. Общая ширина календаря должна оставаться неизменной (ширина экрана).
2. Правый блок не должен менять масштаб. Он только смещается. Если весь контент не помещается по ширине блока, то появляется горизонтальный скролл.
3. Левый блок должен менять масштаб, но имеет ограничения min и max ширины (например, min 150px и max 50%).
4. Функционал Resizer желательно реализовать в качестве директивы.
5. В примере три календаря на экране: COMMUNICATION, COMMUNICATION История (-1 год) и FINANCIAL. Но их может быть произвольное количество. Все изменения пропорций блоков в одном из них должны автоматически применяться и к остальным.

Установка

npm install

Запуск

npm run start

Открыть в браузере http://127.0.0.1:4200