drop down menu works

This commit is contained in:
lenovo
2022-11-11 09:09:27 +01:00
parent cb0dcdddad
commit 55120b7504
2 changed files with 184 additions and 52 deletions

View File

@@ -39,28 +39,62 @@ function fill_filters(filters_div) {
let content = "";
let keys = Object.keys(filters);
keys.forEach((key) => {
//content += `
// <div class="filter_menu">
// <input id="filter_menu_title_${key}" class="filter_menu_title" type="checkbox">
// <label for="filter_menu_title_${key}" class="filter_menu_title"><p>${key}</p></label>
// <div class="filter_menu_drop">
//`;
content += `
<div class="filter_menu">
<div class="filter_menu_title" tabindex=0>
<p>${key}</p>
</div>
<div class="filter_menu_drop" tabindex=0>
`;
for (value of filters[key]) {
// // version input checkbox
//
// content += `
// <div class="filter_menu">
// <input id="filter_menu_title_${key}" class="filter_menu_title" type="checkbox" />
// <label for="filter_menu_title_${key}" class="filter_menu_title">
// <p>${key}</p>
// </label>
// <div class="filter_menu_drop">
// `;
// for (value of filters[key]) {
// content += `
// <p>${value._name}</p>
// `;
// }
// content += `
// </div>
// </div>
// `;
// // version select
//
// content += `
// <div class="filter_menu">
// <select id="filter_menu_drop_${key}" class="filter_menu_drop" name="${key}">
// `;
// for (value of filters[key]) {
// content += `
// <option value="${value._name}"><p>${value._name}</p></option>
// `;
// }
// content += `
// </select>
// </div>
// `;
// // version div
//
content += `
<p>${value._name}</p>
<div class="filter_menu">
<div class="filter_menu_title" tabindex=0>
<p>${key}</p>
</div>
<div class="filter_menu_drop" tabindex=0>
`;
}
content += `
for (value of filters[key]) {
content += `
<p>${value._name}</p>
`;
}
content += `
</div>
</div>
</div>
`;
`;
});
filters_div.innerHTML = content;