Asgn: Luke

The "Select File" button allows users to select any type of file. Images, installers, Word docs, whatever. If the user selects anything other than a JSON file, it should fail fast and politely warn the user to select the right type of file.

Related to #17

#17

Fixes #34

Asgn: colin

@ejaronne requested addition of support for formatting for printing.

Add code display, decorator to automatically display code, also feed in various props if the component supports it.

example:
https://github.com/skydiver/vue-tailwind-components/blob/master/stories/Buttons.stories.js

List of addons:
https://storybook.js.org/docs/addons/addon-gallery/

Add a handful of test JSON files that allow the user to play with HV. Add a note about these files to the README, something about what they should expect to see from the various test files.

Alternatively, modify the README to point the reader an online source where they can find some test file to play with.

If you run npm run storybook and go through the list of stories you will see that the components are not be fed very good data, so they don't render well.

This is for several reasons, one of which being that store is not filled by anything when running storybook, two some components are not wrapped correctly, the countcards should be wrapped in a bootstrap card deck div, but are not.

Issue created for tracking purposes. We're overtasked right now, so it'll have to wait.

Also need to wait till #44 is marked resolved

Running "npm run test:unit" throws an error:

Module not found: '@/components/HelloWorld.vue' in '/Users/garriss/Documents/Coding/MITRE GitHub/Heimdall-Vue/tests/unit'

Update the count card to integrate with Vue

Only the first control family was there in my test.

ASGN: Colin

Asgn: Christian

Will the "All" option be available on the number of rows to show, similar to heimdall-lite?

Create a new vuex module for all the functions that Treemap wants to use, they are:

getImpactFilter
getNistHash
getSearchTerm
getStatusFilter
setImpactFilter
setSearchTerm
setSelectedControl
setSelectedFamily
setSelectedSubFamily
setStatusFilter

npm run lint throws a variety of linter errors. All developers are advised to fix them as they see them.

See https://app.netlify.com/sites/heimdall-vue/deploys/5d24f01d2af361000885b7c9

For clarity,

change:
(no result from test - check profile run privileges or author of profile)

to:
(errors running test - check profile run privileges or check with the author of profile)

The plots overflow their containing cards when the page is shrunk

Fonts are different, might be an issue with how css is being imported, font files might not be packaged correctly.

Full Data: The current function of the CAAT component.

Condensed/Interactive:
Use Case:
A user wants to fold each NIST Sub-Family into single row rather than multiple rows for every result. If they select the condensed mode - we will have a 'wizard model' come out and ask what 'standard text' we want for each column for that Sub-Family Finding - walking them across the spreadsheet.

As the user is walking though each sub-family step - It would be good if we can have another model that has a datatable of the 'detailed results' of those findings for the sub-family that they could open and close for review if needed.

UX consideration: we can we can suggest a 'default' answer -
a) like Severity ( if 8 / 10 are high or they are all the same) or
b) if they have already provided an answer - such as 'System Name' - that is unlikely to change. ( perhaps the last answer is good enough for most cases ).

Once they walk through, they can save it as a csv/xlsx.

On branch https://github.com/mitre/heimdall-vue/tree/vuesax-starter-merge we need to merge the store's, try not to break heimdall-lite features.

Shouldnt be too bad as long as the only naming conflict is the fact they are both globals called store, and dont have any data names, getters, or setters in common

Related to #48

comparing a json with errors between lite and vue versions, noted they show up in lite but not vue

Either move profile errors up, or put it somewhere else

Assigned to: Alicia and Vikram

Setup a storybook config for all the components, it will look like rendering tests, to be reviewed manually.

The Clear Filter button should remove all currently selected filters and return HV to its original state.

Ref:

• https://github.com/jantimon/html-webpack-plugin
• https://cli.vuejs.org/config/#pages

Create a branch in integrate in the admin template and update the primary layout to use the grid system preferably tailwind, update the drop-down menu to use the sidebar.

as with Lite version

Will the "Expand All" button be available similar to heimdall-lite?

Add the file upload button to the navbar

the star in the navbar currently could be replace by a vuesax file upload component, see here for a guide on how to do a file upload component more generally
https://scotch.io/tutorials/how-to-handle-file-uploads-in-vue-2

And here's the vuesax component https://pixinvent.com/demo/vuesax-html-admin-dashboard-template/html/ltr/vertical-menu-template/ext-component-file-uploader.html

ASGN: Vikram

As with Lite version

Patch tailwind configuration so that ALL relevant tailwind classes are imported.

It clashes with the material design. Should be a simple CSS change.