feat(interfaces): the interface pages on Bootstrap's cards, tables and dialogs

As the storage and network pages; plan reviewed with Codex.

- The list is grouped by type (bridges, bonds, VLANs, ethernet; a type
  the host has none of is left out), three cards a row, with a search
  of their names, MACs and networks (table_filter.js, which now takes
  any element with data-search as a row); a card per interface: its link
  as the kernel reports it (up green, down grey, another state or
  unknown told as such, no red card for a link that is merely down),
  MAC, MTU, speed when known, the members it reports and the libvirt
  networks that use it, linked.
- An interface's page: an Interface card (type, libvirt's own state
  where it manages interfaces, link, start mode, MAC, MTU, speed, STP,
  networks using it); on a host whose libvirt changes interfaces, a
  card per family with how it is addressed and its addresses; the
  members of a bridge, bond or VLAN with their link and speed, or that
  none is reported; for a bridge, the running VMs' cards on it,
  directly or through a network using it, with their tap and MAC,
  linked (wvmInterface.get_vms: one domain listing). Not the bridge's
  delay: netcf tells it in seconds, the udev backend in hundredths.
  Start or Stop in its heading, Delete in its menu, disabled while it
  runs, on hosts that can change interfaces only.
- A host whose libvirt only reads interfaces says so once, with that
  it does not tell their addresses, instead of "None" on every page.
- The New interface dialog is one form, as the New pool and New
  network ones (choice_dialog.js, radio_card.html): Bridge or
  Ethernet, a bridge's member from the devices it can take, an
  ethernet interface's device from the ones the host does not define
  yet, a static address's fields with its choice; a refused interface,
  or one libvirt refuses, opens it again with what was entered; a made
  one opens its page.
- networks_by_device maps the libvirt networks to their bridges or
  interfaces on the page's own connection.

static/js/table_filter.js

@@ -1,8 +1,9 @@
 // The search box of a list page, and the instance list's state list.
 //
-// A row shows when its text contains the search, in any case: plain text,
-// not a pattern. A row with data-search is searched in that text only, not
-// in its buttons and menus. With a state list, the row's [data-state] must
+// A row (a table row, or another element with data-search, such as a card)
+// shows when its text contains the search, in any case: plain text, not a
+// pattern. A row with data-search is searched in that text only, not in its
+// buttons and menus. With a state list, the row's [data-state] must
 // be the chosen state too. In a grouped list a search for a group's host
 // shows all of its rows, and its header row (data-group-header) shows while
 // any of its rows does. A page's #no-match shows while no row does. The
@@ -23,7 +24,7 @@ function filterTable(doc) {
         var host = group.dataset.host;
         var hostMatches = host !== undefined && host.toLowerCase().includes(text);
         var header = null, shown = false;
-        group.querySelectorAll("tr").forEach(function (row) {
+        group.querySelectorAll("tr, [data-search], [data-group-header]").forEach(function (row) {
             if (row.hasAttribute("data-group-header")) {
                 header = row;
                 return;