@whileoneloop the link will be https://github.com/infiniteautomation/ma-dashboards/tree/2.7.x/Custom Dashboards/web/loginPageTemplate now

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.

Glad you got it working. I have done some dashboard work in the new angular framework and it is 10x easier and more powerful then before. The new angular directives really allow you to plug and play with mango web components and build out pretty complex dashboard with pretty much no javascript, just binding data between the mango components.

Have fun

Hi Craig, this is an alternative aproach you may be interested in. It is more flexible in that you can use whatever periods you desire and you don't need to use <ma-date-range-picker>.

<md-button class="md-raised" ng-click="subtractX=15;subtractUnit='minute';rollupInterval='1 seconds'; updateInterval='5 seconds'">15 min</md-button> <md-button class="md-raised" ng-click="subtractX=1;subtractUnit='hour'; rollupInterval='1 seconds'; updateInterval='10 seconds'">1 hour</md-button> <md-button class="md-raised" ng-click="subtractX=1;subtractUnit='day'; rollupInterval='1 minutes'; updateInterval='1 minutes'">1 day</md-button> <md-button class="md-raised" ng-click="subtractX=1;subtractUnit='week'; rollupInterval='5 minutes'; updateInterval='15 minutes'">1 week</md-button> <md-button class="md-raised" ng-click="subtractX=1;subtractUnit='month'; rollupInterval='15 minutes'; updateInterval='15 minutes'">1 month</md-button> <ma-now update-interval="{{updateInterval}}" output="now"></ma-now> <ma-calc input="now | moment:'subtract':subtractX:subtractUnit" output="from"></ma-calc> <ma-point-values point-xid="DP_923401" point="Plant_Flow" values="Plant_FlowValues" from="from" to="now" rollup="AVERAGE" rollup-interval="{{rollupInterval}}"> </ma-point-values> <ma-point-values point-xid="DP_299411" point="U1_Flow" values="U1_FlowValues" from="from" to="now" rollup="AVERAGE" rollup-interval="{{rollupInterval}}"> </ma-point-values> <ma-point-values point-xid="DP_777475" point="U2_Flow" values="U2_FlowValues" from="from" to="now" rollup="AVERAGE" rollup-interval="{{rollupInterval}}"> </ma-point-values> <ma-point-values point-xid="DP_030020" point="HPL_PV" values="HPL_PVValues" from="from" to="now" rollup="AVERAGE" rollup-interval="{{rollupInterval}}"> </ma-point-values>

Thanks. I'll get started with your suggestion.

Ah OK, didn't realise you were working from the extendApp example. The ma-connection, ma-username, ma-password only work in conjunction with the default dashboard boostrapping file aka require(['mango-3.0/bootstrap']). If you are working from extendApp you are bootstrapping the application yourself, so you don't need to include the require(['mango-3.0/bootstrap']) line.

What you do need to do is add some code to extendApp.js that logs your user in before bootstrapping the application. Change the last part of the file from

angular.element(document).ready(function() { angular.bootstrap(document.documentElement, ['myApp']); });

To

var injector = angular.injector(['myApp']); var User = injector.get('User'); User.login({ username: 'user', password: 'password', logout: true }).$promise.then(function() { angular.element(document).ready(function() { angular.bootstrap(document.documentElement, ['myApp']); }); });

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.

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.