<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"><head><meta http-equiv=Content-Type content="text/html; charset=us-ascii"><meta name=Generator content="Microsoft Word 14 (filtered medium)"><style></style></head><body lang=EN-US link=blue vlink=purple><div class=WordSection1>Hello guys!<o:p></o:p>I migrated original skydive js implementation to typescript, almost everything works. Sure, there are issues and I hope to finalize this migration this week.<o:p></o:p><o:p> </o:p>Here are the proofs:<o:p></o:p><o:p> </o:p><img width=1675 height=852 id="Picture_x0020_1" src="cid:image001.png@01D47467.2AC64F40"><o:p></o:p><o:p> </o:p><o:p> </o:p><img width=1646 height=847 id="Picture_x0020_2" src="cid:image002.png@01D47467.2AC64F40"><o:p></o:p><o:p> </o:p><o:p> </o:p>Initially you see only infrastructure layout with hosts. That’s my idea about default layout for skydive because I want to make sure that skydive could work very well with huge topologies<o:p></o:p><o:p> </o:p>You are able to proceed to the detailed host topology if you doubleclick on + sign near the host or if you choose host from selector at the top of the page<o:p></o:p><o:p> </o:p>And then you will be switched to following pictures: all these pictures are different layouts built on its own datasources, etc<o:p></o:p><o:p> </o:p><img width=1672 height=849 id="Picture_x0020_3" src="cid:image003.png@01D47467.2AC64F40"><o:p></o:p><o:p> </o:p><o:p> </o:p><img width=1730 height=831 id="Picture_x0020_4" src="cid:image004.png@01D47467.2AC64F40"><o:p></o:p><o:p> </o:p><o:p> </o:p>Here is the changeset: <a href="https://github.com/skydive-project/skydive/compare/master...sergeyglazyrindev:samsung-contrib-ui-topology-package?expand=1">https://github.com/skydive-project/skydive/compare/master...sergeyglazyrindev:samsung-contrib-ui-topology-package?expand=1</a><o:p></o:p>Right now it is very huge changeset, I’ll split it up this week.<o:p></o:p><o:p> </o:p>You can check it using following approach:<o:p></o:p>Open your skydive analyzer UI and add to the url querystring following things:<o:p></o:p>use_hardcoded_data=1&newui_approach=1<o:p></o:p>if you want to test a new ui approach you may pass only newui_approach=1<o:p></o:p>or if you want to check out the UI with data I am testing with pass: use_hardcoded_data=1<o:p></o:p><o:p> </o:p><o:p> </o:p>What are the remaining things ?<o:p></o:p><![if !supportLists]>1. <![endif]>Rebase latest skydive js changes and update my refactored code.<o:p></o:p><![if !supportLists]>2. <![endif]>Split up the changeset to smaller ones<o:p></o:p><![if !supportLists]>3. <![endif]>Thereis a bug in convexHull function for group, need to fixed.<o:p></o:p><![if !supportLists]>4. <![endif]>Integrate all features which are able to control graph externally: control buttons -> expand, collapseByLevel, zoomIn, zoomOut, etc<o:p></o:p><![if !supportLists]>5. <![endif]>Fix hostGraphDeleted -> handle delEdge case<o:p></o:p><![if !supportLists]>6. <![endif]>Analyze that I handled all previous handlers: methods – onNode*, onParentSet, onEdge*, onFilterDatalistSelect, onGroup*, emphasizeNodes, setk8sNamespace, setGremlinFavoritesFromConfig, emphasizeGremlinExpr, topologyFilterQuery<o:p></o:p><![if !supportLists]>7. <![endif]>test link labels -> bandwidth for links, latencies, etc<o:p></o:p><![if !supportLists]>8. <![endif]>grep the code for some keywords to make sure I missed nothing<o:p></o:p><![if !supportLists]>9. <![endif]>handle realtime updates from skydive backend<o:p></o:p><![if !supportLists]>10. <![endif]>fix all remaining @todo in the code (not so much)<o:p></o:p><![if !supportLists]>11. <![endif]>integrate hierarchied (app) layout type (not hard, since it was implemented long time ago in our repository), I just need to merge it and adapt to community needs – that would be a second contribution, which I hope to do during this month, first of all, I want to take care of default skydive stuff and then integrate new stuff developed in our company. Right now app topology looks just empty: <img border=0 width=1689 height=845 id="Picture_x0020_5" src="cid:image005.png@01D47467.2AC64F40"><o:p></o:p><o:p> </o:p><o:p> </o:p>In the end of this week I’ll ask you to test the new layout on your setups and let me know if you find any issues. Also, is there any guys who may help me to fix some minor issues in javascript ?<o:p></o:p><o:p> </o:p><o:p> </o:p><o:p> </o:p><o:p> </o:p>Best, Sergey<o:p></o:p>Samsung R&D Institute Poland<o:p></o:p>Samsung Electronics<o:p></o:p>Cell: +48731810674<o:p></o:p><o:p> </o:p></div><table id=bannersignimg data-cui-lock="true" namo_lock><tr><td> </td></tr></table><table id=confidentialsignimg data-cui-lock="true" namo_lock><tr><td> <img style="border: 0px solid currentColor; border-image: none; width: 520px; height: 144px; display: inline-block;" unselectable="on" data-cui-image="true" src="cid:cafe_image_0@s-core.co.kr"> </td></tr></table></body></html><img src='http://ext.w1.samsung.net/mail/ext/v1/external/status/update?userid=s.glazyrin&do=bWFpbElEPTIwMTgxMTA0MTY1NDU1ZXVjYXMxcDI0NjhkMDM4MzI2NTc0MjkxNmVmYWEzZThjMWUxZWJlNSZyZWNpcGllbnRBZGRyZXNzPXNreWRpdmUtZGV2QHJlZGhhdC5jb20_' border=0 width=0 height=0 style='display:none'>