Files
infix/src/webui
Joachim Wiberg d07c8a9b5e webui: styling and cleanup
Vendor a Lucide icon set under static/img/icons/ and partial:ize the
inline SVGs across base, login, firmware, sidebar, and yang-tree.

Reorganize the sidebar with mirrored Status/Configure section labels.
Rename NACM to Users & Groups and Firmware to Software; swap Routes and
Routing between Status and Configure.

Split Configure > System into General, NTP Client, and DNS Client pages,
which opens up for relocating the Set Time RPC from the Maintenance
section to a new Date & Time card in the System General config page.

Update browser tab title on htmx navigation via an HX-Trigger
setPageTitle event; encode the payload as 7-bit ASCII so the middle
dot in "Page · Context" survives header transit.

Add missing hover-help ⓘ icons to bridge port configuration, and adjust
their alignment slightly.  While in interface configuration:
 - fix the annoying Save => collapse so one can edit multiple
   interface sections without having to re-expand the iface
 - add missing dhcpv4 settings
 - add missing custom mac (use advanced view for other settings)
 - clean up Save button mess (consolidate)

Rename Firmware -> Software everywhere in the Maintenance section and
fix "Install progress stuck at 10%" issue.

Signed-off-by: Joachim Wiberg <troglobit@gmail.com>
2026-06-15 19:45:21 +02:00
..
2026-06-15 19:45:21 +02:00
2026-06-15 19:45:21 +02:00
2026-06-15 19:45:21 +02:00
2026-06-14 22:07:22 +02:00
2026-06-15 19:45:20 +02:00
2026-06-14 22:07:22 +02:00
2026-06-15 19:45:20 +02:00

Infix WebUI

A lightweight web management interface for Infix network devices, built with Go and htmx.

The WebUI communicates with the device over RESTCONF (RFC 8040), presenting the same operational data available through the Infix CLI in a browser-friendly format.

Features

  • Dashboard -- system info, hardware, sensors, and interface summary with bridge member grouping
  • Interfaces -- list with status, addresses, and per-type detail; click through to a detail page with live-updating counters, WiFi station table, scan results, WireGuard peers, and ethernet frame statistics
  • Firewall -- zone-to-zone policy matrix
  • Keystore -- symmetric and asymmetric key display
  • Firmware -- slot overview, install from URL with live progress
  • Reboot -- two-phase status polling (wait down, wait up)
  • Config download -- startup datastore as JSON

Building

Requires Go 1.22 or later.

make build

Produces a statically linked webui binary with all templates, CSS, and JS embedded.

Cross-compile for the target:

GOOS=linux GOARCH=arm64 make build

Running

./webui --restconf https://192.168.0.1/restconf --listen :10000
Flag Default Description
--listen :10000 Address to listen on
--restconf http://localhost:8080/restconf RESTCONF base URL of the device
--insecure-tls false Disable TLS certificate verification

The RESTCONF URL can also be set via the RESTCONF_URL environment variable.

Development

Point RESTCONF_URL at a running Infix device and start the dev server:

make dev ARGS="--restconf https://192.168.0.1/restconf"

This runs go run . on port 10000 with --insecure-tls already set.

Architecture

Browser ──htmx──▶ Go server ──RESTCONF──▶ Infix device (rousette/sysrepo)
  • Single binary -- templates, CSS, JS, and images are embedded via go:embed
  • Server-side rendering -- Go html/template with per-page parsing to avoid {{define "content"}} collisions
  • htmx SPA navigation -- sidebar links use hx-get / hx-target for partial page updates with hx-push-url for browser history
  • Stateless sessions -- AES-256-GCM encrypted cookies carry credentials (needed for every RESTCONF call); no server-side session store
  • Live polling -- counters update every 5s, firmware progress every 3s, all via htmx triggers
main.go                          Entry point, flags, embedded FS
internal/
  auth/                          Login, logout, session (AES-GCM cookies)
  restconf/                      HTTP client (Get, GetRaw, Post, PostJSON)
  handlers/                      Page handlers
    dashboard.go                   Dashboard, hardware, sensors
    interfaces.go                  Interface list, detail, counters
    firewall.go                    Zone matrix
    keystore.go                    Key display
    system.go                      Firmware, reboot, config download
  server/
    server.go                    Route registration, template wiring, middleware
templates/
  layouts/                       base.html (shell), sidebar.html
  pages/                         Per-page templates (one per route)
  fragments/                     htmx partial fragments
static/
  css/style.css                  All styles
  js/htmx.min.js                htmx library
  img/                           Logo, favicon

License

See LICENSE.