|
|
|
@ -0,0 +1,377 @@ |
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:tb="https://thingsboard.io/svg" width="800" height="400" fill="none" version="1.1" viewBox="0 0 800 400"><tb:metadata xmlns=""><![CDATA[{ |
|
|
|
"title": "HP Turbine", |
|
|
|
"description": "Turbine with various states.", |
|
|
|
"searchTags": [ |
|
|
|
"extraction" |
|
|
|
], |
|
|
|
"widgetSizeX": 4, |
|
|
|
"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 = '#999';\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, |
|
|
|
"disabled": false, |
|
|
|
"visible": true |
|
|
|
}, |
|
|
|
{ |
|
|
|
"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, |
|
|
|
"disabled": false, |
|
|
|
"visible": true |
|
|
|
}, |
|
|
|
{ |
|
|
|
"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, |
|
|
|
"disabled": false, |
|
|
|
"visible": true |
|
|
|
}, |
|
|
|
{ |
|
|
|
"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, |
|
|
|
"disabled": false, |
|
|
|
"visible": true |
|
|
|
} |
|
|
|
] |
|
|
|
}]]></tb:metadata> |
|
|
|
<g fill="#fff" stroke="#1A1A1A" stroke-width="2" tb:tag="background"> |
|
|
|
<path d="m24 7.458c0-1.4928 1.0864-2.743 2.5495-2.9373 7.9591-1.0573 28.201-3.5206 43.95-3.5206s35.991 2.4633 43.95 3.5206c1.464 0.19436 2.55 1.4446 2.55 2.9373v385.06c0 1.501-1.093 2.755-2.564 2.944-8.156 1.05-29.041 3.535-43.936 3.535s-35.78-2.485-43.936-3.535c-1.4708-0.189-2.5641-1.443-2.5641-2.944v-385.06z"/> |
|
|
|
<path d="M1 16H24V384H1V16Z"/> |
|
|
|
<path d="m117 36h141.26c0.685 0 1.361 0.1404 1.989 0.4125l38.745 16.796c1.828 0.7925 3.011 2.5949 3.011 4.5875v284.41c0 1.993-1.183 3.795-3.011 4.588l-38.745 16.795c-0.628 0.273-1.304 0.413-1.989 0.413h-141.26v-328z"/> |
|
|
|
<rect x="302" y="91" width="321" height="218"/> |
|
|
|
<rect x="334" y="91" width="98" height="218"/> |
|
|
|
<rect x="623" y="59" width="118" height="282"/> |
|
|
|
<rect x="741" y="121" width="41" height="158"/> |
|
|
|
<rect x="782" y="111" width="17" height="178"/> |
|
|
|
</g><g fill="#999" stroke="#1A1A1A" stroke-width="2" tb:tag="secondary-background"> |
|
|
|
<rect x="578" y="91" width="12" height="218"/> |
|
|
|
<rect x="540" y="91" width="12" height="218"/> |
|
|
|
<rect x="502" y="91" width="12" height="218"/> |
|
|
|
<rect x="251" y="36" width="8" height="328"/> |
|
|
|
<rect x="215" y="36" width="8" height="328"/> |
|
|
|
<rect x="179" y="36" width="8" height="328"/> |
|
|
|
<rect x="464" y="91" width="12" height="218"/> |
|
|
|
<rect x="143" y="36" width="8" height="328"/> |
|
|
|
<path d="m196.96 364c-0.419 5.029-4 8.736-9.2 11.449-5.538 2.89-13.138 4.785-21.485 6.04-16.304 2.452-35.811 2.51-49.274 2.511v8.999c15.934-0.021 38.037-0.586 56.285-4.601 9.322-2.05 17.547-4.983 23.419-9.136 5.552-3.927 8.95-8.899 9.271-15.262h-9.016z"/> |
|
|
|
<path d="m785.99 289c-0.236 12.22-4.835 20.271-12.839 25.225-7.92 4.903-19.041 6.687-32.151 6.772v8.998c15.452-0.143 28.851-3.617 38.42-10.434 9.501-6.77 15.301-16.886 15.57-30.561h-9z"/> |
|
|
|
<path d="m785.99 111c-0.236-12.22-4.835-20.271-12.839-25.225-7.92-4.9031-19.041-6.6864-32.151-6.7715v-8.9986c15.452 0.1433 28.851 3.6171 38.42 10.435 9.501 6.7698 15.301 16.886 15.57 30.561h-9z"/> |
|
|
|
<path d="m196.96 36c-0.419-5.0286-4-8.7363-9.2-11.449-5.538-2.8898-13.138-4.7845-21.485-6.0398-16.304-2.4517-35.811-2.5097-49.274-2.5111v-8.9993c15.934 0.02162 38.037 0.58638 56.285 4.6009 9.322 2.0509 17.547 4.9835 23.419 9.1367 5.552 3.9269 8.95 8.8992 9.271 15.262h-9.016z"/> |
|
|
|
</g><path d="m269.05 0s-269.05 0-269.05 67v328.36c0 2.6512 7.1636 4.6404 16 4.6404h768c8.836 0 16-1.9892 16-4.6404v-328.36c0-67-264.28-67-264.28-67h-135.72zm268.28 81.2c-5.1548 0-9.3332 1.2536-9.3332 2.8v300.4c0 1.5464 4.1788 2.8 9.3332 2.8h58.664c5.1548 0 9.3332-1.2536 9.3332-2.8v-300.4c0-1.5464-4.1788-2.8-9.3332-2.8z" fill-opacity="0" tb:tag="clickArea"/><g transform="translate(0,316)" 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 316)" 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> |
ViacheslavKlimov
1 year ago
