Simplify visible fields in reports

[stitch]

Make it easier to configure visible fields. With the main benefit that end users better understand what they are testing.

Todo's

• [ ] Add presents.
• [x] Add headers (+ translations)
• [x] Add feature flag values in the report (todo: figure out how).
• [x] See if this makes sense in UI
• [x] Does this have effect on diagrams etc?
• [ ] Support presets
• [ ] Support enabling / disabling fields when another field is clicked

Example for the mail test:

=================================================================================================
PRESETS:
O All
O Baseline NL gov*
O Internet.nl-website fields
O None
=================================================================================================

=================================================================================================
Internet.nl website fields          | Additional fields
================================================|================================================   
                        |
                        | ⬜ Mail server configured
-------------------------------------------------------------------------------------------------
# ⬜ [IPv6]                  |
## [Name servers]               | ⬜ IPv6 name servers
### ⬜ IPv6 addresses for name servers       |   
### ⬜ IPv6 reachability of name servers     |
                        |
## [Mail server(s)]             | ⬜ IPv6 mail servers
### ⬜ IPv6 addresses for mail server(s) |
### ⬜ IPv6 reachability of mail server(s)   |
-------------------------------------------------------------------------------------------------
# ⬜ [DNSSEC]                    |
## [Email address domain]           | ⬜ DNSSEC mail domain*
### ⬜ DNSSEC existence mail domain      |
### ⬜ DNSSEC validity mail domain       |
                        |
## [Mail server domain(s)]          | ⬜ DNSSEC MX*
### ⬜ DNSSEC existence MX           |
### ⬜ DNSSEC validity MX            |
-------------------------------------------------------------------------------------------------
# ⬜ [DMARC, DKIM and SPF]           | 
                        | ⬜ Non sending domain
## [DMARC]                  |
### ⬜ DMARC existence*              |
### ⬜ DMARC policy              |
                        | ⬜ DMARC policy only* 
                        | ⬜ DMARC authorisation external reporting destination
                        | 
## ⬜ DKIM existence*                |
                        |
## [SPF]                    |
### ⬜ SPF existence*                |
### ⬜ SPF policy*               |
-------------------------------------------------------------------------------------------------
# ⬜ [STARTTLS and DANE]         | 
                        | ⬜ Mail server testable
                        | ⬜ STARTTLS NCSC*          
## [TLS]                    | 
### ⬜ STARTTLS available*           |
### ⬜ TLS version               |
### ⬜ Cipher suites             |
### ⬜ Key exchange parameters           |
### ⬜ TLS compression               |
### ⬜ Secure renegotiation          |
### ⬜ Client-iniated renegotiation      |
                        |
## [Certificate]                |
### ⬜ Trust chain of certificate        |
### ⬜ Public key of certificate     |
### ⬜ Signature of certificate          |
### ⬜ Domain name on certificate        |
                        |
## [DANE]                   | ⬜ DANE*
### ⬜ DANE existence                |
### ⬜ DANE validity             |
### ⬜ DANE rollover scheme      `   | 
                        | 
                        | ⬜ DANE TA-2 record
=================================================================================================
Explanation:
O = radio button
⬜ = check box
[..] = link to toggle on/off all child options under the linked parent
# = used to illustrate parent-child hierarchy

[stitch]

Presets and enabling or disabling in bulk are enhancements that take extra time and are out of focus for now. The new interface has been implemented and discussed and resembles the internet.nl reports a lot, which is convenient.

[stitch]

Renamed to describe the only remaining issue.

[stitch]

• [x] Add save and reset buttons also add the bottom of the list
• [x] 1x "calculate averge" and 1x "show only average" at the top, not for every subcategory, but do show for every category. (sub is set based on category)
• [x] "show this category" can be decided on: is any of the category field shown, then yes.
• [x] Add a select all in category / deselect all in category
• [ ] Probably add categories in the selection in tabs instead of all visible at once or nested accordeons (ask designers how to do this correctly for a11y).

[stitch]

Create wireframe what it should like

[stitch]

Todo: when refactoring the table with the comparison results, also implement what columns should be visible on scan_method (web/mail) level for the table. Don't show ipv6 if no ipv6 field is visible. The selection is now based on a category setting itself, but the fields in the subcategory should be checked. See relevant_categories_based_on_settings which contains the old approach and the graph methods which contain the new one.

Todo: can we easily get the translations for the descriptions of each of the fields shown in the graphs? That would make things a bit nicer and self explantory.

[stitch]

Current status

[stitch]

[stitch]

With tabs, using vue-tabs-component, which is both finished but also abandoned. Has a11y features.