Re-style vulnerability details page to use space more efficiently

In the saved reports page there should be a new option to "Send by email" that triggers the controller action created in reconmap/rest-api#23

To reduce the size of the application and remove some react warnings shown in the console

Add functionality to upload DOCX report template that is to be used to generate fully customisable reports afterwards.

Introduce multiple tabs to switch between tasks, vulnerabilities and targets (and future content too)

From an import from file or textbox

not sure if my issue might have something to to with line 16 in the following file
https://github.com/Reconmap/web-client/blob/master/src/components/badges/NotificationsBadge.js

I noticed a hardcoding of 'localhost' which would cause my requests to fail, as i am not running the server on the same machine that I am accessing the web app from

Originally posted by @b3dk7 in #23 (comment)

Similar to

Instead of using tailwind, move all styles to SASS/CSS and remove the dependency.

Tailwind 2.0 was recently released and seems to bring shiny new features and a few improvements as well as a reduced size so we should upgrade. They also promise short and easy upgrade times.

https://blog.tailwindcss.com/tailwindcss-v2

when the auth token expired or somehow becomes invalid, the user still able to traverse within the application but can of course not access any records. I would suggest that the user should be directed to the login page if the application notices that invalid auth tokens are coming from the user.

The create vulnerability form fails if the user does not click on the project dropdown first (due to missing project id). Change to ise a default project id

After you press Login you see no feedback from the app.

Eg ipinfo.io

To make room for the content at the center of the webapp

Warn user about soon to expire tokens (option to logout or stay with refresh token)

Create a reusable dropdown component in React to be used in the user menu and the notifications menu as well

Eg

Vulnerabilities

• Create
• List

System Data

• Import
• Export

At the moment the only way to create a task is from the project page. Add a Create task button on the tasks listing page so that users avoid having to navigate to a project first.
This might require adding a dropdown of projects to the create task form.

Introduce this library for popovers with additional information. (eg category name and category description)

https://popper.js.org/react-popper/v2/

(without having to copy and paste from existing textareas)

On the vulnerability page the Mark as closed button should not redirect to another page

Fix the header and sidebar so you can always see navigation links and action button bars regardless of the position on the list

For instance, typing / should focus on the search box. (just like happens in Github repos).
? should show/hide contextual help when available. (or a message of "No help available")
In single item views, d should simulate hitting the delete button
In listing views, c should simulate hitting the create button.
Etc...

In the vulnerabilities list page, opacity should not affect buttons which are still actionable

Introduce tabs to the vulnerability page in the same way we have them in the projects page.
First tab: Details
Second tab: Notes

Replace Incomplete/Complete with Todo/Doing/Done for task statuses

There is a breadcrumb navigation components that generates the crumbs automatically but not in a very succesful way. This task should implement a much better (usable) breadcrumb navigation.

Passwords for new users are set by the admin but these should be able to be autogenerated. Add checkbox to the create user form that when checked disabled the password field and pass an autogenerate=1 value to the backend.

Add new view that asks user for current password, new password and password confirmation. This sends a PATCH request to the backend on completion.

and in some cases were used HStack component. Also remove innecesary files.

All textareas should show at least 4 lines of free text to input

Hi,
Am I the only one having troubles deploying web client under a subdirectory e.g. http://somehost.com/reconmap?
I am using the official docker image quay.io/reconmap/web-client:master, behind a reverse proxy.

In the index.html file there are several %PUBLIC_URL%, but then the style sheet sytle.css doesn't have it.
Reconmap logo URI is /logo.svg and routes are mounted on /.

I didn't find any convenient solution without changing the source code.
Do you have any suggestions?

Cheers,
Paulo A. Silva

ProtectedRoute is a key component in the app and there is no test coverage at the moment. Add basic test cases to cover this component.

We can't tell for sure what the previous page the user was visiting especially if the user goes to the app following a deep link. Use hardcoded back destinations rather than relying on history.back

Somehow everytime you start your react client server with make start it opens a browser with the url pointing to port 3000 but in fact it always runs on 3001.

The audit log pagination does not carry the page number in the URL making browser reloads to take you to the first page. Apply the same logic that we are using for vulnerabilities (/vulnerabilities?page=1, ...) to the audit log pagination.

Does not require backend changes.

by removing custom css and using the chakra grid and default/standard breakpoints.

Add support for 2FA login