wip new desing filter

This commit is contained in:
lenovo
2022-11-12 23:06:41 +01:00
parent c140187aa9
commit 36a55260fe
3 changed files with 138 additions and 272 deletions

View File

@@ -1,5 +1,60 @@
<?php
function mp_filter_drop_down($key, &$filter) {
// // version div stick
// // version div switch
// // version div visibility
//
// <p onclick="filter_show_all()">TOUT DESELECTIONNER</p>
$content = '
<div class="filter_menu filter_menu_drop" style="display:none;" tabindex=0>
<div class="filter_menu_drop_title" tabindex=0>
<p>'.$key.'</p>
</div>
<div class="filter_menu_drop_items" tabindex=0>
';
foreach ($filter as $value) {
/*
<p id="'.$value->_name.'" onclick="filter_show_only_selection('.json_encode($value->indexes).', false)">'.$value->_name.'</p>
<p id="'.$value->_name.'" onblur="filter_show_only_selection('.json_encode($value->indexes).', false)">'.$value->_name.'</p>
<p id="'.$value->_name.'" onfocus="filter_show_only_selection('.json_encode($value->indexes).', false)">'.$value->_name.'</p>
<p id="'.$value->_name.'" onfocusin="filter_show_only_selection('.json_encode($value->indexes).', false)">'.$value->_name.'</p>
*/
$content .= '
<p id="'.$value->_name.'" onfocusout="filter_show_only_selection('.json_encode($value->indexes).', false)">'.$value->_name.'</p>
';
}
$content .= '
</div>
</div>
';
return $content;
};
function mp_filter_buttons($key, &$filter) {
// <p onclick="filter_show_all()">TOUT DESELECTIONNER</p>
$content = '
<div class="filter_menu filter_menu_buttons" style="display:none;">
';
foreach ($filter as $value) {
$content .= '
<div class="filter_menu_buttons_click" tabindex=0>
<p id="'.$value->_name.'" onclick="filter_show_only_selection('.json_encode($value->indexes).', false)">'.$value->_name.'</p>
</div>
';
}
$content .= '
</div>
';
return $content;
};
function mp_create_div(&$filters) {
$mp_map_div = '
<div id="ljdp_map_wrapper">
@@ -8,45 +63,10 @@ function mp_create_div(&$filters) {
foreach ($filters as $key => $filter) {
// // version div stick
// // version div switch
// // version div visibility
//
$mp_map_div .= '
<div class="filter_menu" style="display:none;" tabindex=0>
<div class="filter_menu_title" tabindex=0>
<p>'.$key.'</p>
</div>
<div class="filter_menu_drop" tabindex=0>
<p onclick="filter_show_all()">TOUT DESELECTIONNER</p>
';
foreach ($filter as $value) {
$mp_map_div .= '
<p onclick="filter_show_only_selection('.json_encode($value->indexes).', false)">'.$value->_name.'</p>
';
}
$mp_map_div .= '
</div>
</div>
';
// // version div title
//
// $mp_map_div .= '
// <div class="filter_menu" style="display:none;">
// <div class="filter_menu_drop">
// <p class="filter_menu_drop_title" tabindex=0>'.$key.'</p>
// <p onclick="filter_show_all()">TOUT DESELECTIONNER</p>
// ';
// foreach ($filter as $value) {
// $mp_map_div .= '
// <p onclick="filter_show_only_selection('.json_encode($value->indexes).', false)">'.$value->_name.'</p>
// ';
// }
// $mp_map_div .= '
// </div>
// </div>
// ';
if ($key == "mode")
$mp_map_div .= mp_filter_buttons($key, $filter);
else
$mp_map_div .= mp_filter_drop_down($key, $filter);
};
@@ -57,42 +77,63 @@ function mp_create_div(&$filters) {
';
return $mp_map_div;
}
};
// // version div title
//
// $content .= '
// <div class="filter_menu" style="display:none;">
// <div class="filter_menu_drop">
// <p class="filter_menu_drop_title" tabindex=0>'.$key.'</p>
// <p onclick="filter_show_all()">TOUT DESELECTIONNER</p>
// ';
// foreach ($filter as $value) {
// $content .= '
// <p onclick="filter_show_only_selection('.json_encode($value->indexes).', false)">'.$value->_name.'</p>
// ';
// }
// $content .= '
// </div>
// </div>
// ';
// // version input checkbox
//
// content += `
// $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>
// <p>'.$key.'</p>
// </label>
// <div class="filter_menu_drop">
// `;
// for (value of filters[key]) {
// content += `
// <p>${value._name}</p>
// `;
// ';
// foreach ($filter as $value) {
// $content .= '
// <p>'.$value._name.'</p>
// ';
// }
// content += `
// $content .= '
// </div>
// </div>
// `;
// ';
// // version select
//
// content += `
// $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>
// `;
// <select id="filter_menu_drop_'.$key.'" class="filter_menu_drop" name="'.$key.'">
// ';
// foreach ($filter as $value) {
// $content .= '
// <option value="'.$value._name.'"><p>'.$value._name.'</p></option>
// ';
// }
// content += `
// $content .= '
// </select>
// </div>
// `;
// ';
?>