рекурсивный виджет на удобном Вам JS-движке (frontend)

-------
React / Redux / Flux / Backbone / Marionette / Veux – используя удобные Вам из данного стека библиотек / фреймворков
сделать прототип Widget
-------
1) при создании объект получает на вход набор настроек
2) содержит управляемые элементы – например:
- свитч состояния (активен объект-сущность или нет, или же вкл/выкл фильтр для коллекции)
- кнопка обновить (виджет перерисовывает сам себя, или обновляет какую-то часть себя, или только вложенные виджеты...) – функционал на выбор, в зависимости от общей реализации
- кнопка добавить (допустим объект-сущность, если виджет работает с коллекцией сущностей)
- ...
3) "управляемые элементы" имеют дефолтное поведение / функционал
- данное поведение / функционал можно переопределить настройками – например:
- – функционал может передавать какое-то изменение в свой объект-сущность/коллекцию сущностей с которой работает
- – функционал может отдавать события в общую "шину" приложения типа SPA (Single Page Application)
- – ...
4) может содержать вложенные виджеты
5) при инициализации отрисовывает вложенные виджеты (взяв информацию из настроек)
6) реагирует на изменение своего объекта-сущности/коллекции-сущ ностей

-------
Возможная структура настроек для виджета
-------
1) описание настроек управляемых элементов
- element_1
- – цвет
- – начальное положение
- – функционал
- element_2
- ...
2) описание вложенных виджетов
- subWidget_1
- – название виджета
- – настройки для виджета
- subWidget_2
- ...
3) сущность/коллекция сущностей, с которой оперирует виджет

-------
Пример для реализации на виджетах
-------

в качестве примера объекта-сущности можно использовать тип "товар" – допустим ноутбук

1) "portlet" с заголовком и кнопками в своей шапке
- вложенный виджет "табы" (количество и контент табов, не должно быть ограничено – должно быть реализовано, аналогично, используя системы вложенных виджетов)
- – таб_1 – форма редактирования объекта-сущности (одно текстовое поле, один селект, один textarea)
- – таб_2 – таблица со списком релейшен-сущностей
- – таб_3 – произвольное текстовое сообщение
- вложенный виджет "график" (располагается под табами)

2) "portlet" без заголовка, и только с одной кнопкой в своей шапке
- вложенный виджет "таблица" со списком-сущностей


=======
При оценке и сравнении работ, мы обращаем внимание на качество кода, комментарии, масштабируемость и удобство использования.
Готовы оплатить три призовых места – 30 / 15 / 10 тыс. рублей
=======
При успешной реализации – готовы продолжить сотрудничество на постоянной основе – удаленно либо в офисе (Москва) – зарплата 50-120 тыс.рублей в зависимости от опыт/удаленка/офис