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.

Here's another thread where I helped someone get a AngularJS weather widget working -
https://forum.infiniteautomation.com/topic/2844/how-to-use-json-receiver-data-point/2

@phillip-weeks
for an easy example lets say I select across 10 devices and found 20 points, 10 APARTMENT points and 10 TEMP points and they exist in designer.points.
So the correct method is to filter these points based on the device relevant index.
with a filter like...
<ma-point-statistics id="STATS1" from="dateBar.from" to="dateBar.to" first-last="false" rendered="true" style="position: absolute; left: 762px; top: 515px; width: 232.641px; height: 35px;" point="designer.points | filter:name:UnitElemVar,deviceName:designer.parameters.UnitNumber.substring(0,8)+'1'}
:true | maFirst" statistics="statsObj1"></ma-point-statistics>
Using the W/L parameter as the base index I can select any point through the array. Yay
And this retrieves the right record. sorry for my confusion.

@Nikospps It is indeed something that should be displayed on the new UI. We are working on it - https://github.com/infiniteautomation/ma-core-public/issues/1140

Thanks Thomas for those suggestions.
I need to understand how to create the ng-model for the point that I get from this set...

point="designer.points | filter:{name:'SETPOINT'}:true | maFirst"

How can I get this point into ng-model="pointvariable" ??
I do not wish to requery just pick from the current watchlist designer.points data.

No worries. Glad Mango is proving to be effective for you.

The expression to get the current user is now User.current so it will be ng-show="User.current.hasPermission('superadmin')"

These are all the watchlists we have the Potable Water watch-list is the one in the charts with missing bars.

{ "watchlists": [ { "xid": "WL_089ea2ad-39cd-4e3c-b4a7-c8e157c458b2", "data": { "paramValues": { "Floor": "25", "FloorNumber": "25", "undefined": "" }, "chartConfig": { "selectedPoints": [ { "xid": "DP_Com2_2501-00110", "name": "INDOOR AIR TEMP °C", "lineColor": "#6fcd6e" }, { "xid": "DP_Com2_2502-00110", "name": "INDOOR AIR TEMP °C", "lineColor": "#8cd45a" }, { "xid": "DP_Com2_2503-00110", "name": "INDOOR AIR TEMP °C", "lineColor": "#2a03f0" }, { "xid": "DP_Com2_2504-00110", "name": "INDOOR AIR TEMP °C", "lineColor": "#bf351a" }, { "xid": "DP_Com2_2505-00110", "name": "INDOOR AIR TEMP °C", "lineColor": "#9a0dad" }, { "xid": "DP_Com2_2506-00110", "name": "INDOOR AIR TEMP °C", "lineColor": "#26bb3c" }, { "xid": "DP_Com2_2507-00110", "name": "INDOOR AIR TEMP °C", "lineColor": "#e63427" }, { "xid": "DP_Com2_2601-00110", "name": "INDOOR AIR TEMP °C", "lineColor": "#b3bdb4" }, { "xid": "DP_Com2_2602-00110", "name": "INDOOR AIR TEMP °C", "lineColor": "#9f8ae8" }, { "xid": "DP_Com2_2603-00110", "name": "INDOOR AIR TEMP °C", "lineColor": "#f43e7a" }, { "xid": "DP_Com2_2604-00110", "name": "INDOOR AIR TEMP °C", "lineColor": "#cbe0a6" }, { "xid": "DP_Com2_2605-00110", "name": "INDOOR AIR TEMP °C", "lineColor": "#d63302" }, { "xid": "DP_Com2_2606-00110", "name": "INDOOR AIR TEMP °C", "lineColor": "#26c4d2" }, { "xid": "DP_Com2_2607-00110", "name": "INDOOR AIR TEMP °C", "lineColor": "#ea5df5" }, { "xid": "DP_Com2_2608-00110", "name": "INDOOR AIR TEMP °C", "lineColor": "#545483" }, { "xid": "DP_Com2_2609-00110", "name": "INDOOR AIR TEMP °C", "lineColor": "#cff441" }, { "xid": "DP_Com2_2508-00110", "name": "INDOOR AIR TEMP °C", "lineColor": "#95e329" }, { "xid": "DP_Com2_2509-00110", "name": "INDOOR AIR TEMP °C", "lineColor": "#6f62d0" } ] } }, "query": "gt(xid,DP_Com2_%7B%7BFloorNumber%7D%7D)&le(xid,DP_Com2_%7B%7BFloorNumber%7D%7D09a)&eq(name,INDOOR%20AIR%20TEMP%20%C2%B0C)&sort(deviceName,name)&limit(200)", "readPermission": "user", "name": "25/26th Floor IAT's", "dataPoints": [], "folderIds": null, "params": [ { "options": { "min": 25, "max": 26 }, "name": "FloorNumber", "label": "Floor #", "type": "input" } ], "type": "query", "user": "PWeeks", "editPermission": "edit-watchlists" }, { "xid": "WL_52dd78c6-bca0-4126-b272-67fa35ecf802", "data": { "paramValues": { "UnitNumber": "Unit 2503" }, "chartConfig": { "selectedPoints": [ { "xid": "DP_Com2_2503-00910", "name": "WATER COLD DAILY VOL L", "lineColor": "rgb(0, 0, 163)", "type": "column" }, { "xid": "DP_Com2_2503-00912", "name": "WATER HOT DAILY VOL L", "lineColor": "rgb(255, 0, 0)", "type": "column" }, { "xid": "DP_Com2_2503-00924", "name": "WATER COLD TOTAL VOL L" }, { "xid": "DP_Com2_2503-00926", "name": "WATER HOT TOTAL VOL L" } ], "valueAxes": { "left": { "color": "rgb(255, 51, 51)", "title": "Hot Water", "stackType": "none" } } } }, "query": "or(eq(deviceName,%7B%7BUnitNumber%7D%7D),eq(deviceName,Outside%20Climate))&sort(deviceName,name)&limit(200)", "readPermission": "user", "name": "Daily Potable Water", "dataPoints": [], "folderIds": null, "params": [ { "options": null, "name": "UnitNumber", "label": "Unit", "type": "deviceName" } ], "type": "query", "user": "PWeeks", "editPermission": "superadmin" }, { "xid": "WL_396cc8f5-24be-4d8a-ae67-1cb49586bc6c", "data": { "paramValues": { "UnitNumber": "Unit 2505" }, "chartConfig": { "selectedPoints": [ { "valueAxis": "left", "xid": "DP_Com2_2501-00910", "name": "WATER COLD DAILY VOL L", "lineColor": "blue", "type": "step" }, { "valueAxis": "left", "xid": "DP_Com2_2501-00912", "name": "WATER HOT DAILY VOL L", "lineColor": "orange", "type": "step" }, { "valueAxis": "right", "xid": "DP_Com2_2501-00924", "name": "WATER COLD TOTAL VOL L", "lineColor": "navy", "type": "line" }, { "valueAxis": "right", "xid": "DP_Com2_2501-00926", "name": "WATER HOT TOTAL VOL L", "lineColor": "red", "type": "line" } ], "valueAxes": { "left": { "title": "Daily Liters" }, "right": { "title": "Total liters" } } } }, "query": "or(eq(deviceName,%7B%7BUnitNumber%7D%7D),eq(deviceName,Outside%20Climate),and(eq(name,INDOOR%20AIR%20TEMP%20%C2%B0),eq(name,MODE),eq(name,SUPPLY%20WATER%20TEMP%20CALIBRATED%20%C2%B0F),eq(name,RETURN%20WATER%20TEMP%20CALIBRATED%20%C2%B0F),eq(name,HEAT_CALL),eq(name,WATER%20COLD%20DAILY%20VOL%20L),eq(name,-%20WATER%20HOT%20DAILY%20VOL%20L)))&sort(deviceName,name)&limit(200)", "readPermission": "user", "name": "Potable Water", "dataPoints": [], "folderIds": null, "params": [ { "options": null, "name": "UnitNumber", "label": "Unit", "type": "deviceName" } ], "type": "query", "user": "admin", "editPermission": "edit-watchlists, superadmin" }, { "xid": "WL_dc6725a6-496a-439f-a15d-9a26d76bb24c", "data": { "chartConfig": { "selectedPoints": [ { "xid": "MangoES_Disk_Space_Remaining", "name": "Disk Space Remaining" } ] } }, "query": null, "readPermission": "user", "name": "SpaceCheck", "dataPoints": [ "DP_042966", "DP_122048", "DP_162160", "DP_320837", "DP_327531", "DP_350367", "DP_394833", "DP_404268", "DP_427912", "DP_523561", "DP_559119", "DP_589436", "DP_599466", "DP_630195", "DP_685691", "DP_697294", "DP_706801", "DP_720433", "DP_834526", "DP_837154", "DP_862936", "DP_862988", "DP_957533", "DP_969271", "MangoES-CPU_Total_Load", "MangoES_CPU_TEMP", "MangoES_Disk_Percent_Used", "MangoES_Disk_Space_Remaining", "MangoES_Physical_Memory_Free", "MangoES_SystemTime" ], "folderIds": null, "params": null, "type": "static", "user": "PWeeks", "editPermission": "edit-watchlists" }, { "xid": "WL_e7302e4a-e890-4f1a-a524-845d3b485891", "data": { "paramValues": { "UnitNumber": "Unit 2501" }, "chartConfig": { "selectedPoints": [ { "xid": "DP_Com2_2501-00110", "name": "INDOOR AIR TEMP °C", "lineColor": "rgb(0, 163, 82)", "type": "line" }, { "xid": "DP_Com2_2501-00534", "name": "RETURN WATER TEMP CALIBRATED °F", "lineColor": "#6757e8", "type": "line" }, { "xid": "DP_Com2_2501-00533", "name": "SUPPLY WATER TEMP CALIBRATED °F", "lineColor": "#d81205", "type": "line" }, { "xid": "DP_Com1_0001-00100", "name": "OUTDOOR AIR TEMP °C", "lineColor": "#ffffff", "type": "line" } ] } }, "query": "or(eq(deviceName,%7B%7BUnitNumber%7D%7D),and(eq(name,INDOOR%20AIR%20TEMP%20%C2%B0),eq(name,WATER%20COLD%20DAILY%20VOL%20L),eq(name,WATER%20HOT%20DAILY%20VOL%20L),eq(name,WATER%20METER%20COLD%20VOL%20M%C2%B3),eq(name,WATER%20METER%20HOT%20VOL%20M%C2%B3),eq(name,APARTMENT%20NUMBER),eq(name,MODE),eq(name,RETURN%20WATER%20TEMP%20CALIBRATED%20%C2%B0F),eq(name,SUPPLY%20WATER%20TEMP%20CALIBRATED%20%C2%B0F)),eq(deviceName,Outside%20Climate))&sort(deviceName,name)&limit(200)", "readPermission": "user", "name": "Supply/Return Temps", "dataPoints": [], "folderIds": null, "params": [ { "options": { "uniqueNames": false, "path": "", "contains": "Unit", "pattern": "UNIT ####", "multiple": false, "subfoldersOnly": true }, "name": "UnitNumber", "label": "Unit", "type": "deviceName" } ], "type": "query", "user": "PWeeks", "editPermission": "edit-watchlists, superadmin" }, { "xid": "WL_98933020-2809-4e88-a778-18cd0d4f6b59", "data": { "paramValues": { "UnitName": "Unit 2503" }, "chartConfig": { "selectedPoints": [ { "valueAxis": "right", "xid": "DP_Com2_2503-00910", "name": "WATER COLD DAILY VOL L", "lineColor": "rgb(51, 51, 255)", "type": "column" }, { "valueAxis": "right", "xid": "DP_Com2_2503-00912", "name": "WATER HOT DAILY VOL L", "lineColor": "rgb(255, 51, 51)", "type": "column" }, { "xid": "DP_Com1_0001-00100", "name": "OUTDOOR AIR TEMP °C", "lineColor": "White", "type": "smoothedLine" }, { "xid": "DP_Com2_2503-00110", "name": "INDOOR AIR TEMP °C", "lineColor": "Lightgreen", "type": "smoothedLine" } ], "valueAxes": { "left": { "color": "#00ff80", "title": "Air Temps" }, "right": { "color": "rgb(153, 255, 255)", "title": "Potable Water" } } } }, "query": "or(eq(deviceName,%7B%7BUnitName%7D%7D),eq(deviceName,Outside%20Climate))&sort(deviceName,name)&limit(50)", "readPermission": "user", "name": "Thermostat WL", "dataPoints": [], "folderIds": null, "params": [ { "options": { "contains": "Unit", "multiple": false, "filtering": false }, "name": "UnitName", "label": "Unit", "type": "deviceName" } ], "type": "query", "user": "PWeeks", "editPermission": "edit-watchlists" } ] }

There is now a filter called maExtractBits in the UI module.
You can then use it like this -

<div id="e39fea8a-c64a-4ae6-9e3c-d80d4aa0acb0" style="position: absolute; left: 369px; top: 145px;" ng-switch="point.value | maExtractBits:'0x3800':11"> Inverter status: <span ng-switch-when="1">Off</span> <span ng-switch-when="2">On</span> <span ng-switch-when="4">Hold</span> </div>

Thank-you that helps a lot )

@jared-wiltshire said in finding components on the dashboard easel after setting ng-show=false?:

<style>
.ng-hide.ma-designer-element {
display: block !important;
opacity: 0.25;
}
</style>

My thought is that some of the hidden elements lie directly under the non hidden ones in panels which is why it would be nice to bind them together in a group to hide and unhide together and by pressing shift the UI would know to select only the hidden elements for manipulation. I don't think shift-click is being used otherwise.

Yes when designing a page sometimes we would like a specific color we see somewhere else and if we could import that image we could use an eyedropper tool to select the exact rgb color.. right now I bring the graphic into Illustrator and use that eyedropper to find the rgb values. wishlist thing

Thanks Jared,

Hi Thomas, Your user needs to also have the "user" permission and then you will see your menu. If there are items on the menu you don't want this user to see, edit the menu items and remove the "user" permission or add in a "superadmin" permission. That should give you what you want.

Hi Phillip,

There's not currently a way to 'cluster' the stacks on the watchlist page. You are correct that they are on top of one another. Currently the watchlist chart doesn't support clustering. One solution may be to change the alpha of your bars so that it's easier to see if they're atop one another.

If you want to explore adding that feature to one of your pages or extend the watchlist, you're probably looking for the newStack property of AmCharts, mentioned with example code here: https://www.amcharts.com/demos/stacked-clustered-column-chart/

Edit:
Jared's image of not stacked does not show columns next to one another. They are atop one another.

@blair said in Problem with assigning value using {{myPoint.renderedValue}}:

@Jared-Wiltshire Thank you so much for your reply. Currently with my limited background knowledge I can not fully understand this, but I will learn more about AngularJS and see how it goes :-)

Hopefully this gets you on your way. It's a bit of a shift from the old way of doing things for sure.

Thanks Joel - This is very helpful.

ok that makes more sense, thanks. Is there just 1 watch list or lots of watch lists?

I don't know what an "Import Script" is but I think there are two options that will work pretty easy. 1. Export your points in JSON formation and find and replace the color settings you want and then import them on the Configuration Import / Export page.

Set up Data Point Templates with the colors you want and then assign data points to the appropriate template.

Also Mango can support 100,000's of data points with a properly configure SQL database and server so your slowness probably means you need to migrate to a MySQL database with proper resources.