Please Note This forum exists for community support for the Mango product family and the Radix IoT Platform. Although Radix IoT employees participate in this forum from time to time, there is no guarantee of a response to anything posted here, nor can Radix IoT, LLC guarantee the accuracy of any information expressed or conveyed. Specific project questions from customers with active support contracts are asked to send requests to support@radixiot.com.

If you haven't changed the default settings for dashboards in system settings try this
<img src="/modules/dashboards/web/public/<your img file>" />

The best place to store your image files as well as all the other files you are using in your dashboard is in the overrides dir. This way when you upgrade Mango you don't have to worry about your files being deleted.

<Mango Root>/overrides/web/modules/dashboards/web/public

There is also a web socket endpoint that you can register at to receive notifications for all events to a given database table. The 2 for excel reports are:

/rest/v1/websocket/excel-reports /rest/v1/websocket/excel-report-templates

Check the code in the excelReports.js file as to how these endpoints can be used. We use it to update the run reports table on the second tab after a report finishes.

The desire to have a framework that is much easier to work with and have the dashboard development process to be much faster. Angular makes building HTML based dashboards accessible to people with even just an entry level understanding. It doesn't mean they will be developing Angular directives but using the ones we've created are really easy.

Thank you a lot for telling me about excel-reports. It works very well and I managed to create a satisfying template to show the information that I want to. There is only one problem. This is my first web programming project, so please bear with my silly questions, but how would I go about making a button on a website run the report and then download the report that was created.

http://infiniteautomation.com/forum/topic/1944/mango-rest-api-special-key/2

Has information on enabling CORS

JoelHaggar and terrypacker

Thank you both for your help. Do you happen to know if there is documentation about how to modify "timePresetPicker"? I would like to have three buttons (HH, WW, MM) that would make the chart represent the data in their respective time frame, but with timePresetPicker I have to use a dropdown menu that is populated with lots of values I don't want.

Is there possibly different types of timePickers than timePresetPicker?

Also do you happen to know why "providerManager.refreshProviders();" under:

$('#presetPicker').on('change', function() { providerManager.refreshProviders(); }

But if I want to call it in somewhere else when the document loads it gives an error "this.amChart.validateData is not a function"

@terrypacker I was able to update/create points for a BACnet device using the JSON format. So it seems that it works, at least partially.

Thanks for your help.

I've tested it on the 1.1.1 module that is about to be released with Mango 2.7.0 this week and it works fine with that version. You may have to wait as I'm not 100% sure when that feature was added.

I mispoke in my last post, you should be able to use 1 web socket for all your data point values. If you review the web/js/mango-2.0/RealtimeDataProvider.js file in the Dashboards module you can see how this would work. Basically you just need 1 web socket and can then send additional registration requests for each data point you want.

The next version of the Dashboards module (1.1.1) will contain an example of how to use 1 web socket for all point values captured within Mango.

What you are trying to do is going to require a solid understanding of Javascript. I think you should start by just trying to plot one or 2 data points on a chart.

The example in the dashboards module in web/tutorials/dataPointChart.shtm will get you started. Once you have an understanding of how that works I can provide a slightly more advanced example that will show you how to manipulate the data.

Good Luck!

Mango security filters are based on the URL extension:

.shtm (Secure HTML behind Mango's login control)
.htm (Non secure HTML that anyone can access)

By making your extension .shtm you are asking Mango to restrict access to only its users.

There are a few things you need to know about using our REST api from a host other than Mango.

You will need to setup the CORS filter to allow cross site requests into Mango. You will need to allow all the various headers that you want to use. Checkout the classes/mangoApiHeaders.properties and the web/dox folder to see how the override-web.xml file should work. Be careful as the early releases of 2.6.0 beta have this filed named web-override.xml (which is wrong).

You will need to use the REST api to login to Mango via your remote server and then retain the session cookie to pass back to mango on any future requests.

Be sure to include the password header in the CORS configuration as you will most likely need to use this to login.

In the future we are planning to use OAUTH but this has not been a high priority for us yet.

All up and running,

Thanks for the input Joel!

P.S. How do I mark post as SOLVED?

Sorry I didn't understand.

OK I think this will help you.

In Mango click on Custom Dashboards on the main icon menu at top of the page. Here you will see many examples. Here's a video as well

By The Way - You can do a view source in your browser to see the html for these examples or goto <mango root dir>/web/modules/dashboards/web/private

-WoodyB

Thank you for the custom module. I have seen you have added XID to the paylod object exactly as I asked. Much appreciated.

Gary

Joel,

Well done to you and your team. This all really just looks fantastic and we are all very excited here.

Between this, functionality like the persistent TCP syncing, and of course the MangoES, Mango is really growing to be a product that we are using and depending on more and more, and it's great to see it moving in these directions.

see www.amcharts.com for more information