{"id":291,"date":"2015-10-16T08:44:21","date_gmt":"2015-10-16T06:44:21","guid":{"rendered":"http:\/\/www.perrini.ch\/?p=291"},"modified":"2015-10-16T08:44:21","modified_gmt":"2015-10-16T06:44:21","slug":"feature-for-nedi-default-topology-map","status":"publish","type":"post","link":"https:\/\/www.perrini.ch\/?p=291","title":{"rendered":"feature for NeDi default Topology Map"},"content":{"rendered":"\n<div class=\"twitter-share\"><a href=\"https:\/\/twitter.com\/intent\/tweet?via=thiagoperrini\" class=\"twitter-share-button\">Tweet<\/a><\/div>\n<p>Because of our requirements I have changed the Topology-Map, primary the d3.js \/ json part.<br \/>\nIt does work, but I think the implementation in the libmap.php can be better.<br \/>\nIt&#8217;s not finished yet. I&#8217;m open for suggestions and feedbacks.<br \/>\nAdditional features like save positions, map zoom, change background and more will be implementend soon. \u00a0For more information please visit the NeDi-Forum http:\/\/forum.nedi.ch\/ .<\/p>\n<p><strong>Warn: <\/strong><br \/>\nThe code is in the alpha phase.<br \/>\nThis is coded for the NeDi version 1.5 .<\/p>\n<p><strong>Info: <\/strong><br \/>\nI didn&#8217;t touch the original functions in the libmap.php file.<br \/>\nI copied it and created two new functions with my changes.<br \/>\nWhen you call the Topolgy-&gt;D3jsmap it creates a new json map file called &#8220;map3js_$username.json&#8221; instaed of &#8220;map_$username.json&#8221;<\/p>\n<p><span style=\"color: #339966;\"><em>WriteJsonNew()<br \/>\nMapNew()<\/em><\/span><\/p>\n<p><strong>Install:<\/strong><\/p>\n<p>1.<br \/>\nplease backup the original file first.<br \/>\nlike that <span class=\"bbc_color\" style=\"color: #339966;\">\\hmtl\\inc\\libmap.php.backup<\/span><\/p>\n<p>2.<br \/>\ncopy the two files on your nedi HTML folder.<br \/>\n<span class=\"bbc_color\" style=\"color: #339966;\">\\html\\Topology-D3jsmap.php<br \/>\n\\hmtl\\inc\\libmap.php<\/span><\/p>\n<p>3.<br \/>\nedit nedi.conf and put this line on GUI Settings.<br \/>\n<span class=\"bbc_color\" style=\"color: #339966;\">module \u00a0\u00a0\u00a0Topology\u00a0\u00a0\u00a0D3jsmap\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0paint\u00a0\u00a0\u00a0net<\/span><\/p>\n<p><strong>Options: <\/strong><\/p>\n<p><span class=\"bbc_color\"><span style=\"color: #ff0000;\">1. Filter:<\/span> <\/span><br \/>\nI haven&#8217;t change anything here.<\/p>\n<p><span class=\"bbc_color\" style=\"color: #ff0000;\">2. Main<\/span><br \/>\nIn the d3js map I have only changed the D3js code for my expected results.<br \/>\nI have focused on the Output from the Devices and Nodes(nodes without interface).<\/p>\n<p><span class=\"bbc_color\" style=\"color: #ff0000;\">3. Layout<\/span><br \/>\nMetric: you can set the Charge of the forcelayout\u00a0 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ lal default is 120, 120\/4=30<br \/>\nLength: you can change the link distance between devices or nodes \u00a0\u00a0\u00a0\/\/ len default default is 50, -3*50=-150<\/p>\n<p><span class=\"bbc_color\" style=\"color: #ff0000;\">4. Show<\/span><br \/>\nIf Name: show the linked interface between the two devices<br \/>\nDevice IP: show the device IP expected in nedi<\/p>\n<p><span class=\"bbc_color\" style=\"color: #ff0000;\">Room:<\/span> show the room from the snmp string<br \/>\nOR<br \/>\n<span class=\"bbc_color\" style=\"color: #ff0000;\">Rack:<\/span> show the rack from the snmp string<\/p>\n<p>When you select both Room and Rack then it show the complete snmp string<br \/>\nRegion.City.Building.Floor.Room.Rack<\/p>\n<p>To better indentifying the devices on the same building or room, they have the same font color.<\/p>\n<p><span class=\"bbc_color\" style=\"color: #ff0000;\">Mode:<\/span> show the device contact<br \/>\n<span class=\"bbc_color\" style=\"color: #ff0000;\">Mode:<\/span> show the device model<\/p>\n<p><strong>Tipp:<\/strong><br \/>\nGo to print mode and then position your devices to print as PDF&#8230; or so.<br \/>\nDefault Output with Interface like SVG and PNG output&#8230; but you can place your devices vy yourself .<\/p>\n<p><a href=\"http:\/\/www.perrini.ch\/wp-content\/uploads\/2015\/10\/multiple_links.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-297\" src=\"http:\/\/www.perrini.ch\/wp-content\/uploads\/2015\/10\/nedi_output-1024x585.jpg\" alt=\"nedi_output\" width=\"548\" height=\"313\" srcset=\"https:\/\/www.perrini.ch\/wp-content\/uploads\/2015\/10\/nedi_output-1024x585.jpg 1024w, https:\/\/www.perrini.ch\/wp-content\/uploads\/2015\/10\/nedi_output-300x172.jpg 300w, https:\/\/www.perrini.ch\/wp-content\/uploads\/2015\/10\/nedi_output-500x286.jpg 500w, https:\/\/www.perrini.ch\/wp-content\/uploads\/2015\/10\/nedi_output.jpg 1658w\" sizes=\"(max-width: 548px) 100vw, 548px\" \/><\/a><\/p>\n<p>Multiple Links<br \/>\n<a href=\"http:\/\/www.perrini.ch\/wp-content\/uploads\/2015\/10\/multiple_links.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-295\" src=\"http:\/\/www.perrini.ch\/wp-content\/uploads\/2015\/10\/multiple_links.jpg\" alt=\"multiple_links\" width=\"537\" height=\"209\" srcset=\"https:\/\/www.perrini.ch\/wp-content\/uploads\/2015\/10\/multiple_links.jpg 904w, https:\/\/www.perrini.ch\/wp-content\/uploads\/2015\/10\/multiple_links-300x117.jpg 300w, https:\/\/www.perrini.ch\/wp-content\/uploads\/2015\/10\/multiple_links-500x195.jpg 500w\" sizes=\"(max-width: 537px) 100vw, 537px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Because of our requirements I have changed the Topology-Map, primary<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[11,37,55,53,33],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.perrini.ch\/index.php?rest_route=\/wp\/v2\/posts\/291"}],"collection":[{"href":"https:\/\/www.perrini.ch\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.perrini.ch\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.perrini.ch\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.perrini.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=291"}],"version-history":[{"count":2,"href":"https:\/\/www.perrini.ch\/index.php?rest_route=\/wp\/v2\/posts\/291\/revisions"}],"predecessor-version":[{"id":299,"href":"https:\/\/www.perrini.ch\/index.php?rest_route=\/wp\/v2\/posts\/291\/revisions\/299"}],"wp:attachment":[{"href":"https:\/\/www.perrini.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=291"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.perrini.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=291"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.perrini.ch\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}