TStech

A Vue.js test project

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

Написать JS-модуль

который позволял бы получать JSON массив, делать в нём некоторые преобразования (указаны ниже) и отправлять данные при клике на Submit. Добавить полученный результат дополнительным блоком вниз лендинга. Использование VUE будет плюсом. Дизайн значения не имеет. Скриншоты дизайна – просто пример реализации

1. При клике на кнопку «Add Property» добавляется нумерованная строка с селектом (список свойств), иконкой сортировки и кнопкой «Удалить строку». Важно! Property может быть выбрано только один раз. При добавлении/удалении строки, список в селекте должен обновиться (option должен либо удаляться с селекта, либо становиться disabled).

2. При клике на «Sort» происходит отправка формы. Отправляться должен JSON массив, в котором должны передаваться поля «Order (ASC/DESC), Property, Priority(цифра, которая выводится слева в таблице).

3. При клике на «крестик» строка должна удаляться

4. При клике на иконку в столбце «Order» должен меняться параметр «Order» для конкретной строки. Он может быть ASC или DESC.