Upload ruleset files using a "drag and drop" component

[jesusgn90]

Hi team,

The app currently supports uploading ruleset files, filling a text editor and clicking on a "Save" button. What about having a "drag and drop" box where the user can put a valid ruleset file?

Proposals:

• Create a "drag and drop" component for uploading files using the Wazuh API.
• Integrate it with our ruleset management tabs.
• Upload the files.

[adri9valle]

Update 04.09.2019

Branch: upload-files

I've created a component in order to use in the different ruleset sections (rules, decoders, and CDB lists).

By the moment has the following capabilities:

• Select or drag and drop multiple files.
• The attached files are listed.
• Max files number is set to 5.
• Max size per file is set to 300Kb.
• In case of rules or decoders, the extension of the files is checked in order to check if is .xml.

Working on:

• Get the file content in order to send to the API, currently, only the name and the size are taken.

Demo:

NOTE: The design, disposition and the way to access to the component could change in next iterations.

[adri9valle]

Update 06.09.19

I've been working with @juankaromo in order to adapt this new capability with the integration of the logtest in the APP #1434. The current status and is the following:

NOTE: The design, disposition and the way to access to the component could change in next iterations.

Now we get the files and their content, but API endpoint to upload files is still missing.

Pending API

[adri9valle]

Update 19.09.19

Now the files are uploaded, working on improving the error handler:

[adri9valle]

Update 20.09.19

This functionality is finished:

• Upload rules, decoders, and lists.
• Max 5 files.
• Max 300Kb per file.
• Check .xml extension in rules and decoders.
• Handle errors
  • Don't close the upload component in case of errors
  • In case of error list the files properly uploaded and the were not.
  • Icon to expand the error detail.

Merge pending by:

• Test configuration new tool Test configuration new tool #1790
• Logtest from the app Logtest from the app #1434

[adri9valle]

Update 01.10.19

Changed the style and fix when clicking again in import file and lose the popover content: