This PR switches to using vuetify data tables. Data tables automatically support grouping (by domain in our case) and pagination.
We only use a simple form of pagination in which only some sites are shown by default with a button allowing the table to be expanded to all sites.
The data tables somewhat unify the existing table view implementations.
Additionally, the tables are now sorted by tld and then domain in a way that gives .gov and .edu tlds priority. This replaces the existing scheme in the "curated sites" view which requires manual input of sites (and a re-deployment every time those change).
There are other changes: removal of now unused code and CSS, proper use of vue reactive variables (rather than delaying the rendering and getting junk-looking stuff for a couple of seconds), a cleanup of the settings functions, the addition of (some) documentation comments to the JS code, and some reorganization of constants and functions to make things more clear.
This PR switches to using vuetify data tables. Data tables automatically support grouping (by domain in our case) and pagination. We only use a simple form of pagination in which only some sites are shown by default with a button allowing the table to be expanded to all sites. The data tables somewhat unify the existing table view implementations. Additionally, the tables are now sorted by tld and then domain in a way that gives .gov and .edu tlds priority. This replaces the existing scheme in the "curated sites" view which requires manual input of sites (and a re-deployment every time those change). There are other changes: removal of now unused code and CSS, proper use of vue reactive variables (rather than delaying the rendering and getting junk-looking stuff for a couple of seconds), a cleanup of the settings functions, the addition of (some) documentation comments to the JS code, and some reorganization of constants and functions to make things more clear.