admin/packliste
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feat: Added favicon and searchable dropdowns (Tom Select) to pack list manager

Browse Source
This commit is contained in:
Gemini Agent
2025-12-05 18:42:26 +00:00
parent 05d38bb35d
commit c0271b7360
2 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/header.php
View File

@@ -42,6 +42,7 @@ if (isset($_SESSION['user_id'])) {
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/style.css?v=<?php echo time(); ?>">
<link rel="icon" type="image/png" href="logo.png">
</head>
<body>
<div class="page-wrapper">

14
src/manage_packing_list_items.php
View File

@@ -102,6 +102,9 @@ sort($manufacturers);
$conn->close();
?>
<script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"></script>
<!-- Tom Select CSS/JS -->
<link href="https://cdn.jsdelivr.net/npm/tom-select@2.2.2/dist/css/tom-select.bootstrap5.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/tom-select@2.2.2/dist/js/tom-select.complete.min.js"></script>
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
@@ -217,6 +220,17 @@ $conn->close();
let childrenModal = null;
document.addEventListener('DOMContentLoaded', () => {
// Initialize Tom Select for filters
const tsOptions = {
create: false,
sortField: { field: "text", direction: "asc" },
onChange: function(value) {
this.input.dispatchEvent(new Event('change'));
}
};
new TomSelect('#filter-category', tsOptions);
new TomSelect('#filter-manufacturer', tsOptions);
// Tooltip Logic
const tooltip = document.getElementById('image-preview-tooltip');
if (tooltip) {