Browse Source
Merge pull request #12274 from ArtemDzhereleiko/AD/imp/oil-gas-scada-bundle
Merge pull request #12274 from ArtemDzhereleiko/AD/imp/oil-gas-scada-bundle
HP SCADA Oil and gas symbols with bundlepull/12442/head
Igor Kulikov
1 year ago
committed by
GitHub
GitHub
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
12 changed files with 3044 additions and 2 deletions
-
346application/src/main/data/json/system/scada_symbols/crane-hp.svg
-
355application/src/main/data/json/system/scada_symbols/drawwork-hp.svg
-
354application/src/main/data/json/system/scada_symbols/drill-hp.svg
-
361application/src/main/data/json/system/scada_symbols/drilling-line-hp.svg
-
354application/src/main/data/json/system/scada_symbols/drilling-rig-hp.svg
-
293application/src/main/data/json/system/scada_symbols/hook-hp.svg
-
267application/src/main/data/json/system/scada_symbols/platform-hp.svg
-
343application/src/main/data/json/system/scada_symbols/preventer-hp.svg
-
346application/src/main/data/json/system/scada_symbols/rotor-hp.svg
-
4application/src/main/data/json/system/widget_bundles/general_high_performance_scada_symbols.json
-
20application/src/main/data/json/system/widget_bundles/high_performance_scada_oil_gas.json
-
3ui-ngx/src/assets/locale/locale.constant-en_US.json
@ -0,0 +1,346 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:tb="https://thingsboard.io/svg" width="1e3" height="1200" fill="none" version="1.1" viewBox="0 0 1e3 1200"><tb:metadata xmlns=""><![CDATA[{ |
|||
"title": "HP Crane", |
|||
"description": "Crane with various states.", |
|||
"searchTags": [ |
|||
"crane" |
|||
], |
|||
"widgetSizeX": 5, |
|||
"widgetSizeY": 6, |
|||
"tags": [ |
|||
{ |
|||
"tag": "background", |
|||
"stateRenderFunction": "var color = ctx.properties.stoppedColor;\nif (ctx.values.running) {\n color = ctx.properties.runningColor;\n}\nelement.attr({fill: color});", |
|||
"actions": null |
|||
}, |
|||
{ |
|||
"tag": "clickArea", |
|||
"stateRenderFunction": null, |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'click');" |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
"tag": "critical", |
|||
"stateRenderFunction": "element.attr({fill: ctx.properties.criticalColor});\nif (ctx.values.critical) {\n element.show();\n} else {\n element.hide();\n}\n\nvar elementCriticalAnimation = element.remember('criticalAnimation');\nvar criticalAnimation = ctx.values.critical && ctx.values.criticalAnimation;\n\nif (elementCriticalAnimation !== criticalAnimation) {\n element.remember('criticalAnimation', criticalAnimation);\n if (criticalAnimation) {\n ctx.api.cssAnimate(element, 500).attr({opacity: 0.15}).loop(0, true);\n } else {\n ctx.api.resetCssAnimation(element);\n }\n}\n\n", |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'criticalClick');" |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
"tag": "warning", |
|||
"stateRenderFunction": "element.attr({fill: ctx.properties.warningColor});\nvar warning = ctx.values.warning && !(ctx.values.warning && ctx.values.critical)\nif (warning) {\n element.show();\n} else {\n element.hide();\n}\n\nvar elementCriticalAnimation = element.remember('criticalAnimation');\nvar criticalAnimation = warning && ctx.values.criticalAnimation;\n\nif (elementCriticalAnimation !== criticalAnimation) {\n element.remember('criticalAnimation', criticalAnimation);\n if (criticalAnimation) {\n ctx.api.cssAnimate(element, 500).attr({opacity: 0.15}).loop(0, true);\n } else {\n ctx.api.resetCssAnimation(element);\n }\n}\n", |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'warningClick');" |
|||
} |
|||
} |
|||
} |
|||
], |
|||
"behavior": [ |
|||
{ |
|||
"id": "running", |
|||
"name": "{i18n:scada.symbol.running}", |
|||
"hint": "{i18n:scada.symbol.running-hint}", |
|||
"group": null, |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.running}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ATTRIBUTE", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": "SHARED_SCOPE", |
|||
"key": "running" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": null, |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "warning", |
|||
"name": "{i18n:scada.symbol.warning}", |
|||
"hint": "{i18n:scada.symbol.warning-state-hint}", |
|||
"group": "{i18n:scada.symbol.warning-state}", |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.warning}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ALARM_STATUS", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": null, |
|||
"key": "state" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": [ |
|||
"MAJOR", |
|||
"MINOR", |
|||
"WARNING", |
|||
"INDETERMINATE" |
|||
], |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "warningClick", |
|||
"name": "{i18n:scada.symbol.warning-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": "{i18n:scada.symbol.warning-state}", |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
}, |
|||
{ |
|||
"id": "critical", |
|||
"name": "{i18n:scada.symbol.critical}", |
|||
"hint": "{i18n:scada.symbol.critical-state-hint}", |
|||
"group": "{i18n:scada.symbol.critical-state}", |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.critical}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ALARM_STATUS", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": null, |
|||
"key": "state" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": [ |
|||
"CRITICAL" |
|||
], |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "criticalClick", |
|||
"name": "{i18n:scada.symbol.critical-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": "{i18n:scada.symbol.critical-state}", |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
}, |
|||
{ |
|||
"id": "criticalAnimation", |
|||
"name": "{i18n:scada.symbol.warning-critical-state-animation}", |
|||
"hint": "{i18n:scada.symbol.warning-critical-state-animation-hint}", |
|||
"group": null, |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.animation}", |
|||
"defaultGetValueSettings": { |
|||
"action": "DO_NOTHING", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"key": "state", |
|||
"scope": null |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"compareToValue": true, |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;" |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "click", |
|||
"name": "{i18n:scada.symbol.on-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": null, |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
} |
|||
], |
|||
"properties": [ |
|||
{ |
|||
"id": "runningColor", |
|||
"name": "{i18n:scada.symbol.colors}", |
|||
"type": "color", |
|||
"default": "#FFFFFF", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.running}", |
|||
"divider": true, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
}, |
|||
{ |
|||
"id": "stoppedColor", |
|||
"name": "{i18n:scada.symbol.colors}", |
|||
"type": "color", |
|||
"default": "#666666", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.stopped}", |
|||
"divider": null, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
}, |
|||
{ |
|||
"id": "warningColor", |
|||
"name": "{i18n:scada.symbol.alarm-colors}", |
|||
"type": "color", |
|||
"default": "#FAA405", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.warning}", |
|||
"divider": true, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
}, |
|||
{ |
|||
"id": "criticalColor", |
|||
"name": "{i18n:scada.symbol.alarm-colors}", |
|||
"type": "color", |
|||
"default": "#D12730", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.critical}", |
|||
"divider": null, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
} |
|||
] |
|||
}]]></tb:metadata> |
|||
<g fill="#fff" stroke="#1a1a1a" stroke-width="2" tb:tag="background"> |
|||
<path d="m999 1101h-518v98h518z"/> |
|||
<path d="m89 301h-88v38h88z"/> |
|||
<path d="m38.637 353.25c1.8257-2.795 3.0211-5.169 3.5801-7.616 0.4834-2.115 0.4778-4.225 0.0646-6.636h22.765c0.4236 2.76 0.5531 8.434-2.4543 17.437-1.0074 3.015-3.2478 5.918-6.1765 8.829-2.4452 2.43-5.2981 4.799-8.1981 7.207-0.57 0.473-1.1418 0.948-1.7126 1.425-3.4492 2.882-6.8589 5.843-9.4634 8.969s-4.4841 6.511-4.7352 10.25c-0.4781 7.123 1.5349 12.183 4.5904 15.755 3.0323 3.545 7.0211 5.546 10.381 6.711 2.6292 0.911 7.97 1.542 12.913-0.172 2.4934-0.865 4.9095-2.335 6.8093-4.687 1.9017-2.355 3.2394-5.537 3.6645-9.748 0.2685-2.66 0.4677-4.993 0.639-7.001 0.0914-1.07 0.1749-2.048 0.2566-2.933 0.2394-2.589 0.4634-4.351 0.8094-5.493 0.345-1.138 0.6919-1.294 0.9494-1.334 0.2122-0.033 0.5457-0.012 1.0684 0.146 0.5169 0.156 1.1513 0.424 1.9388 0.814 8.6238 4.272 11.837 11.217 12.524 18.027 0.6932 6.867-1.1952 13.571-2.7777 17.098-6.6047 14.722-20.145 23.7-37.326 23.7-10.333 0-18.218-1.819-24.553-5.103-6.3316-3.283-11.186-8.065-15.404-14.105-3.3703-4.826-6.7534-12.808-7.5927-21.713-0.83751-8.887 0.86149-18.628 7.5566-27.085 6.2949-7.951 12.501-11.818 17.718-14.561 0.9365-0.492 1.8598-0.957 2.7531-1.407 1.5646-0.788 3.0372-1.53 4.3284-2.291 2.0627-1.216 3.8384-2.576 5.0837-4.483z"/> |
|||
</g><path d="m559.64 1101-515.24-1098.3 341.87 221.97 538.94 876.28z" stroke="#1a1a1a" stroke-width="2"/><path d="m148 225h237" stroke="#1a1a1a" stroke-width="2"/><path d="m249 438h269" stroke="#1a1a1a" stroke-width="2"/><path d="m362 680h304" stroke="#1a1a1a" stroke-width="2"/><path d="m491 955h344" stroke="#1a1a1a" stroke-width="2"/><path d="m249 437.92 136.32-212.92" stroke="#1a1a1a" stroke-width="2"/><path d="m362 680.92 155.32-242.92" stroke="#1a1a1a" stroke-width="1.9997"/><path d="m492 954.92 175.31-274.92" stroke="#1a1a1a" stroke-width="2.0018"/><path d="m44 2v299" stroke="#1a1a1a" stroke-width="2"/><path d="m336.32 0s-336.32 0-336.32 201v985.08c0 7.9536 8.9545 13.921 20 13.921h960c11.045 0 20-5.9676 20-13.921v-985.08c0-201-330.35-201-330.35-201h-169.65zm335.35 243.6c-6.4435 0-11.667 3.7608-11.667 8.4v901.2c0 4.6392 5.2235 8.4 11.667 8.4h73.33c6.4435 0 11.667-3.7608 11.667-8.4v-901.2c0-4.6392-5.2235-8.4-11.667-8.4z" fill="#000" fill-opacity="0" tb:tag="clickArea"/><g fill="#d12730" style="display: none;" tb:tag="critical"> |
|||
<rect width="84" height="84" rx="4" fill="#fff" style=""/> |
|||
<rect width="84" height="84" rx="4" style=""/> |
|||
<rect x="2" y="2" width="80" height="80" rx="2" stroke="#000" stroke-opacity=".87" stroke-width="4" style=""/> |
|||
<path d="m44.559 27.562-0.4688 20.059h-4.0234l-0.4883-20.059zm-5.1172 26.211c0-0.7161 0.2344-1.3151 0.7031-1.7968 0.4818-0.4948 1.1459-0.7422 1.9922-0.7422 0.8334 0 1.4909 0.2474 1.9727 0.7422 0.4817 0.4817 0.7226 1.0807 0.7226 1.7968 0 0.6901-0.2409 1.2826-0.7226 1.7774-0.4818 0.4818-1.1393 0.7226-1.9727 0.7226-0.8463 0-1.5104-0.2408-1.9922-0.7226-0.4687-0.4948-0.7031-1.0873-0.7031-1.7774z" fill="#000" fill-opacity=".87" style=""/> |
|||
</g><g fill="#faa405" style="display: none;" tb:tag="warning"> |
|||
<path d="m38.422 7.1554c1.4741-2.9482 5.6813-2.9482 7.1554 0l35.528 71.056c1.3298 2.6596-0.6042 5.7889-3.5777 5.7889h-71.056c-2.9735 0-4.9075-3.1292-3.5777-5.7889z" fill="#fff" style=""/> |
|||
<path d="m38.422 7.1554c1.4741-2.9482 5.6813-2.9482 7.1554 0l35.528 71.056c1.3298 2.6596-0.6042 5.7889-3.5777 5.7889h-71.056c-2.9735 0-4.9075-3.1292-3.5777-5.7889z" style=""/> |
|||
<path d="m40.211 8.0498c0.7371-1.4741 2.8407-1.4741 3.5778-1e-5l35.528 71.056c0.6649 1.3298-0.3021 2.8944-1.7888 2.8944h-71.056c-1.4868 0-2.4538-1.5646-1.7889-2.8944z" stroke="#000" stroke-opacity=".87" stroke-width="4" style=""/> |
|||
<path d="m44.559 37.562-0.4688 20.059h-4.0234l-0.4883-20.059zm-5.1172 26.211c0-0.7161 0.2344-1.3151 0.7031-1.7968 0.4818-0.4948 1.1459-0.7422 1.9922-0.7422 0.8334 0 1.4909 0.2474 1.9727 0.7422 0.4817 0.4817 0.7226 1.0807 0.7226 1.7968 0 0.6901-0.2409 1.2826-0.7226 1.7774-0.4818 0.4818-1.1393 0.7226-1.9727 0.7226-0.8463 0-1.5104-0.2408-1.9922-0.7226-0.4687-0.4948-0.7031-1.0873-0.7031-1.7774z" fill="#000" fill-opacity=".87" style=""/> |
|||
</g> |
|||
</svg> |
|||
|
After Width: | Height: | Size: 14 KiB |
@ -0,0 +1,355 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:tb="https://thingsboard.io/svg" width="600" height="400" fill="none" version="1.1" viewBox="0 0 600 400"><tb:metadata xmlns=""><![CDATA[{ |
|||
"title": "HP Drawwork", |
|||
"description": "Drawwork with various states.", |
|||
"searchTags": [ |
|||
"drawwork" |
|||
], |
|||
"widgetSizeX": 3, |
|||
"widgetSizeY": 2, |
|||
"tags": [ |
|||
{ |
|||
"tag": "circle-background", |
|||
"stateRenderFunction": "var color = ctx.properties.stoppedColor;\nif (ctx.values.running) {\n color = '#dedede';\n}\nelement.attr({fill: color});", |
|||
"actions": null |
|||
}, |
|||
{ |
|||
"tag": "clickArea", |
|||
"stateRenderFunction": null, |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'click');" |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
"tag": "critical", |
|||
"stateRenderFunction": "element.attr({fill: ctx.properties.criticalColor});\nif (ctx.values.critical) {\n element.show();\n} else {\n element.hide();\n}\n\nvar elementCriticalAnimation = element.remember('criticalAnimation');\nvar criticalAnimation = ctx.values.critical && ctx.values.criticalAnimation;\n\nif (elementCriticalAnimation !== criticalAnimation) {\n element.remember('criticalAnimation', criticalAnimation);\n if (criticalAnimation) {\n ctx.api.cssAnimate(element, 500).attr({opacity: 0.15}).loop(0, true);\n } else {\n ctx.api.resetCssAnimation(element);\n }\n}\n\n", |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'criticalClick');" |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
"tag": "drawwork-background", |
|||
"stateRenderFunction": "var color = ctx.properties.stoppedColor;\nif (ctx.values.running) {\n color = ctx.properties.runningColor;\n}\nelement.attr({fill: color});", |
|||
"actions": null |
|||
}, |
|||
{ |
|||
"tag": "warning", |
|||
"stateRenderFunction": "element.attr({fill: ctx.properties.warningColor});\nvar warning = ctx.values.warning && !(ctx.values.warning && ctx.values.critical)\nif (warning) {\n element.show();\n} else {\n element.hide();\n}\n\nvar elementCriticalAnimation = element.remember('criticalAnimation');\nvar criticalAnimation = warning && ctx.values.criticalAnimation;\n\nif (elementCriticalAnimation !== criticalAnimation) {\n element.remember('criticalAnimation', criticalAnimation);\n if (criticalAnimation) {\n ctx.api.cssAnimate(element, 500).attr({opacity: 0.15}).loop(0, true);\n } else {\n ctx.api.resetCssAnimation(element);\n }\n}\n", |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'warningClick');" |
|||
} |
|||
} |
|||
} |
|||
], |
|||
"behavior": [ |
|||
{ |
|||
"id": "running", |
|||
"name": "{i18n:scada.symbol.running}", |
|||
"hint": "{i18n:scada.symbol.running-hint}", |
|||
"group": null, |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.running}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ATTRIBUTE", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": "SHARED_SCOPE", |
|||
"key": "running" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": null, |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "warning", |
|||
"name": "{i18n:scada.symbol.warning}", |
|||
"hint": "{i18n:scada.symbol.warning-state-hint}", |
|||
"group": "{i18n:scada.symbol.warning-state}", |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.warning}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ALARM_STATUS", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": null, |
|||
"key": "state" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": [ |
|||
"MAJOR", |
|||
"MINOR", |
|||
"WARNING", |
|||
"INDETERMINATE" |
|||
], |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "warningClick", |
|||
"name": "{i18n:scada.symbol.warning-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": "{i18n:scada.symbol.warning-state}", |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
}, |
|||
{ |
|||
"id": "critical", |
|||
"name": "{i18n:scada.symbol.critical}", |
|||
"hint": "{i18n:scada.symbol.critical-state-hint}", |
|||
"group": "{i18n:scada.symbol.critical-state}", |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.critical}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ALARM_STATUS", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": null, |
|||
"key": "state" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": [ |
|||
"CRITICAL" |
|||
], |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "criticalClick", |
|||
"name": "{i18n:scada.symbol.critical-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": "{i18n:scada.symbol.critical-state}", |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
}, |
|||
{ |
|||
"id": "criticalAnimation", |
|||
"name": "{i18n:scada.symbol.warning-critical-state-animation}", |
|||
"hint": "{i18n:scada.symbol.warning-critical-state-animation-hint}", |
|||
"group": null, |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.animation}", |
|||
"defaultGetValueSettings": { |
|||
"action": "DO_NOTHING", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"key": "state", |
|||
"scope": null |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"compareToValue": true, |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;" |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "click", |
|||
"name": "{i18n:scada.symbol.on-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": null, |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
} |
|||
], |
|||
"properties": [ |
|||
{ |
|||
"id": "runningColor", |
|||
"name": "{i18n:scada.symbol.colors}", |
|||
"type": "color", |
|||
"default": "#FFFFFF", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.running}", |
|||
"divider": true, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
}, |
|||
{ |
|||
"id": "stoppedColor", |
|||
"name": "{i18n:scada.symbol.colors}", |
|||
"type": "color", |
|||
"default": "#666666", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.stopped}", |
|||
"divider": null, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
}, |
|||
{ |
|||
"id": "warningColor", |
|||
"name": "{i18n:scada.symbol.alarm-colors}", |
|||
"type": "color", |
|||
"default": "#FAA405", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.warning}", |
|||
"divider": true, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
}, |
|||
{ |
|||
"id": "criticalColor", |
|||
"name": "{i18n:scada.symbol.alarm-colors}", |
|||
"type": "color", |
|||
"default": "#D12730", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.critical}", |
|||
"divider": null, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
} |
|||
] |
|||
}]]></tb:metadata> |
|||
<g fill="#fff" stroke="#1a1a1a" tb:tag="drawwork-background"> |
|||
<path d="m65.049 374 49.936-64h143.35l49.622 64z" stroke-width="2"/> |
|||
<rect x="24.777" y="374" width="324" height="24.999" rx="3.6512" stroke-width="2.0011"/> |
|||
<rect x="188" y="1" width="333" height="252" stroke-width="2"/> |
|||
<rect x="521" y="1" width="78" height="398" stroke-width="2"/> |
|||
<circle cx="187" cy="187" r="186" stroke-width="2"/> |
|||
</g><mask id="path-6-inside-1_4465_2848" fill="#ffffff"> |
|||
<path d="m308.33 187c0 66.274-53.726 120-120 120s-120-53.726-120-120 53.726-120 120-120 120 53.726 120 120zm-221.31 0c0 55.95 45.357 101.31 101.31 101.31s101.31-45.357 101.31-101.31-45.357-101.31-101.31-101.31-101.31 45.357-101.31 101.31z"/> |
|||
</mask><path d="m308.33 187c0 66.274-53.726 120-120 120s-120-53.726-120-120 53.726-120 120-120 120 53.726 120 120zm-221.31 0c0 55.95 45.357 101.31 101.31 101.31s101.31-45.357 101.31-101.31-45.357-101.31-101.31-101.31-101.31 45.357-101.31 101.31z" fill="#dedede" mask="url(#path-6-inside-1_4465_2848)" stroke="#1a1a1a" stroke-width="4" tb:tag="circle-background"/><line x1="421.5" x2="421.5" y1="4.3711e-8" y2="254" stroke="#1a1a1a" stroke-width="2"/><line x1="442" x2="442" y1="4.3711e-8" y2="254" stroke="#1a1a1a" stroke-width="2"/><line x1="462" x2="462" y1="4.3711e-8" y2="254" stroke="#1a1a1a" stroke-width="2"/><line x1="482" x2="482" y1="4.3711e-8" y2="254" stroke="#1a1a1a" stroke-width="2"/><line x1="502" x2="502" y1="4.3711e-8" y2="254" stroke="#1a1a1a" stroke-width="2"/><path d="m201.79 0s-201.79 0-201.79 67v328.36c0 2.6512 5.3727 4.6404 12 4.6404h576c6.627 0 12-1.9892 12-4.6404v-328.36c0-67-198.21-67-198.21-67h-101.79zm201.21 81.2c-3.8661 0-6.9999 1.2536-6.9999 2.8v300.4c0 1.5464 3.1341 2.8 6.9999 2.8h43.998c3.8661 0 6.9999-1.2536 6.9999-2.8v-300.4c0-1.5464-3.1341-2.8-6.9999-2.8z" fill="#000" fill-opacity="0" tb:tag="clickArea"/><g fill="#d12730" style="display: none;" tb:tag="critical"> |
|||
<rect width="84" height="84" rx="4" fill="#fff" style=""/> |
|||
<rect width="84" height="84" rx="4" style=""/> |
|||
<rect x="2" y="2" width="80" height="80" rx="2" stroke="#000" stroke-opacity=".87" stroke-width="4" style=""/> |
|||
<path d="m44.559 27.562-0.4688 20.059h-4.0234l-0.4883-20.059zm-5.1172 26.211c0-0.7161 0.2344-1.3151 0.7031-1.7968 0.4818-0.4948 1.1459-0.7422 1.9922-0.7422 0.8334 0 1.4909 0.2474 1.9727 0.7422 0.4817 0.4817 0.7226 1.0807 0.7226 1.7968 0 0.6901-0.2409 1.2826-0.7226 1.7774-0.4818 0.4818-1.1393 0.7226-1.9727 0.7226-0.8463 0-1.5104-0.2408-1.9922-0.7226-0.4687-0.4948-0.7031-1.0873-0.7031-1.7774z" fill="#000" fill-opacity=".87" style=""/> |
|||
</g><g fill="#faa405" style="display: none;" tb:tag="warning"> |
|||
<path d="m38.422 7.1554c1.4741-2.9482 5.6813-2.9482 7.1554 0l35.528 71.056c1.3298 2.6596-0.6042 5.7889-3.5777 5.7889h-71.056c-2.9735 0-4.9075-3.1292-3.5777-5.7889z" fill="#fff" style=""/> |
|||
<path d="m38.422 7.1554c1.4741-2.9482 5.6813-2.9482 7.1554 0l35.528 71.056c1.3298 2.6596-0.6042 5.7889-3.5777 5.7889h-71.056c-2.9735 0-4.9075-3.1292-3.5777-5.7889z" style=""/> |
|||
<path d="m40.211 8.0498c0.7371-1.4741 2.8407-1.4741 3.5778-1e-5l35.528 71.056c0.6649 1.3298-0.3021 2.8944-1.7888 2.8944h-71.056c-1.4868 0-2.4538-1.5646-1.7889-2.8944z" stroke="#000" stroke-opacity=".87" stroke-width="4" style=""/> |
|||
<path d="m44.559 37.562-0.4688 20.059h-4.0234l-0.4883-20.059zm-5.1172 26.211c0-0.7161 0.2344-1.3151 0.7031-1.7968 0.4818-0.4948 1.1459-0.7422 1.9922-0.7422 0.8334 0 1.4909 0.2474 1.9727 0.7422 0.4817 0.4817 0.7226 1.0807 0.7226 1.7968 0 0.6901-0.2409 1.2826-0.7226 1.7774-0.4818 0.4818-1.1393 0.7226-1.9727 0.7226-0.8463 0-1.5104-0.2408-1.9922-0.7226-0.4687-0.4948-0.7031-1.0873-0.7031-1.7774z" fill="#000" fill-opacity=".87" style=""/> |
|||
</g> |
|||
</svg> |
|||
|
After Width: | Height: | Size: 14 KiB |
@ -0,0 +1,354 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:tb="https://thingsboard.io/svg" width="200" height="200" fill="none" version="1.1" viewBox="0 0 200 200"><tb:metadata xmlns=""><![CDATA[{ |
|||
"title": "HP Drill", |
|||
"description": "Drill with various states.", |
|||
"searchTags": [ |
|||
"drill", |
|||
"drilling" |
|||
], |
|||
"widgetSizeX": 1, |
|||
"widgetSizeY": 1, |
|||
"tags": [ |
|||
{ |
|||
"tag": "background", |
|||
"stateRenderFunction": "var color = ctx.properties.stoppedColor;\nif (ctx.values.running) {\n color = ctx.properties.runningColor;\n}\nelement.attr({fill: color});", |
|||
"actions": null |
|||
}, |
|||
{ |
|||
"tag": "clickArea", |
|||
"stateRenderFunction": null, |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'click');" |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
"tag": "critical", |
|||
"stateRenderFunction": "element.attr({fill: ctx.properties.criticalColor});\nif (ctx.values.critical) {\n element.show();\n} else {\n element.hide();\n}\n\nvar elementCriticalAnimation = element.remember('criticalAnimation');\nvar criticalAnimation = ctx.values.critical && ctx.values.criticalAnimation;\n\nif (elementCriticalAnimation !== criticalAnimation) {\n element.remember('criticalAnimation', criticalAnimation);\n if (criticalAnimation) {\n ctx.api.cssAnimate(element, 500).attr({opacity: 0.15}).loop(0, true);\n } else {\n ctx.api.resetCssAnimation(element);\n }\n}\n\n", |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'criticalClick');" |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
"tag": "warning", |
|||
"stateRenderFunction": "element.attr({fill: ctx.properties.warningColor});\nvar warning = ctx.values.warning && !(ctx.values.warning && ctx.values.critical)\nif (warning) {\n element.show();\n} else {\n element.hide();\n}\n\nvar elementCriticalAnimation = element.remember('criticalAnimation');\nvar criticalAnimation = warning && ctx.values.criticalAnimation;\n\nif (elementCriticalAnimation !== criticalAnimation) {\n element.remember('criticalAnimation', criticalAnimation);\n if (criticalAnimation) {\n ctx.api.cssAnimate(element, 500).attr({opacity: 0.15}).loop(0, true);\n } else {\n ctx.api.resetCssAnimation(element);\n }\n}\n", |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'warningClick');" |
|||
} |
|||
} |
|||
} |
|||
], |
|||
"behavior": [ |
|||
{ |
|||
"id": "running", |
|||
"name": "{i18n:scada.symbol.running}", |
|||
"hint": "{i18n:scada.symbol.running-hint}", |
|||
"group": null, |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.running}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ATTRIBUTE", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": "SHARED_SCOPE", |
|||
"key": "running" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": null, |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "warning", |
|||
"name": "{i18n:scada.symbol.warning}", |
|||
"hint": "{i18n:scada.symbol.warning-state-hint}", |
|||
"group": "{i18n:scada.symbol.warning-state}", |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.warning}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ALARM_STATUS", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": null, |
|||
"key": "state" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": [ |
|||
"MAJOR", |
|||
"MINOR", |
|||
"WARNING", |
|||
"INDETERMINATE" |
|||
], |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "warningClick", |
|||
"name": "{i18n:scada.symbol.warning-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": "{i18n:scada.symbol.warning-state}", |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
}, |
|||
{ |
|||
"id": "critical", |
|||
"name": "{i18n:scada.symbol.critical}", |
|||
"hint": "{i18n:scada.symbol.critical-state-hint}", |
|||
"group": "{i18n:scada.symbol.critical-state}", |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.critical}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ALARM_STATUS", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": null, |
|||
"key": "state" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": [ |
|||
"CRITICAL" |
|||
], |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "criticalClick", |
|||
"name": "{i18n:scada.symbol.critical-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": "{i18n:scada.symbol.critical-state}", |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
}, |
|||
{ |
|||
"id": "criticalAnimation", |
|||
"name": "{i18n:scada.symbol.warning-critical-state-animation}", |
|||
"hint": "{i18n:scada.symbol.warning-critical-state-animation-hint}", |
|||
"group": null, |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.animation}", |
|||
"defaultGetValueSettings": { |
|||
"action": "DO_NOTHING", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"key": "state", |
|||
"scope": null |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"compareToValue": true, |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;" |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "click", |
|||
"name": "{i18n:scada.symbol.on-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": null, |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
} |
|||
], |
|||
"properties": [ |
|||
{ |
|||
"id": "runningColor", |
|||
"name": "{i18n:scada.symbol.colors}", |
|||
"type": "color", |
|||
"default": "#FFFFFF", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.running}", |
|||
"divider": true, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
}, |
|||
{ |
|||
"id": "stoppedColor", |
|||
"name": "{i18n:scada.symbol.colors}", |
|||
"type": "color", |
|||
"default": "#666666", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.stopped}", |
|||
"divider": null, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
}, |
|||
{ |
|||
"id": "warningColor", |
|||
"name": "{i18n:scada.symbol.alarm-colors}", |
|||
"type": "color", |
|||
"default": "#FAA405", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.warning}", |
|||
"divider": true, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
}, |
|||
{ |
|||
"id": "criticalColor", |
|||
"name": "{i18n:scada.symbol.alarm-colors}", |
|||
"type": "color", |
|||
"default": "#D12730", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.critical}", |
|||
"divider": null, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
} |
|||
] |
|||
}]]></tb:metadata> |
|||
<mask id="path-5-inside-1_4566_53869" fill="#ffffff"> |
|||
<path d="m160 113.52v50.507h-20.5l-10.711-48.771c-13.492 6.47-22.789 20.101-22.789 35.871 0 22.024 18.132 39.877 40.5 39.877s40.5-17.853 40.5-39.877c0-17.362-11.27-32.133-27-37.607z" clip-rule="evenodd" fill-rule="evenodd"/> |
|||
</mask><mask id="path-7-inside-2_4566_53869" fill="#ffffff"> |
|||
<path d="m40 113.52v50.507h20.5l10.711-48.771c13.492 6.47 22.789 20.101 22.789 35.871 0 22.024-18.132 39.877-40.5 39.877s-40.5-17.853-40.5-39.877c0-17.362 11.27-32.133 27-37.607z" clip-rule="evenodd" fill-rule="evenodd"/> |
|||
</mask><g fill="#fff" tb:tag="background"> |
|||
<path d="m62.143 81 10.732-80h54.25l10.732 80z" stroke="#1a1a1a" stroke-width="2"/> |
|||
<path d="m70 81h60v103.02c-0.122 0.098-0.274 0.218-0.453 0.358-0.534 0.419-1.312 1.019-2.284 1.739-1.945 1.442-4.662 3.363-7.751 5.283-3.092 1.921-6.539 3.829-9.947 5.255-3.421 1.431-6.73 2.344-9.565 2.344-2.8349 0-6.1436-0.913-9.5652-2.344-3.4077-1.426-6.8551-3.334-9.9469-5.255-3.0891-1.92-5.806-3.841-7.7511-5.283-0.9721-0.72-1.7501-1.32-2.2841-1.739-0.179-0.14-0.3305-0.26-0.4527-0.358z" stroke="#1a1a1a" stroke-width="2"/> |
|||
<path d="m120.9 81.054c4e-3 -0.0183 8e-3 -0.0363 0.012-0.054h24.671l15.413 23.301v60.699h-22.222c-0.093-0.212-0.209-0.478-0.346-0.794-0.389-0.898-0.951-2.199-1.637-3.812-1.373-3.226-3.245-7.696-5.241-12.672-4.001-9.972-8.476-21.912-10.459-29.961-2.355-9.559-2.358-18.942-1.767-25.951 0.296-3.5009 0.739-6.4002 1.108-8.4209 0.184-1.0102 0.35-1.8002 0.468-2.3352z" stroke="#1a1a1a" stroke-width="2"/> |
|||
<path d="m79.096 81.054c-0.0041-0.0183-0.0081-0.0363-0.012-0.054h-24.67l-15.413 23.301v60.699h22.222c0.0926-0.212 0.2084-0.478 0.3456-0.794 0.3896-0.898 0.951-2.199 1.6373-3.812 1.3728-3.226 3.2446-7.696 5.2411-12.672 4.0007-9.972 8.4754-21.912 10.459-29.961 2.3552-9.559 2.3585-18.942 1.7667-25.951-0.2956-3.5009-0.7389-6.4002-1.1075-8.4209-0.1842-1.0102-0.3497-1.8002-0.4685-2.3352z" stroke="#1a1a1a" stroke-width="2"/> |
|||
<path d="m160 113.52v50.507h-20.5l-10.711-48.771c-13.492 6.47-22.789 20.101-22.789 35.871 0 22.024 18.132 39.877 40.5 39.877s40.5-17.853 40.5-39.877c0-17.362-11.27-32.133-27-37.607z" clip-rule="evenodd" fill-rule="evenodd"/> |
|||
<path d="m40 113.52v50.507h20.5l10.711-48.771c13.492 6.47 22.789 20.101 22.789 35.871 0 22.024-18.132 39.877-40.5 39.877s-40.5-17.853-40.5-39.877c0-17.362 11.27-32.133 27-37.607z" clip-rule="evenodd" fill-rule="evenodd"/> |
|||
</g><path d="m139.62 111.98 0.876 52.023-2 0.033-0.876-52.022zm20.376 1.533h-2v-2.814l2.657 0.925zm0 50.507h2v2h-2zm-20.5 0v2h-1.608l-0.345-1.571zm-10.711-48.771-0.865-1.804 2.277-1.091 0.541 2.466zm33.211-1.736v50.507h-4v-50.507zm-2 52.507h-20.5v-4h20.5zm-22.453-1.571-10.712-48.771 3.907-0.858 10.711 48.771zm-7.893-47.397c-12.836 6.156-21.654 19.109-21.654 34.068h-4c0-16.58 9.776-30.89 23.924-37.675zm-21.654 34.068c0 20.89 17.208 37.877 38.5 37.877v4c-23.443 0-42.5-18.72-42.5-41.877zm38.5 37.877c21.292 0 38.5-16.987 38.5-37.877h4c0 23.157-19.057 41.877-42.5 41.877zm38.5-37.877c0-16.469-10.69-30.51-25.657-35.719l1.314-3.777c16.494 5.739 28.343 21.24 28.343 39.496z" fill="#1a1a1a" mask="url(#path-5-inside-1_4566_53869)"/><path d="m59.5 111.84v52.183h2v-52.183zm-19.5 1.676h2v-2.814l-2.6574 0.925zm0 50.507h-2v2h2zm20.5 0v2h1.6084l0.345-1.571zm10.711-48.771 0.8648-1.804-2.2766-1.091-0.5417 2.466zm-33.211-1.736v50.507h4v-50.507zm2 52.507h20.5v-4h-20.5zm22.453-1.571 10.711-48.771-3.9069-0.858-10.711 48.771zm7.8931-47.397c12.836 6.156 21.654 19.109 21.654 34.068h4c0-16.58-9.7765-30.89-23.924-37.675zm21.654 34.068c0 20.89-17.208 37.877-38.5 37.877v4c23.443 0 42.5-18.72 42.5-41.877zm-38.5 37.877c-21.292 0-38.5-16.987-38.5-37.877h-4c0 23.157 19.057 41.877 42.5 41.877zm-38.5-37.877c0-16.469 10.69-30.51 25.657-35.719l-1.3148-3.777c-16.493 5.739-28.343 21.24-28.343 39.496z" fill="#1a1a1a" mask="url(#path-7-inside-2_4566_53869)"/><path d="m121.36 81.141 17.501 23.335" stroke="#1a1a1a" stroke-width="2"/><path d="m138.65 164.92v-61.051" stroke="#1a1a1a" stroke-width="2"/><path d="m138.59 104.21h22.274" stroke="#1a1a1a" stroke-width="2"/><path d="m79.019 81.141-17.854 23.246" stroke="#1a1a1a" stroke-width="2"/><path d="m61.342 164.58-0.17678-60.281" stroke="#1a1a1a" stroke-width="2"/><path d="m39.023 104.3 22.185 0.0442" stroke="#1a1a1a" stroke-width="2"/><path d="m67.264 0s-67.264 0-67.264 33.5v164.18c0 1.3256 1.7909 2.3202 4 2.3202h192c2.209 0 4-0.9946 4-2.3202v-164.18c0-33.5-66.07-33.5-66.07-33.5h-33.929zm67.07 40.6c-1.2887 0-2.3333 0.6268-2.3333 1.4v150.2c0 0.7732 1.0447 1.4 2.3333 1.4h14.666c1.2887 0 2.3333-0.6268 2.3333-1.4v-150.2c0-0.7732-1.0447-1.4-2.3333-1.4z" fill="#000" fill-opacity="0" tb:tag="clickArea"/><g fill="#d12730" style="display: none;" tb:tag="critical"> |
|||
<rect width="84" height="84" rx="4" fill="#fff" style=""/> |
|||
<rect width="84" height="84" rx="4" style=""/> |
|||
<rect x="2" y="2" width="80" height="80" rx="2" stroke="#000" stroke-opacity=".87" stroke-width="4" style=""/> |
|||
<path d="m44.559 27.562-0.4688 20.059h-4.0234l-0.4883-20.059zm-5.1172 26.211c0-0.7161 0.2344-1.3151 0.7031-1.7968 0.4818-0.4948 1.1459-0.7422 1.9922-0.7422 0.8334 0 1.4909 0.2474 1.9727 0.7422 0.4817 0.4817 0.7226 1.0807 0.7226 1.7968 0 0.6901-0.2409 1.2826-0.7226 1.7774-0.4818 0.4818-1.1393 0.7226-1.9727 0.7226-0.8463 0-1.5104-0.2408-1.9922-0.7226-0.4687-0.4948-0.7031-1.0873-0.7031-1.7774z" fill="#000" fill-opacity=".87" style=""/> |
|||
</g><g fill="#faa405" style="display: none;" tb:tag="warning"> |
|||
<path d="m38.422 7.1554c1.4741-2.9482 5.6813-2.9482 7.1554 0l35.528 71.056c1.3298 2.6596-0.6042 5.7889-3.5777 5.7889h-71.056c-2.9735 0-4.9075-3.1292-3.5777-5.7889z" fill="#fff" style=""/> |
|||
<path d="m38.422 7.1554c1.4741-2.9482 5.6813-2.9482 7.1554 0l35.528 71.056c1.3298 2.6596-0.6042 5.7889-3.5777 5.7889h-71.056c-2.9735 0-4.9075-3.1292-3.5777-5.7889z" style=""/> |
|||
<path d="m40.211 8.0498c0.7371-1.4741 2.8407-1.4741 3.5778-1e-5l35.528 71.056c0.6649 1.3298-0.3021 2.8944-1.7888 2.8944h-71.056c-1.4868 0-2.4538-1.5646-1.7889-2.8944z" stroke="#000" stroke-opacity=".87" stroke-width="4" style=""/> |
|||
<path d="m44.559 37.562-0.4688 20.059h-4.0234l-0.4883-20.059zm-5.1172 26.211c0-0.7161 0.2344-1.3151 0.7031-1.7968 0.4818-0.4948 1.1459-0.7422 1.9922-0.7422 0.8334 0 1.4909 0.2474 1.9727 0.7422 0.4817 0.4817 0.7226 1.0807 0.7226 1.7968 0 0.6901-0.2409 1.2826-0.7226 1.7774-0.4818 0.4818-1.1393 0.7226-1.9727 0.7226-0.8463 0-1.5104-0.2408-1.9922-0.7226-0.4687-0.4948-0.7031-1.0873-0.7031-1.7774z" fill="#000" fill-opacity=".87" style=""/> |
|||
</g> |
|||
</svg> |
|||
|
After Width: | Height: | Size: 17 KiB |
@ -0,0 +1,361 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:tb="https://thingsboard.io/svg" width="200" height="400" fill="none" version="1.1" viewBox="0 0 200 400"><tb:metadata xmlns=""><![CDATA[{ |
|||
"title": "HP Drilling line", |
|||
"description": "Drilling line with various states.", |
|||
"searchTags": [ |
|||
"drilling line" |
|||
], |
|||
"widgetSizeX": 1, |
|||
"widgetSizeY": 2, |
|||
"tags": [ |
|||
{ |
|||
"tag": "background", |
|||
"stateRenderFunction": "var color = ctx.properties.stoppedColor;\nif (ctx.values.running) {\n color = ctx.properties.runningColor;\n}\nelement.attr({fill: color});", |
|||
"actions": null |
|||
}, |
|||
{ |
|||
"tag": "clickArea", |
|||
"stateRenderFunction": null, |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'click');" |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
"tag": "critical", |
|||
"stateRenderFunction": "element.attr({fill: ctx.properties.criticalColor});\nif (ctx.values.critical) {\n element.show();\n} else {\n element.hide();\n}\n\nvar elementCriticalAnimation = element.remember('criticalAnimation');\nvar criticalAnimation = ctx.values.critical && ctx.values.criticalAnimation;\n\nif (elementCriticalAnimation !== criticalAnimation) {\n element.remember('criticalAnimation', criticalAnimation);\n if (criticalAnimation) {\n ctx.api.cssAnimate(element, 500).attr({opacity: 0.15}).loop(0, true);\n } else {\n ctx.api.resetCssAnimation(element);\n }\n}\n\n", |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'criticalClick');" |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
"tag": "secondary-background", |
|||
"stateRenderFunction": "var color = ctx.properties.stoppedColor;\nif (ctx.values.running) {\n color = '#dedede';\n}\nelement.attr({fill: color});", |
|||
"actions": null |
|||
}, |
|||
{ |
|||
"tag": "warning", |
|||
"stateRenderFunction": "element.attr({fill: ctx.properties.warningColor});\nvar warning = ctx.values.warning && !(ctx.values.warning && ctx.values.critical)\nif (warning) {\n element.show();\n} else {\n element.hide();\n}\n\nvar elementCriticalAnimation = element.remember('criticalAnimation');\nvar criticalAnimation = warning && ctx.values.criticalAnimation;\n\nif (elementCriticalAnimation !== criticalAnimation) {\n element.remember('criticalAnimation', criticalAnimation);\n if (criticalAnimation) {\n ctx.api.cssAnimate(element, 500).attr({opacity: 0.15}).loop(0, true);\n } else {\n ctx.api.resetCssAnimation(element);\n }\n}\n", |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'warningClick');" |
|||
} |
|||
} |
|||
} |
|||
], |
|||
"behavior": [ |
|||
{ |
|||
"id": "running", |
|||
"name": "{i18n:scada.symbol.running}", |
|||
"hint": "{i18n:scada.symbol.running-hint}", |
|||
"group": null, |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.running}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ATTRIBUTE", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": "SHARED_SCOPE", |
|||
"key": "running" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": null, |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "warning", |
|||
"name": "{i18n:scada.symbol.warning}", |
|||
"hint": "{i18n:scada.symbol.warning-state-hint}", |
|||
"group": "{i18n:scada.symbol.warning-state}", |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.warning}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ALARM_STATUS", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": null, |
|||
"key": "state" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": [ |
|||
"MAJOR", |
|||
"MINOR", |
|||
"WARNING", |
|||
"INDETERMINATE" |
|||
], |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "warningClick", |
|||
"name": "{i18n:scada.symbol.warning-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": "{i18n:scada.symbol.warning-state}", |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
}, |
|||
{ |
|||
"id": "critical", |
|||
"name": "{i18n:scada.symbol.critical}", |
|||
"hint": "{i18n:scada.symbol.critical-state-hint}", |
|||
"group": "{i18n:scada.symbol.critical-state}", |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.critical}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ALARM_STATUS", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": null, |
|||
"key": "state" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": [ |
|||
"CRITICAL" |
|||
], |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "criticalClick", |
|||
"name": "{i18n:scada.symbol.critical-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": "{i18n:scada.symbol.critical-state}", |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
}, |
|||
{ |
|||
"id": "criticalAnimation", |
|||
"name": "{i18n:scada.symbol.warning-critical-state-animation}", |
|||
"hint": "{i18n:scada.symbol.warning-critical-state-animation-hint}", |
|||
"group": null, |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.animation}", |
|||
"defaultGetValueSettings": { |
|||
"action": "DO_NOTHING", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"key": "state", |
|||
"scope": null |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"compareToValue": true, |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;" |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "click", |
|||
"name": "{i18n:scada.symbol.on-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": null, |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
} |
|||
], |
|||
"properties": [ |
|||
{ |
|||
"id": "runningColor", |
|||
"name": "{i18n:scada.symbol.colors}", |
|||
"type": "color", |
|||
"default": "#FFFFFF", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.running}", |
|||
"divider": true, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
}, |
|||
{ |
|||
"id": "stoppedColor", |
|||
"name": "{i18n:scada.symbol.colors}", |
|||
"type": "color", |
|||
"default": "#666666", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.stopped}", |
|||
"divider": null, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
}, |
|||
{ |
|||
"id": "warningColor", |
|||
"name": "{i18n:scada.symbol.alarm-colors}", |
|||
"type": "color", |
|||
"default": "#FAA405", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.warning}", |
|||
"divider": true, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
}, |
|||
{ |
|||
"id": "criticalColor", |
|||
"name": "{i18n:scada.symbol.alarm-colors}", |
|||
"type": "color", |
|||
"default": "#D12730", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.critical}", |
|||
"divider": null, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
} |
|||
] |
|||
}]]></tb:metadata> |
|||
<g fill="#fff" stroke-width="2" tb:tag="background"> |
|||
<path d="m63 121h74v240h-74z" stroke="#1A1A1A"/> |
|||
<ellipse cx="100.54" cy="101" rx="99.422" ry="100"/> |
|||
<g transform="translate(-.043811 1)" clip-path="url(#clip0_4864_4144)" stroke="#727171"> |
|||
<path d="m97.225 37.672c-7.5861-19.484-16.826-28.051-22.054-34.859l-28.813 0.75778-20.347 24.447c1.6695-1.8123 10.516-0.092 32.545 21.288 22.029 21.38 29.908 40.861 31.093 47.929l15.475-10.344c0-15.191-0.313-29.735-7.899-49.219z"/> |
|||
<path d="m166.5 132.89c20.8 2.127 32.637-2.193 41.079-3.744l12.457-25.992-12.488-29.253c0.852 2.312-4.71 9.4022-33.78 19.267-29.07 9.8649-50.001 7.9989-56.833 5.8331l-3.553 17.159c13.521 6.923 32.318 14.603 53.118 16.73z"/> |
|||
<path d="m46.728 132.5c-14.634 14.934-23.517 27.044-27.569 34.611l12.551 25.947 30.656 8.48c-2.3389-0.776-4.4126-9.546 6.0037-38.423s24.928-44.076 30.881-48.066l-12.593-9.458c-13.844 6.253-25.296 11.976-39.93 26.909z"/> |
|||
</g> |
|||
<circle cx="100.47" cy="101.51" r="20.796" fill="#dedede" stroke="#000" tb:tag="secondary-background"/> |
|||
<path d="m39 361h122v38h-122z" fill="#dedede" stroke="#000" tb:tag="secondary-background"/> |
|||
</g><ellipse cx="100.11" cy="101" rx="99.009" ry="99.164" stroke="#000" stroke-width="2"/><path d="m67.264 0s-67.264 0-67.264 67v328.36c0 2.6512 1.7909 4.6404 4 4.6404h192c2.209 0 4-1.9892 4-4.6404v-328.36c0-67-66.07-67-66.07-67h-33.929zm67.07 81.2c-1.2887 0-2.3333 1.2536-2.3333 2.8v300.4c0 1.5464 1.0447 2.8 2.3333 2.8h14.666c1.2887 0 2.3333-1.2536 2.3333-2.8v-300.4c0-1.5464-1.0447-2.8-2.3333-2.8z" fill="#000" fill-opacity="0" tb:tag="clickArea"/><g fill="#d12730" style="display: none;" tb:tag="critical"> |
|||
<rect width="84" height="84" rx="4" fill="#fff" style=""/> |
|||
<rect width="84" height="84" rx="4" style=""/> |
|||
<rect x="2" y="2" width="80" height="80" rx="2" stroke="#000" stroke-opacity=".87" stroke-width="4" style=""/> |
|||
<path d="m44.559 27.562-0.4688 20.059h-4.0234l-0.4883-20.059zm-5.1172 26.211c0-0.7161 0.2344-1.3151 0.7031-1.7968 0.4818-0.4948 1.1459-0.7422 1.9922-0.7422 0.8334 0 1.4909 0.2474 1.9727 0.7422 0.4817 0.4817 0.7226 1.0807 0.7226 1.7968 0 0.6901-0.2409 1.2826-0.7226 1.7774-0.4818 0.4818-1.1393 0.7226-1.9727 0.7226-0.8463 0-1.5104-0.2408-1.9922-0.7226-0.4687-0.4948-0.7031-1.0873-0.7031-1.7774z" fill="#000" fill-opacity=".87" style=""/> |
|||
</g><g fill="#faa405" style="display: none;" tb:tag="warning"> |
|||
<path d="m38.422 7.1554c1.4741-2.9482 5.6813-2.9482 7.1554 0l35.528 71.056c1.3298 2.6596-0.6042 5.7889-3.5777 5.7889h-71.056c-2.9735 0-4.9075-3.1292-3.5777-5.7889z" fill="#fff" style=""/> |
|||
<path d="m38.422 7.1554c1.4741-2.9482 5.6813-2.9482 7.1554 0l35.528 71.056c1.3298 2.6596-0.6042 5.7889-3.5777 5.7889h-71.056c-2.9735 0-4.9075-3.1292-3.5777-5.7889z" style=""/> |
|||
<path d="m40.211 8.0498c0.7371-1.4741 2.8407-1.4741 3.5778-1e-5l35.528 71.056c0.6649 1.3298-0.3021 2.8944-1.7888 2.8944h-71.056c-1.4868 0-2.4538-1.5646-1.7889-2.8944z" stroke="#000" stroke-opacity=".87" stroke-width="4" style=""/> |
|||
<path d="m44.559 37.562-0.4688 20.059h-4.0234l-0.4883-20.059zm-5.1172 26.211c0-0.7161 0.2344-1.3151 0.7031-1.7968 0.4818-0.4948 1.1459-0.7422 1.9922-0.7422 0.8334 0 1.4909 0.2474 1.9727 0.7422 0.4817 0.4817 0.7226 1.0807 0.7226 1.7968 0 0.6901-0.2409 1.2826-0.7226 1.7774-0.4818 0.4818-1.1393 0.7226-1.9727 0.7226-0.8463 0-1.5104-0.2408-1.9922-0.7226-0.4687-0.4948-0.7031-1.0873-0.7031-1.7774z" fill="#000" fill-opacity=".87" style=""/> |
|||
</g><defs> |
|||
<clipPath id="clip0_4864_4144"> |
|||
<rect width="200" height="200" rx="100" fill="#fff"/> |
|||
</clipPath> |
|||
</defs> |
|||
</svg> |
|||
|
After Width: | Height: | Size: 14 KiB |
@ -0,0 +1,354 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:tb="https://thingsboard.io/svg" width="800" height="1800" fill="none" version="1.1" viewBox="0 0 800 1800"><tb:metadata xmlns=""><![CDATA[{ |
|||
"title": "HP Drilling rig", |
|||
"description": "Drilling rig with various states.", |
|||
"searchTags": [ |
|||
"drilling rig" |
|||
], |
|||
"widgetSizeX": 4, |
|||
"widgetSizeY": 9, |
|||
"tags": [ |
|||
{ |
|||
"tag": "clickArea", |
|||
"stateRenderFunction": null, |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'click');" |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
"tag": "critical", |
|||
"stateRenderFunction": "element.attr({fill: ctx.properties.criticalColor});\nif (ctx.values.critical) {\n element.show();\n} else {\n element.hide();\n}\n\nvar elementCriticalAnimation = element.remember('criticalAnimation');\nvar criticalAnimation = ctx.values.critical && ctx.values.criticalAnimation;\n\nif (elementCriticalAnimation !== criticalAnimation) {\n element.remember('criticalAnimation', criticalAnimation);\n if (criticalAnimation) {\n ctx.api.cssAnimate(element, 500).attr({opacity: 0.15}).loop(0, true);\n } else {\n ctx.api.resetCssAnimation(element);\n }\n}\n\n", |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'criticalClick');" |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
"tag": "drilling-ring", |
|||
"stateRenderFunction": "var color = ctx.properties.stoppedColor;\nif (ctx.values.running) {\n color = ctx.properties.runningColor;\n}\nelement.attr({fill: color});", |
|||
"actions": null |
|||
}, |
|||
{ |
|||
"tag": "warning", |
|||
"stateRenderFunction": "element.attr({fill: ctx.properties.warningColor});\nvar warning = ctx.values.warning && !(ctx.values.warning && ctx.values.critical)\nif (warning) {\n element.show();\n} else {\n element.hide();\n}\n\nvar elementCriticalAnimation = element.remember('criticalAnimation');\nvar criticalAnimation = warning && ctx.values.criticalAnimation;\n\nif (elementCriticalAnimation !== criticalAnimation) {\n element.remember('criticalAnimation', criticalAnimation);\n if (criticalAnimation) {\n ctx.api.cssAnimate(element, 500).attr({opacity: 0.15}).loop(0, true);\n } else {\n ctx.api.resetCssAnimation(element);\n }\n}\n", |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'warningClick');" |
|||
} |
|||
} |
|||
} |
|||
], |
|||
"behavior": [ |
|||
{ |
|||
"id": "running", |
|||
"name": "{i18n:scada.symbol.running}", |
|||
"hint": "{i18n:scada.symbol.running-hint}", |
|||
"group": null, |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.running}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ATTRIBUTE", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": "SHARED_SCOPE", |
|||
"key": "running" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": null, |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "warning", |
|||
"name": "{i18n:scada.symbol.warning}", |
|||
"hint": "{i18n:scada.symbol.warning-state-hint}", |
|||
"group": "{i18n:scada.symbol.warning-state}", |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.warning}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ALARM_STATUS", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": null, |
|||
"key": "state" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": [ |
|||
"MAJOR", |
|||
"MINOR", |
|||
"WARNING", |
|||
"INDETERMINATE" |
|||
], |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "warningClick", |
|||
"name": "{i18n:scada.symbol.warning-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": "{i18n:scada.symbol.warning-state}", |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
}, |
|||
{ |
|||
"id": "critical", |
|||
"name": "{i18n:scada.symbol.critical}", |
|||
"hint": "{i18n:scada.symbol.critical-state-hint}", |
|||
"group": "{i18n:scada.symbol.critical-state}", |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.critical}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ALARM_STATUS", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": null, |
|||
"key": "state" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": [ |
|||
"CRITICAL" |
|||
], |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "criticalClick", |
|||
"name": "{i18n:scada.symbol.critical-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": "{i18n:scada.symbol.critical-state}", |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
}, |
|||
{ |
|||
"id": "criticalAnimation", |
|||
"name": "{i18n:scada.symbol.warning-critical-state-animation}", |
|||
"hint": "{i18n:scada.symbol.warning-critical-state-animation-hint}", |
|||
"group": null, |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.animation}", |
|||
"defaultGetValueSettings": { |
|||
"action": "DO_NOTHING", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"key": "state", |
|||
"scope": null |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"compareToValue": true, |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;" |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "click", |
|||
"name": "{i18n:scada.symbol.on-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": null, |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
} |
|||
], |
|||
"properties": [ |
|||
{ |
|||
"id": "runningColor", |
|||
"name": "{i18n:scada.symbol.colors}", |
|||
"type": "color", |
|||
"default": "#FFFFFF", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.running}", |
|||
"divider": true, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
}, |
|||
{ |
|||
"id": "stoppedColor", |
|||
"name": "{i18n:scada.symbol.colors}", |
|||
"type": "color", |
|||
"default": "#666666", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.stopped}", |
|||
"divider": null, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
}, |
|||
{ |
|||
"id": "warningColor", |
|||
"name": "{i18n:scada.symbol.alarm-colors}", |
|||
"type": "color", |
|||
"default": "#FAA405", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.warning}", |
|||
"divider": true, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
}, |
|||
{ |
|||
"id": "criticalColor", |
|||
"name": "{i18n:scada.symbol.alarm-colors}", |
|||
"type": "color", |
|||
"default": "#D12730", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.critical}", |
|||
"divider": null, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
} |
|||
] |
|||
}]]></tb:metadata> |
|||
<path d="m280.06 201h239.89c2.435 0 4.516 1.754 4.928 4.153l273.94 1593.8h-797.63l273.94-1593.8c0.413-2.399 2.493-4.153 4.928-4.153z" stroke="#1a1a1a" stroke-width="2"/><line x1="276.08" x2="575.67" y1="202.29" y2="501.88" stroke="#1a1a1a" stroke-width="1.9986"/><line x1="523.29" x2="224.71" y1="201.71" y2="500.29" stroke="#1a1a1a" stroke-width="1.9986"/><line x1="225.08" x2="647.67" y1="500.29" y2="922.88" stroke="#1a1a1a" stroke-width="1.999"/><line x1="573.88" x2="151.29" y1="502.29" y2="924.88" stroke="#1a1a1a" stroke-width="1.999"/><line x1="152.71" x2="751.29" y1="925.29" y2="1523.9" stroke="#1a1a1a" stroke-width="1.9993"/><line x1="647.29" x2="48.707" y1="924.71" y2="1523.3" stroke="#1a1a1a" stroke-width="1.9993"/><path d="m389.98 1028.8c2.365-3.65 3.896-6.72 4.6109-9.87 0.64099-2.82 0.61099-5.64 0.017-8.92h30.21c0.58999 3.57 0.85699 11.11-3.162 23.22-1.333 4.02-4.2859 7.86-8.1039 11.68-3.19 3.19-6.9109 6.3-10.681 9.45-0.73999 0.62-1.482 1.24-2.223 1.86-4.4839 3.77-8.8969 7.63-12.264 11.69-3.366 4.07-5.7649 8.44-6.0849 13.24-0.61599 9.24 1.978 15.78 5.8949 20.39 3.8929 4.58 9.0239 7.17 13.365 8.69 3.366 1.17 10.24 1.99 16.595-0.23 3.199-1.11 6.2889-3.01 8.7169-6.03 2.429-3.03 4.1489-7.14 4.6969-12.59 0.349-3.48 0.607-6.53 0.82999-9.15 0.119-1.4 0.227-2.69 0.334-3.85 0.31099-3.38 0.60399-5.72 1.064-7.25 0.461-1.53 0.96899-1.88 1.476-1.96 0.337-0.05 0.81799-0.01 1.519 0.2 0.69499 0.21 1.536 0.57 2.566 1.09 11.321 5.64 15.547 14.83 16.45 23.83 0.90799 9.05-1.564 17.88-3.637 22.53-8.6369 19.38-26.348 31.19-48.797 31.19-13.467 0-23.767-2.39-32.055-6.71-8.2839-4.32-14.63-10.62-20.134-18.55-4.4109-6.36-8.8289-16.85-9.9249-28.56-1.095-11.69 1.125-24.52 9.8889-35.66 8.2179-10.45 16.325-15.53 23.13-19.13 1.229-0.65 2.434-1.27 3.598-1.85 2.026-1.03 3.924-1.99 5.5949-2.99 2.665-1.58 4.9279-3.33 6.5099-5.76z" fill="#dedede" stroke="#1a1a1a" stroke-width="2"/><path d="m339 1150h122v38h-122z" fill="#dedede" stroke="#1a1a1a" stroke-width="2"/><path d="m339 981h122v38h-122z" fill="#dedede" stroke="#1a1a1a" stroke-width="2"/><path d="m363 1188h74v487h-74z" fill="#dedede" stroke="#1a1a1a" stroke-width="2"/><path d="m363 201h74v780h-74z" stroke="#1a1a1a" stroke-width="2"/><circle cx="401.33" cy="120" r="119" fill="#dedede" stroke="#1a1a1a" stroke-width="2.0026"/><g clip-path="url(#clip0_4613_175962)" fill="#dedede"> |
|||
<path d="m397.27 45.19c-9.0358-23.378-20.04-33.657-26.268-41.826l-34.32 0.90925-24.236 29.334c1.9888-2.1746 12.525-0.11046 38.765 25.543 26.239 25.653 35.623 49.028 37.035 57.509l18.432-12.412c0-18.227-0.37246-35.679-9.4092-59.057z" stroke="#727171" stroke-width="1.996"/> |
|||
<path d="m480.57 159.3c24.917 2.557 39.097-2.6364 49.21-4.5l14.922-31.246-14.959-35.167c1.0206 2.7794-5.643 11.303-40.467 23.162-34.824 11.859-59.898 9.617-68.082 7.0128l-4.2568 20.627c16.198 8.3224 38.716 17.554 63.633 20.112z" stroke="#727171" stroke-width="2.0051"/> |
|||
<path d="m337.34 158.51c-17.566 17.88-28.229 32.38-33.094 41.44l15.066 31.067 36.799 10.153c-2.8073-0.928-5.2964-11.429 7.2073-46.004 12.504-34.575 29.922-52.773 37.069-57.55l-15.116-11.324c-16.619 7.4871-30.366 14.338-47.932 32.219z" stroke="#727171" stroke-width="2.0037"/> |
|||
<ellipse cx="401.68" cy="120.34" rx="24.997" ry="24.997" stroke="#1a1a1a" stroke-width="2.0051"/> |
|||
</g><circle cx="401.33" cy="120" r="119" stroke="#1a1a1a" stroke-width="2.0026"/><defs> |
|||
<clipPath id="clip0_4613_175962"> |
|||
<rect x="281.33" width="240" height="240" rx="120" fill="#fff"/> |
|||
</clipPath> |
|||
</defs><g fill="#fff" stroke="#1a1a1a" stroke-width="2" tb:tag="drilling-ring"> |
|||
<path d="m229 1675h342v91h-342z"/> |
|||
<path d="m141 1765h518v34h-518z"/> |
|||
</g><path d="m269.06 0s-269.06 0-269.06 301.5v1477.6c0 11.93 7.1636 20.882 16 20.882h768c8.836 0 16-8.9514 16-20.882v-1477.6c0-301.5-264.28-301.5-264.28-301.5h-135.72zm268.28 365.4c-5.1548 0-9.3332 5.6412-9.3332 12.6v1351.8c0 6.9588 4.1788 12.6 9.3332 12.6h58.664c5.1548 0 9.3332-5.6412 9.3332-12.6v-1351.8c0-6.9588-4.1788-12.6-9.3332-12.6z" fill="#000" fill-opacity="0" tb:tag="clickArea"/><g fill="#d12730" style="display: none;" tb:tag="critical"> |
|||
<rect width="84" height="84" rx="4" fill="#fff" style=""/> |
|||
<rect width="84" height="84" rx="4" style=""/> |
|||
<rect x="2" y="2" width="80" height="80" rx="2" stroke="#000" stroke-opacity=".87" stroke-width="4" style=""/> |
|||
<path d="m44.559 27.562-0.4688 20.059h-4.0234l-0.4883-20.059zm-5.1172 26.211c0-0.7161 0.2344-1.3151 0.7031-1.7968 0.4818-0.4948 1.1459-0.7422 1.9922-0.7422 0.8334 0 1.4909 0.2474 1.9727 0.7422 0.4817 0.4817 0.7226 1.0807 0.7226 1.7968 0 0.6901-0.2409 1.2826-0.7226 1.7774-0.4818 0.4818-1.1393 0.7226-1.9727 0.7226-0.8463 0-1.5104-0.2408-1.9922-0.7226-0.4687-0.4948-0.7031-1.0873-0.7031-1.7774z" fill="#000" fill-opacity=".87" style=""/> |
|||
</g><g fill="#faa405" style="display: none;" tb:tag="warning"> |
|||
<path d="m38.422 7.1554c1.4741-2.9482 5.6813-2.9482 7.1554 0l35.528 71.056c1.3298 2.6596-0.6042 5.7889-3.5777 5.7889h-71.056c-2.9735 0-4.9075-3.1292-3.5777-5.7889z" fill="#fff" style=""/> |
|||
<path d="m38.422 7.1554c1.4741-2.9482 5.6813-2.9482 7.1554 0l35.528 71.056c1.3298 2.6596-0.6042 5.7889-3.5777 5.7889h-71.056c-2.9735 0-4.9075-3.1292-3.5777-5.7889z" style=""/> |
|||
<path d="m40.211 8.0498c0.7371-1.4741 2.8407-1.4741 3.5778-1e-5l35.528 71.056c0.6649 1.3298-0.3021 2.8944-1.7888 2.8944h-71.056c-1.4868 0-2.4538-1.5646-1.7889-2.8944z" stroke="#000" stroke-opacity=".87" stroke-width="4" style=""/> |
|||
<path d="m44.559 37.562-0.4688 20.059h-4.0234l-0.4883-20.059zm-5.1172 26.211c0-0.7161 0.2344-1.3151 0.7031-1.7968 0.4818-0.4948 1.1459-0.7422 1.9922-0.7422 0.8334 0 1.4909 0.2474 1.9727 0.7422 0.4817 0.4817 0.7226 1.0807 0.7226 1.7968 0 0.6901-0.2409 1.2826-0.7226 1.7774-0.4818 0.4818-1.1393 0.7226-1.9727 0.7226-0.8463 0-1.5104-0.2408-1.9922-0.7226-0.4687-0.4948-0.7031-1.0873-0.7031-1.7774z" fill="#000" fill-opacity=".87" style=""/> |
|||
</g> |
|||
</svg> |
|||
|
After Width: | Height: | Size: 16 KiB |
@ -0,0 +1,293 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:tb="https://thingsboard.io/svg" width="200" height="400" fill="none" version="1.1" viewBox="0 0 200 400"><tb:metadata xmlns=""><![CDATA[{ |
|||
"title": "HP Hook", |
|||
"description": "Hook with various states.", |
|||
"searchTags": [ |
|||
"hook", |
|||
"drilling" |
|||
], |
|||
"widgetSizeX": 1, |
|||
"widgetSizeY": 2, |
|||
"tags": [ |
|||
{ |
|||
"tag": "clickArea", |
|||
"stateRenderFunction": null, |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'click');" |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
"tag": "critical", |
|||
"stateRenderFunction": "element.attr({fill: ctx.properties.criticalColor});\nif (ctx.values.critical) {\n element.show();\n} else {\n element.hide();\n}\n\nvar elementCriticalAnimation = element.remember('criticalAnimation');\nvar criticalAnimation = ctx.values.critical && ctx.values.criticalAnimation;\n\nif (elementCriticalAnimation !== criticalAnimation) {\n element.remember('criticalAnimation', criticalAnimation);\n if (criticalAnimation) {\n ctx.api.cssAnimate(element, 500).attr({opacity: 0.15}).loop(0, true);\n } else {\n ctx.api.resetCssAnimation(element);\n }\n}\n\n", |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'criticalClick');" |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
"tag": "hook", |
|||
"stateRenderFunction": "element.attr({fill: ctx.properties.hookColor});", |
|||
"actions": null |
|||
}, |
|||
{ |
|||
"tag": "warning", |
|||
"stateRenderFunction": "element.attr({fill: ctx.properties.warningColor});\nvar warning = ctx.values.warning && !(ctx.values.warning && ctx.values.critical)\nif (warning) {\n element.show();\n} else {\n element.hide();\n}\n\nvar elementCriticalAnimation = element.remember('criticalAnimation');\nvar criticalAnimation = warning && ctx.values.criticalAnimation;\n\nif (elementCriticalAnimation !== criticalAnimation) {\n element.remember('criticalAnimation', criticalAnimation);\n if (criticalAnimation) {\n ctx.api.cssAnimate(element, 500).attr({opacity: 0.15}).loop(0, true);\n } else {\n ctx.api.resetCssAnimation(element);\n }\n}\n", |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'warningClick');" |
|||
} |
|||
} |
|||
} |
|||
], |
|||
"behavior": [ |
|||
{ |
|||
"id": "warning", |
|||
"name": "{i18n:scada.symbol.warning}", |
|||
"hint": "{i18n:scada.symbol.warning-state-hint}", |
|||
"group": "{i18n:scada.symbol.warning-state}", |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.warning}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ALARM_STATUS", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": null, |
|||
"key": "state" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": [ |
|||
"MAJOR", |
|||
"MINOR", |
|||
"WARNING", |
|||
"INDETERMINATE" |
|||
], |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "warningClick", |
|||
"name": "{i18n:scada.symbol.warning-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": "{i18n:scada.symbol.warning-state}", |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
}, |
|||
{ |
|||
"id": "critical", |
|||
"name": "{i18n:scada.symbol.critical}", |
|||
"hint": "{i18n:scada.symbol.critical-state-hint}", |
|||
"group": "{i18n:scada.symbol.critical-state}", |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.critical}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ALARM_STATUS", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": null, |
|||
"key": "state" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": [ |
|||
"CRITICAL" |
|||
], |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "criticalClick", |
|||
"name": "{i18n:scada.symbol.critical-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": "{i18n:scada.symbol.critical-state}", |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
}, |
|||
{ |
|||
"id": "criticalAnimation", |
|||
"name": "{i18n:scada.symbol.warning-critical-state-animation}", |
|||
"hint": "{i18n:scada.symbol.warning-critical-state-animation-hint}", |
|||
"group": null, |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.animation}", |
|||
"defaultGetValueSettings": { |
|||
"action": "DO_NOTHING", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"key": "state", |
|||
"scope": null |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"compareToValue": true, |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;" |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "click", |
|||
"name": "{i18n:scada.symbol.on-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": null, |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
} |
|||
], |
|||
"properties": [ |
|||
{ |
|||
"id": "hookColor", |
|||
"name": "{i18n:scada.symbol.hook-color}", |
|||
"type": "color", |
|||
"default": "#FFFFFF", |
|||
"required": null, |
|||
"subLabel": "", |
|||
"divider": false, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
}, |
|||
{ |
|||
"id": "warningColor", |
|||
"name": "{i18n:scada.symbol.alarm-colors}", |
|||
"type": "color", |
|||
"default": "#FAA405", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.warning}", |
|||
"divider": true, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
}, |
|||
{ |
|||
"id": "criticalColor", |
|||
"name": "{i18n:scada.symbol.alarm-colors}", |
|||
"type": "color", |
|||
"default": "#D12730", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.critical}", |
|||
"divider": null, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
} |
|||
] |
|||
}]]></tb:metadata> |
|||
<g fill="#fff" stroke="#1a1a1a" stroke-width="2" tb:tag="hook"> |
|||
<path d="m83.979 279.78c2.3649-3.644 3.8966-6.715 4.6115-9.864 0.64089-2.823 0.61129-5.644 0.017-8.921h30.209c0.58999 3.566 0.85699 11.114-3.162 23.222-1.333 4.015-4.2859 7.854-8.1039 11.674-3.19 3.19-6.9109 6.3-10.681 9.45-0.74019 0.619-1.4823 1.239-2.2226 1.862-4.4846 3.772-8.8978 7.63-12.264 11.697-3.3665 4.066-5.7648 8.433-6.0848 13.232-0.61659 9.244 1.9776 15.781 5.8941 20.39 3.8938 4.582 9.0245 7.176 13.366 8.691 3.3656 1.175 10.24 1.992 16.594-0.225 3.199-1.116 6.2889-3.011 8.7169-6.037 2.429-3.028 4.149-7.131 4.6969-12.59 0.34899-3.477 0.60699-6.524 0.82999-9.148 0.119-1.403 0.22699-2.684 0.33399-3.846 0.311-3.382 0.60399-5.72 1.064-7.249 0.46099-1.528 0.96899-1.88 1.476-1.959 0.33699-0.054 0.81799-0.013 1.519 0.199 0.69499 0.211 1.536 0.57 2.566 1.084 11.321 5.643 15.547 14.835 16.45 23.832 0.90798 9.053-1.564 17.881-3.637 22.532-8.6369 19.376-26.348 31.189-48.797 31.189-13.468 0-23.767-2.387-32.055-6.711-8.2843-4.322-14.63-10.617-20.134-18.55-4.4111-6.357-8.8287-16.852-9.925-28.56-1.0945-11.689 1.1254-24.52 9.889-35.661 8.2183-10.447 16.325-15.531 23.129-19.132 1.2292-0.65 2.4347-1.261 3.5979-1.851 2.0264-1.027 3.9244-1.989 5.5955-2.981 2.6649-1.581 4.9275-3.332 6.5092-5.769z"/> |
|||
<path d="m58.08 261.38c-1.9988-1.28-4.4082-3.607-7.1067-6.92-2.688-3.299-5.6227-7.526-8.6813-12.552-6.1167-10.053-12.701-23.261-18.777-38.55-12.154-30.585-22.24-69.418-22.511-107.89-0.43146-61.407 29.982-85.126 51.186-90.56 10.719-2.7467 30.395-3.9859 49.703-3.9086 19.316 0.07727 38.034 1.4712 46.85 3.9039 17.425 4.8087 50.257 32.066 50.257 90.571 0 32.108-9.83 70.081-22.104 101.85-6.133 15.874-12.866 30.17-19.264 41.38-6.423 11.254-12.436 19.266-17.095 22.714-1.119 0.828-3.04 1.62-5.682 2.327-2.615 0.701-5.841 1.294-9.494 1.775-7.304 0.96-16.24 1.459-25.255 1.477-9.0138 0.019-18.079-0.442-25.642-1.393-3.7817-0.476-7.1717-1.072-9.9838-1.787-2.8296-0.72-5.0029-1.542-6.4004-2.437z"/> |
|||
</g><mask id="path-5-inside-1_4471_52357" fill="#ffffff"> |
|||
<path d="m172.8 99c0 39.765-32.236 72-72 72-39.765 0-72-32.235-72-72 0-39.764 32.236-72 72-72 39.764 0 72 32.236 72 72zm-132.78 0c0 33.57 27.214 60.784 60.784 60.784 33.57 0 60.784-27.214 60.784-60.784 0-33.57-27.214-60.784-60.784-60.784-33.57 0-60.784 27.214-60.784 60.784z"/> |
|||
</mask><path d="m172.8 99c0 39.765-32.236 72-72 72-39.765 0-72-32.235-72-72 0-39.764 32.236-72 72-72 39.764 0 72 32.236 72 72zm-132.78 0c0 33.57 27.214 60.784 60.784 60.784 33.57 0 60.784-27.214 60.784-60.784 0-33.57-27.214-60.784-60.784-60.784-33.57 0-60.784 27.214-60.784 60.784z" fill="#dedede" mask="url(#path-5-inside-1_4471_52357)" stroke="#1a1a1a" stroke-width="4"/><path d="m67.264 0s-67.264 0-67.264 67v328.36c0 2.6512 1.7909 4.6404 4 4.6404h192c2.209 0 4-1.9892 4-4.6404v-328.36c0-67-66.07-67-66.07-67h-33.929zm67.07 81.2c-1.2887 0-2.3333 1.2536-2.3333 2.8v300.4c0 1.5464 1.0447 2.8 2.3333 2.8h14.666c1.2887 0 2.3333-1.2536 2.3333-2.8v-300.4c0-1.5464-1.0447-2.8-2.3333-2.8z" fill="#000" fill-opacity="0" tb:tag="clickArea"/><g fill="#d12730" style="display: none;" tb:tag="critical"> |
|||
<rect width="84" height="84" rx="4" fill="#fff" style=""/> |
|||
<rect width="84" height="84" rx="4" style=""/> |
|||
<rect x="2" y="2" width="80" height="80" rx="2" stroke="#000" stroke-opacity=".87" stroke-width="4" style=""/> |
|||
<path d="m44.559 27.562-0.4688 20.059h-4.0234l-0.4883-20.059zm-5.1172 26.211c0-0.7161 0.2344-1.3151 0.7031-1.7968 0.4818-0.4948 1.1459-0.7422 1.9922-0.7422 0.8334 0 1.4909 0.2474 1.9727 0.7422 0.4817 0.4817 0.7226 1.0807 0.7226 1.7968 0 0.6901-0.2409 1.2826-0.7226 1.7774-0.4818 0.4818-1.1393 0.7226-1.9727 0.7226-0.8463 0-1.5104-0.2408-1.9922-0.7226-0.4687-0.4948-0.7031-1.0873-0.7031-1.7774z" fill="#000" fill-opacity=".87" style=""/> |
|||
</g><g fill="#faa405" style="display: none;" tb:tag="warning"> |
|||
<path d="m38.422 7.1554c1.4741-2.9482 5.6813-2.9482 7.1554 0l35.528 71.056c1.3298 2.6596-0.6042 5.7889-3.5777 5.7889h-71.056c-2.9735 0-4.9075-3.1292-3.5777-5.7889z" fill="#fff" style=""/> |
|||
<path d="m38.422 7.1554c1.4741-2.9482 5.6813-2.9482 7.1554 0l35.528 71.056c1.3298 2.6596-0.6042 5.7889-3.5777 5.7889h-71.056c-2.9735 0-4.9075-3.1292-3.5777-5.7889z" style=""/> |
|||
<path d="m40.211 8.0498c0.7371-1.4741 2.8407-1.4741 3.5778-1e-5l35.528 71.056c0.6649 1.3298-0.3021 2.8944-1.7888 2.8944h-71.056c-1.4868 0-2.4538-1.5646-1.7889-2.8944z" stroke="#000" stroke-opacity=".87" stroke-width="4" style=""/> |
|||
<path d="m44.559 37.562-0.4688 20.059h-4.0234l-0.4883-20.059zm-5.1172 26.211c0-0.7161 0.2344-1.3151 0.7031-1.7968 0.4818-0.4948 1.1459-0.7422 1.9922-0.7422 0.8334 0 1.4909 0.2474 1.9727 0.7422 0.4817 0.4817 0.7226 1.0807 0.7226 1.7968 0 0.6901-0.2409 1.2826-0.7226 1.7774-0.4818 0.4818-1.1393 0.7226-1.9727 0.7226-0.8463 0-1.5104-0.2408-1.9922-0.7226-0.4687-0.4948-0.7031-1.0873-0.7031-1.7774z" fill="#000" fill-opacity=".87" style=""/> |
|||
</g> |
|||
</svg> |
|||
|
After Width: | Height: | Size: 14 KiB |
@ -0,0 +1,267 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:tb="https://thingsboard.io/svg" width="1200" height="600" fill="none" version="1.1" viewBox="0 0 1200 600"><tb:metadata xmlns=""><![CDATA[{ |
|||
"title": "HP Platform", |
|||
"description": "Platform with various states.", |
|||
"searchTags": [ |
|||
"platform", |
|||
"drilling" |
|||
], |
|||
"widgetSizeX": 6, |
|||
"widgetSizeY": 3, |
|||
"tags": [ |
|||
{ |
|||
"tag": "clickArea", |
|||
"stateRenderFunction": null, |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'click');" |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
"tag": "critical", |
|||
"stateRenderFunction": "element.attr({fill: ctx.properties.criticalColor});\nif (ctx.values.critical) {\n element.show();\n} else {\n element.hide();\n}\n\nvar elementCriticalAnimation = element.remember('criticalAnimation');\nvar criticalAnimation = ctx.values.critical && ctx.values.criticalAnimation;\n\nif (elementCriticalAnimation !== criticalAnimation) {\n element.remember('criticalAnimation', criticalAnimation);\n if (criticalAnimation) {\n ctx.api.cssAnimate(element, 500).attr({opacity: 0.15}).loop(0, true);\n } else {\n ctx.api.resetCssAnimation(element);\n }\n}\n\n", |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'criticalClick');" |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
"tag": "warning", |
|||
"stateRenderFunction": "element.attr({fill: ctx.properties.warningColor});\nvar warning = ctx.values.warning && !(ctx.values.warning && ctx.values.critical)\nif (warning) {\n element.show();\n} else {\n element.hide();\n}\n\nvar elementCriticalAnimation = element.remember('criticalAnimation');\nvar criticalAnimation = warning && ctx.values.criticalAnimation;\n\nif (elementCriticalAnimation !== criticalAnimation) {\n element.remember('criticalAnimation', criticalAnimation);\n if (criticalAnimation) {\n ctx.api.cssAnimate(element, 500).attr({opacity: 0.15}).loop(0, true);\n } else {\n ctx.api.resetCssAnimation(element);\n }\n}\n", |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'warningClick');" |
|||
} |
|||
} |
|||
} |
|||
], |
|||
"behavior": [ |
|||
{ |
|||
"id": "warning", |
|||
"name": "{i18n:scada.symbol.warning}", |
|||
"hint": "{i18n:scada.symbol.warning-state-hint}", |
|||
"group": "{i18n:scada.symbol.warning-state}", |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.warning}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ALARM_STATUS", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": null, |
|||
"key": "state" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": [ |
|||
"MAJOR", |
|||
"MINOR", |
|||
"WARNING", |
|||
"INDETERMINATE" |
|||
], |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "warningClick", |
|||
"name": "{i18n:scada.symbol.warning-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": "{i18n:scada.symbol.warning-state}", |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
}, |
|||
{ |
|||
"id": "critical", |
|||
"name": "{i18n:scada.symbol.critical}", |
|||
"hint": "{i18n:scada.symbol.critical-state-hint}", |
|||
"group": "{i18n:scada.symbol.critical-state}", |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.critical}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ALARM_STATUS", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": null, |
|||
"key": "state" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": [ |
|||
"CRITICAL" |
|||
], |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "criticalClick", |
|||
"name": "{i18n:scada.symbol.critical-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": "{i18n:scada.symbol.critical-state}", |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
}, |
|||
{ |
|||
"id": "criticalAnimation", |
|||
"name": "{i18n:scada.symbol.warning-critical-state-animation}", |
|||
"hint": "{i18n:scada.symbol.warning-critical-state-animation-hint}", |
|||
"group": null, |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.animation}", |
|||
"defaultGetValueSettings": { |
|||
"action": "DO_NOTHING", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"key": "state", |
|||
"scope": null |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"compareToValue": true, |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;" |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "click", |
|||
"name": "{i18n:scada.symbol.on-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": null, |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
} |
|||
], |
|||
"properties": [ |
|||
{ |
|||
"id": "warningColor", |
|||
"name": "{i18n:scada.symbol.colors}", |
|||
"type": "color", |
|||
"default": "#FAA405", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.warning}", |
|||
"divider": true, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
}, |
|||
{ |
|||
"id": "criticalColor", |
|||
"name": "{i18n:scada.symbol.colors}", |
|||
"type": "color", |
|||
"default": "#D12730", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.critical}", |
|||
"divider": null, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
} |
|||
] |
|||
}]]></tb:metadata> |
|||
<path d="m1199 201.7v397.3h-1198v-397.3c0.62677 0.346 1.4439 0.79199 2.4378 1.328 2.5404 1.371 6.2364 3.328 10.864 5.676 9.2543 4.696 22.238 10.957 37.156 17.218 29.8 12.508 67.456 25.078 98.542 25.078s68.743-12.57 98.542-25.078c14.918-6.261 27.902-12.522 37.156-17.218 4.628-2.348 8.324-4.305 10.864-5.676 1.27-0.68499 2.252-1.224 2.916-1.592 0.204-0.113 0.379-0.209 0.522-0.28999 0.143 0.081 0.318 0.17699 0.522 0.28999 0.664 0.368 1.646 0.907 2.916 1.592 2.54 1.371 6.236 3.328 10.864 5.676 9.254 4.696 22.238 10.957 37.156 17.218 29.799 12.508 67.456 25.078 98.542 25.078s68.743-12.57 98.542-25.078c14.918-6.261 27.902-12.522 37.156-17.218 4.628-2.348 8.324-4.305 10.864-5.676 1.27-0.68499 2.252-1.224 2.916-1.592 0.204-0.113 0.379-0.209 0.522-0.28999 0.143 0.081 0.318 0.17699 0.522 0.28999 0.664 0.368 1.646 0.907 2.916 1.592 2.54 1.371 6.236 3.328 10.864 5.676 9.254 4.696 22.238 10.957 37.156 17.218 29.799 12.508 67.456 25.078 98.542 25.078s68.743-12.57 98.542-25.078c14.918-6.261 27.902-12.522 37.156-17.218 4.628-2.348 8.324-4.305 10.864-5.676 1.27-0.68499 2.252-1.224 2.916-1.592 0.204-0.113 0.379-0.209 0.522-0.28999 0.143 0.081 0.318 0.17699 0.522 0.28999 0.664 0.368 1.646 0.907 2.916 1.592 2.54 1.371 6.236 3.328 10.864 5.676 9.254 4.696 22.238 10.957 37.156 17.218 29.799 12.508 67.452 25.078 98.542 25.078s68.74-12.57 98.54-25.078c14.92-6.261 27.9-12.522 37.16-17.218 4.63-2.348 8.32-4.305 10.86-5.676 1-0.536 1.81-0.98199 2.44-1.328z" stroke="#1a1a1a" stroke-width="2"/><path d="m700 300h500" stroke="#1a1a1a" stroke-width="6"/><path d="m600 0v200" stroke="#1a1a1a" stroke-width="6"/><path d="m600 400v200" stroke="#1a1a1a" stroke-width="6"/><path d="m700 300h-85c-8.284 0-15 6.716-15 15v85" stroke="#1a1a1a" stroke-width="6"/><path d="m700 300h-85c-8.284 0-15-6.716-15-15v-85" stroke="#1a1a1a" stroke-width="6"/><path d="m600 200v200" stroke="#1a1a1a" stroke-width="6"/><path d="m600 313v-26s0 13 14 13c-14 0-14 13-14 13z" fill="#1a1a1a" stroke="#1a1a1a" stroke-width="2"/><rect x="1074" y="99" width="48" height="462" stroke="#1a1a1a" stroke-width="2"/><rect x="1037" y="561" width="122" height="38" stroke="#1a1a1a" stroke-width="2"/><rect x="78" y="99" width="48" height="462" stroke="#1a1a1a" stroke-width="2"/><rect x="41" y="561" width="122" height="38" stroke="#1a1a1a" stroke-width="2"/><rect x="1" y="1" width="1198" height="98" stroke="#1a1a1a" stroke-width="2"/><path d="m599.68 99.026-598.68-98.026" stroke="#1a1a1a" stroke-width="2.0003"/><path d="m599.68 99.026-598.68-98.027" stroke="#1a1a1a" stroke-width="1.9995"/><path d="m600 99.026 598.68-98.026" stroke="#1a1a1a" stroke-width="2.0003"/><path d="m599.68 0.99987-598.68 98.027" stroke="#1a1a1a" stroke-width="1.9995"/><path d="m600 1.0007 599.68 98.025" stroke="#1a1a1a" stroke-width="2.0011"/><path d="m403.58 0s-403.58 0-403.58 100.5v492.54c0 3.9768 10.745 6.9606 24 6.9606h1152c13.254 0 24-2.9838 24-6.9606v-492.54c0-100.5-396.42-100.5-396.42-100.5h-203.57zm402.42 121.8c-7.7322 0-14 1.8804-14 4.2v450.6c0 2.3196 6.2682 4.2 14 4.2h87.996c7.7322 0 14-1.8804 14-4.2v-450.6c0-2.3196-6.2682-4.2-14-4.2z" fill="#000" fill-opacity="0" tb:tag="clickArea"/><g transform="translate(0,516)" fill="#d12730" style="display: none;" tb:tag="critical"> |
|||
<rect width="84" height="84" rx="4" fill="#fff" style=""/> |
|||
<rect width="84" height="84" rx="4" style=""/> |
|||
<rect x="2" y="2" width="80" height="80" rx="2" stroke="#000" stroke-opacity=".87" stroke-width="4" style=""/> |
|||
<path d="m44.559 27.562-0.4688 20.059h-4.0234l-0.4883-20.059zm-5.1172 26.211c0-0.7161 0.2344-1.3151 0.7031-1.7968 0.4818-0.4948 1.1459-0.7422 1.9922-0.7422 0.8334 0 1.4909 0.2474 1.9727 0.7422 0.4817 0.4817 0.7226 1.0807 0.7226 1.7968 0 0.6901-0.2409 1.2826-0.7226 1.7774-0.4818 0.4818-1.1393 0.7226-1.9727 0.7226-0.8463 0-1.5104-0.2408-1.9922-0.7226-0.4687-0.4948-0.7031-1.0873-0.7031-1.7774z" fill="#000" fill-opacity=".87" style=""/> |
|||
</g><g transform="translate(0 516)" fill="#faa405" style="display: none;" tb:tag="warning"> |
|||
<path d="m38.422 7.1554c1.4741-2.9482 5.6813-2.9482 7.1554 0l35.528 71.056c1.3298 2.6596-0.6042 5.7889-3.5777 5.7889h-71.056c-2.9735 0-4.9075-3.1292-3.5777-5.7889z" fill="#fff" style=""/> |
|||
<path d="m38.422 7.1554c1.4741-2.9482 5.6813-2.9482 7.1554 0l35.528 71.056c1.3298 2.6596-0.6042 5.7889-3.5777 5.7889h-71.056c-2.9735 0-4.9075-3.1292-3.5777-5.7889z" style=""/> |
|||
<path d="m40.211 8.0498c0.7371-1.4741 2.8407-1.4741 3.5778-1e-5l35.528 71.056c0.6649 1.3298-0.3021 2.8944-1.7888 2.8944h-71.056c-1.4868 0-2.4538-1.5646-1.7889-2.8944z" stroke="#000" stroke-opacity=".87" stroke-width="4" style=""/> |
|||
<path d="m44.559 37.562-0.4688 20.059h-4.0234l-0.4883-20.059zm-5.1172 26.211c0-0.7161 0.2344-1.3151 0.7031-1.7968 0.4818-0.4948 1.1459-0.7422 1.9922-0.7422 0.8334 0 1.4909 0.2474 1.9727 0.7422 0.4817 0.4817 0.7226 1.0807 0.7226 1.7968 0 0.6901-0.2409 1.2826-0.7226 1.7774-0.4818 0.4818-1.1393 0.7226-1.9727 0.7226-0.8463 0-1.5104-0.2408-1.9922-0.7226-0.4687-0.4948-0.7031-1.0873-0.7031-1.7774z" fill="#000" fill-opacity=".87" style=""/> |
|||
</g> |
|||
</svg> |
|||
|
After Width: | Height: | Size: 13 KiB |
@ -0,0 +1,343 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:tb="https://thingsboard.io/svg" width="400" height="200" fill="none" version="1.1" viewBox="0 0 400 200"><tb:metadata xmlns=""><![CDATA[{ |
|||
"title": "HP Preventer", |
|||
"description": "Preventer with various states.", |
|||
"searchTags": [ |
|||
"preventer", |
|||
"drilling" |
|||
], |
|||
"widgetSizeX": 2, |
|||
"widgetSizeY": 1, |
|||
"tags": [ |
|||
{ |
|||
"tag": "background", |
|||
"stateRenderFunction": "var color = ctx.properties.stoppedColor;\nif (ctx.values.running) {\n color = ctx.properties.runningColor;\n}\nelement.attr({fill: color});", |
|||
"actions": null |
|||
}, |
|||
{ |
|||
"tag": "clickArea", |
|||
"stateRenderFunction": null, |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'click');" |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
"tag": "critical", |
|||
"stateRenderFunction": "element.attr({fill: ctx.properties.criticalColor});\nif (ctx.values.critical) {\n element.show();\n} else {\n element.hide();\n}\n\nvar elementCriticalAnimation = element.remember('criticalAnimation');\nvar criticalAnimation = ctx.values.critical && ctx.values.criticalAnimation;\n\nif (elementCriticalAnimation !== criticalAnimation) {\n element.remember('criticalAnimation', criticalAnimation);\n if (criticalAnimation) {\n ctx.api.cssAnimate(element, 500).attr({opacity: 0.15}).loop(0, true);\n } else {\n ctx.api.resetCssAnimation(element);\n }\n}\n\n", |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'criticalClick');" |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
"tag": "warning", |
|||
"stateRenderFunction": "element.attr({fill: ctx.properties.warningColor});\nvar warning = ctx.values.warning && !(ctx.values.warning && ctx.values.critical)\nif (warning) {\n element.show();\n} else {\n element.hide();\n}\n\nvar elementCriticalAnimation = element.remember('criticalAnimation');\nvar criticalAnimation = warning && ctx.values.criticalAnimation;\n\nif (elementCriticalAnimation !== criticalAnimation) {\n element.remember('criticalAnimation', criticalAnimation);\n if (criticalAnimation) {\n ctx.api.cssAnimate(element, 500).attr({opacity: 0.15}).loop(0, true);\n } else {\n ctx.api.resetCssAnimation(element);\n }\n}\n", |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'warningClick');" |
|||
} |
|||
} |
|||
} |
|||
], |
|||
"behavior": [ |
|||
{ |
|||
"id": "running", |
|||
"name": "{i18n:scada.symbol.running}", |
|||
"hint": "{i18n:scada.symbol.running-hint}", |
|||
"group": null, |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.running}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ATTRIBUTE", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": "SHARED_SCOPE", |
|||
"key": "running" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": null, |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "warning", |
|||
"name": "{i18n:scada.symbol.warning}", |
|||
"hint": "{i18n:scada.symbol.warning-state-hint}", |
|||
"group": "{i18n:scada.symbol.warning-state}", |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.warning}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ALARM_STATUS", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": null, |
|||
"key": "state" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": [ |
|||
"MAJOR", |
|||
"MINOR", |
|||
"WARNING", |
|||
"INDETERMINATE" |
|||
], |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "warningClick", |
|||
"name": "{i18n:scada.symbol.warning-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": "{i18n:scada.symbol.warning-state}", |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
}, |
|||
{ |
|||
"id": "critical", |
|||
"name": "{i18n:scada.symbol.critical}", |
|||
"hint": "{i18n:scada.symbol.critical-state-hint}", |
|||
"group": "{i18n:scada.symbol.critical-state}", |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.critical}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ALARM_STATUS", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": null, |
|||
"key": "state" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": [ |
|||
"CRITICAL" |
|||
], |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "criticalClick", |
|||
"name": "{i18n:scada.symbol.critical-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": "{i18n:scada.symbol.critical-state}", |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
}, |
|||
{ |
|||
"id": "criticalAnimation", |
|||
"name": "{i18n:scada.symbol.warning-critical-state-animation}", |
|||
"hint": "{i18n:scada.symbol.warning-critical-state-animation-hint}", |
|||
"group": null, |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.animation}", |
|||
"defaultGetValueSettings": { |
|||
"action": "DO_NOTHING", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"key": "state", |
|||
"scope": null |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"compareToValue": true, |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;" |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "click", |
|||
"name": "{i18n:scada.symbol.on-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": null, |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
} |
|||
], |
|||
"properties": [ |
|||
{ |
|||
"id": "runningColor", |
|||
"name": "{i18n:scada.symbol.colors}", |
|||
"type": "color", |
|||
"default": "#FFFFFF", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.running}", |
|||
"divider": true, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
}, |
|||
{ |
|||
"id": "stoppedColor", |
|||
"name": "{i18n:scada.symbol.colors}", |
|||
"type": "color", |
|||
"default": "#666666", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.stopped}", |
|||
"divider": null, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
}, |
|||
{ |
|||
"id": "warningColor", |
|||
"name": "{i18n:scada.symbol.alarm-colors}", |
|||
"type": "color", |
|||
"default": "#FAA405", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.warning}", |
|||
"divider": true, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
}, |
|||
{ |
|||
"id": "criticalColor", |
|||
"name": "{i18n:scada.symbol.alarm-colors}", |
|||
"type": "color", |
|||
"default": "#D12730", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.critical}", |
|||
"divider": null, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
} |
|||
] |
|||
}]]></tb:metadata> |
|||
<path d="m137 15h1v-14h124v14h32.947l46.053 4.8993v21.201l-46.053 4.8993h-9.947v24h45.907l68.093 12.829v32.342l-68.093 12.829h-45.907v25h8.938l47.062 5.883v20.234l-47.062 5.883h-31.938v14h-124v-14h-31.938l-47.062-5.883v-20.234l47.062-5.883h8.938v-25h-45.907l-68.093-12.829v-32.342l68.093-12.829h45.907v-24h-9.947l-46.053-4.8993v-21.201l46.053-4.8993z" tb:tag="background" fill="#fff" stroke="#1a1a1a" stroke-width="2"/><path d="m134.53 0s-134.53 0-134.53 33.5v164.18c0 1.3256 3.5818 2.3202 8 2.3202h384c4.418 0 8-0.9946 8-2.3202v-164.18c0-33.5-132.14-33.5-132.14-33.5h-67.858zm134.14 40.6c-2.5774 0-4.6666 0.6268-4.6666 1.4v150.2c0 0.7732 2.0894 1.4 4.6666 1.4h29.332c2.5774 0 4.6666-0.6268 4.6666-1.4v-150.2c0-0.7732-2.0894-1.4-4.6666-1.4z" fill="#000" fill-opacity="0" tb:tag="clickArea"/><g fill="#d12730" style="display: none;" tb:tag="critical"> |
|||
<rect width="84" height="84" rx="4" fill="#fff" style=""/> |
|||
<rect width="84" height="84" rx="4" style=""/> |
|||
<rect x="2" y="2" width="80" height="80" rx="2" stroke="#000" stroke-opacity=".87" stroke-width="4" style=""/> |
|||
<path d="m44.559 27.562-0.4688 20.059h-4.0234l-0.4883-20.059zm-5.1172 26.211c0-0.7161 0.2344-1.3151 0.7031-1.7968 0.4818-0.4948 1.1459-0.7422 1.9922-0.7422 0.8334 0 1.4909 0.2474 1.9727 0.7422 0.4817 0.4817 0.7226 1.0807 0.7226 1.7968 0 0.6901-0.2409 1.2826-0.7226 1.7774-0.4818 0.4818-1.1393 0.7226-1.9727 0.7226-0.8463 0-1.5104-0.2408-1.9922-0.7226-0.4687-0.4948-0.7031-1.0873-0.7031-1.7774z" fill="#000" fill-opacity=".87" style=""/> |
|||
</g><g fill="#faa405" style="display: none;" tb:tag="warning"> |
|||
<path d="m38.422 7.1554c1.4741-2.9482 5.6813-2.9482 7.1554 0l35.528 71.056c1.3298 2.6596-0.6042 5.7889-3.5777 5.7889h-71.056c-2.9735 0-4.9075-3.1292-3.5777-5.7889z" fill="#fff" style=""/> |
|||
<path d="m38.422 7.1554c1.4741-2.9482 5.6813-2.9482 7.1554 0l35.528 71.056c1.3298 2.6596-0.6042 5.7889-3.5777 5.7889h-71.056c-2.9735 0-4.9075-3.1292-3.5777-5.7889z" style=""/> |
|||
<path d="m40.211 8.0498c0.7371-1.4741 2.8407-1.4741 3.5778-1e-5l35.528 71.056c0.6649 1.3298-0.3021 2.8944-1.7888 2.8944h-71.056c-1.4868 0-2.4538-1.5646-1.7889-2.8944z" stroke="#000" stroke-opacity=".87" stroke-width="4" style=""/> |
|||
<path d="m44.559 37.562-0.4688 20.059h-4.0234l-0.4883-20.059zm-5.1172 26.211c0-0.7161 0.2344-1.3151 0.7031-1.7968 0.4818-0.4948 1.1459-0.7422 1.9922-0.7422 0.8334 0 1.4909 0.2474 1.9727 0.7422 0.4817 0.4817 0.7226 1.0807 0.7226 1.7968 0 0.6901-0.2409 1.2826-0.7226 1.7774-0.4818 0.4818-1.1393 0.7226-1.9727 0.7226-0.8463 0-1.5104-0.2408-1.9922-0.7226-0.4687-0.4948-0.7031-1.0873-0.7031-1.7774z" fill="#000" fill-opacity=".87" style=""/> |
|||
</g> |
|||
</svg> |
|||
|
After Width: | Height: | Size: 13 KiB |
@ -0,0 +1,346 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:tb="https://thingsboard.io/svg" width="400" height="200" fill="none" version="1.1" viewBox="0 0 400 200"><tb:metadata xmlns=""><![CDATA[{ |
|||
"title": "HP Rotor", |
|||
"description": "Rotor with various states.", |
|||
"searchTags": [ |
|||
"rotor", |
|||
"drilling" |
|||
], |
|||
"widgetSizeX": 2, |
|||
"widgetSizeY": 1, |
|||
"tags": [ |
|||
{ |
|||
"tag": "clickArea", |
|||
"stateRenderFunction": null, |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'click');" |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
"tag": "critical", |
|||
"stateRenderFunction": "element.attr({fill: ctx.properties.criticalColor});\nif (ctx.values.critical) {\n element.show();\n} else {\n element.hide();\n}\n\nvar elementCriticalAnimation = element.remember('criticalAnimation');\nvar criticalAnimation = ctx.values.critical && ctx.values.criticalAnimation;\n\nif (elementCriticalAnimation !== criticalAnimation) {\n element.remember('criticalAnimation', criticalAnimation);\n if (criticalAnimation) {\n ctx.api.cssAnimate(element, 500).attr({opacity: 0.15}).loop(0, true);\n } else {\n ctx.api.resetCssAnimation(element);\n }\n}\n\n", |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'criticalClick');" |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
"tag": "rotor-background", |
|||
"stateRenderFunction": "var color = ctx.properties.stoppedColor;\nif (ctx.values.running) {\n color = ctx.properties.runningColor;\n}\nelement.attr({fill: color});", |
|||
"actions": null |
|||
}, |
|||
{ |
|||
"tag": "warning", |
|||
"stateRenderFunction": "element.attr({fill: ctx.properties.warningColor});\nvar warning = ctx.values.warning && !(ctx.values.warning && ctx.values.critical)\nif (warning) {\n element.show();\n} else {\n element.hide();\n}\n\nvar elementCriticalAnimation = element.remember('criticalAnimation');\nvar criticalAnimation = warning && ctx.values.criticalAnimation;\n\nif (elementCriticalAnimation !== criticalAnimation) {\n element.remember('criticalAnimation', criticalAnimation);\n if (criticalAnimation) {\n ctx.api.cssAnimate(element, 500).attr({opacity: 0.15}).loop(0, true);\n } else {\n ctx.api.resetCssAnimation(element);\n }\n}\n", |
|||
"actions": { |
|||
"click": { |
|||
"actionFunction": "ctx.api.callAction(event, 'warningClick');" |
|||
} |
|||
} |
|||
} |
|||
], |
|||
"behavior": [ |
|||
{ |
|||
"id": "running", |
|||
"name": "{i18n:scada.symbol.running}", |
|||
"hint": "{i18n:scada.symbol.running-hint}", |
|||
"group": null, |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.running}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ATTRIBUTE", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": "SHARED_SCOPE", |
|||
"key": "running" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": null, |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "warning", |
|||
"name": "{i18n:scada.symbol.warning}", |
|||
"hint": "{i18n:scada.symbol.warning-state-hint}", |
|||
"group": "{i18n:scada.symbol.warning-state}", |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.warning}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ALARM_STATUS", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": null, |
|||
"key": "state" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": [ |
|||
"MAJOR", |
|||
"MINOR", |
|||
"WARNING", |
|||
"INDETERMINATE" |
|||
], |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "warningClick", |
|||
"name": "{i18n:scada.symbol.warning-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": "{i18n:scada.symbol.warning-state}", |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
}, |
|||
{ |
|||
"id": "critical", |
|||
"name": "{i18n:scada.symbol.critical}", |
|||
"hint": "{i18n:scada.symbol.critical-state-hint}", |
|||
"group": "{i18n:scada.symbol.critical-state}", |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.critical}", |
|||
"defaultGetValueSettings": { |
|||
"action": "GET_ALARM_STATUS", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"scope": null, |
|||
"key": "state" |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"getAlarmStatus": { |
|||
"severityList": [ |
|||
"CRITICAL" |
|||
], |
|||
"typeList": null |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;", |
|||
"compareToValue": true |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "criticalClick", |
|||
"name": "{i18n:scada.symbol.critical-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": "{i18n:scada.symbol.critical-state}", |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
}, |
|||
{ |
|||
"id": "criticalAnimation", |
|||
"name": "{i18n:scada.symbol.warning-critical-state-animation}", |
|||
"hint": "{i18n:scada.symbol.warning-critical-state-animation-hint}", |
|||
"group": null, |
|||
"type": "value", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": "{i18n:scada.symbol.animation}", |
|||
"defaultGetValueSettings": { |
|||
"action": "DO_NOTHING", |
|||
"defaultValue": false, |
|||
"executeRpc": { |
|||
"method": "getState", |
|||
"requestTimeout": 5000, |
|||
"requestPersistent": false, |
|||
"persistentPollingInterval": 1000 |
|||
}, |
|||
"getAttribute": { |
|||
"key": "state", |
|||
"scope": null |
|||
}, |
|||
"getTimeSeries": { |
|||
"key": "state" |
|||
}, |
|||
"dataToValue": { |
|||
"type": "NONE", |
|||
"compareToValue": true, |
|||
"dataToValueFunction": "/* Should return boolean value */\nreturn data;" |
|||
} |
|||
}, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": null |
|||
}, |
|||
{ |
|||
"id": "click", |
|||
"name": "{i18n:scada.symbol.on-click}", |
|||
"hint": "{i18n:scada.symbol.on-click-hint}", |
|||
"group": null, |
|||
"type": "widgetAction", |
|||
"valueType": "BOOLEAN", |
|||
"trueLabel": null, |
|||
"falseLabel": null, |
|||
"stateLabel": null, |
|||
"defaultGetValueSettings": null, |
|||
"defaultSetValueSettings": null, |
|||
"defaultWidgetActionSettings": { |
|||
"type": "doNothing", |
|||
"targetDashboardStateId": null, |
|||
"openRightLayout": false, |
|||
"setEntityId": false, |
|||
"stateEntityParamName": null |
|||
} |
|||
} |
|||
], |
|||
"properties": [ |
|||
{ |
|||
"id": "runningColor", |
|||
"name": "{i18n:scada.symbol.colors}", |
|||
"type": "color", |
|||
"default": "#FFFFFF", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.running}", |
|||
"divider": true, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
}, |
|||
{ |
|||
"id": "stoppedColor", |
|||
"name": "{i18n:scada.symbol.colors}", |
|||
"type": "color", |
|||
"default": "#666666", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.stopped}", |
|||
"divider": null, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
}, |
|||
{ |
|||
"id": "warningColor", |
|||
"name": "{i18n:scada.symbol.alarm-colors}", |
|||
"type": "color", |
|||
"default": "#FAA405", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.warning}", |
|||
"divider": true, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
}, |
|||
{ |
|||
"id": "criticalColor", |
|||
"name": "{i18n:scada.symbol.alarm-colors}", |
|||
"type": "color", |
|||
"default": "#D12730", |
|||
"required": null, |
|||
"subLabel": "{i18n:scada.symbol.critical}", |
|||
"divider": null, |
|||
"fieldSuffix": null, |
|||
"disableOnProperty": null, |
|||
"rowClass": "", |
|||
"fieldClass": "", |
|||
"min": null, |
|||
"max": null, |
|||
"step": null |
|||
} |
|||
] |
|||
}]]></tb:metadata> |
|||
<path d="m163 1h74v76h-74v-76z" fill="#fff" stroke="#1A1A1A" stroke-width="2"/><g fill="#fff" stroke="#1A1A1A" stroke-width="2" tb:tag="rotor-background"> |
|||
<path d="m51 77h298v88h-298v-88z"/> |
|||
<path d="m1 165h398v34h-398l-5e-5 -34z"/> |
|||
</g><path d="m134.53 0s-134.53 0-134.53 33.5v164.18c0 1.3256 3.5818 2.3202 8 2.3202h384c4.418 0 8-0.9946 8-2.3202v-164.18c0-33.5-132.14-33.5-132.14-33.5h-67.858zm134.14 40.6c-2.5774 0-4.6666 0.6268-4.6666 1.4v150.2c0 0.7732 2.0894 1.4 4.6666 1.4h29.332c2.5774 0 4.6666-0.6268 4.6666-1.4v-150.2c0-0.7732-2.0894-1.4-4.6666-1.4z" fill="#000" fill-opacity="0" tb:tag="clickArea"/><g transform="translate(0,116)" fill="#d12730" style="display: none;" tb:tag="critical"> |
|||
<rect width="84" height="84" rx="4" fill="#fff" style=""/> |
|||
<rect width="84" height="84" rx="4" style=""/> |
|||
<rect x="2" y="2" width="80" height="80" rx="2" stroke="#000" stroke-opacity=".87" stroke-width="4" style=""/> |
|||
<path d="m44.559 27.562-0.4688 20.059h-4.0234l-0.4883-20.059zm-5.1172 26.211c0-0.7161 0.2344-1.3151 0.7031-1.7968 0.4818-0.4948 1.1459-0.7422 1.9922-0.7422 0.8334 0 1.4909 0.2474 1.9727 0.7422 0.4817 0.4817 0.7226 1.0807 0.7226 1.7968 0 0.6901-0.2409 1.2826-0.7226 1.7774-0.4818 0.4818-1.1393 0.7226-1.9727 0.7226-0.8463 0-1.5104-0.2408-1.9922-0.7226-0.4687-0.4948-0.7031-1.0873-0.7031-1.7774z" fill="#000" fill-opacity=".87" style=""/> |
|||
</g><g transform="translate(0,116)" fill="#faa405" style="display: none;" tb:tag="warning"> |
|||
<path d="m38.422 7.1554c1.4741-2.9482 5.6813-2.9482 7.1554 0l35.528 71.056c1.3298 2.6596-0.6042 5.7889-3.5777 5.7889h-71.056c-2.9735 0-4.9075-3.1292-3.5777-5.7889z" fill="#fff" style=""/> |
|||
<path d="m38.422 7.1554c1.4741-2.9482 5.6813-2.9482 7.1554 0l35.528 71.056c1.3298 2.6596-0.6042 5.7889-3.5777 5.7889h-71.056c-2.9735 0-4.9075-3.1292-3.5777-5.7889z" style=""/> |
|||
<path d="m40.211 8.0498c0.7371-1.4741 2.8407-1.4741 3.5778-1e-5l35.528 71.056c0.6649 1.3298-0.3021 2.8944-1.7888 2.8944h-71.056c-1.4868 0-2.4538-1.5646-1.7889-2.8944z" stroke="#000" stroke-opacity=".87" stroke-width="4" style=""/> |
|||
<path d="m44.559 37.562-0.4688 20.059h-4.0234l-0.4883-20.059zm-5.1172 26.211c0-0.7161 0.2344-1.3151 0.7031-1.7968 0.4818-0.4948 1.1459-0.7422 1.9922-0.7422 0.8334 0 1.4909 0.2474 1.9727 0.7422 0.4817 0.4817 0.7226 1.0807 0.7226 1.7968 0 0.6901-0.2409 1.2826-0.7226 1.7774-0.4818 0.4818-1.1393 0.7226-1.9727 0.7226-0.8463 0-1.5104-0.2408-1.9922-0.7226-0.4687-0.4948-0.7031-1.0873-0.7031-1.7774z" fill="#000" fill-opacity=".87" style=""/> |
|||
</g> |
|||
</svg> |
|||
|
After Width: | Height: | Size: 13 KiB |
@ -0,0 +1,20 @@ |
|||
{ |
|||
"widgetsBundle": { |
|||
"alias": "high_performance_scada_oil_gas", |
|||
"title": "High-performance SCADA oil & gas", |
|||
"image": "tb-image:aHBfc2NhZGFfb2lsX2dhc19zeXN0ZW1fYnVuZGxlX2ltYWdlLnBuZw==:IkhpZ2gtcGVyZm9ybWFuY2UgU0NBREEgb2lsICYgZ2FzIiBzeXN0ZW0gYnVuZGxlIGltYWdl:SU1BR0U=;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAACgCAMAAAB+IdObAAAAflBMVEXe3t7b29vf398AAADf39/e3t7e3t7////Gxsapqam5ubnR0NDj4+Otra2hoaHS0tLi4uK4uLjx8fGYmJikpKSdnZ2VlZWWlpbU1NS1tbWnp6eKioqysrLLy8uampra2tqvr6/X19eRkZF+fn7Dw8N1dXW/vr6FhYViYmJwcHCzXr36AAAABnRSTlPvIK8Av79l/pT7AAAI0UlEQVR42uza23LaMBSF4Z5msbyFpOFMAXcg0HT6/i/YGqvdNhBiYXtipf0v7CRX+UaSbWQ+fP745QNS79PHzx8+ps8A8JvxCe+idzCtwpC8Fwj+Q4bWvw0R7oQiJIbTAxAvwOmAIsFgiodYXxxPODecMYmGeD4fAOQoGtCYxEIMgcMQJbEQD5wlCvEYRLEQoig/wCBkMIgiIYKyE+claTBzKxJClO0AegDI8x0GUTREz5NTbvJUR0RwzjjAn1GpQlgcDif4nfiDAZAqBAIc8nBjNyY3ef6MQRR/HzlI7ZI7lCfHaIg5oA5Bu5bZzZaIKh6Cha9BHFq2HN2sb4gjra84rHAreCDKcjUr+n4b8n1WtHKW0LqDSGGwyFFmaOBMLGRv57uM4+moSWNONvuF7RrC8vhsBTBSEJwBEdfXUXRfux+RADIiJM4OSIIQVs8sHUmOiKlBSgd8pGS/2M8zrhutkemY2XyZ7TuGeKlBXHAJ4qN1q9mP+4ofs5WTXq5agipkqePzYLP7kBkiioIQIRrAifouSggCOsN0IaIQxyorJiOrb4uy5StrZFG2WVnTF8QZkAh5NjW4ebbKxqPo1pPdk2paQ7xHaGsAWMTMreXW7ibTUYum3DxtXBcQHRA5H6PmVjbqpKxLCEE9FUliEP49Uc9FNjGIBIdCwHSnFm8cwKQg9PqPXxgEr3ZkB4zp+tgBxNSWif7cDAJx3542nLa4+NrtkugAItefR3TxN4x2tthN1uPQ6G7jP01W2dyxszu7BXELAkIQk7Gh433I0ZaJ6fZZi8RtCEiPagN/aHS4hNSN2rAhwpch1qLasCEEX4JYCuIy4lbfXn+M36ycGHQMEby02K0aG27QbSbjadM7Bzfzhe0YAtYg6oAASGU7iLi8IaoD9OlAJBAUog5AkoHI1cBQHVEQu3nabyacNlsi2W6ebdkhRBe6QtQBIjKxDV4rzB0NtE4goiSFSI131SBf9ChEP+qKwV3IIF+9GWgsIRUHPNFDPUC8oJItDq7iePvX7U0hgmokIALt7b9L9yAEFENo6YwIL34TIk2IQPu796ulOrXC3q/29pethhDvoYV3PBzU3GoIEVRypr73W/TmcysaUjiqe7+hVCBE6OwIkPrfLTqvzxEpHApRSSojEiDBcXv/2qPv2kPoURQcNYhKBH3XHmJQFhw1COSsTAMixUEddQhcKSH6rj3EAlDHBaSUpDEiBCqOS0iQ0KPbeppa6riGBAn6rD3kynENKSWCfmsP4YXjGlJIHoYcs4t+ekQUARF1XENUQjyUrEcXrYmIYiDquIao5Fd797rcJgxEAbjX1UogBBRfErupm16mff8XbO2RWYuDqyCBx+30/EiMmTb6ugtSgYwtJcW2Q0hbUSSJkJ04ECJZO0rJRkE2hJkF4l4EYUMp0Qh5IswMEEPGvQDClAZ5RoglzAwQJpFch3DqRLK/WWsZEslVCFMqRE+4H5ILCSWWDf+OYQu0hDhGCDNh8iEFhRIbvhCCS5HYEiG1IUguRIZn+Cok55crqwm3R/IgRlrq/J3ZXLZW1u2exwnPCmRDROJj4PGB5Io8T3i+LA/CNJQUXFBRyf4syGEM0hFkvoqIpCJyFhxzttaeILNBRGKJ2BEVFsbupktcMwZpHEFyIc7RQGL8Y4GOxZHUW7KIjy3k8yE4NsvGT/bE4kjuraoFBS7kF4GQXR/fNcaRYcqGbJSKH+05EBwbnoUr3EVToxUGF/JLVETmePcCdco0ggv5hSDM67Wxds1MEEcTs79VaxkcWsU+6yg7sbVwIZ8PKQhi5UU2hFmpCeffnIpMg0z9+bYch9SWJEtBmC3z6UtuRar1D30lP9YVQXIgfPXNEcfEK9mdL0ezC868jS+KSJaoiBDYMmX1Fu/9iJvgiNeN9z06yoLEHb4iZPN6a3UugWpacbSstN98pvkgPPqWh4gkBdKVZ4falgKpWbXavzzQghXBhzNRPqWxjo1UbwXCx+1GmmshCD4uC39gSmP5MdccQI46aa5lWotDDUqcm9pYYxClW2muBSoy/kh5Ukm+6VO++Hm8d/jjpf3p9ydD4g6BiGQ6pPPnWqmCHOyyQ3UzQRi3QghKOAHSBPPIEhBLkqIigIhkIoR3/ajbAeTpEvKFZ28tcQhEJNMghWbuIY0uw5m91rqHMAslB1KEDoSgxMV/sOmUuoAoHa61tuoColTH+RDH6BBIIBayiToeVAhRtRaHLlUIUQ8mG2LAARCQRHuLH9UAIlO5nwp1K5CjhLMh4AAISKIV2akAwuW5DnLyrTmAqEMuhMEBEJDEIPsygPgRw7cA0la5FQEHQFDCsStyoxBuL9cqTQhRXT5EHAhBSfy0ZcsBpJHp4wgYh9Q2C+IcOBCCEhO/iyCQmi8ndN2vHEOI+pAFMehACEpc/MqiQJp2DNI2A4jNg6ADISjh+JVFgWjlcxKx8tEDSJcFYXQgBCU2slgEiPzPkHvWrBCDDoSghJMgzWnzGuSQBbEVRSDTJXoA2fbNFKzn6wFklQMxa0qBUGGi04hAlEBgc67WKigNQuYFV60bfcpOha3V9mtgfUrjPZxVkVQIT3xkQ2b2VqvRVHRzSHRGtFuFkUVWG7k2nwLhFEj8SvbTHxyqHd27o2UrktZbrhtxlP0/fqMgmyILYigJEl/JM0iai3bbNuBgyoLwUhByq1JdpNXBZv3UBpvPUo+bV4QpkvWu7BkffsAh8bWntN2B6I4hRHa1b5ibx9WmYK/qx87UrR6ZWW+0JclNWivpSjaz75oPD+L4+sFPxzIJ3q4i+Xepv5yXJKuCIFkQHAtLrP9yTpEKkXBX6YfDLsJIgcBf+bG8mo9YstTMD4HD7JO6mk80iKGFkt9aUyD3VRForSkQlyiZHYJn0EmQxN5aAIIjmQi5n4oMIX9tRUaer66vZkunfCafe4LISKAU8cLcU2tV3Odj+cJ85z7mBpL/H+x41/kPubf8Mx+s++od/RN58+98iPbb13//x2i/ev/67S8YXTU9MiU8PgAAAABJRU5ErkJggg==", |
|||
"scada": true, |
|||
"description": "Bundle with high-performance SCADA symbols for oil and gas system", |
|||
"order": 9405, |
|||
"name": "High-performance SCADA oil & gas" |
|||
}, |
|||
"widgetTypeFqns": [ |
|||
"hp_drilling_rig", |
|||
"hp_hook", |
|||
"hp_rotor", |
|||
"hp_preventer", |
|||
"hp_drill", |
|||
"hp_drilling_line", |
|||
"hp_platform" |
|||
] |
|||
} |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue