SVG

For placeholder to be recognized it needs to be used at least once in curly braces with no other expression, for example, . Then you can use this placeholderName`KEEP_ORIGINAL` in bindings handled by Angular. There are also predefined functions available:

  • goToGroupDetails(groupId) takes the group ID and redirects the user to the group details view, for example:
    <… ng-click="goToGroupDetails(groupId)"> ,
  • goToDeviceDetails(deviceId) takes the device ID and redirects the user to the device details view, for example:
    <… ng-click="goToDeviceDetails(deviceId)"> ,
  • getActiveAlarmsStatusClass(alarmsStatus) takes the alarm status object and returns a CSS class that can be used for styling: none`KEEP_ORIGINAL`, warning`KEEP_ORIGINAL`, minor`KEEP_ORIGINAL`, major`KEEP_ORIGINAL`, critical`KEEP_ORIGINAL`, for example:
    <… ng-class="getActiveAlarmsStatusClass(alarmsStatus)"> .
SVG content will be sanitized.
Select a device and fill all mappings to preview an SVG.