[Visualizer Component] VisualizableImage embedding images on visualiser page

[faux-eccles]

Name

VisualizableImage

Why should we create it

Allow screenshots or other images be embedded in the results pages.

Possible implementation

New VisualizableObject for embedding images from 3rd party providers. This would be a aesthetic object and not something I would anticipate driving pivots, but it might be possible but I don't know how that would work.

params: url : 3rd party URL to fetch for embedding the image, not for pivoting base64: base64 encoded image that could be used for pivoting title: title of the embedded image description: description of the importance of the image, not sure of if this would be included in the body, or just the alt param.

Only one of url or base64 should be set, but both would result in the image being displayed in the Visualizer page, something like.

[faux-eccles]

Initially mentioned as an idea in https://github.com/intelowlproject/IntelOwl/issues/3015

[drosetti]

The idea sounds good and your proposal is well done! I assigned the issue to you. Let me know if you can work on it now or you are busy and want to start in future. I'm available if you want to share ideas or have any doubt! Please tag me once your pr is ready or in a pr draft

[faux-eccles]

Thank you, for this one I'm not sure if I can get to it, or how well I can do it as it's been a long time since I've touched front end stuff properly. But happy to give it a try

[drosetti]

Yep! Let me know if I can help you. Basically this is what you have to do:

• backend:
  • Create a new class for the Image in api_app/visualizers_manager/classes.py
• frontend:
  • Create the frontend component: /frontend/src/components/commons/visualizer/elements/Image.jsx
  • Update frontend parse (/frontend/src/components/commons/visualizer/visualizer.jsx) to accept from backend images

[github-actions[bot]]

This issue has been marked as stale because it has had no activity for 30 days. If you are still working on this, please provide some updates.

[srijan2607]

@drosetti since there is no activity can you assign this to me?

[srijan2607]

@fgibertoni @drosetti need bit of your help where can i reach out to you ??

[fgibertoni]

Hey @srijan2607. You can ask here on the issue page or in the PR directly. Or you can reach out to us on Slack link here (should still be available)