jamie/ipam
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 26 Wiki Activity

feat: ✨ version number links to releases #54

Merged
jamie merged 5 commits from v2.0.1 into main 2026-05-27 07:54:15 +01:00
Conversation 0 Commits 5 Files Changed 5
+3 -20
1 changed files with 3 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit be55503e1c - Show all commits
frontend/src/views/DashboardView.vue
+3 -20
View File
@@ -10,7 +10,6 @@ interface DashboardStats {
available_ips: number; available_ips: number;
utilization_percent: number; utilization_percent: number;
subnet_count: number; subnet_count: number;
alerting_subnets: number;
device_count: number; device_count: number;
} }
@@ -22,7 +21,6 @@ interface SubnetOverviewRow {
vlan_id?: number; vlan_id?: number;
utilization: number; utilization: number;
available: number; available: number;
status: "active" | "alerting";
} }
interface ActivityPoint { interface ActivityPoint {
@@ -93,10 +91,7 @@ function formatHour(h: number) {
<div> <div>
<div class="text-xs font-medium uppercase tracking-wide text-slate-500">Subnets</div> <div class="text-xs font-medium uppercase tracking-wide text-slate-500">Subnets</div>
<div class="mt-1 text-2xl font-bold">{{ stats.subnet_count }}</div> <div class="mt-1 text-2xl font-bold">{{ stats.subnet_count }}</div>
<div class="text-sm text-slate-500"> <div class="text-sm text-slate-500">Total</div>
Total
<span v-if="stats.alerting_subnets" class="text-red-500">/ {{ stats.alerting_subnets }} alerting</span>
</div>
</div> </div>
</div> </div>
<div class="card flex items-start gap-4"> <div class="card flex items-start gap-4">
@@ -166,7 +161,6 @@ function formatHour(h: number) {
<th class="p-2">Utilised</th> <th class="p-2">Utilised</th>
<th class="p-2">Available</th> <th class="p-2">Available</th>
<th class="p-2">Site</th> <th class="p-2">Site</th>
<th class="p-2">Status</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@@ -174,7 +168,6 @@ function formatHour(h: number) {
v-for="s in subnetOverview" v-for="s in subnetOverview"
:key="s.id" :key="s.id"
class="border-b border-slate-100 dark:border-slate-800" class="border-b border-slate-100 dark:border-slate-800"
:class="s.status === 'alerting' ? 'bg-red-500/5' : ''"
> >
<td class="p-2"> <td class="p-2">
<RouterLink :to="`/subnets/${s.id}`" class="font-mono text-accent hover:underline">{{ s.cidr }}</RouterLink> <RouterLink :to="`/subnets/${s.id}`" class="font-mono text-accent hover:underline">{{ s.cidr }}</RouterLink>
@@ -184,8 +177,7 @@ function formatHour(h: number) {
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<div class="h-1.5 w-16 overflow-hidden rounded-full bg-surface-overlay"> <div class="h-1.5 w-16 overflow-hidden rounded-full bg-surface-overlay">
<div <div
class="h-full rounded-full" class="h-full rounded-full bg-accent"
:class="s.status === 'alerting' ? 'bg-red-500' : 'bg-accent'"
:style="{ width: `${s.utilization}%` }" :style="{ width: `${s.utilization}%` }"
/> />
</div> </div>
@@ -194,18 +186,9 @@ function formatHour(h: number) {
</td> </td>
<td class="p-2">{{ s.available }}</td> <td class="p-2">{{ s.available }}</td>
<td class="p-2">{{ s.site }}</td> <td class="p-2">{{ s.site }}</td>
<td class="p-2">
<span
class="inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-xs font-medium"
:class="s.status === 'alerting' ? 'bg-red-500/15 text-red-500' : 'bg-accent/15 text-accent'"
>
<span class="h-1.5 w-1.5 rounded-full" :class="s.status === 'alerting' ? 'bg-red-500' : 'bg-accent'" />
{{ s.status === 'alerting' ? 'Alerting' : 'Active' }}
</span>
</td>
</tr> </tr>
<tr v-if="!subnetOverview.length"> <tr v-if="!subnetOverview.length">
<td colspan="6" class="p-4 text-center text-slate-500">No subnets configured.</td> <td colspan="5" class="p-4 text-center text-slate-500">No subnets configured.</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>