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.

Implemented the extendApp template and added the themeProvider to my extendApp.js and all is well.

Thanks for the tip! One step closer to finishing up my application.

I'll just chime in here to clear something up, ng-if does create a child scope but this does not mean you cannot access objects on the parent scopes from inside it.

The issue is more with setting values inside a child scope. If you output a variable onto a child scope it wont be visible in the parent scope or any of the sibling scopes. You can solve this by creating an object inside the parent scope then setting properties on the object inside the child scopes. e.g.

This works:

<label><input type="checkbox" ng-model="showInput"> Show Input</label> <div ng-init="parentScopeObj={}"> <div ng-if="showInput"> <!-- we are now inside a child scope --> <input ng-model="parentScopeObj.myName"> </div> <p>My name is {{parentScopeObj.myName}}</p> </div>

This doesn't:

<label><input type="checkbox" ng-model="showInput"> Show Input</label> <div"> <div ng-if="showInput"> <!-- we are now inside a child scope --> <input ng-model="myName"> </div> <p>My name is {{myName}}</p> </div>

Hi Thomas,

I looked into it, as per your description, and have determined this to be a bug specifically with the HTML component on the edit page. Can you confirm that you have a message in your browser's developer console "angular is not defined"?

I have opened a Github issue for this: https://github.com/infiniteautomation/ma-core-public/issues/713

Thanks for bringing it to our attention.

I finally got it to work. Thank you a lot, this would have been quite a bit harder for me to achieve without your fast and accurate help!

Thank you a lot, everything is running just like it should right now! It's a good thing you are able to fix these hiccups fast.

Thanks. I'll get started with your suggestion.

Glad you got it going! Our support of IE is mixed (it should work, but it's not the target), so I may not be extremely helpful uncovering its idiosyncrasies.

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.