Мне нужен код на HTML, файл стилей CSS и, возможно, скрипт на JavaScript, реализующий логику поиска.
Сейчас, я в "дух словах" опишу задачу (пример будет ниже).
Дерево задается либо в JSON либо сразу в массиве JavaScript (количество элементов не большое, max 150 элементов с вложенными)
У дерева есть верхний узел root
Массив состоит из полей id, name, parent_id, is_visible, is_open.
Очевидно первые узлы в качестве parent_id используют root, затем в них кто-то вкладывается и т.д.
Для начала, из заданного массива нужно построить дерево.
Над деревом должно быть edit поле для фильтрации (желательно не иметь кнопку начала фильтрации, а начинать фильтрацию по времени простоя в изменении поля)
Когда в поле написан какой-то текст нужно осуществить поиск по name полям массива.
В терминах SQL (name LIKE "%текст фильтрации%").
Перед началом фильтрации всем узлам кроме root в поле is_visible надо поставить false. Затем если поле name проходит фильтр, то ему (и всем его предкам) надо поставить is_visible = true. Так надо проверить для всех листьев и затем перерисовать дерево.
Все узлы должны быть кликабельными: при одном нажатии узел раскрывается, при втором скрывается (с учетом фильтрации).
Этим управляет поле is_open.
Примет у EMEX.
1 – Открываем сайт
2 – Заходим на вторую вкладку "VIN-номер"
3 – Вводим VIN, например "xw8zzz61zcg048210"
4 – Нажимаем на строчку с найденной машиной.
5 – Смотрим на дерево.
Указывайте, пожалуйста, цену за которую Вы готовы это сделать.
Скорее всего есть библиотеки с реализацией данной функциональности. Мне нужен "выпилиный" блок разумного объема который будет делать именно мою задачу.