Web Components for Insights Hub and Industrial IoT
Rule View

Warning

The Rule View supports only Rules for asset instances and is deprecated since July 2022. Use instead the components Rule Table and Rule Wizard with latest feature enhancements supporting Rules for Asset Types.

The Rule View displays rules of a specific asset and allows users to create new rules using a wizard, activate / deactivate or delete rules.

A triggered rule is marked in the overview table with the color of the configured severity.

Examples¶

Rule Overview¶

Rule-View

Rule Wizard¶

Rule-Wizard

Interface¶

Selector¶

<mdsp-rule-view></mdsp-rule-view>

Properties¶

Name	Type	Corresponding attribute	Default	Description	Allowed Values
assetId	`string`	asset-id		Configures the asset whose rules are displayed using its asset ID.
context	`string`	context		Configures the context of the component. See also here.
errorNotification	`boolean`	error-notification		Enables error control if an error is thrown. This can be used for debug purposes. For productive use, the error event should be caught and handled in the application. See also here.
locale	`string`	locale		Specifies the locale in which the component is displayed. The locales `en` and `de` are provided by default. See also here.
localeManager	`LocaleManager`			Returns a LocaleManager object. This can be used to add locales or to get the locale settings. See also here.
model	`IDataModel`			Returns an object for data model handling, refer to IDataModel model.
pagerMode	`PagerMode`	pager-mode	Hidden	Configures the table's pagination mode.	- Simple - Advanced - Advanced2 - Hidden
pageSize	`number`	page-size	100	Configures the initial page size.	1 - (pageSizeLimit of this component)
tableFormatters	`IDataTableFormatters`		undefined	Used to define formatters for column header and values. Pass an object which fulfills the interface IDataTableFormatters.
view	`IViewModel`			Returns an object for view handling, refer to IViewModel model.

Events¶

Name	Type	Description
selectedRuleChanged	`EventEmitter<any>`	Triggered when the selection of a rule changes.
selectedRulesChanged	`EventEmitter<any[]>`	Triggered when the selection of multiple rules changes.
connected	`EventEmitter<any>`	Triggered after the component is created, initialized and appended to the DOM tree.
error	`EventEmitter<MdspUiError>`	Triggered when an error occurs in the component or while accessing APIs. See also here.

Models¶

IDataModel

interface IDataModel {
    // forces reload of data, e.g. re-loading the rules
    refresh(): void;
}

IViewModel

interface IViewModel {
  refresh(): void;
}

Remarks¶

The number of rules which can be activated simultaneously is limited and depends on the selected plan size.
To enhance the rule limit further "Rules Quota Upgrade" packages can be purchased in the Store. For latest information refer the IoT Value Plan product sheets or contact customer support.
In case the limit is exceeded you cannot create any further rule and will see the following warning message.
The rule engine triggers only in case of state changes. If values are still violated the rules are not triggered again.

Example

A rule has been created to monitor a value greater 90.
Now the value changes from 89 to 91 - means a state change happens - and the rule will be triggered and perform the configured actions.
Next the value changes from 91 to 100 - here no state change happens, due to the rule is already violated - and the rule won't be triggered again.

Roles¶

mdsp:core:tsm.full-access (for full access like create and delete)
mdsp:core:tsm.read-only (read only)

Snippets¶

Refresh the Rule View¶

The data model of the Rule View can be refreshed to get the latest list of rules, for example to update the view cyclically.

ruleViewComp.model.refresh();

Overwrite asset id in table headers with asset name¶

With the snippet below, you can format the table header and the columns, for example, to replace the asset id with an asset name or to show text in different languages.

document.querySelector('mdsp-rule-view').tableFormatters = {
  columnFormatters: {
   "assetId": {
    header: function(value){
    return "Asset Name";
    },
    value: function(value){
     return "DUMMY_REPLACE_ASSET_NAME";
    }
    },
  }
}

Format the table header and column

Last update: February 23, 2024

Except where otherwise noted, content on this site is licensed under the Development License Agreement.

Web Components for Insights Hub and Industrial IoTRule View