Константин Соколовский

-------
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 тыс.рублей в зависимости от опыт/удаленка/офис

-------
Расположить элементы и сверстать 2-3 страницы:
-------
(1) создание грузового отправления (определения количества и размера грузовых мест на основе товаров в заказе)
(2) просмотр сформированного грузового отправления

-------
элементы заказа необходимые в поле зрения сотруднику разбиты на логические блоки, и описаны ниже
(придерживаться данной группировки или нет при реализации – на Ваше усмотрение)
-------

- номер заказа
- дата создания заказа
- комментарий менеджера

- номер отправления (во время формирования не задан)
- статус отправления (во время формирования не задан)
- номер возвратного отправления (во время формирования не задан)

- город доставки
- адрес доставки
- фио получателя
- телефон получателя

- тип доставки (селект / радио)
- – ПВЗ + список адресов ПВЗ (селект – Пункт Выдачи Заказов)
- – Курьер

- список товаров
- – товар_1
- – - фото
- – - категория + название
- – - количество
- – - вес одного товара
- – товар_2
- – ...

- вес
- – вес заказа (рассчитывается на основе товаров и их количества)
- – вес отправления (рассчитывается на основе грузовых мест)

- список грузовых мест (места можно добавлять, удалять, копировать)
- – место_1
- – - вес (кг) -> редактируемо!
- – - объемный вес (вычисляется автоматически по формуле (длина х ширина х высота / 5000) = (кг))
- – - длина (см) -> редактируемо!
- – - ширина (см) -> редактируемо!
- – - высота (см) -> редактируемо!
- – место_2
- – ...

- калькулятор
- – стоимость доставки на основе заданного количества мест и тарифа (используется ajax-запрос)
- – расчетная стоимость доставки (то что калькулятор изначально предложил клиенту/менеджеру) – необходима для сверки
- – стоимость доставки оплаченная клиентом

-------
наиболее приоритетными для создания отправления являются блоки:
-------
- товары
- места
- тариф
- адрес
- калькулятор

-------
(3) дополнительным пожеланием является оформление страницы создания отправления таким образом,
чтобы можно было одновременное создавать нескольких однотипных отправлений:
- либо страница повторяется друг под другом (одной длиной лентой, и в конце кнопка "создать"),
- либо как-то во вкладках...


=======
При оценке и сравнении работ, мы обращаем внимание на качество верстки, размещение элементов, комментарии, легкость и удобство внесения доработок.
Готовы оплатить три призовых места 20 / 15 / 10 тыс. рублей
=======