Drop down list of all device names for input

atkins.chrisw

I tried the example in the example docs. I am trying to make a drop down list of all my devices without having to determine the data source.
I use this code :

<!-- Server side query for points with given device name, and server side sort -->
<ma-point-query query="{deviceName:deviceName}" sort="'name'" points="points"></ma-point-query>
<ma-get-point-value points="points"></ma-get-point-value>

</head>

<div flex layout="row" layout-align="space-between" layout-padding layout-fill layout-wrap>    
         <md-card flex="45"  flex-xs="100" class="cardcolor">
                <md-card-content>
                     <md-input-container>
                        <!-- <label>Choose a data source</label>
                        <ma-data-source-list ng-model="myDataSource"></ma-data-source-list> -->
                    </md-input-container>

                </md-card-content>
            </md-card>
        
    
            <md-card flex="45"  flex-xs="100" class="cardcolor">
                <md-card-content>
                    <div layout="column">
                        <md-input-container>
                            <label>Device names for selected data source</label>
                            <ma-device-name-list ng-model="deviceName"></ma-device-name-list>
                        </md-input-container>

                        <h2>All points for device:</h2>
                        <div ng-repeat="pt in points">
                            <label>{{pt.name}}: </label> {{pt.renderedValue}}
                        </div>

                    </div>

                </md-card-content>
            </md-card>
</div>

When I run the page, the input container just keeps spinning. What am I missing?

Jared Wiltshire

There's no issue with your <ma-device-name-list ng-model="deviceName"></ma-device-name-list> tag, I suspect you have unbalanced tags or something, possibly due to the </head> which appears in your code.

Can you please make sure you put three backticks around any code you post, press the </> button to insert them automatically.

atkins.chrisw

What is an unbalanced tags?

<head>  

<!-- Server side query for points with given device name, and server side sort -->
<ma-point-query query="{deviceName:deviceName}" sort="'name'" points="points"></ma-point-query>
<ma-get-point-value points="points"></ma-get-point-value>

</head>

<div flex layout="row" layout-align="space-between" layout-padding layout-fill layout-wrap>    
         <md-card flex="45"  flex-xs="100" class="cardcolor">
                <md-card-content>
                     <md-input-container>
                        <!-- <label>Choose a data source</label>
                        <ma-data-source-list ng-model="myDataSource"></ma-data-source-list> -->
                    </md-input-container>

                </md-card-content>
            </md-card>
        
    
            <md-card flex="45"  flex-xs="100" class="cardcolor">
                <md-card-content>
                    <div layout="column">
                        <md-input-container>
                            <label>Device names for selected data source</label>
                            <ma-device-name-list ng-model="deviceName"></ma-device-name-list>
                        </md-input-container>

                        <h2>All points for device:</h2>
                        <div ng-repeat="pt in points">
                            <label>{{pt.name}}: </label> {{pt.renderedValue}}
                        </div>

                    </div>

                </md-card-content>
            </md-card>
</div>

phildunlap

There's a couple ways to have unbalanced tags, either with something like this occurring:

<b><i></b></i>

or something like this...

<div> My unclosed div!
<div> My closed div! </div>

The issue I notice in the HTML you just posted was that you do not have a <body> section. I would presume everything after your </head> should be in the <body>...</body> tags. http://www.w3schools.com/tags/tag_body.asp

atkins.chrisw

I fixed the body tags and refreshed the page.

I am getting this error in our Rest Errors

Oct 28, 2016 2:58 PM 404 Not Found GET /rest/v1/device-names

phildunlap

Check your log file.
Try http://ip:port/rest/v1/device-names in your browser's URL.
Check your env.properties file for rest.enabled=true
Use swagger to test the endpoint.
Check to ensure you're using a short dash (hyphen, lower case underscore) instead of a long dash or a medium dash in the URL.

atkins.chrisw

my rest.enabled is true.
when I tried the url you gave me. I got htis error

HTTP ERROR 403

Problem accessing /rest/v1/device-names. Reason:

Access Denied

phildunlap

You were not logged in.

atkins.chrisw

The funny thing is this isnt even working on the example page. I can get it to see my data sources, but not the devices.

Jared Wiltshire

What version is your mangoApi module? I suspect you have an old version installed.

atkins.chrisw

1.1.7

Jared Wiltshire

@atkins-chrisw
There's the problem, you will need v1.1.8 for the device name REST endpoints. Problem is we haven't released this into the store, sorry for the mixup! I will ensure v1.1.8 is released today.

Jared Wiltshire

@atkins-chrisw
v1.1.8 has been released to the store.