361 lines
14 KiB
XML
361 lines
14 KiB
XML
|
|
<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>
|