IT/licensetrackerfrontend
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated the sorting of the programs

Browse Source
This commit is contained in:
Donny 2024-09-03 15:45:14 -06:00
parent 1780f9760b
commit e1020fd499
1 changed files with 20 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/routes/+page.svelte
View File

@ -37,6 +37,7 @@
const data = await response.json();
licenses = data;
licenses.sort((a, b) => a.program.localeCompare(b.program));
} catch (err) {
error = `Failed to fetch licenses: ${err.message}`;
}
@ -139,25 +140,25 @@
<h2 class="text-3xl text-gray-600">Current License Usage</h2>
<br>
<table class="w-1/2 m-auto text-left rounded-lg text-gray-700 shadow-lg">
<tr class="text-xl bg-gray-600 text-white font-thin">
<th>Icon</th>
<th>Program Name</th>
<th>Username</th>
</tr>
{#each licenses as license, index}
<tr class={`${
index % 2 === 0 ? 'bg-gray-100 hover:bg-gray-300' : 'bg-gray-200 hover:bg-gray-400'
}`}>
<td>
<div class="rounded p-1">
<img class="max-w-10" src={getImageSource(license.program)} alt={license.machine + " Logo"}>
</div>
</td>
<td><h2 class="text-lg">{license.program === 'Slide' ? 'Slide2' : (license.program === 'WINPROJ' ? 'Project' : license.program)}</h2></td>
<td>{license.machine.toUpperCase()}</td>
</tr>
{/each}
</table>
<tr class="text-xl bg-gray-600 text-white font-thin">
<th>Icon</th>
<th>Program Name</th>
<th>Username</th>
</tr>
{#each licenses as license, index}
<tr class={`${
index % 2 === 0 ? 'bg-gray-100 hover:bg-gray-300' : 'bg-gray-200 hover:bg-gray-400'
}`}>
<td>
<div class="rounded p-1">
<img class="max-w-10" src={getImageSource(license.program)} alt={license.machine + " Logo"}>
</div>
</td>
<td><h2 class="text-lg">{license.program === 'Slide' ? 'Slide2' : (license.program === 'WINPROJ' ? 'Project' : license.program)}</h2></td>
<td>{license.machine.toUpperCase()}</td>
</tr>
{/each}
</table>
</div>