search

duo-labs / cloudmapper

CloudMapper helps you analyze your Amazon Web Services (AWS) environments.
BSD 3-Clause "New" or "Revised" License
5.99k stars 807 forks source link

Icons not showing #19

Closed harkamals closed 5 years ago

harkamals commented 6 years ago

redhat 7.3 firefox 59.0b10

0xdabbad00 commented 6 years ago

Can you look at your Network Monitor view in Firefox? https://developer.mozilla.org/en-US/docs/Tools/Network_Monitor See if any of the calls are 404'ing. The icons are SVG files, so try opening the file directly in Firefox and seeing if your browser supports displaying those. Ex. https://github.com/duo-labs/cloudmapper/blob/master/web/icons/aws/Compute/Compute_AmazonEC2.svg

kpawloski commented 6 years ago

I ran into the same problem on a freshly spun up CentOS 7 VM. After restarting the instance, the issue cleared itself up though. Haven't been able to replicate the behavior since.

rafarost commented 6 years ago

I ran into the same issue. I tried rebooting my VM... did not worked. So I upgraded python to 3.6, created a new environment and it started working again...

0xdabbad00 commented 6 years ago

@kpawloski and @rafarost Were you each on Firefox as well? Did the tool bar load? I'd be interested in seeing a screenshot if anyone duplicates this, and ideally any log messages from the Python webserver (or whatever webserver you use, as it's just static files being hosted), and a screenshot of the developer tools in the browser showing network access.

rafarost commented 6 years ago

I'm using Chrome. Unfortunately I did not took any screenshot at the time. Like I said, it's working for me now. If it happen again, I will post here. Thanks.

0xdabbad00 commented 6 years ago

I tried to describe a bit about some of the visual elements. If the data.json file cannot be found (ie. you didn't create it), then the pan and zoom controls will not load and neither will the graph. I suspect this may be the root cause. I created https://github.com/duo-labs/cloudmapper/issues/39 to add an error message.

screen shot 2018-02-22 at 11 42 38 am
kpawloski commented 6 years ago

In my case the icons, pan and zone and overview in the lower right loaded just fine using the demo data but the actual graphs in the main area wouldn't show at any zoom level. Was using FireFox. Haven't been able to reproduce the issue since initial run.

takuma-watanabe commented 6 years ago

responding svg data from web server, its mime type should be " image/svg+xml" instead of "application/octet-stream"

My PR may solve this problem. Please check #46 .

0xdabbad00 commented 6 years ago

Someone sent me a screenshot privately, so this bug still exists. The toolbar icons in the top left were visible, but no icons for the different nodes. So the cytoscape map showed up, showing the connections and VPCs, but just the SVG's for the nodes themselves were not showing. Odd.

In order to find these icons, I just tell cytoscape to use a style.json file: https://github.com/duo-labs/cloudmapper/blob/29abd7f968758631f188dc4b76d4b7bc9307951a/web/js/cloudmap.js#L40

This file then references the .svg's: https://github.com/duo-labs/cloudmapper/blob/29abd7f968758631f188dc4b76d4b7bc9307951a/web/style.json#L92

In the image I saw, the compound nodes had the borders and colorings specified in the style.json file, so the style.json must have been loaded, but just the SVG's did not load.

One possibility is perhaps the webserver was killed, or crashed, after the page was initially loaded, but before the diagram was displayed.

0xdabbad00 commented 6 years ago

I ended up being on a very slow network today and loaded the demo at https://duo-labs.github.io/cloudmapper/ and experienced this issue. After waiting a while, the images did eventually load. So this is one way in which this issue will exhibit itself.

0xdabbad00 commented 5 years ago

Closing due to staleness. I'm assuming this might have been fixed at some point somehow.