HTMxify Argus

[hmpf]

Rationale

We have been tasked with facilitating a conversion of the GÉANT NOC's legacy dashboard GUI to Argus. The list of requirements includes many provisions for customizing the Argus GUI outside of what is currently possible with Argus-frontend. We only have a single React developer on our team, which turns into a bottleneck when trying to achieve velocity on feature production.

With recent projects, our team has successfully employed HTMX to build new front-end applications. We have therefore agreed to attempt writing a new web front-end for Argus, based on HTMX. This technology is more back-end driven, and would be focused on Python, Django and good-old HTML. These are technologies our whole team can be productive with, and where we all understand how we can make the application more customizable for users like the GÉANT NOC.

In addition to these velocity considerations, this technology stack would also make a full deployment of Argus a lot easier than it is today. It reduces the number of steps to install, and also reduce the number of running components and domain names to maintain.

PoC

We login with the admin login page, so no OAuth2

• Implement incidents table using HTMX
  • Recreate incidents-list with HTMx #1
  • Make the incidents-list auto-update with HTMx #2
  • Make the incident filters work with HTMx #3
  • Make it possible to configure which columns are visible #4
• Have a hardcoded link to third party app (for drill-down) Argus#781
  • Have a pluginable link to third party app (for drill-down) Argus#788

After PoC

• Decide on a style for backend html pages Argus#768
  • Polish: Include a standard theme app, overridable via setting?
• Have a local login page with HTMx, does not need to use tokens #6

Finishing up

Missing pages

• Recreate timeslots-page with HTMx #7
• Recreate profiles-page with HTMx #8
• Recreate user/destinations-page with HTMx #9

TODO om incident lists page

• Things to remember to fix in incident list view for classic argus #46
• Finish the classic-style filter box in incident list page #147
• Each severity level should have a color that fits with the chosen theme #126
• Make bulk buttons actually work on incident list #150

Other

• Polish styling in detail view #86
• Make OAuth2 work for login #67
• Fix widget styles #155

[hmpf]

There's a new repo https://github.com/Uninett/argus-htmx-frontend for this code.