Will the Data Point Hierarchy be removed from Mango?

[andrewh]

Hi

We are trialling Mango 3.7 and have noticed the Data Point Hierarchy has some support in the new front-end, but the Data Point Hierarchy page has not been created in the new UI. We also heard rumours last year that the DP hierarchy was planned to be dropped in favour of just using tags. We find the DP hierarchy very useful and would like to clarify IA's roadmap for it.

Can someone please clarify the roadmap for the Data Point Hierarchy?

[terrypacker]

@andrewh we will be removing it entirely in Mango 4.0. We do intend to build a component using data point tags that will replace the existing functionality.

[cwangv]

@terrypacker
I really like the hierarchy feature. It makes things much easier to navigate compared to pure GUI. It reduces the need to program navigational HTML pages. Instead, individual graph pages can be assigned to the hierarchy so user can go to a graph directly.
I know the existing hierarchy only allows data points. I hope the new version will allow us to built a navigation tree from different components inside the Mango Automation software.

thanks!

[andrewh]

@terrypacker
Thanks for the information. This is a pretty major thing to remove. Will you be building tools to port across the tree structure into tags? If not, I can't see us ever upgrading to 4.0.

Andrew

[CraigWeb]

@andrewh There already is a web component to build a tree view of datapoints from tags not sure which version it was released in.
/ui/docs/ng-mango/ma-tag-hierarchy

[cmusselm]

@craigweb said in Will the Data Point Hierarchy be removed from Mango?:

/ui/docs/ng-mango/ma-tag-hierarchy

The ma-point-hierarchy had a pretty good Display Tree example (https://testv3.wellspring.biz/ui/examples/point-hierarchy/display-tree) that was used to show the data points under each folder. Does any example like this exist for ma-tag-heirarchy, or would it be possible to create something?

I'd like to see how we can get this functionality working. We have to create new pages that will need this and I'd rather do it once in a way that will be supported by future versions.

Thanks,
Chad

[cmusselm]

For anyone interested here's some basic markup that we used to get this going. Lots that can be done from there to show the data points on a graph, in a table, etc.

Hopefully it is helpful.

<div layout="column" layout-fill="" flex="">
    <div flex="" layout="row" layout-xs="column" layout-fill="">
        <div layout="column" flex="33" flex-xs="33">
            <md-card flex="" style="overflow-y: auto;">
                <md-card-content>
                    <h3>Hierarchy</h3>
                    <ma-tag-hierarchy ng-model="page.selected" tags="['Tag 1', 'Tag 2', 'device']" points="page.points = $points"></ma-tag-hierarchy>
                </md-card-content>
            </md-card>
        </div>
        <div layout="column" flex="" ng-app="ngMyApp">
            <md-card flex="" style="overflow-y: auto;">
                <md-card-content>
                    <h3>Points Table</h3>
                    
                    <md-table-container ng-init="page.tableOrder='name'">

                        <table md-table="">
                            <thead md-head="" md-order="page.tableOrder">
                            <tr>
                                <th md-column="" md-order-by="deviceName">Device Name</th>
                                <th md-column="" md-order-by="name">Data Point</th>
                                <th md-column="">Value</th>
                                <th md-column="">Last Time Stamp</th>
                            </tr>
                            </thead>
                            <tbody md-body="">
                            <tr ng-repeat="point in page.points | orderBy: page.tableOrder" style="line-height: 30px;">
                                <td md-cell="">{{point.deviceName}}</td>
                                <td md-cell="">{{point.name}}</td>
                                <td md-cell="">
                                    <ma-point-value point-xid="{{point.xid}}"></ma-point-value>
                                </td>
                                <td md-cell="">
                                    <ma-point-value point-xid="{{point.xid}}" display-type="dateTime"></ma-point-value>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </md-table-container>
                </md-card-content>
            </md-card>
        </div>
    </div>
</div>

[cwangv]

@cmusselm
can you share a few screenshots?

thanks.