-
-
- Package Details
-
-
- Detailed view for package: {packageId}
-
-
- This page will show package information, affected hosts, version
- distribution, and more.
-
+ {/* Header */}
+
+
+
+
+
+ {pkg.name}
+
+
+
+
+
+ {/* Package Overview */}
+
+ {/* Main Package Info */}
+
+
+
+
+
+
+ {pkg.name}
+
+ {pkg.description && (
+
+ {pkg.description}
+
+ )}
+
+ {pkg.category && (
+
+
+
+ Category: {pkg.category}
+
+
+ )}
+ {pkg.latest_version && (
+
+
+
+ Latest: {pkg.latest_version}
+
+
+ )}
+ {pkg.updated_at && (
+
+
+
+ Updated: {formatRelativeTime(pkg.updated_at)}
+
+
+ )}
+
+
+
+
+ {/* Status Badge */}
+
+ {stats.updatesNeeded > 0 ? (
+ stats.securityUpdates > 0 ? (
+
+
+ Security Update Available
+
+ ) : (
+ Update Available
+ )
+ ) : (
+ Up to Date
+ )}
+
+
+
+
+ {/* Statistics */}
+
+
+
+
+
+ Installation Stats
+
+
+
+
+
+ Total Installations
+
+
+ {stats.totalInstalls || 0}
+
+
+ {stats.updatesNeeded > 0 && (
+
+
+ Hosts Needing Updates
+
+
+ {stats.updatesNeeded}
+
+
+ )}
+ {stats.securityUpdates > 0 && (
+
+
+ Security Updates
+
+
+ {stats.securityUpdates}
+
+
+ )}
+
+
+ Up to Date
+
+
+ {(stats.totalInstalls || 0) - (stats.updatesNeeded || 0)}
+
+
+
+
+
+
+
+ {/* Hosts List */}
+
+
+
+
+
+
+ Installed On Hosts ({hosts.length})
+
+
+
+
+ {/* Search */}
+
+
+ {
+ setSearchTerm(e.target.value);
+ setCurrentPage(1);
+ }}
+ className="w-full pl-10 pr-4 py-2 border border-secondary-300 dark:border-secondary-600 rounded-md focus:ring-2 focus:ring-primary-500 focus:border-transparent bg-white dark:bg-secondary-800 text-secondary-900 dark:text-white placeholder-secondary-500 dark:placeholder-secondary-400"
+ />
+
+
+
+
+ {isLoadingHosts ? (
+
+
+
+ ) : hostsError ? (
+
+
+
+
+
+
+ Error loading hosts
+
+
+ {hostsError.message || "Failed to load hosts"}
+
+
+
+
+
+ ) : filteredAndPaginatedHosts.length === 0 ? (
+
+
+
+ {searchTerm
+ ? "No hosts match your search"
+ : "No hosts have this package installed"}
+
+
+ ) : (
+ <>
+
+
+
+ |
+ Host
+ |
+
+ Current Version
+ |
+
+ Status
+ |
+
+ Last Updated
+ |
+
+
+
+ {filteredAndPaginatedHosts.map((host) => (
+ handleHostClick(host.id)}
+ >
+
+
+
+
+
+ {host.friendly_name || host.hostname}
+
+ {host.friendly_name && host.hostname && (
+
+ {host.hostname}
+
+ )}
+
+ |
+
+ {host.current_version || "Unknown"}
+ |
+
+ {host.needs_update ? (
+ host.is_security_update ? (
+
+
+ Security Update
+
+ ) : (
+
+ Update Available
+
+ )
+ ) : (
+
+ Up to Date
+
+ )}
+ |
+
+ {host.last_updated
+ ? formatRelativeTime(host.last_updated)
+ : "Never"}
+ |
+
+ ))}
+
+
+
+ {/* Pagination */}
+ {totalPages > 1 && (
+
+
+
+ Rows per page:
+
+
+
+
+
+
+ Page {currentPage} of {totalPages}
+
+
+
+
+ )}
+
+ )}
+
);
diff --git a/frontend/src/pages/Packages.jsx b/frontend/src/pages/Packages.jsx
index 75ca544..6cc3801 100644
--- a/frontend/src/pages/Packages.jsx
+++ b/frontend/src/pages/Packages.jsx
@@ -331,10 +331,14 @@ const Packages = () => {
switch (column.id) {
case "name":
return (
-
-
-
-
+
-
+
);
case "packageHosts": {
// Show total number of hosts where this package is installed
From 757feab9cd32b1bb58d2a314565080efa809b622 Mon Sep 17 00:00:00 2001
From: tigattack <10629864+tigattack@users.noreply.github.com>
Date: Wed, 1 Oct 2025 22:10:19 +0100
Subject: [PATCH 5/7] fix(packages): add needsUpdate and isSecurityUpdate
fields to package hosts
---
backend/src/routes/packageRoutes.js | 1 +
frontend/src/pages/PackageDetail.jsx | 8 ++++----
2 files changed, 5 insertions(+), 4 deletions(-)
diff --git a/backend/src/routes/packageRoutes.js b/backend/src/routes/packageRoutes.js
index 4188b06..ee2186f 100644
--- a/backend/src/routes/packageRoutes.js
+++ b/backend/src/routes/packageRoutes.js
@@ -126,6 +126,7 @@ router.get("/", async (req, res) => {
osType: hp.hosts.os_type,
currentVersion: hp.current_version,
availableVersion: hp.available_version,
+ needsUpdate: hp.needs_update,
isSecurityUpdate: hp.is_security_update,
})),
stats: {
diff --git a/frontend/src/pages/PackageDetail.jsx b/frontend/src/pages/PackageDetail.jsx
index 8eb1abe..06db020 100644
--- a/frontend/src/pages/PackageDetail.jsx
+++ b/frontend/src/pages/PackageDetail.jsx
@@ -400,8 +400,8 @@ const PackageDetail = () => {
{host.current_version || "Unknown"}
- {host.needs_update ? (
- host.is_security_update ? (
+ {host.needsUpdate ? (
+ host.isSecurityUpdate ? (
Security Update
@@ -418,8 +418,8 @@ const PackageDetail = () => {
)}
|
- {host.last_updated
- ? formatRelativeTime(host.last_updated)
+ {host.lastUpdate
+ ? formatRelativeTime(host.lastUpdate)
: "Never"}
|