nikprime / arrangebox_test_task

Описание тестового задания Arrange box task:

Есть один родительский контрол, у которого есть два подконтрола, каждый из которых является списком. С подконтролами можно производить пользовательские действия, например, выделять один или несколько элементов, и перемещать их как внутри самих списков, так и между ними. Также, для каждого списка есть поле, в котором можно отфильтровать данные списка, вводя конкретную подстроку. Если она присутствует в названии элемента, то элемент отображается в списке. Также присутствует кнопка, позволяющая добавлять новые экземпляры родительского контрола со случайно заданными значениями.

Как запустить проект: После того, как произойдет клонирования репозитория, убедитесь что у вас установлен python версии >= 3.0. Далее необходимо открыть проект, найти файл под названием server.py, и запустить его с помощью python. Далее необходимо открыть браузер, и ввести в адресную строку http://localhost:3000 , после чего должна отобразиться стартовая страница index.html

1. — так выглядит выделенный элемент списка
2. — кнопка вверх - перемещает выделенный элемент/элементы на один уровень повыше (ничего не делает если самый верхний выделенный элемент находится в самом верху)
3. — моментальная кнопка вверх - перемещает выделенный элемент/элементы в самый верх, насколько это возможно
4. — кнопка вверх - перемещает выделенный элемент/элементы на один уровень пониже (ничего не делает если самый нижний выделенный элемент находится в самом низу)
5. — моментальная кнопка вверх - перемещает выделенный элемент/элементы в самый низ, насколько это возможно
6. — кнопка влево - перемещает выбранные элементы из правого списка в левый, добавляя их в самый хвост
7. — моментальная кнопка влево - перемещает абсолютно все элементы (даже не выделенные) из правого списка в левый
8. — кнопка вправо - перемещает выбранные элементы из левого списка в правый, добавляя их в самый хвост
9. — моментальная кнопка влево - перемещает абсолютно все элементы (даже не выделенные) из левого списка в правый
10. — кнопка reset - возвращает элементы списков в исходное состояние
11. — поле фильтрации - динамически сортирует список таким образом, что остаются только те элементы, в которых содержится значение этого поля
12. — кнопка добавляющая новый контрол - динамически добавляет новый контрол с двумя подконтролами вниз списка. Подконтрол available создается со случайными значениями