Создать модуль для обработки изображений. Оптимально использовать Fab

Часть 1

http://holst.kalendar.kiev.ua/

1. Подключить к элементам слайдера созданному на основании owl carousel окно всплывающее при клике.

Сейчас грузится только с 1-го слайдера, первые 4 фото, остальные не отрабатывают

2. Во всплывающем окне дать возможность пользователю загрузить изображение.

<!--[if !vml]-->

<!--[if !vml]-->

Фото сейчас загружается

3. После загрузки изображение должна появляться рамка для обрезки.

Пропорции рамки должны изменяться в зависимости от выбора данных в окошке "размер".

При добавлении новых размеров рамок должна создаваться рамка под этот размер или из админ панели или в коде, но с детальной инструкцией, как это можно сделать

<!--[if !vml]--><!--[endif]--> 

3. Изображение должно масштабироваться и перемещаться под рамкой.

При клике по изображению фото открывается в новом окне, и появляется возможность работать с изображением, как в плагине https://fengyuanchen.github.io/cropper/

После выбора размера обрезки и нажатия кнопки "сохранить" в общем окне открывается обрезанное изображение.

4. Кроме масштабирования изображения должна быть возможность добавления текста на картину.

4.1 Добавленный текст можно перемещать мышкой, но только в размерах изображения.

4.2 Можно выбрать шрифт надписи

4.3 Можно выбрать цвет надписи

4.4 Можно выбрать угол наклона надписи

<!--[if !vml]-->

Часть 2

При выборе карусели 2 МОДУЛЬНЫЕ ХОЛСТЫ

1. При загрузке изображения загруженный файл разрезается и разбивается на кол-во блоков и масштабируются в соответствии с размерами блоков.

Сейчас 8 вариантов

2. Остальные функции соответствуют работе с блоками в части 1

Часть 3

После создания изображения (обрезка, надпись и др). Обрезанное изображение сохраняется на сервер.

Аяксом клиенту отправляется письмо со ссылкой на файл, данными о надписи и контактными данными указанными клиентом в форме.

Пример работы подобного плагина   https://holst.fastprint.ua/ua