Added minimal functionality for Robot teaching
- Added minimal HMI - Added possibility to open and close all chamber doors
This commit is contained in:
@@ -0,0 +1,426 @@
|
||||
{
|
||||
"$schema": "../../TcHmiFramework/Schema/ControlDescription.Schema.json",
|
||||
"apiVersion": 1,
|
||||
"name": "TcHmiEventLine",
|
||||
"namespace": "TcHmi.Controls.Beckhoff",
|
||||
"displayName": "Event Line",
|
||||
"version": {
|
||||
"full": "14.4.1.0",
|
||||
"major": 14,
|
||||
"minor": 4,
|
||||
"build": 1,
|
||||
"revision": 0
|
||||
},
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"base": "TcHmi.Controls.System.TcHmiControl",
|
||||
"description": "A control which displays the last received event.",
|
||||
"defaultDesignerEvent": "",
|
||||
"properties": {
|
||||
"containerControl": false,
|
||||
"geometry": {
|
||||
"width": 560,
|
||||
"height": 40
|
||||
}
|
||||
},
|
||||
"icons": [
|
||||
{
|
||||
"name": "Icons/16x16.png",
|
||||
"width": 16,
|
||||
"height": 16
|
||||
}
|
||||
],
|
||||
"template": "Template.html",
|
||||
"dependencyFiles": [
|
||||
{
|
||||
"name": "../dist/TcHmiEventLine/TcHmiEventLine.esm.js",
|
||||
"type": "EsModule",
|
||||
"description": "Contains all the main logic as ES module."
|
||||
},
|
||||
{
|
||||
"name": "Style.css",
|
||||
"type": "Stylesheet",
|
||||
"description": "Theme independent style"
|
||||
}
|
||||
],
|
||||
"themes": {
|
||||
"Base": {
|
||||
"resources": [
|
||||
{
|
||||
"name": "Themes/Base/Style.css",
|
||||
"type": "Stylesheet",
|
||||
"description": "Theme dependent style"
|
||||
}
|
||||
]
|
||||
},
|
||||
"Base-Dark": {
|
||||
"resources": [
|
||||
{
|
||||
"name": "Themes/Base-Dark/Style.css",
|
||||
"type": "Stylesheet",
|
||||
"description": "Theme dependent style"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"attributes": [
|
||||
{
|
||||
"name": "data-tchmi-message-format",
|
||||
"displayName": "Message Format",
|
||||
"propertyName": "MessageFormat",
|
||||
"propertySetterName": "setMessageFormat",
|
||||
"propertyGetterName": "getMessageFormat",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiEventLine.MessageFormat",
|
||||
"category": "Common",
|
||||
"description": "The parts that form the displayed event message.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": [
|
||||
{
|
||||
"name": "timeRaised"
|
||||
},
|
||||
{
|
||||
"text": " | "
|
||||
},
|
||||
{
|
||||
"name": "domain"
|
||||
},
|
||||
{
|
||||
"text": " | "
|
||||
},
|
||||
{
|
||||
"name": "text"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-target-region",
|
||||
"propertyName": "TargetRegion",
|
||||
"propertySetterName": "setTargetRegion",
|
||||
"propertyGetterName": "getTargetRegion",
|
||||
"displayName": "Target Region",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 15,
|
||||
"type": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiRegion",
|
||||
"category": "Common",
|
||||
"description": "The target region control where content will be displayed on click or touch on the event line control.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null,
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"heritable": true
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-target-content",
|
||||
"propertyName": "TargetContent",
|
||||
"propertySetterName": "setTargetContent",
|
||||
"propertyGetterName": "getTargetContent",
|
||||
"displayName": "Target Content",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 20,
|
||||
"type": "tchmi:framework#/definitions/ContentPath",
|
||||
"category": "Common",
|
||||
"description": "Path to the target content page which will be displayed on click or touch on the event line control.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null,
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"heritable": true
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-filter",
|
||||
"displayName": "Filter",
|
||||
"propertyName": "Filter",
|
||||
"propertySetterName": "setFilter",
|
||||
"propertyGetterName": "getFilter",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 25,
|
||||
"type": "tchmi:server#/definitions/eventFilter",
|
||||
"category": "Common",
|
||||
"description": "The filter the events should match.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": [
|
||||
{
|
||||
"path": "domain",
|
||||
"comparator": "==",
|
||||
"value": "TcHmiEventLogger"
|
||||
},
|
||||
{
|
||||
"logic": "OR"
|
||||
},
|
||||
{
|
||||
"path": "domain",
|
||||
"comparator": "==",
|
||||
"value": "TcHmiAlarm"
|
||||
}
|
||||
],
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-sorting",
|
||||
"displayName": "Sorting",
|
||||
"propertyName": "Sorting",
|
||||
"propertySetterName": "setSorting",
|
||||
"propertyGetterName": "getSorting",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 30,
|
||||
"type": "tchmi:framework#/definitions/Sorting",
|
||||
"category": "Common",
|
||||
"description": "The criteria according to which the events are sorted.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": [
|
||||
{
|
||||
"name": "timeRaised",
|
||||
"order": "Descending"
|
||||
}
|
||||
],
|
||||
"defaultValueInternal": []
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-server-interval",
|
||||
"displayName": "Server Interval",
|
||||
"propertyName": "ServerInterval",
|
||||
"propertySetterName": "setServerInterval",
|
||||
"propertyGetterName": "getServerInterval",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:general#/definitions/Number",
|
||||
"category": "Common",
|
||||
"description": "Sets the interval for the ListEvents subscription in milliseconds. This is quite expensive performance wise, so do not set to a very low value.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": 1000,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-text-color",
|
||||
"propertyName": "TextColor",
|
||||
"propertySetterName": "setTextColor",
|
||||
"propertyGetterName": "getTextColor",
|
||||
"displayName": "Text Color",
|
||||
"visible": true,
|
||||
"type": "tchmi:framework#/definitions/SolidColor",
|
||||
"themeable": "Standard",
|
||||
"category": "Colors",
|
||||
"description": "General text color.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-text-font-family",
|
||||
"propertyName": "TextFontFamily",
|
||||
"propertySetterName": "setTextFontFamily",
|
||||
"propertyGetterName": "getTextFontFamily",
|
||||
"displayName": "Text Font Family",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:framework#/definitions/FontFamily",
|
||||
"category": "Text",
|
||||
"description": "Comma separated list of family name or keyword: 'serif', 'sans-serif', 'monospace'.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-text-font-size",
|
||||
"propertyName": "TextFontSize",
|
||||
"propertySetterName": "setTextFontSize",
|
||||
"propertyGetterName": "getTextFontSize",
|
||||
"displayName": "Text Font Size",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 30,
|
||||
"type": "tchmi:framework#/definitions/MeasurementValue",
|
||||
"category": "Text",
|
||||
"description": "The size of the font. Percent values are relative to the parent elements font size.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-text-font-size-unit",
|
||||
"propertyName": "TextFontSizeUnit",
|
||||
"propertySetterName": "setTextFontSizeUnit",
|
||||
"propertyGetterName": "getTextFontSizeUnit",
|
||||
"refTo": "TextFontSize",
|
||||
"displayName": "Text Font Size Unit",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 30,
|
||||
"type": "tchmi:framework#/definitions/MeasurementUnit",
|
||||
"category": "Text",
|
||||
"description": "Could be 'px' or for relative sizing '%'.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "px"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-text-font-style",
|
||||
"propertyName": "TextFontStyle",
|
||||
"propertySetterName": "setTextFontStyle",
|
||||
"propertyGetterName": "getTextFontStyle",
|
||||
"displayName": "Text Font Style",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:framework#/definitions/FontStyle",
|
||||
"category": "Text",
|
||||
"description": "'Normal', 'Italic' (slanted with special glyphs), 'Oblique' (slanted normal glyphs) or 'Auto' for inherited.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Auto"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-text-font-weight",
|
||||
"propertyName": "TextFontWeight",
|
||||
"propertySetterName": "setTextFontWeight",
|
||||
"propertyGetterName": "getTextFontWeight",
|
||||
"displayName": "Text Font Weight",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:framework#/definitions/FontWeight",
|
||||
"category": "Text",
|
||||
"description": "'Normal', 'Bold' (glyphs with more weight) or 'Auto' for inherited.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Auto"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-ignore-escape-sequences",
|
||||
"propertyName": "IgnoreEscapeSequences",
|
||||
"propertySetterName": "setIgnoreEscapeSequences",
|
||||
"propertyGetterName": "getIgnoreEscapeSequences",
|
||||
"displayName": "Ignore Escape Sequences",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 100,
|
||||
"type": "tchmi:general#/definitions/Boolean",
|
||||
"category": "Text",
|
||||
"description": "When set to true a backslash in an event text will be shown verbatim in the HMI.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": false
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-show-message-if-empty",
|
||||
"propertyName": "ShowMessageIfEmpty",
|
||||
"propertySetterName": "setShowMessageIfEmpty",
|
||||
"propertyGetterName": "getShowMessageIfEmpty",
|
||||
"displayName": "Show Message If Empty",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 70,
|
||||
"type": "tchmi:general#/definitions/Boolean",
|
||||
"category": "Common",
|
||||
"description": "Defines whether a message is shown when the control received no events.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": true
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-text-overflow",
|
||||
"propertyName": "TextOverflow",
|
||||
"propertySetterName": "setTextOverflow",
|
||||
"propertyGetterName": "getTextOverflow",
|
||||
"displayName": "Text Overflow",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiEventLine.TextOverflow",
|
||||
"category": "Text",
|
||||
"description": "Defines how the message is displayed when it overflows the EventLine.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Ellipsis"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-marquee-speed-factor",
|
||||
"propertyName": "MarqueeSpeedFactor",
|
||||
"propertySetterName": "setMarqueeSpeedFactor",
|
||||
"propertyGetterName": "getMarqueeSpeedFactor",
|
||||
"displayName": "Marquee Speed Factor",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 11,
|
||||
"type": "tchmi:framework#/definitions/PositiveNumber",
|
||||
"category": "Text",
|
||||
"description": "Defines a factor for the speed of the scrolling animation. Only matters if TextOverflow is displayed with a marquee.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": 1
|
||||
}
|
||||
],
|
||||
"attributeCategories": [
|
||||
{
|
||||
"name": "Text",
|
||||
"displayPriority": 500,
|
||||
"defaultCollapsed": true,
|
||||
"description": "Attributes defining the text of the control."
|
||||
}
|
||||
],
|
||||
"functions": [],
|
||||
"events": [],
|
||||
"dataTypes": [
|
||||
{
|
||||
"schema": "Schema/Types.Schema.json"
|
||||
}
|
||||
],
|
||||
"languages": {
|
||||
"en": "Lang/Language.en.json",
|
||||
"de": "Lang/Language.de.json"
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 252 B |
@@ -0,0 +1,27 @@
|
||||
{
|
||||
"$schema": "../../../TwinCAT-HMI-Common/JsonSchemas/Language.Schema.json",
|
||||
"locale": "de",
|
||||
"localizedText": {
|
||||
"NoEventsReceived": "Es wurden keine Ereignisse empfangen.",
|
||||
"Browser_Console_Could_Have_More_Information": "Es trat ein Fehler auf während das letzte Ereignis empfangen wurde. Die Browser-Konsole könnte weitere Hinweise enthalten.",
|
||||
"NoElementsDefined": "Bestandteile der Meldung sind undefiniert. Bitte definieren Sie das Attribut 'MessageFormat'.",
|
||||
"Type_Message": "Meldung",
|
||||
"Type_Alarm": "Alarm",
|
||||
"Type_Payload": "Nutzlast",
|
||||
"Severity_Verbose": "Ausführlich",
|
||||
"Severity_Info": "Information",
|
||||
"Severity_Warning": "Warnung",
|
||||
"Severity_Error": "Fehler",
|
||||
"Severity_Critical": "Kritisch",
|
||||
"AlarmState_Raised": "Ausgelöst",
|
||||
"AlarmState_Confirmed": "Quittiert",
|
||||
"AlarmState_Cleared": "Beseitigt",
|
||||
"AlarmState_ClearedAndConfirmed": "Beseitigt und quittiert",
|
||||
"AlarmState_Invalid": "Ungültig",
|
||||
"ConfirmationState_NotSupported": "Nicht unterstützt",
|
||||
"ConfirmationState_NotRequired": "Nicht erforderlich",
|
||||
"ConfirmationState_WaitForConfirmation": "Auf Quittierung wartend",
|
||||
"ConfirmationState_Confirmed": "Quittiert",
|
||||
"ConfirmationState_Reset": "Zurückgesetzt"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
{
|
||||
"$schema": "../../../TwinCAT-HMI-Common/JsonSchemas/Language.Schema.json",
|
||||
"locale": "en",
|
||||
"localizedText": {
|
||||
"NoEventsReceived": "No events received.",
|
||||
"Browser_Console_Could_Have_More_Information": "An error appeared while receiving the last event. The browser console could have some more information.",
|
||||
"NoElementsDefined": "There are no message parts defined to form the message to be displayed. Please define the 'MessageFormat' attribute.",
|
||||
"Type_Message": "Message",
|
||||
"Type_Alarm": "Alarm",
|
||||
"Type_Payload": "Payload",
|
||||
"Severity_Verbose": "Verbose",
|
||||
"Severity_Info": "Information",
|
||||
"Severity_Warning": "Warning",
|
||||
"Severity_Error": "Error",
|
||||
"Severity_Critical": "Critical",
|
||||
"AlarmState_Raised": "Raised",
|
||||
"AlarmState_Confirmed": "Confirmed",
|
||||
"AlarmState_Cleared": "Cleared",
|
||||
"AlarmState_ClearedAndConfirmed": "Cleared and confirmed",
|
||||
"AlarmState_Invalid": "Invalid",
|
||||
"ConfirmationState_NotSupported": "Not supported",
|
||||
"ConfirmationState_NotRequired": "Not required",
|
||||
"ConfirmationState_WaitForConfirmation": "Wait for confirmation",
|
||||
"ConfirmationState_Confirmed": "Confirmed",
|
||||
"ConfirmationState_Reset": "Reset"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,152 @@
|
||||
{
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"definitions": {
|
||||
"TcHmi.Controls.Beckhoff.TcHmiEventLine": {
|
||||
"type": "object",
|
||||
"frameworkInstanceOf": "TcHmi.Controls.System.TcHmiControl",
|
||||
"frameworkControlType": "TcHmiEventLine",
|
||||
"frameworkControlNamespace": "TcHmi.Controls.Beckhoff"
|
||||
},
|
||||
"TcHmiEventLine": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiEventLine"
|
||||
},
|
||||
"TcHmi.Controls.Beckhoff.TcHmiEventLine.MessageFormat": {
|
||||
"title": "MessageFormat",
|
||||
"type": "array",
|
||||
"engineeringColumns": ["title"],
|
||||
"items": {
|
||||
"anyOf": [
|
||||
{
|
||||
"title": "Event Property",
|
||||
"type": "object",
|
||||
"propertiesMeta": [
|
||||
{
|
||||
"name": "name",
|
||||
"displayName": "Name",
|
||||
"category": "General",
|
||||
"displayPriority": 10,
|
||||
"description": "A Part of the displayed message.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "format",
|
||||
"displayName": "Format",
|
||||
"category": "General",
|
||||
"displayPriority": 10,
|
||||
"description": "A reference of function which is called with each entry",
|
||||
"allowedFunctions": {
|
||||
"returnType": "tchmi:general#/definitions/String",
|
||||
"requiredArguments": [
|
||||
{
|
||||
"type": "tchmi:general#/definitions/String",
|
||||
"description": "The message to format."
|
||||
}
|
||||
],
|
||||
"requiredWaitMode": "Synchronous"
|
||||
},
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
}
|
||||
],
|
||||
"properties": {
|
||||
"name": {
|
||||
"type": "string",
|
||||
"enum": [
|
||||
"type",
|
||||
"severity",
|
||||
"alarmState",
|
||||
"confirmationState",
|
||||
"domain",
|
||||
"sourceDomain",
|
||||
"name",
|
||||
"text",
|
||||
"timeReceived",
|
||||
"timeRaised",
|
||||
"timeConfirmed",
|
||||
"timeCleared"
|
||||
]
|
||||
},
|
||||
"format": {
|
||||
"$ref": "tchmi:framework#/definitions/Function"
|
||||
}
|
||||
},
|
||||
"required": ["name"],
|
||||
"additionalProperties": false
|
||||
},
|
||||
{
|
||||
"title": "Event Parameter",
|
||||
"type": "object",
|
||||
"propertiesMeta": [
|
||||
{
|
||||
"name": "name",
|
||||
"displayName": "Name",
|
||||
"category": "General",
|
||||
"displayPriority": 10,
|
||||
"description": "The Path to a property of the received event. Subproperties can be accessed with the '::' seperator.",
|
||||
"defaultValue": "params::",
|
||||
"defaultValueInternal": null
|
||||
}
|
||||
],
|
||||
"properties": {
|
||||
"name": {
|
||||
"type": "string",
|
||||
"pattern": "^params::"
|
||||
}
|
||||
},
|
||||
"required": ["name"],
|
||||
"additionalProperties": false
|
||||
},
|
||||
{
|
||||
"title": "Text",
|
||||
"type": "object",
|
||||
"propertiesMeta": [
|
||||
{
|
||||
"name": "text",
|
||||
"displayName": "Text",
|
||||
"category": "General",
|
||||
"displayPriority": 10,
|
||||
"description": "A custom text displayed in the event message.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "format",
|
||||
"displayName": "Format",
|
||||
"category": "General",
|
||||
"displayPriority": 10,
|
||||
"description": "A reference of function which is called with each entry",
|
||||
"allowedFunctions": {
|
||||
"returnType": "tchmi:general#/definitions/String",
|
||||
"requiredArguments": [
|
||||
{
|
||||
"type": "tchmi:general#/definitions/String",
|
||||
"description": "The message to format."
|
||||
}
|
||||
],
|
||||
"requiredWaitMode": "Synchronous"
|
||||
},
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
}
|
||||
],
|
||||
"properties": {
|
||||
"text": {
|
||||
"type": "string"
|
||||
},
|
||||
"format": {
|
||||
"$ref": "tchmi:framework#/definitions/Function"
|
||||
}
|
||||
},
|
||||
"required": ["text"],
|
||||
"additionalProperties": false
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"TcHmi.Controls.Beckhoff.TcHmiEventLine.TextOverflow": {
|
||||
"type": "string",
|
||||
"enum": ["Ellipsis", "MarqueeLeftToRight", "MarqueeRightToLeft"]
|
||||
}
|
||||
}
|
||||
}
|
||||
83
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiEventLine/Style.css
vendored
Normal file
83
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiEventLine/Style.css
vendored
Normal file
@@ -0,0 +1,83 @@
|
||||
/* General theme independent control css. */
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Template {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Icon {
|
||||
height: 100%;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Message-Container {
|
||||
height: auto;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Message-Container span {
|
||||
white-space: pre;
|
||||
height: 100%;
|
||||
}
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Message-Container.ellipsis span {
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
}
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Message-Container.marquee-left-to-right,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Message-Container.marquee-right-to-left {
|
||||
max-width: 100vw; /* for iOS */
|
||||
overflow: hidden;
|
||||
}
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Message-Container.marquee-left-to-right span,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Message-Container.marquee-right-to-left span {
|
||||
display: inline-block;
|
||||
}
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Message-Container.marquee-left-to-right span {
|
||||
animation: TcHmi_Controls_Beckhoff_TcHmiEventLine-marquee-left-to-right linear infinite;
|
||||
}
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Message-Container.marquee-right-to-left span {
|
||||
animation: TcHmi_Controls_Beckhoff_TcHmiEventLine-marquee-right-to-left linear infinite;
|
||||
float: right;
|
||||
}
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Template:hover
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Message-Container.marquee-left-to-right
|
||||
span,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Template:hover
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Message-Container.marquee-right-to-left
|
||||
span {
|
||||
animation-play-state: paused;
|
||||
}
|
||||
@keyframes TcHmi_Controls_Beckhoff_TcHmiEventLine-marquee-left-to-right {
|
||||
0%,
|
||||
20% {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate3d(calc(-50% + 3px), 0, 0);
|
||||
}
|
||||
}
|
||||
@keyframes TcHmi_Controls_Beckhoff_TcHmiEventLine-marquee-right-to-left {
|
||||
0%,
|
||||
20% {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate3d(calc(50% - 3px), 0, 0);
|
||||
}
|
||||
}
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Button {
|
||||
height: 100%;
|
||||
right: 0;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
@@ -0,0 +1,444 @@
|
||||
// Compatibility file for non-module typescript compiles without adjustments.
|
||||
// Use the following line for modern code (needs adjustments to tsconfig.json#configOptions/paths)
|
||||
// import { TcHmiControl } from "Beckhoff.TwinCAT.HMI.Framework/index.esm.js";
|
||||
// ***************************************************************************
|
||||
|
||||
declare class TcHmiEventLine extends TcHmi.Controls.System.TcHmiControl {
|
||||
#private;
|
||||
/**
|
||||
* Constructor of the control
|
||||
* @param element Element from HTML (internal, do not use)
|
||||
* @param pcElement precompiled Element (internal, do not use)
|
||||
* @param attrs Attributes defined in HTML in a special format (internal, do not use)
|
||||
*/
|
||||
constructor(element: JQuery, pcElement: JQuery, attrs: TcHmi.Controls.ControlAttributeList);
|
||||
/**HTML-ElementTemplate root*/
|
||||
protected __elementTemplateRoot: HTMLElement;
|
||||
/**HTML-ElementTemplate for the severity icon */
|
||||
protected __elementIcon: HTMLElement;
|
||||
/**HTML-ElementTemplate for the message display*/
|
||||
protected __elementMessageContainer: HTMLElement;
|
||||
/**HTML-ElementTemplate for the message display*/
|
||||
protected __elementMessage: HTMLElement;
|
||||
/** The message displayed in the control*/
|
||||
protected __messageContent: string;
|
||||
/**HTML-ElementTemplate for link button*/
|
||||
protected __elementButton: HTMLElement;
|
||||
/** The elements that from the displayed message */
|
||||
protected __messageFormat: MessageFormat | undefined;
|
||||
/**mousedown boolean for the document */
|
||||
protected __mouseDown: boolean;
|
||||
/**text color */
|
||||
protected __textColor: TcHmi.SolidColor | null | undefined;
|
||||
/**text font size */
|
||||
protected __textFontSize: number | undefined;
|
||||
/**text font size unit */
|
||||
protected __textFontSizeUnit: TcHmi.FontSizeUnit | undefined;
|
||||
/**font family of the text*/
|
||||
protected __textFontFamily: TcHmi.FontFamily | null | undefined;
|
||||
/**font style of the text*/
|
||||
protected __textFontStyle: TcHmi.FontStyle | undefined;
|
||||
/**font weight of the text*/
|
||||
protected __textFontWeight: TcHmi.FontWeight | undefined;
|
||||
/**tchmi region to set the target content */
|
||||
protected __targetRegion: TcHmi.Controls.System.TcHmiRegion | null | undefined;
|
||||
/**target content, content to event-page of the application */
|
||||
protected __targetContent: string | null | undefined;
|
||||
/** Internal reference to the attribute "data-tchmi-ignore-escape-sequences" */
|
||||
protected __ignoreEscapeSequences: boolean | undefined;
|
||||
/** Internal reference to the attribute "data-tchmi-show-message-if-empty" */
|
||||
protected __showMessageIfEmpty: boolean | undefined;
|
||||
/**Filter for the displayed Events */
|
||||
protected __filter: TcHmi.Filter | null | undefined;
|
||||
/**The criteria according to which the events are sorted */
|
||||
protected __sorting: TcHmi.SortingInfo[] | undefined;
|
||||
/**Eventlist */
|
||||
protected __event: TcHmi.Server.Events.Message | TcHmi.Server.Events.Alarm | TcHmi.Server.Events.PayloadEvent | undefined;
|
||||
/** The Id of the event subscription*/
|
||||
protected __subscriptionId: number;
|
||||
/**Server Interval */
|
||||
protected __serverInterval: number | null | undefined;
|
||||
/**text overflow*/
|
||||
protected __textOverflow: TextOverflow | undefined;
|
||||
/** factor for the marquee animation speed */
|
||||
protected __marqueeSpeedFactor: number | null | undefined;
|
||||
/** Localization */
|
||||
protected __localizedElements: Map<HTMLElement, {
|
||||
key: string;
|
||||
parameters?: any[];
|
||||
}>;
|
||||
protected __localizationReader: TcHmi.Locale.LocalizationReader | undefined;
|
||||
/**
|
||||
* If raised, the control object exists in control cache and constructor of each inheritation level was called.
|
||||
* This function is only to be used by the System. Other function calls are not intended.
|
||||
*/
|
||||
__previnit(): void;
|
||||
/**
|
||||
* Is called during control initialize phase after attribute setter have been called based on it's default or initial html dom values.
|
||||
* This function is only to be used by the System. Other function calls are not intended.
|
||||
*/
|
||||
__init(): void;
|
||||
/**
|
||||
* Is called by the system after the control instance gets part of the current DOM.
|
||||
* This function is only to be used by the System. Other function calls are not intended.
|
||||
*/
|
||||
__attach(): void;
|
||||
/**
|
||||
* Is called by the system after the control instance is no longer part of the current DOM.
|
||||
* This function is only to be used by the System. Other function calls are not intended.
|
||||
*/
|
||||
__detach(): void;
|
||||
/**
|
||||
* Destroy the current control instance.
|
||||
* Will be called automatically if system destroys control!
|
||||
*/
|
||||
destroy(): void;
|
||||
/** */
|
||||
protected __updateSubscription(): void;
|
||||
/**
|
||||
* Handles the response of the subscription.
|
||||
*/
|
||||
protected __serverResponseHandler(data: TcHmi.Server.IResultObject): void;
|
||||
/**
|
||||
* Update displayed Event
|
||||
*/
|
||||
protected __updateEventLine(): void;
|
||||
/**
|
||||
* Executes the given format function.
|
||||
* @param format The format function to execute.
|
||||
* @param value The value to format.
|
||||
*/
|
||||
private __executeFormatFunction;
|
||||
/**
|
||||
* Set the icon of the EventLine
|
||||
* @param severity
|
||||
*/
|
||||
protected __setIconBySeverity(severity: TcHmi.Server.Events.Severity | null): void;
|
||||
/**
|
||||
* Check if an object is an event property
|
||||
* @param obj Object to check
|
||||
*/
|
||||
protected __isEventProperty(obj: EventProperty | VerbatimText): obj is EventProperty;
|
||||
/**
|
||||
* Check if an object is a verbatim text
|
||||
* @param obj Object to check
|
||||
*/
|
||||
protected __isVerbatimText(obj: EventProperty | VerbatimText): obj is VerbatimText;
|
||||
/**
|
||||
* eventhandler function for onPressed raises logic
|
||||
*/
|
||||
protected __onPressed(_event: TcHmi.EventProvider.Event): void;
|
||||
/**
|
||||
* eventhandler function for mouse up
|
||||
*/
|
||||
protected __onMouseUp(_event: MouseEvent): void;
|
||||
/**
|
||||
* eventhandler function for mouse enter
|
||||
*/
|
||||
protected __onMouseEnter(_event: MouseEvent): void;
|
||||
/**
|
||||
* eventhandler function for mouse down
|
||||
*/
|
||||
protected __onMouseDown(_event: MouseEvent): void;
|
||||
/**
|
||||
* eventhandler function for mouse leave
|
||||
*/
|
||||
protected __onMouseLeave(_event: MouseEvent): void;
|
||||
/**
|
||||
* eventhandler function for touch start
|
||||
*/
|
||||
protected __onTouchStart(_event: TouchEvent): void;
|
||||
/**
|
||||
* eventhandler function for touch start end or cancel
|
||||
*/
|
||||
protected __onTouchEndOrCancel(_event: TouchEvent): void;
|
||||
/**
|
||||
* eventhandler function for mouse down
|
||||
*/
|
||||
protected __onDocumentMouseUp(_event: MouseEvent): void;
|
||||
/**
|
||||
* Event callback for rezise event
|
||||
*/
|
||||
protected __onResized(_event: TcHmi.EventProvider.Event): void;
|
||||
/**
|
||||
* Add an element to be localized.
|
||||
* @param element The element.
|
||||
* @param key The localization key.
|
||||
* @param parameters Optional parameters to pass to tchmi_format_string.
|
||||
*/
|
||||
__addLocalizedElement(element: HTMLElement, key: string, ...parameters: any[]): void;
|
||||
/**
|
||||
* Remove a localized element.
|
||||
* @param element The element to remove.
|
||||
*/
|
||||
__removeLocalizedElement(element: HTMLElement): void;
|
||||
/**
|
||||
* Sets the messageFormat value and calls the associated process function.
|
||||
* @param valueNew The new value for messageFormat.
|
||||
*/
|
||||
setMessageFormat(valueNew: MessageFormat | null): void;
|
||||
/**
|
||||
* The watch callback for the messageFormat object resolver.
|
||||
*/
|
||||
protected __onResolverForMessageFormatWatchCallback(data: TcHmi.Symbol.ObjectResolver.IWatchResultObject<MessageFormat>): void;
|
||||
/**
|
||||
* Returns the current value of messageFormat.
|
||||
*/
|
||||
getMessageFormat(): MessageFormat | undefined;
|
||||
/**
|
||||
* Processes the current messageFormat value.
|
||||
*/
|
||||
protected __processMessageFormat(): void;
|
||||
/**
|
||||
* Sets the serverInterval value and calls the associated process function.
|
||||
* @param valueNew The new value for serverInterval.
|
||||
*/
|
||||
setServerInterval(valueNew: number | null): void;
|
||||
/**
|
||||
* Returns the current value of serverInterval.
|
||||
*/
|
||||
getServerInterval(): number | null | undefined;
|
||||
/**
|
||||
* Processes the current serverInterval value.
|
||||
*/
|
||||
protected __processServerInterval(): void;
|
||||
/**
|
||||
* Sets the filter value and calls the associated process function.
|
||||
* @param valueNew The new value for filter.
|
||||
*/
|
||||
setFilter(valueNew: TcHmi.Filter | null): void;
|
||||
/**
|
||||
* The watch callback for the filter object resolver.
|
||||
*/
|
||||
protected __onResolverForFilterWatchCallback(data: TcHmi.Symbol.ObjectResolver.IWatchResultObject<TcHmi.Filter>): void;
|
||||
/**
|
||||
* Returns the current value of filter.
|
||||
* @returns the current value of filter.
|
||||
*/
|
||||
getFilter(): TcHmi.Filter | null | undefined;
|
||||
/**
|
||||
* Processes the current filter value.
|
||||
*/
|
||||
protected __processFilter(): void;
|
||||
/**
|
||||
* Sets the value of the member variable "sorting" if the new value is not equal to the current value
|
||||
* and calls the associated process function (processSorting) after that.
|
||||
* @param valueNew The new value for sorting.
|
||||
*/
|
||||
setSorting(valueNew: TcHmi.SortingInfo[] | null): void;
|
||||
/**
|
||||
* The watch callback for the sorting object resolver
|
||||
*/
|
||||
protected __onResolverForSortingWatchCallback(data: TcHmi.Symbol.ObjectResolver.IWatchResultObject<TcHmi.SortingInfo[]>): void;
|
||||
/**
|
||||
* Returns the current value of the member variable sorting.
|
||||
*/
|
||||
getSorting(): TcHmi.SortingInfo[] | undefined;
|
||||
/**
|
||||
* Processes the current value of sorting.
|
||||
*/
|
||||
protected __processSorting(): void;
|
||||
/**
|
||||
* Sets the content value and calls the associated process function (processContent).
|
||||
* @param valueNew The new value for the target region attribute
|
||||
*
|
||||
*/
|
||||
setTargetRegion(valueNew: TcHmi.Controls.System.TcHmiRegion | null): void;
|
||||
/**
|
||||
* Returns the current targetRegion value.
|
||||
* @returns The current value of the content member variable as string. Relative path value.
|
||||
*/
|
||||
getTargetRegion(): TcHmi.Controls.System.TcHmiRegion | null | undefined;
|
||||
/**
|
||||
* Processes the current TargetContent attribute value.
|
||||
*/
|
||||
protected __processTargetRegion(): void;
|
||||
/**
|
||||
* Sets the content value and calls the associated process function (processContent).
|
||||
* @param valueNew The new value for the content attribute as string. Relative path value.
|
||||
*
|
||||
*/
|
||||
setTargetContent(valueNew: string | null): void;
|
||||
/**
|
||||
* Returns the current TargetContent value.
|
||||
* @returns The current value of the content member variable as string. Relative path value.
|
||||
*/
|
||||
getTargetContent(): string | null | undefined;
|
||||
/**
|
||||
* Processes the current TargetContent attribute value.
|
||||
*/
|
||||
protected __processTargetContent(): void;
|
||||
/**
|
||||
* Sets the text color and calls the associated process function (processTextColor).
|
||||
* @param valueNew The new value for textFColor.
|
||||
*/
|
||||
setTextColor(valueNew: TcHmi.SolidColor | null): void;
|
||||
/**
|
||||
* The watch callback for the textColor object resolver.
|
||||
*/
|
||||
protected __onResolverForTextColorWatchCallback(data: TcHmi.Symbol.ObjectResolver.IWatchResultObject<TcHmi.SolidColor>): void;
|
||||
/**
|
||||
* Returns the current value of textColor.
|
||||
* @returns The current value of textColor.
|
||||
*/
|
||||
getTextColor(): TcHmi.SolidColor | null | undefined;
|
||||
/**
|
||||
* Processes the current textColor attribute value.
|
||||
*/
|
||||
protected __processTextColor(): void;
|
||||
/**
|
||||
* Sets the font size and calls the associated process function (processTextFontSize).
|
||||
* @param valueNew The new value for textFontSize.
|
||||
*/
|
||||
setTextFontSize(valueNew: number | null): void;
|
||||
/**
|
||||
* Returns the current value of textFontSize.
|
||||
* @returns The current value of textFontSize.
|
||||
*/
|
||||
getTextFontSize(): number | undefined;
|
||||
/**
|
||||
* Processes the current textFontSize attribute value.
|
||||
*/
|
||||
protected __processTextFontSize(): void;
|
||||
/**
|
||||
* Sets the font size unit and calls the associated process function (processTextFontSizeUnit).
|
||||
* @param valueNew The new value for textFontSizeUnit.
|
||||
*/
|
||||
setTextFontSizeUnit(valueNew: TcHmi.FontSizeUnit | null): void;
|
||||
/**
|
||||
* Returns the current value of textFontSizeUnit.
|
||||
* @returns The current value of textFontSizeUnit.
|
||||
*/
|
||||
getTextFontSizeUnit(): TcHmi.FontSizeUnit | undefined;
|
||||
/**
|
||||
* Processes the current textFontSizeUnit attribute value.
|
||||
*/
|
||||
protected __processTextFontSizeUnit(): void;
|
||||
/**
|
||||
* Sets the font family and calls the associated process function (processTextFontFamily).
|
||||
* @param valueNew The new value for textFontFamily.
|
||||
*/
|
||||
setTextFontFamily(valueNew: TcHmi.FontFamily | null): void;
|
||||
/**
|
||||
* Returns the current value of textFontFamily.
|
||||
* @returns The current value of textFontFamily.
|
||||
*/
|
||||
getTextFontFamily(): string | null | undefined;
|
||||
/**
|
||||
* Processes the current textFontFamily attribute value.
|
||||
*/
|
||||
protected __processTextFontFamily(): void;
|
||||
/**
|
||||
* Sets the font style and calls the associated process function (processTextFontStyle).
|
||||
* @param valueNew The new value for textFontStyle.
|
||||
*/
|
||||
setTextFontStyle(valueNew: TcHmi.FontStyle | null): void;
|
||||
/**
|
||||
* Returns the current value of textFontStyle.
|
||||
* @returns The current value of textFontStyle.
|
||||
*/
|
||||
getTextFontStyle(): TcHmi.FontStyle | undefined;
|
||||
/**
|
||||
* Processes the current textFontStyle attribute value.
|
||||
*/
|
||||
protected __processTextFontStyle(): void;
|
||||
/**
|
||||
* Sets the font weight and calls the associated process function (processTextFontWeight).
|
||||
* @param valueNew The new value for textFontWeight.
|
||||
*/
|
||||
setTextFontWeight(valueNew: TcHmi.FontWeight | null): void;
|
||||
/**
|
||||
* Returns the current value of textFontWeight.
|
||||
* @returns The current value of textFontWeight.
|
||||
*/
|
||||
getTextFontWeight(): TcHmi.FontWeight | undefined;
|
||||
/**
|
||||
* Processes the current textFontWeight attribute value.
|
||||
*/
|
||||
protected __processTextFontWeight(): void;
|
||||
/**
|
||||
* Sets the value of the member variable IgnoreEscapeSequences.
|
||||
* @param valueNew The new value for IgnoreEscapeSequences
|
||||
*/
|
||||
setIgnoreEscapeSequences(valueNew: boolean | null | undefined): void;
|
||||
/**
|
||||
* Returns the current value of IgnoreEscapeSequences.
|
||||
* @returns The current value of IgnoreEscapeSequences.
|
||||
*/
|
||||
getIgnoreEscapeSequences(): boolean | undefined;
|
||||
/**
|
||||
* Processes the current IgnoreEscapeSequences value.
|
||||
*/
|
||||
protected __processIgnoreEscapeSequences(): void;
|
||||
/**
|
||||
* Sets the value of the member variable ShowMessageIfEmpty.
|
||||
* @param valueNew The new value for ShowMessageIfEmpty
|
||||
*/
|
||||
setShowMessageIfEmpty(valueNew: boolean | null | undefined): void;
|
||||
/**
|
||||
* Returns the current value of ShowMessageIfEmpty.
|
||||
* @returns The current value of ShowMessageIfEmpty.
|
||||
*/
|
||||
getShowMessageIfEmpty(): boolean | undefined;
|
||||
/**
|
||||
* Processes the current ShowMessageIfEmpty value.
|
||||
*/
|
||||
protected __processShowMessageIfEmpty(): void;
|
||||
/**
|
||||
* Sets the value of the member variable TextOverflow.
|
||||
* @param valueNew The new value for TextOverflow
|
||||
*/
|
||||
setTextOverflow(valueNew: TextOverflow | null | undefined): void;
|
||||
/**
|
||||
* Returns the current value of TextOverflow.
|
||||
* @returns The current value of TextOverflow.
|
||||
*/
|
||||
getTextOverflow(): TextOverflow | undefined;
|
||||
/**
|
||||
* Processes the current TextOverflow value.
|
||||
*/
|
||||
protected __processTextOverflow(): void;
|
||||
/**
|
||||
* Sets the value of the member variable MarqueeSpeedFactor.
|
||||
* @param valueNew The new value for MarqueeSpeedFactor
|
||||
*/
|
||||
setMarqueeSpeedFactor(valueNew: number | null | undefined): void;
|
||||
/**
|
||||
* Returns the current value of MarqueeSpeedFactor.
|
||||
* @returns The current value of MarqueeSpeedFactor.
|
||||
*/
|
||||
getMarqueeSpeedFactor(): number | null | undefined;
|
||||
/**
|
||||
* Processes the current MarqueeSpeedFactor value.
|
||||
*/
|
||||
protected __processMarqueeSpeedFactor(): void;
|
||||
}
|
||||
export interface EventProperty {
|
||||
name: string;
|
||||
format?: TcHmi.IFunction<string>;
|
||||
}
|
||||
export interface VerbatimText {
|
||||
text: string;
|
||||
format?: TcHmi.IFunction<string>;
|
||||
}
|
||||
export type MessageFormat = (EventProperty | VerbatimText)[];
|
||||
export type TextOverflow = 'Ellipsis' | 'MarqueeLeftToRight' | 'MarqueeRightToLeft';
|
||||
export { TcHmiEventLine as Control };
|
||||
declare const _TcHmiEventLine: typeof TcHmiEventLine;
|
||||
type tTcHmiEventLine = TcHmiEventLine;
|
||||
type tEventProperty = EventProperty;
|
||||
type tVerbatimText = VerbatimText;
|
||||
type tMessageFormat = MessageFormat;
|
||||
type tTextOverflow = TextOverflow;
|
||||
declare global {
|
||||
namespace TcHmi.Controls.Beckhoff {
|
||||
const TcHmiEventLine: typeof _TcHmiEventLine;
|
||||
type TcHmiEventLine = tTcHmiEventLine;
|
||||
namespace TcHmiEventLine {
|
||||
type EventProperty = tEventProperty;
|
||||
type VerbatimText = tVerbatimText;
|
||||
type MessageFormat = tMessageFormat;
|
||||
type TextOverflow = tTextOverflow;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
<div class="TcHmi_Controls_Beckhoff_TcHmiEventLine-Template tchmi-box">
|
||||
<div class="TcHmi_Controls_Beckhoff_TcHmiEventLine-Icon"></div>
|
||||
<div class="TcHmi_Controls_Beckhoff_TcHmiEventLine-Message-Container">
|
||||
<span class="TcHmi_Controls_Beckhoff_TcHmiEventLine-Message"></span>
|
||||
</div>
|
||||
<div class="TcHmi_Controls_Beckhoff_TcHmiEventLine-Button tchmi-box"></div>
|
||||
</div>
|
||||
@@ -0,0 +1,19 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="80px" height="80px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>critical bg less</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="critical-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="backgrounds"></g>
|
||||
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#E30613">
|
||||
<g id="normal">
|
||||
<g id="icon-base">
|
||||
<path d="M10.0002358,0.943373977 C5.0064857,0.943373977 0.943373977,5.00601401 0.943373977,10.0002358 C0.943373977,14.993986 5.0064857,19.056626 10.0002358,19.056626 C14.993986,19.056626 19.0570977,14.993986 19.0570977,10.0002358 C19.0570977,5.00601401 14.993986,0.943373977 10.0002358,0.943373977 M10.0002358,20 C4.48621495,20 0,15.5142567 0,10.0002358 C0,4.48621495 4.48621495,0 10.0002358,0 C15.5142567,0 20.0004717,4.48621495 20.0004717,10.0002358 C20.0004717,15.5142567 15.5142567,20 10.0002358,20" id="Fill-1"></path>
|
||||
<path d="M14.5877475,15.1804446 C14.4360791,15.1804446 14.2844107,15.1223841 14.1688821,15.0068554 L5.17364299,6.01102388 C4.94258567,5.77996656 4.94258567,5.40494276 5.17364299,5.17329299 C5.40529276,4.94223567 5.78031656,4.94223567 6.01137388,5.17329299 L15.006613,14.1691245 C15.2382627,14.4007743 15.2382627,14.7752057 15.006613,15.0068554 C14.8910843,15.1223841 14.7394159,15.1804446 14.5877475,15.1804446" id="Fill-1"></path>
|
||||
<path d="M5.59260277,15.1804446 C5.44093438,15.1804446 5.28926599,15.1223841 5.17373733,15.0068554 C4.94208756,14.7752057 4.94208756,14.4007743 5.17373733,14.1691245 L14.1689764,5.17329299 C14.4000337,4.94223567 14.7750575,4.94223567 15.0067073,5.17329299 C15.2377646,5.40494276 15.2377646,5.77996656 15.0067073,6.01102388 L6.01146822,15.0068554 C5.89593956,15.1223841 5.74427117,15.1804446 5.59260277,15.1804446" id="Fill-3"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
@@ -0,0 +1,18 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="80px" height="80px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>error bg less</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="error-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="backgrounds"></g>
|
||||
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#E40E1B">
|
||||
<g id="normal">
|
||||
<g id="icon-base">
|
||||
<path d="M10.0002358,0.943373977 C5.0064857,0.943373977 0.943373977,5.00601401 0.943373977,10.0002358 C0.943373977,14.993986 5.0064857,19.056626 10.0002358,19.056626 C14.993986,19.056626 19.0570977,14.993986 19.0570977,10.0002358 C19.0570977,5.00601401 14.993986,0.943373977 10.0002358,0.943373977 M10.0002358,20 C4.48621495,20 0,15.5142567 0,10.0002358 C0,4.48621495 4.48621495,0 10.0002358,0 C15.5142567,0 20.0004717,4.48621495 20.0004717,10.0002358 C20.0004717,15.5142567 15.5142567,20 10.0002358,20" id="Fill-1"></path>
|
||||
<path d="M11.0395723,10.4157806 C11.0076728,10.7055341 10.9471967,10.6231271 10.7185839,10.6231271 L9.85131706,10.6231271 C9.62403335,10.6231271 9.56222813,10.7055341 9.53232238,10.4157806 L9.19737796,4.51105607 C9.18275737,4.25253746 9.18275737,4.29374094 9.18275737,4.20402368 C9.18275737,4.00465201 9.33361527,4 9.45589657,4 L11.0840986,4 C11.2063799,4 11.3878081,4.02857661 11.3878081,4.22595457 C11.3878081,4.31766554 11.3878081,4.23791687 11.3731875,4.49710005 L11.0395723,10.4157806 Z M10.292593,15 C9.56222813,15 9,14.4072015 9,13.7246858 C9,12.9923272 9.56222813,12.4281054 10.292593,12.4281054 C11.0076728,12.4281054 11.5718946,13.0069478 11.5718946,13.7246858 C11.5718946,14.4072015 10.9923876,15 10.292593,15 Z" id="Fill-4"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
@@ -0,0 +1,11 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="30px" height="30px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve">
|
||||
|
||||
<g id="pfade">
|
||||
<polyline fill="none" stroke="#ffffff" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
|
||||
12,6.75 20,15 12,23.25 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 677 B |
@@ -0,0 +1,11 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="30px" height="30px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve">
|
||||
|
||||
<g id="pfade">
|
||||
<polyline fill="none" stroke="#ffffff" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
|
||||
12,6.75 20,15 12,23.25 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 677 B |
@@ -0,0 +1,22 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="80px" height="80px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>info bg less</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="info-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="backgrounds"></g>
|
||||
<g id="icon-status" transform="translate(8.000000, 5.000000)" fill="#ffffff">
|
||||
<g id="normal">
|
||||
<g id="icon-base">
|
||||
<path d="M0.9375,18.6945938 L13.9945312,18.6945938 L13.9945312,4.47740625 L10.3954687,0.93740625 L0.9375,0.93740625 L0.9375,18.6945938 Z M14.4632812,19.6320938 L0.46875,19.6320938 C0.21,19.6320938 0,19.4220938 0,19.1633438 L0,0.46865625 C0,0.20990625 0.21,-9.375e-05 0.46875,-9.375e-05 L10.5871875,-9.375e-05 C10.71,-9.375e-05 10.828125,0.0481875 10.9157812,0.1344375 L14.7923438,3.94678125 C14.881875,4.03490625 14.9320312,4.155375 14.9320312,4.281 L14.9320312,19.1633438 C14.9320312,19.4220938 14.7225,19.6320938 14.4632812,19.6320938 Z" id="Fill-1"></path>
|
||||
<path d="M14.4635156,4.74975 L10.5869531,4.74975 C10.3282031,4.74975 10.1182031,4.53975 10.1182031,4.281 L10.1182031,0.46865625 C10.1182031,0.20990625 10.3282031,-9.375e-05 10.5869531,-9.375e-05 C10.8461719,-9.375e-05 11.0557031,0.20990625 11.0557031,0.46865625 L11.0557031,3.81225 L14.4635156,3.81225 C14.7222656,3.81225 14.9322656,4.02225 14.9322656,4.281 C14.9322656,4.53975 14.7222656,4.74975 14.4635156,4.74975" id="Fill-3"></path>
|
||||
<rect id="Rectangle" x="7" y="9" width="1" height="7"></rect>
|
||||
<rect id="Rectangle-Copy-3" x="6" y="6" width="2" height="2"></rect>
|
||||
<rect id="Rectangle-Copy" transform="translate(7.500000, 15.500000) rotate(-270.000000) translate(-7.500000, -15.500000) " x="7" y="13" width="1" height="5"></rect>
|
||||
<rect id="Rectangle-Copy-2" transform="translate(6.500000, 9.500000) rotate(-270.000000) translate(-6.500000, -9.500000) " x="6" y="8" width="1" height="3"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
@@ -0,0 +1,21 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="80px" height="80px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>verbose bg less</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="verbose-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="backgrounds"></g>
|
||||
<g id="icon-status" transform="translate(8.000000, 5.000000)" fill="#ffffff">
|
||||
<g id="normal">
|
||||
<g id="icon-base">
|
||||
<path d="M0.9375,18.6945938 L13.9945312,18.6945938 L13.9945312,4.47740625 L10.3954687,0.93740625 L0.9375,0.93740625 L0.9375,18.6945938 Z M14.4632812,19.6320938 L0.46875,19.6320938 C0.21,19.6320938 0,19.4220938 0,19.1633438 L0,0.46865625 C0,0.20990625 0.21,-9.375e-05 0.46875,-9.375e-05 L10.5871875,-9.375e-05 C10.71,-9.375e-05 10.828125,0.0481875 10.9157812,0.1344375 L14.7923438,3.94678125 C14.881875,4.03490625 14.9320312,4.155375 14.9320312,4.281 L14.9320312,19.1633438 C14.9320312,19.4220938 14.7225,19.6320938 14.4632812,19.6320938 Z" id="Fill-1"></path>
|
||||
<path d="M14.4635156,4.74975 L10.5869531,4.74975 C10.3282031,4.74975 10.1182031,4.53975 10.1182031,4.281 L10.1182031,0.46865625 C10.1182031,0.20990625 10.3282031,-9.375e-05 10.5869531,-9.375e-05 C10.8461719,-9.375e-05 11.0557031,0.20990625 11.0557031,0.46865625 L11.0557031,3.81225 L14.4635156,3.81225 C14.7222656,3.81225 14.9322656,4.02225 14.9322656,4.281 C14.9322656,4.53975 14.7222656,4.74975 14.4635156,4.74975" id="Fill-3"></path>
|
||||
<path d="M10.812375,10.4006406 L4.1195625,10.4006406 C3.9901875,10.4006406 3.8851875,10.1766406 3.8851875,9.90064062 C3.8851875,9.62464062 3.9901875,9.40064062 4.1195625,9.40064062 L10.812375,9.40064062 C10.94175,9.40064062 11.04675,9.62464062 11.04675,9.90064062 C11.04675,10.1766406 10.94175,10.4006406 10.812375,10.4006406" id="Fill-6"></path>
|
||||
<path d="M10.7473594,7.30201563 L4.18485937,7.30201563 C4.05548437,7.30201563 3.95048437,7.07801563 3.95048437,6.80201563 C3.95048437,6.52601563 4.05548437,6.30201563 4.18485937,6.30201563 L10.7473594,6.30201563 C10.8767344,6.30201563 10.9817344,6.52601563 10.9817344,6.80201563 C10.9817344,7.07801563 10.8767344,7.30201563 10.7473594,7.30201563" id="Fill-8"></path>
|
||||
<path d="M10.7461512,13.3957656 L4.18481772,13.3957656 C4.05546571,13.3957656 3.95048437,13.1717656 3.95048437,12.8957656 C3.95048437,12.6197656 4.05546571,12.3957656 4.18481772,12.3957656 L10.7461512,12.3957656 C10.8755032,12.3957656 10.9804846,12.6197656 10.9804846,12.8957656 C10.9804846,13.1717656 10.8755032,13.3957656 10.7461512,13.3957656" id="Fill-10"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.8 KiB |
@@ -0,0 +1,20 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
|
||||
<path fill="none" stroke="#1A171B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
|
||||
M44.532,59.876"/>
|
||||
<g>
|
||||
|
||||
<polygon fill="none" stroke="#F39200" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
|
||||
64.432,61.593 13.874,61.593 39.243,18.619 "/>
|
||||
<g>
|
||||
<path fill="#F39200" d="M39.153,54.644c-1.387,0-2.455-1.126-2.455-2.424c0-1.387,1.068-2.457,2.455-2.457
|
||||
c1.357,0,2.427,1.098,2.427,2.457C41.58,53.518,40.482,54.644,39.153,54.644z M40.569,46.071
|
||||
c-0.059,0.548-0.174,0.522-0.606,0.522h-1.646c-0.434,0-0.55,0.026-0.606-0.522l-0.637-11.27
|
||||
c-0.028-0.491-0.028-0.533-0.028-0.703c0-0.379,0.287-0.505,0.519-0.505h3.091c0.231,0,0.577,0.14,0.577,0.516
|
||||
c0,0.172,0,0.129-0.028,0.621L40.569,46.071z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
@@ -0,0 +1,68 @@
|
||||
/* Theme depended control css. */
|
||||
/*Base-Dark Theme*/
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine {
|
||||
--tchmi-text-color: var(--tchmi-foreground-color-1);
|
||||
--tchmi-text-color-pressed: var(--tchmi-foreground-color-1);
|
||||
--tchmi-background: var(--tchmi-background-color-1);
|
||||
--tchmi-background-pressed: var(--tchmi-background-color-1);
|
||||
--tchmi-icon-size: 40px;
|
||||
background: var(--tchmi-background);
|
||||
box-shadow: var(--tchmi-card-shadow);
|
||||
color: var(--tchmi-text-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine .TcHmi_Controls_Beckhoff_TcHmiEventLine-Button {
|
||||
flex-basis: var(--tchmi-icon-size);
|
||||
font-size: var(--tchmi-button-font-size);
|
||||
background-image: url(Images/icons_next_normal.svg);
|
||||
background-size: var(--tchmi-icon-size) var(--tchmi-icon-size);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
background-color: var(--tchmi-highlight-button-background);
|
||||
color: var(--tchmi-highlight-button-text-color);
|
||||
border: var(--tchmi-highlight-button-border);
|
||||
box-shadow: var(--tchmi-highlight-button-shadow);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine.down {
|
||||
background: var(--tchmi-background-pressed);
|
||||
color: var(--tchmi-text-color-pressed);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine.down .TcHmi_Controls_Beckhoff_TcHmiEventLine-Button {
|
||||
background-image: url(Images/icons_next_pressed.svg);
|
||||
background-color: var(--tchmi-highlight-button-background-pressed);
|
||||
color: var(--tchmi-highlight-button-text-color-pressed);
|
||||
border: var(--tchmi-highlight-button-border-pressed);
|
||||
box-shadow: var(--tchmi-highlight-button-shadow-pressed);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Icon {
|
||||
flex-basis: var(--tchmi-icon-size);
|
||||
background-size: var(--tchmi-icon-size) var(--tchmi-icon-size);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Message {
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
/* Icons */
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Icon.severity-critical {
|
||||
background-image: url('Images/critical.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Icon.severity-error {
|
||||
background-image: url('Images/error.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Icon.severity-info {
|
||||
background-image: url('Images/info.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Icon.severity-verbose {
|
||||
background-image: url('Images/verbose.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Icon.severity-warning {
|
||||
background-image: url('Images/warning.svg');
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="80px" height="80px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>critical bg less</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="critical-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="backgrounds"></g>
|
||||
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#E30613">
|
||||
<g id="normal">
|
||||
<g id="icon-base">
|
||||
<path d="M10.0002358,0.943373977 C5.0064857,0.943373977 0.943373977,5.00601401 0.943373977,10.0002358 C0.943373977,14.993986 5.0064857,19.056626 10.0002358,19.056626 C14.993986,19.056626 19.0570977,14.993986 19.0570977,10.0002358 C19.0570977,5.00601401 14.993986,0.943373977 10.0002358,0.943373977 M10.0002358,20 C4.48621495,20 0,15.5142567 0,10.0002358 C0,4.48621495 4.48621495,0 10.0002358,0 C15.5142567,0 20.0004717,4.48621495 20.0004717,10.0002358 C20.0004717,15.5142567 15.5142567,20 10.0002358,20" id="Fill-1"></path>
|
||||
<path d="M14.5877475,15.1804446 C14.4360791,15.1804446 14.2844107,15.1223841 14.1688821,15.0068554 L5.17364299,6.01102388 C4.94258567,5.77996656 4.94258567,5.40494276 5.17364299,5.17329299 C5.40529276,4.94223567 5.78031656,4.94223567 6.01137388,5.17329299 L15.006613,14.1691245 C15.2382627,14.4007743 15.2382627,14.7752057 15.006613,15.0068554 C14.8910843,15.1223841 14.7394159,15.1804446 14.5877475,15.1804446" id="Fill-1"></path>
|
||||
<path d="M5.59260277,15.1804446 C5.44093438,15.1804446 5.28926599,15.1223841 5.17373733,15.0068554 C4.94208756,14.7752057 4.94208756,14.4007743 5.17373733,14.1691245 L14.1689764,5.17329299 C14.4000337,4.94223567 14.7750575,4.94223567 15.0067073,5.17329299 C15.2377646,5.40494276 15.2377646,5.77996656 15.0067073,6.01102388 L6.01146822,15.0068554 C5.89593956,15.1223841 5.74427117,15.1804446 5.59260277,15.1804446" id="Fill-3"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
@@ -0,0 +1,18 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="80px" height="80px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>error bg less</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="error-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="backgrounds"></g>
|
||||
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#E40E1B">
|
||||
<g id="normal">
|
||||
<g id="icon-base">
|
||||
<path d="M10.0002358,0.943373977 C5.0064857,0.943373977 0.943373977,5.00601401 0.943373977,10.0002358 C0.943373977,14.993986 5.0064857,19.056626 10.0002358,19.056626 C14.993986,19.056626 19.0570977,14.993986 19.0570977,10.0002358 C19.0570977,5.00601401 14.993986,0.943373977 10.0002358,0.943373977 M10.0002358,20 C4.48621495,20 0,15.5142567 0,10.0002358 C0,4.48621495 4.48621495,0 10.0002358,0 C15.5142567,0 20.0004717,4.48621495 20.0004717,10.0002358 C20.0004717,15.5142567 15.5142567,20 10.0002358,20" id="Fill-1"></path>
|
||||
<path d="M11.0395723,10.4157806 C11.0076728,10.7055341 10.9471967,10.6231271 10.7185839,10.6231271 L9.85131706,10.6231271 C9.62403335,10.6231271 9.56222813,10.7055341 9.53232238,10.4157806 L9.19737796,4.51105607 C9.18275737,4.25253746 9.18275737,4.29374094 9.18275737,4.20402368 C9.18275737,4.00465201 9.33361527,4 9.45589657,4 L11.0840986,4 C11.2063799,4 11.3878081,4.02857661 11.3878081,4.22595457 C11.3878081,4.31766554 11.3878081,4.23791687 11.3731875,4.49710005 L11.0395723,10.4157806 Z M10.292593,15 C9.56222813,15 9,14.4072015 9,13.7246858 C9,12.9923272 9.56222813,12.4281054 10.292593,12.4281054 C11.0076728,12.4281054 11.5718946,13.0069478 11.5718946,13.7246858 C11.5718946,14.4072015 10.9923876,15 10.292593,15 Z" id="Fill-4"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
@@ -0,0 +1,10 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="30px" height="30px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve">
|
||||
<g id="pfade">
|
||||
<polyline fill="none" stroke="#ffffff" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
|
||||
12,6.75 20,15 12,23.25 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 672 B |
@@ -0,0 +1,10 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="30px" height="30px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve">
|
||||
<g id="pfade">
|
||||
<polyline fill="none" stroke="#ffffff" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
|
||||
12,6.75 20,15 12,23.25 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 672 B |
@@ -0,0 +1,22 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="80px" height="80px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>info bg less</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="info-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="backgrounds"></g>
|
||||
<g id="icon-status" transform="translate(8.000000, 5.000000)" fill="#4794DA">
|
||||
<g id="normal">
|
||||
<g id="icon-base">
|
||||
<path d="M0.9375,18.6945938 L13.9945312,18.6945938 L13.9945312,4.47740625 L10.3954687,0.93740625 L0.9375,0.93740625 L0.9375,18.6945938 Z M14.4632812,19.6320938 L0.46875,19.6320938 C0.21,19.6320938 0,19.4220938 0,19.1633438 L0,0.46865625 C0,0.20990625 0.21,-9.375e-05 0.46875,-9.375e-05 L10.5871875,-9.375e-05 C10.71,-9.375e-05 10.828125,0.0481875 10.9157812,0.1344375 L14.7923438,3.94678125 C14.881875,4.03490625 14.9320312,4.155375 14.9320312,4.281 L14.9320312,19.1633438 C14.9320312,19.4220938 14.7225,19.6320938 14.4632812,19.6320938 Z" id="Fill-1"></path>
|
||||
<path d="M14.4635156,4.74975 L10.5869531,4.74975 C10.3282031,4.74975 10.1182031,4.53975 10.1182031,4.281 L10.1182031,0.46865625 C10.1182031,0.20990625 10.3282031,-9.375e-05 10.5869531,-9.375e-05 C10.8461719,-9.375e-05 11.0557031,0.20990625 11.0557031,0.46865625 L11.0557031,3.81225 L14.4635156,3.81225 C14.7222656,3.81225 14.9322656,4.02225 14.9322656,4.281 C14.9322656,4.53975 14.7222656,4.74975 14.4635156,4.74975" id="Fill-3"></path>
|
||||
<rect id="Rectangle" x="7" y="9" width="1" height="7"></rect>
|
||||
<rect id="Rectangle-Copy-3" x="6" y="6" width="2" height="2"></rect>
|
||||
<rect id="Rectangle-Copy" transform="translate(7.500000, 15.500000) rotate(-270.000000) translate(-7.500000, -15.500000) " x="7" y="13" width="1" height="5"></rect>
|
||||
<rect id="Rectangle-Copy-2" transform="translate(6.500000, 9.500000) rotate(-270.000000) translate(-6.500000, -9.500000) " x="6" y="8" width="1" height="3"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
@@ -0,0 +1,21 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="80px" height="80px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>verbose bg less</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="verbose-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="backgrounds"></g>
|
||||
<g id="icon-status" transform="translate(8.000000, 5.000000)" fill="#4794DA">
|
||||
<g id="normal">
|
||||
<g id="icon-base">
|
||||
<path d="M0.9375,18.6945938 L13.9945312,18.6945938 L13.9945312,4.47740625 L10.3954687,0.93740625 L0.9375,0.93740625 L0.9375,18.6945938 Z M14.4632812,19.6320938 L0.46875,19.6320938 C0.21,19.6320938 0,19.4220938 0,19.1633438 L0,0.46865625 C0,0.20990625 0.21,-9.375e-05 0.46875,-9.375e-05 L10.5871875,-9.375e-05 C10.71,-9.375e-05 10.828125,0.0481875 10.9157812,0.1344375 L14.7923438,3.94678125 C14.881875,4.03490625 14.9320312,4.155375 14.9320312,4.281 L14.9320312,19.1633438 C14.9320312,19.4220938 14.7225,19.6320938 14.4632812,19.6320938 Z" id="Fill-1"></path>
|
||||
<path d="M14.4635156,4.74975 L10.5869531,4.74975 C10.3282031,4.74975 10.1182031,4.53975 10.1182031,4.281 L10.1182031,0.46865625 C10.1182031,0.20990625 10.3282031,-9.375e-05 10.5869531,-9.375e-05 C10.8461719,-9.375e-05 11.0557031,0.20990625 11.0557031,0.46865625 L11.0557031,3.81225 L14.4635156,3.81225 C14.7222656,3.81225 14.9322656,4.02225 14.9322656,4.281 C14.9322656,4.53975 14.7222656,4.74975 14.4635156,4.74975" id="Fill-3"></path>
|
||||
<path d="M10.812375,10.4006406 L4.1195625,10.4006406 C3.9901875,10.4006406 3.8851875,10.1766406 3.8851875,9.90064062 C3.8851875,9.62464062 3.9901875,9.40064062 4.1195625,9.40064062 L10.812375,9.40064062 C10.94175,9.40064062 11.04675,9.62464062 11.04675,9.90064062 C11.04675,10.1766406 10.94175,10.4006406 10.812375,10.4006406" id="Fill-6"></path>
|
||||
<path d="M10.7473594,7.30201563 L4.18485937,7.30201563 C4.05548437,7.30201563 3.95048437,7.07801563 3.95048437,6.80201563 C3.95048437,6.52601563 4.05548437,6.30201563 4.18485937,6.30201563 L10.7473594,6.30201563 C10.8767344,6.30201563 10.9817344,6.52601563 10.9817344,6.80201563 C10.9817344,7.07801563 10.8767344,7.30201563 10.7473594,7.30201563" id="Fill-8"></path>
|
||||
<path d="M10.7461512,13.3957656 L4.18481772,13.3957656 C4.05546571,13.3957656 3.95048437,13.1717656 3.95048437,12.8957656 C3.95048437,12.6197656 4.05546571,12.3957656 4.18481772,12.3957656 L10.7461512,12.3957656 C10.8755032,12.3957656 10.9804846,12.6197656 10.9804846,12.8957656 C10.9804846,13.1717656 10.8755032,13.3957656 10.7461512,13.3957656" id="Fill-10"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.8 KiB |
@@ -0,0 +1,20 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
|
||||
<path fill="none" stroke="#1A171B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
|
||||
M44.532,59.876"/>
|
||||
<g>
|
||||
|
||||
<polygon fill="none" stroke="#F39200" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
|
||||
64.432,61.593 13.874,61.593 39.243,18.619 "/>
|
||||
<g>
|
||||
<path fill="#F39200" d="M39.153,54.644c-1.387,0-2.455-1.126-2.455-2.424c0-1.387,1.068-2.457,2.455-2.457
|
||||
c1.357,0,2.427,1.098,2.427,2.457C41.58,53.518,40.482,54.644,39.153,54.644z M40.569,46.071
|
||||
c-0.059,0.548-0.174,0.522-0.606,0.522h-1.646c-0.434,0-0.55,0.026-0.606-0.522l-0.637-11.27
|
||||
c-0.028-0.491-0.028-0.533-0.028-0.703c0-0.379,0.287-0.505,0.519-0.505h3.091c0.231,0,0.577,0.14,0.577,0.516
|
||||
c0,0.172,0,0.129-0.028,0.621L40.569,46.071z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
@@ -0,0 +1,68 @@
|
||||
/* Theme depended control css. */
|
||||
/*Base Theme*/
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine {
|
||||
--tchmi-text-color: var(--tchmi-foreground-color-1);
|
||||
--tchmi-text-color-pressed: var(--tchmi-foreground-color-1);
|
||||
--tchmi-background: var(--tchmi-background-color-1);
|
||||
--tchmi-background-pressed: var(--tchmi-background-color-1);
|
||||
--tchmi-icon-size: 40px;
|
||||
background: var(--tchmi-background);
|
||||
box-shadow: var(--tchmi-card-shadow);
|
||||
color: var(--tchmi-text-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine .TcHmi_Controls_Beckhoff_TcHmiEventLine-Button {
|
||||
flex-basis: var(--tchmi-icon-size);
|
||||
font-size: var(--tchmi-button-font-size);
|
||||
background-image: url(Images/icons_next_normal.svg);
|
||||
background-size: var(--tchmi-icon-size) var(--tchmi-icon-size);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
background-color: var(--tchmi-highlight-button-background);
|
||||
color: var(--tchmi-highlight-button-text-color);
|
||||
border: var(--tchmi-highlight-button-border);
|
||||
box-shadow: var(--tchmi-highlight-button-shadow);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine.down {
|
||||
background: var(--tchmi-background-pressed);
|
||||
color: var(--tchmi-text-color-pressed);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine.down .TcHmi_Controls_Beckhoff_TcHmiEventLine-Button {
|
||||
background-image: url(Images/icons_next_pressed.svg);
|
||||
background-color: var(--tchmi-highlight-button-background-pressed);
|
||||
color: var(--tchmi-highlight-button-text-color-pressed);
|
||||
border: var(--tchmi-highlight-button-border-pressed);
|
||||
box-shadow: var(--tchmi-highlight-button-shadow-pressed);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Icon {
|
||||
flex-basis: var(--tchmi-icon-size);
|
||||
background-size: var(--tchmi-icon-size) var(--tchmi-icon-size);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Message {
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
/* Icons */
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Icon.severity-critical {
|
||||
background-image: url('Images/critical.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Icon.severity-error {
|
||||
background-image: url('Images/error.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Icon.severity-info {
|
||||
background-image: url('Images/info.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Icon.severity-verbose {
|
||||
background-image: url('Images/verbose.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEventLine-Icon.severity-warning {
|
||||
background-image: url('Images/warning.svg');
|
||||
}
|
||||
Reference in New Issue
Block a user