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.

Of course, one of my suggestions was doing the whole thing as a reusable directive. If you can think of it, the only limitations are hardware and imagination

Fox

Here is something I have written for you to pull the rendered text values for binary and multistate points.

Now you can use the created object to "map" your current values to their rendered text equivalents...
If you don't understand how this works, feel free to yell out.

var rql="or("; var items=[] //Get all points attached to the script context for(var i in CONTEXT_POINTS) { items.push('eq(xid,'+this[ i].getDataPointWrapper().xid+')'); } //Build RQL query rql+=items.join(',') + ')'; //get configs of all of these points var dataPoints=JSON.parse(JsonEmport.dataPointQuery(rql)).dataPoints; var ptMap={}; //Iterate through to get the rendered values for(var i=0;i<dataPoints.length;i++) { ptMap[ dataPoints[ i ].xid ] = {}; if(dataPoints[i ].textRenderer.type==="BINARY") { //Set Binary renderedValues ptMap[ dataPoints[ i].xid ][0] = dataPoints[ i].textRenderer.zeroLabel; ptMap[ dataPoints[i ].xid ][1] = dataPoints[i ].textRenderer.oneLabel; } else if(dataPoints[i ].textRenderer.type==="MULTISTATE") { //Or get the multistate values for(var j=0;j<dataPoints[i ].textRenderer.multistateValues.length;j++) { ptMap[ dataPoints[i ].xid ][dataPoints[ i].textRenderer.multistateValues[j].key] = dataPoints[ i].textRenderer.multistateValues[j].text; } } } //Print here just to show format of mapping. Can comment out. print(JSON.stringify(ptMap) ); //so ptMap[xid][ ptValue ] => renderedValue

Fox

Just to build on your other post, if your params are dynamically generated, meaning they can be anything other than a fixed set of params,
inject $window into your controller and spkit the url up with

$window.location.href

split by ?, then & then = to get your key-value pairs.
Yes its dodgy, but as long as you have proper error handling I cannot see it being an issue.

Fox

Ahhhhh.
That works ! Thanks so much for the help.

I also found one hinderance when testing in the Play Area with the code changes. After testing changes / incorrect coding , nothing else seems to work afterwards.
Fix was to make code changes, save and Re-load Webpage to check. Can't believe how much time was lost with that issue.

Much appreciated ! Wanted to accept defeat, but I just coudln't let it go !

You guys are great ! Thanks again.

Hi Matt

I suggest you using opensource InkScape, unless you familiar with Adobe illustrator, Affinity Designer.

Get the component such as Generator, Bettery and other electrical representation from the web, google xxx.svg drag into InkScape draw those basic line and position. Save the file as svg, upload to Mango and put your datapoint value.

below are from the mango tutorial video. which is good starting reference.

https://docs-v3.mango-os.com/interactive-svg-graphics

https://docs-v3.mango-os.com/setting-values-from-dashboards

Just realised in my own silly way that the tags is an object. Not an array.. Need more coffee!
pt.tags.join(',') Will not work.
I believe you can usept.tags|json or you can choose what tags you want to show with pt.tags.tag1 or whatever naming convention you used...

Fox

Hi Jared, sorry to make a zombie thread here ...
I've successfully upgraded to 3.77 on a local staging server from 3.5.6 to test my userModule. Gotta say I'm impressed with what I see..
However, now that you've changed a bucket load of your code base what's the best module or whatnot required to allow me to lazy load as above?

EDIT: For now I've cheekily added your maRequire service - I know there's nothing more permanent than a temporary fix but this should help me keep going whilst I develop new modules.

Going forward from here I intend to start implementing typescript and rolling my code out with webpack like you've done so any tips you can provide will be hugely beneficial.
Hope you're all keeping well at this crazy time

Fox

@jared-wiltshire, Please see below the mark-up.
<ma-watch-list-get ng-model="designer.watchList" parameters="designer.parameters" on-points-change="designer.points = $points" id="4f2f1040-e821-4ab9-806b-c6c4be8b79df" watch-list-xid="WL_7c671c0b-c3e4-4d9e-a53a-434530722f76"></ma-watch-list-get>
<div class="ma-designer-root" id="6b874c3d-3419-4270-b6cc-c2dff04f7c59" style="width: 1366px; height: 768px; position: relative;">
<ma-watch-list-parameters id="bb4c92f3-9dc8-440e-80ac-741484ac1f1d" ng-model="designer.parameters" watch-list="designer.watchList" style="position: absolute; width: 887px; left: 0px; top: 0px; height: 70px;"></ma-watch-list-parameters>
<ma-watch-list-chart id="e9d36c85-cd0e-4069-9c85-aa5aba8577c7" watch-list="designer.watchList" points="designer.points" from="dateBar.from" to="dateBar.to" rollup-type="dateBar.rollupType" rollup-intervals="dateBar.rollupIntervals" rollup-interval-period="dateBar.rollupIntervalPeriod" simplify-tolerance="dateBar.simplifyTolerance" style="position: absolute; width: 1366px; height: 292px; left: 0px; top: 70px;"></ma-watch-list-chart>
<ma-watch-list-parameters id="8c3f8835-fa54-423e-8252-ce388132ad3f" ng-model="designer.parameters" watch-list="designer.watchList" style="position: absolute; width: 887px; left: 0px; top: 387px; height: 70px;"></ma-watch-list-parameters>
<ma-watch-list-chart id="c0153f36-192f-40e5-95d8-1c126790d0b1" watch-list="designer.watchList" points="designer.points" from="dateBar.from" to="dateBar.to" rollup-type="dateBar.rollupType" rollup-intervals="dateBar.rollupIntervals" rollup-interval-period="dateBar.rollupIntervalPeriod" simplify-tolerance="dateBar.simplifyTolerance" style="position: absolute; width: 1363px; height: 319px; left: 0px; top: 457px;"></ma-watch-list-chart>
</div>

nevermind. I was using the eventsTable html and js from github, however, I should not have used files from master but from ver 3.7.x