I would like a way to add the netpath picture/map/path onto a dashboard providing a true end-to-end look including applications, WPM transactions, HTTP IPSLA's, and the like
It seems it would be relatively easy to create a custom web page, or even a resource within NPM's front page, that shows an NPM view of a specific NetPath resource.
+1
I raised a case with solarwinds and was pointed to this thread so I've voted it up. Below is the response I got.
From my understanding you would like to have the NetPath services on the NOC View that can rotate between them but never "log out", correct?I found a feature request on thwack for a Resource about NetPath that can be displayed on a NOC view:https://thwack.solarwinds.com/ideas/7115#start=25If this is what you are looking for, I can generate a internal feature request to raise the importance of this feature to the Dev team, because this feature is not in the product at this moment.
From my understanding you would like to have the NetPath services on the NOC View that can rotate between them but never "log out", correct?
I found a feature request on thwack for a Resource about NetPath that can be displayed on a NOC view:
https://thwack.solarwinds.com/ideas/7115#start=25
If this is what you are looking for, I can generate a internal feature request to raise the importance of this feature to the Dev team, because this feature is not in the product at this moment.
At the moment I'm at the point where it either auto logs me out even though NPM keeps me logged in or it drops out of live mode if I use a tool to auto reload the page. A resource would solve this, I'd also like to see a resource that includes the latency over time bar at the bottom.
Hopefully it'll help push this up the priority list, netpath is great but the presentation of ti is lacking at the moment.
thanks.
Thank you.
Monday morning groggy foggy BUMP....
Really looking forward to have Netpath Data as a resource, we can get the idea from Maps.
In Netpath Resource it should give ability to select which service to show on the resource (like in Maps we are able to select which Map to show).
BUMP. Need to be able to get Netpath Stats data, show Netpath objects without the beautiful map. Currently the options are to use an Atlas map and hyperlink the full netpath page. If we want to see netpath status and uptime over time, it's not easy to show in a consumable way.
That sounds like GREAT information to have in a report!
maybe even if we had the ability to show netpath status.... kinda like application status, 100 up, 2 in critical and 3 in warning.... even just that would help on a dashboard....
I'll trade you 100 AppStacks for one NetPath.
Bump ..
#bumpsquad
Bump IT!
Bump.
If you're testing the NPM 12.3 beta, you're seeing the first steps in this direction.
Anyone get a work around going on this? I would like to do a rotating NOC view if possible?
Bump
This might hopefully provide some options for you. With 12.3 release we added a resource that allows you to roll up status of specific entities. A NetPath Service would be considered an entity.
Simple NetPath Summary Widget
Would love to see this as a widget on a NOC view. Bump
I definitely would love to have this feature as well. Taking the suggestions already provided with using the iFrame, I came up with this basic javascript code that links to the latest live version of the NetPath. You may need to have to change the offset for your location.
<script>
var urlPath = "https://YOURSOLARWINDS.PATH.COM";
var pathID = "1";
var pollingEngineID = "1";
var offset = 60000;
var vwidth = 1200;
var vheight = 800;
var d = new Date();
var utc = d.getTime() + (d.getTimezoneOffset() * offset);
var nd = new Date(utc);
var path = urlPath + "/ui/netpath/routeinspector/" + pathID + "/" + pollingEngineID + "/" + nd.getFullYear() + "/" + ( nd.getMonth() + 1 ) + "/" + nd.getDate() + "/" + nd.getHours() + "/" + nd.getMinutes() + "/0";
document.write('<iframe src="' + path + '" width="' + vwidth + '" height="' + vheight + '" frameborder="0" scrolling="no"></iframe>');
</script>
I then just added this code to a Custom HTML widget for the dashboard. Modifying the pathID or pollingEngineID for the NetPath that I wanted to display.
I've updated the code a little. One, to add in an automatic refresh of the iframe, with the latest version. As even though the iframe gets loaded in the live mode, it doesn't refresh as often as I would like. Two, to add some comments of what the script is doing. Three, to automatically get the URL vice putting it in, as we have our main computer name to access the web portal, but can also access it via a shortened URL. With the address hard coded, if you go to the other URL it wasn't bringing up the iframe, likely due to the cross site restrictions in the browser. This way the url is the same as the one that you are currently accessing. Four, to take advantage of jquery, since its already being used in SW, to modify the CSS of the iframe window to hide the header and footer and adjust the padding to make the NetPath page fill the iFrame. I also removed the width attribute and made it 100% to fill the space in the dashboard widget column.
In the example below I am now performing multiple NetPaths in the same Custom HTML widget.
We have successfully added this to our NOC Dashboard. Though on the NOC page, we only do one NetPath per widget.
//////////////////////////////////////////////
//////////////// Variables
// Refresh period for the iframe 1 second X 60 = 1 minute (iFrame Refresh)
var refreshPeriod = 1000 * 60;
// Refresh period for the iframe 1 second X 4 = 4 seconds (CSS wait time)
var cssWait = 1000 * 4;
// GMT Offset
// iFrame height
// NetPath Array (first value is the NetPathID, second value is the PollingEngineID)
var NetPaths = [];
NetPaths[0] = [2,1];
NetPaths[1] = [10,1];
//////////////// Process Array to Build DIVs and iFrames
jQuery.each(NetPaths, function(index, item) {
document.write('<div id="NetPathDiv' + index + '"></div>');
// Initial load of the iframe
$("#NetPathDiv" + index).html(updateDIV(index, item[0], item[1], offset, vheight));
setTimeout(function(){ hideHF(index); }, cssWait );
// Reload of the html iframe based on refresh period
var myVar = setInterval(function() {
$("#NetPathDiv"+index).html(updateDIV(index, item[0], item[1], offset, vheight));
}, refreshPeriod);
});
//////////////// Functions
// Function that determines the current date and time, adjusts for the GMT offset and then formats the iframe HTML with the latest URL
function updateDIV(id, pathID, pollingEngineID, offset, vheight){
// Automatically pulls the current hostname
var urlPath = "https://" + window.location.hostname;
return '<iframe id="NetPathiFrame' + id + '" src="' + path + '" width="100%" height="' + vheight + '" frameborder="0" scrolling="no"></iframe>';
}
// Hides the Header and Footer from the Netpath iframe
function hideHF(id){
var frameContents = $("#NetPathiFrame"+id).contents();
frameContents.find(".sw-mega-menu").css("display","none");
frameContents.find(".sw-footer").css("display","none");
frameContents.find("#content").css("padding-top","0px");
frameContents.find(".xui-page-content").css("padding","0px");
I'll jump on the Bump train here too... My execs would drool over this in a tabbed dash / noc view.
Next week I'm going to have to try the code above... curious how that looks.
Sorry I had to make several edits to the above code to what is the finalized version now. Below are some screenshots.
Only one NetPath in the array
Two NetPaths in the Array
If you want to reduce the display down even further. Change the height variable to 500 and update the hideHF function to below:
frameContents.find("#dataRegion").css("display","none");
frameContents.find(".netpath .zoomControls").css("display","none");
frameContents.find(".netpath .resolutionControls").css("display","none");
frameContents.find(".netpath .fullScreenControls").css("display","none");
frameContents.find(".netpath .header .ftu-block").css("display","none");
setTimeout(function(){
frameContents.find("#routeGraphRegion").removeAttr("style");
frameContents.find(".sw-route-graph").removeAttr("height");
frameContents.find(".sw-route-graph").attr("height", "423");
frameContents.find(".root").attr("transform", "translate(50, 100)scale(0.70)");
}, 2000 );
That gives you an appearance like this:
The ideas and the brains on this page are amazing! You guys are AWESOME!!
BUMP
And the ability to use multiple NetPath sets as part of a scrolling NOC view would surely be beneficial to several organizations.
While not a perfect solution we are using a Chrome Extension called Revolver Tabs for our big screens up on the walls. It just cycles through all of the tabs that are open on the browser. You do need to resize the Netpath screens if the machine gets rebooted, but it did get around
a lot of the limitations that you have with showing a window inside of an Iframe. This works especially well if you want to display pages from several different tools.
Please, Please, Please
I need to create a NOC view for our App support team and being able to have Netpathing on these dashboards is a requirement.
I am not sure really how to do it right now!
Seriously why has this not happened yet? 3 year & absolutely no added functionality for this service?
It would be nice with a regular logo, and decoration. Not just a button. I would definitely use my points for a USB fan with a good THWACK design on it.
The beta version of the new Orion Maps allows you to add a summary icon for as many Netpaths as you want, which I think is a step in the right direction. It's not as visually appealing as a full-blown Netpath but in my opinion a NOC view should have summarized and consolidated information as opposed to wasting an entire screen on a single path, so I'm looking forward to the new release!
KEEP IN MIND THIS IS A SCREENSHOT FROM A BETA so what you see here may not necessarily reflect the final product. You can see the map that contains three Netpath summary icons in the bottom right:
KMSigma gave us this gem a while back. NetPath Custom Query Widget - it's a great start, and goes hand in hand with the new maps.
Native please and BUMP!
Need this ASAP!
#bumpsquad
