pro/2023_WEBSITE_jipf
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

menu deroulant ok

Browse Source
This commit is contained in:
lenovo
2022-11-10 19:59:29 +01:00
parent 30899a2534
commit 489697a0f2
2 changed files with 61 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
srcs/plugins/map_prof/scripts/mp_create_filters.js
View File

@@ -37,13 +37,25 @@ function fill_filters(filters_div) {
*/ */
let content = ""; let content = "";
for (key in filters) { let keys = Object.keys(filters);
if (! filters.hasOwnProperty(key)) keys.forEach((key) => {
continue; content += `
content += '<div class="filter_menu">'; <div class="filter_menu">
content += key; <div class="filter_menu_title">
content += '</div>'; <p>${key}</p>
} </div>
<div class="filter_menu_drop">
`;
for (value of filters[key]) {
content += `
<p>${value._name}</p>
`;
}
content += `
</div>
</div>
`;
});
filters_div.innerHTML = content; filters_div.innerHTML = content;
} }

46
srcs/plugins/map_prof/styles/mp_filters.css
View File

@@ -6,15 +6,53 @@
#ljdp_map_filters { #ljdp_map_filters {
display: flex; display: flex;
flex-direction: row;
position: relative;
border: 1px solid red; border: 1px solid red;
width: 100%; width: 100%;
} z-index: 1;
}
#ljdp_map_filters > .filter_menu { #ljdp_map_filters .filter_menu {
display: flex; display: flex;
flex-direction: column;
position: relative;
margin: auto;
width: 100%;
border: 1px solid blue;
}
#ljdp_map_filters .filter_menu:hover .filter_menu_drop {
display: flex;
}
#ljdp_map_filters .filter_menu .filter_menu_title {
display: flex;
position: relative;
margin: auto; margin: auto;
width: auto; width: auto;
border: 1px solid blue; border: 1px solid green;
} }
#ljdp_map_filters .filter_menu .filter_menu_drop {
display: none;
flex-direction: column;
position: absolute;
top: 100%;
left: 0px;
margin: auto;
padding: 10px 0px;
width: 100%;
max-height: 400px;
overflow-y: scroll;
background-color: white;
border: 1px solid pink;
}
#ljdp_map_filters .filter_menu .filter_menu_drop p {
display: flex;
position: relative;
margin: 0px auto 0px 0px;
padding: 0px 10px;
}