Is a directive or ability to enable and disable points from the new V3 UI available or in works?

[Phillip Weeks]

I have read the year-old thread for this and it seemed like that is a feature coming. Is there now any way to enable or disable from the new dashboard?

[MattFox]

@phillip-weeks there is something in the API that allows you to do it:
/v1/data-points/enable-disable/{xid}
Would not be impossible to make a component to do it using a $http.put request. Unless of course you'd rather not have to code something, but if it's there in the API it can't be far off...

[Jared Wiltshire]

@Phillip-Weeks yes its already available and usable. You just need to call the .enable() method for a point object.

Here's an example

<div class="ma-designer-root" id="379e6c43-3a47-4ea8-8d92-b999b6b25179" style="width: 1366px; height: 768px; position: relative;">
    <ma-get-point-value point-xid="voltage" point="myPoint"></ma-get-point-value>
    <ma-point-value id="62b0861d-53ef-4bab-ae69-825f60e3042c" enable-popup="hide" style="position: absolute; left: 210px; top: 100px;" point="myPoint"></ma-point-value>
    <md-button id="dc9944e5-bd98-48ff-aa2c-c99db8416012" class="md-raised md-primary" style="position: absolute; left: 170px; top: 208px;" ng-click="myPoint.enable()" ng-disabled="myPoint.enabled">
        <span>Enable</span>
    </md-button>
    <md-button id="cdba29de-31a5-473d-bf07-025effa6b55b" class="md-raised md-warn" style="position: absolute; left: 274px; top: 208px;" ng-click="myPoint.enable(false)" ng-disabled="!myPoint.enabled">
        <span>Disable</span>
    </md-button>
    <md-button id="276622a1-9238-4e0d-891e-589adb856b9f" class="md-raised" style="position: absolute; left: 378px; top: 208px;" ng-click="myPoint.enable(!myPoint.enabled)">
        <span>Toggle</span>
    </md-button>
</div>

[Phillip Weeks]

Awesome, thank-you!!

[Phillip Weeks]

Why can't we enable disable a Data Source same way as a point? DS.enable() I would like to control it same as datapoint

[ThomasEinasto]

Ideally one could use ma-data-source-query to get desired datasource and then toggle .enabled property and issue $save() on the queried datasource.

i.e using Jared's last example

<ma-data-source-query data-sources="dataSourcesArray" query="{name: 'meter'}" limit="1"></ma-data-source-query>

<!-- Assuming first datasource in the query is desired datasource -->
<md-button id="dc9944e5-bd98-48ff-aa2c-c99db8416012" class="md-raised md-primary" style="position: absolute; left: 170px; top: 208px;" ng-click="dataSourcesArray[0].enabled = true" ng-disabled="dataSourcesArray[0].enabled">
        <span>Enable</span>
    </md-button>
    <md-button id="cdba29de-31a5-473d-bf07-025effa6b55b" class="md-raised md-warn" style="position: absolute; left: 274px; top: 208px;" ng-click="dataSourcesArray[0].enabled = false" ng-disabled="!dataSourcesArray[0].enabled">
        <span>Disable</span>
    </md-button>

    <md-button id="276622a1-9238-4e0d-891e-589adb856b9f" class="md-raised" style="position: absolute; left: 378px; top: 208px;" ng-click="dataSourcesArray[0].enabled = !dataSourcesArray[0].enabled">
        <span>Toggle</span>
    </md-button>

    <md-button id="cdba29de-31a5-473d-bf07-025effa6b55b" class="md-raised md-warn" style="position: absolute; left: 274px; top: 208px;" ng-click="dataSourcesArray[0].$save()" >
        <span>Save</span>
    </md-button>

[Phillip Weeks]

Thomas, I tried this code but it does not change the datasource to disabled. It does disable and enable the data source selected in the array however it does not change the data source status in reality when I switch to the data_sources page it is still enabled.

[CraigWeb]

Hey, Phillip, I tested this and it does work. Did you refresh the data_sources page? the old UI does not have live updates.

[ThomasEinasto]

Craig,

Depending on the version it might not work. I have one instance here which is not beta and it issues out rejection to the POST made by $save().

I think IAS staff might comment on this subject more.

Thomas

[Jared Wiltshire]

@Phillip-Weeks @ThomasEinasto Which version of Mango are you both using? I'm assuming 3.5.x. Make sure you are using the latest UI and API module. If you can post the exact error response from the Chrome developer console that would be helpful.

[Jared Wiltshire]

I've looked into it and this feature is not actually in 3.5.x, it is included with 3.6.

Here's a user module with the backported feature that you can use -

define(['angular', 'require'], function(angular, require) {
    'use strict';

    const userModule = angular.module('userModule', ['maUiApp']);

    userModule.decorator('maDataSource', ['$delegate', '$http', function(DataSource, $http) {
        
        Object.assign(DataSource.prototype, {
            enable(enabled = true, restart = false) {
                this.$enableToggling = true;
                
                const url = '/rest/v1/data-sources/enable-disable/' + encodeURIComponent(this.xid);
                return $http({
                    url,
                    method: 'PUT',
                    params: {
                        enabled: !!enabled,
                        restart
                    }
                }).then(() => {
                    this.enabled = enabled;
                }).finally(() => {
                    delete this.$enableToggling;
                });
            }
        });
        
        return DataSource;
    }]);
    
    return userModule;
}); // define

I'd recommend removing this when you upgrade to 3.6.x

[Phillip Weeks]

example please of calling it in html

[MattFox]

What Jared has written here I'm pretty certain extends the DataSource module in the dashboard.
Once it's added to the user module, For example

<ma-data-source-list ng-model="myDataSource" auto-init="false" query="{name: 'meta'}" sort="['-name']" start="3"
limit="6" show-clear="true"></ma-data-source-list>

<ma-button label="Toggle Enable/Disable" ng-click="myDataSource.enable()"></ma-button>

I don't see any binding here allowing us to set the datasource to be either enabled or disabled. Just toggled between the two states. Can always change that by making a directive though.

EDIT: Oops forgot the closing </ma-button>!

[Phillip Weeks]

Nope still not changing the DS. How can I tell if the user-module I added in UI settings is actually being called?

[ThomasEinasto]

It would be more helpful if you open console in the browser to see what errors you are having.

Something like this:

[Phillip Weeks]

I don't believe it is doing anything.

[Jared Wiltshire]

@Phillip-Weeks This is how you add it as a user module - https://help.infiniteautomation.com/getting-started-with-a-user-module

If it is being loaded correctly you will see it on the sources tab of Chrome's dev tools (under /rest/v2/file-stores/public/userModule.js for example).

You should also see the network request being issued on the network tab when you click the button.

[Phillip Weeks]

OK Thanks Jared I have it working now. Thank-you very much for all your help and to the other guys as well. That's great.