community-scripts/ProxmoxVED
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Frontend

Browse Source
This commit is contained in:
Michel Roegl-Brunner 2025-03-18 15:40:36 +01:00
parent 40227c2ad4
commit 18bf77afb3
3 changed files with 26 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/app/api/versions/route.ts
View File

@ -15,11 +15,12 @@ const getVersions = async () => {
const filePath = path.resolve(jsonDir, versionsFileName);
const fileContent = await fs.readFile(filePath, encoding);
const versions: AppVersion[] = JSON.parse(fileContent);
console.log("Versions: ", versions);
const modifiedVersions = versions.map(version => {
let newName = version.name;
// Ensure date is included in the returned object
newName = newName.toLowerCase().replace(/[^a-z0-9/]/g, '');
return { ...version, name: newName };
return { ...version, name: newName};
});
return modifiedVersions;

28
frontend/src/app/scripts/_components/ScriptItem.tsx
View File

@ -97,19 +97,31 @@ function ScriptItem({
<div className="flex gap-5">
<DefaultSettings item={item} />
</div>
<div>
{versions.length === 0 ? (
<p>Loading versions...</p>
) : (
<p>Version: { versions.find((v) =>
<div>{versions.length === 0 ? (<p>Loading versions...</p>) :
(<>
<p className="text-l text-foreground">Version:</p>
<p className="text-l text-muted-foreground">{versions.find((v) =>
v.name === item.slug.replace(/[^a-z0-9]/g, '') ||
v.name.includes(item.slug.replace(/[^a-z0-9]/g, '')) ||
v.name.replace(/[^a-z0-9]/g, '') === item.slug.replace(/[^a-z0-9]/g, '')
)?.version || "Not found"
)?.version || "No Version information found"
}</p>
)}
<p className="text-l text-foreground">Latest changes:</p>
<p className="text-l text-muted-foreground">
{(() => {
const matchedVersion = versions.find((v) =>
v.name === item.slug.replace(/[^a-z0-9]/g, '') ||
v.name.includes(item.slug.replace(/[^a-z0-9]/g, '')) ||
v.name.replace(/[^a-z0-9]/g, '') === item.slug.replace(/[^a-z0-9]/g, '')
);
return matchedVersion?.date ?
extractDate(matchedVersion.date as unknown as string) :
"No date information found"
})()}
</p>
</>)
}
</div>
</div>
</div>

1
frontend/src/lib/types.ts
View File

@ -51,6 +51,7 @@ export type Metadata = {
export interface AppVersion {
name: string;
version: string;
date: Date;
}
export interface Version {