Build Frontend

[bbertucc]

Authentication

• [x] Requires users to be logged in to access. (Redirect to Auth0 to login)

Views

The frontend will include views.

“Discovery”

• [x] List of properties
• [x] Includes Modal to add new properties via form or CSV

Uses get/properties API query.

“Property Settings”

• [x] Form to up property name, url, and scan type

Uses get/properties API query.

“Scans”

• [x] List of queued scans

Uses get/scans API query.

“Reports”

• [x] List of Reports with a button to edit each report.

Uses get/reports API query.

“Single Report”

• [x] A single report page with timeline of node updates, messages, tags, and pages components.
• [x] Includes button to edit report.

Uses get/reports and get/results API query.

“Report Settings”

• [x] Form to update report name and filters

Uses get/reports API query.

“Single Message”

• [x] Report page that is focused on messages includes timeline of node updates and list of nodes related to the message.
• [x] Inherits filters from report if a user clicks to Single Messages from a Single Report view.

Uses get/reports and get/results API query.

“Single Tag”

• [x] Report page that is focused on tags with timeline of node updates and list of messages with the tag.
• [x] Inherits filters from report if a user clicks to Single Tag from a Single Report view.

Uses get/reports and get/results API query.

“Single URL”

• [x] Report page that is focused on ruls with timeline of node updates and list of messages related to the URL.
• [x] Inherits filters from report if a user clicks to Single URL from a Single Report view.

Uses get/reports and get/results API query.

Actions

The frontend will include actions:

Add Single Property

• [x] Inserts new property info from the form.
• [x] Triggered by Single Property Entry Form button in modal on Discovery view
• [x] Passes info to /add/properties
• [x] Return success/failure alert with message

Add Multiple Properties

• [ ] Inserts multiple new properties from the CSV
• [ ] Triggered by Upload Form button in modal on Discovery view
• [ ] CSV is validated to be a valid CSV with proper fields and reformatted to work with API call.
• [ ] Passes info to /add/properties
• [ ] Return success/failure alert with message

Save Property Settings

• [x] Updates Property Info
• [x] Triggered by “Save Property” button on Property Settings view
• [x] Passes propertyID and updates to /update/properties
• [x] Return success/failure alert with message

Delete Property

• [x] Removes property and all related content
• [x] Triggered by “Delete Property” button on Property Settings view
• [x] Requires confirmation before deletion: "All data related to your property will be removed. That includes all nodes and node updates. Are you sure you want to continue?"
• [x] Passes propertyID to /update/properties
• [x] Return success/failure alert with message

Add Report

• [x] Adds a new report and relevant filters
• [x] Triggered by “Save Report” button on Report Settings view if it's a new report
• [x] Passes relevant info to /add/reports
• [x] Return success/failure alert with message

Update Report

• [x] Updates a report and relevant filters
• [x] Triggered by “Save Report” button on Report Settings view if it's an existing report
• [x] Passes relevant info to /update/reports
• [x] Return success/failure alert with message

Delete Report

• [x] Deletes a report and relevant filters
• [x] Triggered by “Delete Report” button on Report Settings view if it's an existing report
• [x] Passes relevant info to /delete/reports
• [x] Return success/failure alert with message

Add URL to Scan Queue:

• [ ] Add Scan to Scan queue
• [ ] Triggered by “Scan URL” button on Scan Detail view
• [ ] Passes urlID to /add/scans
• [ ] Return success/failure alert with message

Components

The following are reusable components. Note: Old component markup is available here: https://github.com/EqualifyEverything/equalify/tree/main/components

Timeline

• [x] Inherits view data from get/results
• [x] Displays chart of nodes equalified over time.
• [x] Using https://www.chartjs.org

Messages List

• [x] Inherits view data from get/results
• [x] Displays list of messages with count of equalified and active nodes related to each message.
• [x] Each row links to related Single Message view.

Tags List

• [x] Inherits view data from get/results
• [x] Displays list of tags
• [x] Each row links to related Single Tag view.

URL List

• [x] Inherits view data from get/results
• [x] Displays list of urls
• [x] Each row links to related Single URL view.

Node List

• [x] Inherits view data from get/results
• [x] Displays list of nodes

Accessibility Requirements

• [x] Maintain WCAG 2.2 Level AA Standards
• [x] Perform user tests - Feel free to ping @kevinandrews1 to perform user testing.

[bbertucc]

Closing this in favor of EqualifyEverything/equalify#319