Enhance UI and functionality across multiple pages

- Added filter panels and search functionality to media, orders, partners, pricelists, products, products attributes, software versions, translations, and users pages.
- Implemented security checks for create, update, and delete permissions on various pages.
- Updated CSS styles for improved layout and responsiveness, including new styles for filter panels and buttons.
- Refactored existing forms to utilize the new filter panel design for a more consistent user experience.
- Adjusted API versioning in servicereport and servicereports pages for better compatibility.
- Improved button icons for filter actions and form submissions for better user interaction.
This commit is contained in:
“VeLiTi”
2025-12-16 11:39:14 +01:00
parent ec20d44267
commit 364ee773e4
26 changed files with 824 additions and 417 deletions

View File

@@ -51,33 +51,41 @@ $view = '
<p>'.$history_p.'</p>
</div>
</div>
<div class="title-actions">
<button id="filter-toggle" class="btn alt" onclick="toggleFilters()">
<i class="fa-solid fa-search"></i>
</button>
</div>
</div>';
$view .= '
<div class="content-header responsive-flex-column pad-top-5">
<form action="" method="get">
<input type="hidden" name="page" value="histories">
<div class="filters">
<a href="#"><i class="fa-solid fa-filter"></i>'.$general_filters.'</a>
<div class="list">
<select name="type">
<option value="" disabled selected>Type</option>
<option value="'.$type1.'"'.($status==$type1 ?' selected':'').'>'.$type1.'</option>
<option value="'.$type2.'"'.($status==$type2 ?' selected':'').'>'.$type2.'</option>
<option value="'.$type3.'"'.($status==$type3 ?' selected':'').'>'.$type3.'</option>
<option value="'.$type9.'"'.($status==$type9 ?' selected':'').'>'.$type9.'</option>
<option value="'.$type14.'"'.($status==$type14 ?' selected':'').'>'.$type14.'</option>
</select>
<button type="submit">'.$button_apply.'</button>
<div id="filter-panel" class="filter-panel" style="display: none;">
<div class="filter-content">
<form action="" method="get">
<input type="hidden" name="page" value="histories">
<div class="filter-row">
<div class="filter-group">
<select name="type">
<option value="" disabled selected>Type</option>
<option value="'.$type1.'"'.($status==$type1 ?' selected':'').'>'.$type1.'</option>
<option value="'.$type2.'"'.($status==$type2 ?' selected':'').'>'.$type2.'</option>
<option value="'.$type3.'"'.($status==$type3 ?' selected':'').'>'.$type3.'</option>
<option value="'.$type9.'"'.($status==$type9 ?' selected':'').'>'.$type9.'</option>
<option value="'.$type14.'"'.($status==$type14 ?' selected':'').'>'.$type14.'</option>
</select>
</div>
<div class="filter-group search-group">
<input type="text" name="search" placeholder="'.$history_Search.'" value="">
</div>
</div>
</div>
<div class="search">
<label for="search">
<input id="search" type="text" name="search" placeholder="'.$history_Search.'" value="" class="responsive-width-100">
<i class="fas fa-search"></i>
</label>
</div>
</form>
<div class="filter-actions">
<button type="submit" class="btn"><i class="fas fa-level-down-alt fa-rotate-90"></i></button>
<a class="btn alt" href="index.php?page=histories">X</a>
</div>
</form>
</div>
</div>
';