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

@@ -96,6 +96,20 @@ $view = '
<p>'.($media_p ?? 'View, manage, and search media details.').'</p>
</div>
</div>
<div class="title-actions">';
if ($create_allowed === 1 && isAllowed('media_scanner' ,$_SESSION['profile'],$_SESSION['permission'],'C') === 1){
$view .= '<a href="index.php?page=media_scanner" class="btn">📷</a>';
}
if ($create_allowed === 1){
$view .= '<a href="index.php?page=media_manage" class="btn">+</a>';
}
$view .= '<button id="filter-toggle" class="btn alt" onclick="toggleFilters()">
<i class="fa-solid fa-search"></i>
</button>
</div>
</div>';
if (isset($success_msg)){
@@ -105,40 +119,32 @@ $view .= ' <div class="msg success">
<i class="fas fa-times"></i>
</div>';
}
$view .= '
<div class="content-header responsive-flex-column pad-top-5">';
if ($create_allowed ===1 && isAllowed('media_scanner' ,$_SESSION['profile'],$_SESSION['permission'],'C') === 1){
$view .= '<a href="index.php?page=media_scanner" class="btn">'.($button_media_scanner ?? 'media_scanner').'</a>';
}
if ($create_allowed ===1){
$view .= '
<form action="" method="post" enctype="multipart/form-data">
<input type="file" onchange="this.form.submit()" name="fileToUpload[]" id="fileToUpload" accept=".png, .PNG, .jpg,.JPG,.jpeg,.JPEG" style="width: 30%;padding: 50px 0 0 0;height: 10px;" multiple>
</form>';
}
$view .= '
<form action="" method="get">
<input type="hidden" name="page" value="media">
<div class="filters">
<a href="#"><i class="fa-solid fa-filter"></i>'.$general_filters.'</a>
<div class="list">
<select name="status">
<option value="" disabled selected>Active</option>
<option value="0">'.$disabled.'</option>
<option value="1">'.$enabled.'</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="media">
<div class="filter-row">
<div class="filter-group">
<select name="status">
<option value="" disabled selected>Active</option>
<option value="0">'.$disabled.'</option>
<option value="1">'.$enabled.'</option>
</select>
</div>
<div class="filter-group search-group">
<input type="text" name="search" placeholder="'.($media_search ?? 'Search media...').'" value="">
</div>
</div>
</div>';
$view .= '<div class="search">
<label for="search">
<input id="search" type="text" name="search" placeholder="'.($media_search ?? 'Search media...').'" 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=media">'.$general_filters_clear.'</a>
</div>
</form>
</div>
</div>
';