TheWrightServer/ProxmoxVE
1
0
Fork 1
mirror of https://github.com/community-scripts/ProxmoxVE.git synced 2025-02-01 16:31:50 +00:00
Code Activity

Update /data/page.tsx (#1876)

Browse Source
This commit is contained in:
Michel Roegl-Brunner 2025-01-30 14:47:22 +01:00 committed by GitHub
parent 0642c7e2c8
commit 3d42ecb152
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/app/data/page.tsx
View File

@ -23,6 +23,7 @@ interface DataModel {
created_at: string; created_at: string;
method: string; method: string;
pve_version: string; pve_version: string;
status: string;
} }
@ -164,10 +165,10 @@ const DataFetcher: React.FC = () => {
<div className="mb-4 flex justify-between items-center"> <div className="mb-4 flex justify-between items-center">
<p className="text-lg font-bold">{filteredData.length} results found</p> <p className="text-lg font-bold">{filteredData.length} results found</p>
<select value={itemsPerPage} onChange={handleItemsPerPageChange} className="p-2 border"> <select value={itemsPerPage} onChange={handleItemsPerPageChange} className="p-2 border">
<option value={5}>5</option> <option value={25}>25</option>
<option value={10}>10</option>
<option value={20}>20</option>
<option value={50}>50</option> <option value={50}>50</option>
<option value={100}>100</option>
<option value={200}>200</option>
</select> </select>
</div> </div>
<div className="overflow-x-auto"> <div className="overflow-x-auto">
@ -175,6 +176,7 @@ const DataFetcher: React.FC = () => {
<table className="min-w-full table-auto border-collapse"> <table className="min-w-full table-auto border-collapse">
<thead> <thead>
<tr> <tr>
<th className="px-4 py-2 border-b cursor-pointer" onClick={() => requestSort('status')}>Status</th>
<th className="px-4 py-2 border-b cursor-pointer" onClick={() => requestSort('nsapp')}>Application</th> <th className="px-4 py-2 border-b cursor-pointer" onClick={() => requestSort('nsapp')}>Application</th>
<th className="px-4 py-2 border-b cursor-pointer" onClick={() => requestSort('os_type')}>OS</th> <th className="px-4 py-2 border-b cursor-pointer" onClick={() => requestSort('os_type')}>OS</th>
<th className="px-4 py-2 border-b cursor-pointer" onClick={() => requestSort('os_version')}>OS Version</th> <th className="px-4 py-2 border-b cursor-pointer" onClick={() => requestSort('os_version')}>OS Version</th>
@ -193,6 +195,7 @@ const DataFetcher: React.FC = () => {
<tbody> <tbody>
{paginatedData.map((item, index) => ( {paginatedData.map((item, index) => (
<tr key={index}> <tr key={index}>
<td className="px-4 py-2 border-b">{item.status === "done" ? "✔️" : item.status === "failed" ? "❌" : item.status}</td>
<td className="px-4 py-2 border-b">{item.nsapp}</td> <td className="px-4 py-2 border-b">{item.nsapp}</td>
<td className="px-4 py-2 border-b">{item.os_type}</td> <td className="px-4 py-2 border-b">{item.os_type}</td>
<td className="px-4 py-2 border-b">{item.os_version}</td> <td className="px-4 py-2 border-b">{item.os_version}</td>
@ -232,7 +235,4 @@ const DataFetcher: React.FC = () => {
</div> </div>
); );
}; };
export default DataFetcher; export default DataFetcher;