Потрібно релізувати плагін для відкриття модального вікна (modal window/popup). Плагін повинен мати 4 типи анімації (зліва, справа, по центру - zoom, zoom out). В плагіні повинні бути передбачені 3 кнопки (OK, Відмінити, Видалити) та можливість встановити їм стиль, текст та callback функцію, яка буде виконуватися при натисканні на конкретну кнопку. Також плагін повинен передбачати багаторівневе відкриття моадльних вікон (при натисканні на кнопку модального вікна повинне відкриватися нове модальне вікно).
Основні вимоги:
1. Плагін повинен викликатися без селектора (https://stackoverflow.com/questions/10836032/how-do-i-make-a-simple-jquery-plugin-thats-not-bound-to-an-element). Він буде мати параметр "trigger_element" при натисканні на який буде показуватися модальне вікно
2. Плагін повинен генерувати весь HTML код динамічно. Для встановлення контенту модального вікна повинна бути callback функція, яка буде виконуватися перед відкриттям вінка і яка буде повертати контент (для генерації контету буде викликатися AJAX функція, але її не потрібно розробляти. Це буде робити інший програміст)
3. Повинні бути передбачені 3 кнопки (OK, Відмінити, Видалити), як вже описано вище.
4. Повинна бути можливість встановити фіксований блок з кнопками знизу, а контент посередині буде скролитися.
5. Багаторівневе відкриття вікон (описано вище)
6. Адаптивність
Приклад того, як повинен викликатися плагін (при натисканні на '.button1' плагін повинен генерувати весь HTML динамічно перед закриваючим тегом <body>)
var x = new $.modalPlugin({
trigger_element: '.button1',
function_to_run_on_trigger: my_custom_function(), // те що буде повертатися в my_custom_function() повинно бути контентом модального вікна
modal_id: "as_needed",
animation_type: zoom,
button_1: { text: 'okay', callback: button1_callback_function(), style: 'normal' },
button_2: { ... },
button_3: { ... },
fixed_footer: true,
});
Виконавець обов'язково має мати досвід створення jQuery плагінів. З раістю відповім на будь-які запитання :)
