Added minimal functionality for Robot teaching
- Added minimal HMI - Added possibility to open and close all chamber doors
This commit is contained in:
1419
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiTreeView/Description.json
vendored
Normal file
1419
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiTreeView/Description.json
vendored
Normal file
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 143 B |
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"$schema": "../../../TwinCAT-HMI-Common/JsonSchemas/Language.Schema.json",
|
||||
"locale": "de",
|
||||
"localizedText": {
|
||||
"NoElements": "Aufgrund der aktuellen Konfiguration wurden keine Einträge empfangen.",
|
||||
"MaxTextLengthReached": "Maximale Textlänge erreicht."
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"$schema": "../../../TwinCAT-HMI-Common/JsonSchemas/Language.Schema.json",
|
||||
"locale": "en",
|
||||
"localizedText": {
|
||||
"NoElements": "No elements were received due to the current configuration.",
|
||||
"MaxTextLengthReached": "Maximum text length reached."
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,743 @@
|
||||
{
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"definitions": {
|
||||
"TcHmi.Controls.Beckhoff.TcHmiTreeView": {
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"type": "object",
|
||||
"frameworkInstanceOf": "TcHmi.Controls.System.TcHmiControl",
|
||||
"frameworkControlType": "TcHmiTreeView",
|
||||
"frameworkControlNamespace": "TcHmi.Controls.Beckhoff"
|
||||
},
|
||||
"TcHmiTreeView": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiTreeView"
|
||||
},
|
||||
"TcHmi.Controls.Beckhoff.TcHmiTreeView.Index": {
|
||||
"type": "array",
|
||||
"title": "The hierarchical index of treeview data.",
|
||||
"items": {
|
||||
"type": "number"
|
||||
}
|
||||
},
|
||||
"TcHmi.Controls.Beckhoff.TcHmiTreeView.DataSymbol": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/Symbol"
|
||||
},
|
||||
{
|
||||
"frameworkSymbolSubType": {
|
||||
"$ref": "tchmi:general#/definitions/Array"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
"TcHmi.Controls.Beckhoff.TcHmiTreeView.ColumnDefinitionList": {
|
||||
"title": "ColumnDefinitionList",
|
||||
"anyOf": [
|
||||
{
|
||||
"type": "array",
|
||||
"items": {
|
||||
"type": "object",
|
||||
"engineeringColumns": ["name", "label", "control", "width", "widthUnit"],
|
||||
"propertiesMeta": [
|
||||
{
|
||||
"name": "cellBackground",
|
||||
"displayName": "Cell Background",
|
||||
"category": "Colors",
|
||||
"displayPriority": 10,
|
||||
"description": "Background color of the cells in this column",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "textColor",
|
||||
"displayName": "Text Color",
|
||||
"category": "Colors",
|
||||
"displayPriority": 11,
|
||||
"description": "Text color of the cells in this column",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "name",
|
||||
"displayName": "Name",
|
||||
"category": "General",
|
||||
"displayPriority": 10,
|
||||
"description": "Name of the property in the data object. If not defined the column adresses the full object (usefull if the data is an array containing simple datatypes).",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "label",
|
||||
"displayName": "Label",
|
||||
"category": "General",
|
||||
"displayPriority": 11,
|
||||
"description": "Name of the label for this column",
|
||||
"defaultValue": "",
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "control",
|
||||
"displayName": "Control",
|
||||
"category": "General",
|
||||
"displayPriority": 12,
|
||||
"description": "Type of the input elements for this column",
|
||||
"defaultValue": "TextBox",
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "width",
|
||||
"displayName": "Width",
|
||||
"category": "General",
|
||||
"displayPriority": 13,
|
||||
"description": "Width for this column",
|
||||
"defaultValue": 100,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "widthUnit",
|
||||
"refTo": "width",
|
||||
"displayName": "Width Unit",
|
||||
"category": "General",
|
||||
"displayPriority": 13,
|
||||
"description": "Width unit for this column. px defines an absolute width, % is relative to the control width and factor can be used to divide the available space into fractions.",
|
||||
"defaultValue": "px",
|
||||
"defaultValueInternal": "px"
|
||||
},
|
||||
{
|
||||
"name": "editable",
|
||||
"displayName": "Editable",
|
||||
"category": "General",
|
||||
"displayPriority": 14,
|
||||
"description": "Can this column be edited (text, number) or operated (button, checkbox)?",
|
||||
"defaultValue": false,
|
||||
"defaultValueInternal": false
|
||||
},
|
||||
{
|
||||
"name": "minWidth",
|
||||
"displayName": "Min Width",
|
||||
"category": "General",
|
||||
"displayPriority": 15,
|
||||
"description": "Minimum width for this column",
|
||||
"defaultValue": 100,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "minWidthUnit",
|
||||
"refTo": "minWidth",
|
||||
"displayName": "Min Width Unit",
|
||||
"category": "General",
|
||||
"displayPriority": 15,
|
||||
"description": "Minimum width unit for this column",
|
||||
"defaultValue": "px",
|
||||
"defaultValueInternal": "px"
|
||||
},
|
||||
{
|
||||
"name": "resize",
|
||||
"displayName": "Resize",
|
||||
"category": "General",
|
||||
"displayPriority": 16,
|
||||
"description": "Can this column be resized? Columns that have factor as their widthUnit can never be resizeable.",
|
||||
"defaultValue": false,
|
||||
"defaultValueInternal": false
|
||||
},
|
||||
{
|
||||
"name": "sortable",
|
||||
"displayName": "Sortable",
|
||||
"category": "General",
|
||||
"displayPriority": 17,
|
||||
"description": "Can this column be sortedby user interaction?",
|
||||
"defaultValue": true,
|
||||
"defaultValueInternal": true
|
||||
},
|
||||
{
|
||||
"name": "horizontalAlignment",
|
||||
"displayName": "Horizontal Alignment",
|
||||
"category": "General",
|
||||
"displayPriority": 18,
|
||||
"description": "Horizontal alignment of this column",
|
||||
"defaultValue": "Left",
|
||||
"defaultValueInternal": "Left"
|
||||
},
|
||||
{
|
||||
"name": "verticalAlignment",
|
||||
"displayName": "Vertical Alignment",
|
||||
"category": "General",
|
||||
"displayPriority": 19,
|
||||
"description": "Vertical alignment of this column",
|
||||
"defaultValue": "Center",
|
||||
"defaultValueInternal": "Center"
|
||||
},
|
||||
{
|
||||
"name": "headerHorizontalAlignment",
|
||||
"displayName": "Header Horizontal Alignment",
|
||||
"category": "General",
|
||||
"displayPriority": 20,
|
||||
"description": "Horizontal alignment of the header of this column",
|
||||
"defaultValue": "Center",
|
||||
"defaultValueInternal": "Center"
|
||||
},
|
||||
{
|
||||
"name": "headerVerticalAlignment",
|
||||
"displayName": "Header Vertical Alignment",
|
||||
"category": "General",
|
||||
"displayPriority": 21,
|
||||
"description": "Vertical alignment of the header of this column",
|
||||
"defaultValue": "Center",
|
||||
"defaultValueInternal": "Center"
|
||||
},
|
||||
{
|
||||
"name": "format",
|
||||
"displayName": "Format",
|
||||
"category": "General",
|
||||
"displayPriority": 22,
|
||||
"description": "A reference of function which is called with each entry",
|
||||
"allowedFunctions": {
|
||||
"returnType": "tchmi:general#/definitions/String",
|
||||
"requiredArguments": [
|
||||
{
|
||||
"type": "tchmi:general#/definitions/Any",
|
||||
"description": "The value to format."
|
||||
},
|
||||
{
|
||||
"type": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TchmiTreeView.ValueMetaData",
|
||||
"description": "Meta data of the value. Includes the json schema."
|
||||
}
|
||||
],
|
||||
"requiredWaitMode": "Synchronous"
|
||||
},
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "dataDefinitions",
|
||||
"displayName": "Data Definitions",
|
||||
"category": "General",
|
||||
"displayPriority": 23,
|
||||
"description": "Mapping from the srcData to a combobox or image selection. \nText to show on Buttons. \nRestrictions for number inputs.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "ignoreEscapeSequences",
|
||||
"displayName": "Ignore Escape Sequences",
|
||||
"category": "General",
|
||||
"displayPriority": 24,
|
||||
"description": "When set to true a backslash in a text will be shown verbatim in the HMI",
|
||||
"defaultValue": false,
|
||||
"defaultValueInternal": false
|
||||
},
|
||||
{
|
||||
"name": "autoFocusOut",
|
||||
"displayName": "Auto Focus Out",
|
||||
"category": "General",
|
||||
"displayPriority": 25,
|
||||
"description": "When set to true the control will automatically lose focus when the user presses the enter or escape key",
|
||||
"defaultValue": true,
|
||||
"defaultValueInternal": true
|
||||
},
|
||||
{
|
||||
"name": "autoSelectText",
|
||||
"displayName": "Auto Select Text",
|
||||
"category": "General",
|
||||
"displayPriority": 26,
|
||||
"description": "When set to true all text within the control will be selected when the control gains focus",
|
||||
"defaultValue": false,
|
||||
"defaultValueInternal": false
|
||||
},
|
||||
{
|
||||
"name": "maxTextLength",
|
||||
"displayName": "Max Text Length",
|
||||
"category": "General",
|
||||
"displayPriority": 27,
|
||||
"description": "Maximum number of characters that can be entered in the TextBox",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
}
|
||||
],
|
||||
"properties": {
|
||||
"cellBackground": {
|
||||
"$ref": "tchmi:framework#/definitions/Color"
|
||||
},
|
||||
"textColor": {
|
||||
"$ref": "tchmi:framework#/definitions/SolidColor"
|
||||
},
|
||||
"name": {
|
||||
"type": "string"
|
||||
},
|
||||
"label": {
|
||||
"type": "string"
|
||||
},
|
||||
"control": {
|
||||
"type": "string",
|
||||
"enum": [
|
||||
"TextBox",
|
||||
"TextBlock",
|
||||
"CheckBox",
|
||||
"Image",
|
||||
"ComboBox",
|
||||
"NumericInput",
|
||||
"SpinboxInput",
|
||||
"PasswordInput",
|
||||
"Button",
|
||||
"ToggleButton",
|
||||
"ToggleSwitch",
|
||||
"RadioButton",
|
||||
"DateTimeInput",
|
||||
"TimespanInput",
|
||||
"AutoDetectControl"
|
||||
]
|
||||
},
|
||||
"width": {
|
||||
"type": "number",
|
||||
"minimum": 0
|
||||
},
|
||||
"widthUnit": {
|
||||
"$ref": "tchmi:framework#/definitions/MeasurementUnitOrFactor"
|
||||
},
|
||||
"editable": {
|
||||
"type": "boolean"
|
||||
},
|
||||
"minWidth": {
|
||||
"type": "number",
|
||||
"minimum": 0
|
||||
},
|
||||
"minWidthUnit": {
|
||||
"$ref": "tchmi:framework#/definitions/MeasurementUnit"
|
||||
},
|
||||
"resize": {
|
||||
"type": "boolean"
|
||||
},
|
||||
"sortable": {
|
||||
"type": "boolean"
|
||||
},
|
||||
"horizontalAlignment": {
|
||||
"$ref": "tchmi:framework#/definitions/HorizontalAlignment"
|
||||
},
|
||||
"verticalAlignment": {
|
||||
"$ref": "tchmi:framework#/definitions/VerticalAlignment"
|
||||
},
|
||||
"headerHorizontalAlignment": {
|
||||
"$ref": "tchmi:framework#/definitions/HorizontalAlignment"
|
||||
},
|
||||
"headerVerticalAlignment": {
|
||||
"$ref": "tchmi:framework#/definitions/VerticalAlignment"
|
||||
},
|
||||
"format": {
|
||||
"$ref": "tchmi:framework#/definitions/Function"
|
||||
},
|
||||
"dataDefinitions": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiDatagrid.DataDefinitionList"
|
||||
},
|
||||
"ignoreEscapeSequences": {
|
||||
"type": "boolean"
|
||||
},
|
||||
"autoFocusOut": {
|
||||
"type": "boolean"
|
||||
},
|
||||
"autoSelectText": {
|
||||
"type": "boolean"
|
||||
},
|
||||
"maxTextLength": {
|
||||
"type": "integer",
|
||||
"minimum": 0
|
||||
}
|
||||
},
|
||||
"required": [
|
||||
"label",
|
||||
"control",
|
||||
"width",
|
||||
"widthUnit",
|
||||
"resize",
|
||||
"minWidth",
|
||||
"minWidthUnit",
|
||||
"editable",
|
||||
"horizontalAlignment",
|
||||
"verticalAlignment"
|
||||
],
|
||||
"additionalProperties": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"type": "object",
|
||||
"propertiesMeta": [
|
||||
{
|
||||
"name": "cellBackground",
|
||||
"displayName": "Cell Background",
|
||||
"category": "Colors",
|
||||
"displayPriority": 10,
|
||||
"description": "Background color of the cells in this column",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "textColor",
|
||||
"displayName": "Text Color",
|
||||
"category": "Colors",
|
||||
"displayPriority": 11,
|
||||
"description": "Text color of the cells in this column",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "label",
|
||||
"displayName": "Label",
|
||||
"category": "General",
|
||||
"displayPriority": 11,
|
||||
"description": "Name of the label for this column",
|
||||
"defaultValue": "",
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "control",
|
||||
"displayName": "Control",
|
||||
"category": "General",
|
||||
"displayPriority": 12,
|
||||
"description": "Type of the input elements for this column",
|
||||
"defaultValue": "TextBox",
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "width",
|
||||
"displayName": "Width",
|
||||
"category": "General",
|
||||
"displayPriority": 13,
|
||||
"description": "Width for this column",
|
||||
"defaultValue": 100,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "widthUnit",
|
||||
"refTo": "width",
|
||||
"displayName": "Width Unit",
|
||||
"category": "General",
|
||||
"displayPriority": 13,
|
||||
"description": "Width unit for this column. px defines an absolute width, % is relative to the control width and factor can be used to divide the available space into fractions.",
|
||||
"defaultValue": "px",
|
||||
"defaultValueInternal": "px"
|
||||
},
|
||||
{
|
||||
"name": "editable",
|
||||
"displayName": "Editable",
|
||||
"category": "General",
|
||||
"displayPriority": 14,
|
||||
"description": "Can this column be edited (text, number) or operated (button, checkbox)?",
|
||||
"defaultValue": false,
|
||||
"defaultValueInternal": false
|
||||
},
|
||||
{
|
||||
"name": "minWidth",
|
||||
"displayName": "Min Width",
|
||||
"category": "General",
|
||||
"displayPriority": 15,
|
||||
"description": "Minimum width for this column",
|
||||
"defaultValue": 100,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "minWidthUnit",
|
||||
"refTo": "minWidth",
|
||||
"displayName": "Min Width Unit",
|
||||
"category": "General",
|
||||
"displayPriority": 15,
|
||||
"description": "Minimum width unit for this column",
|
||||
"defaultValue": "px",
|
||||
"defaultValueInternal": "px"
|
||||
},
|
||||
{
|
||||
"name": "resize",
|
||||
"displayName": "Resize",
|
||||
"category": "General",
|
||||
"displayPriority": 16,
|
||||
"description": "Can this column be resized? Columns that have factor as their widthUnit can never be resizeable.",
|
||||
"defaultValue": false,
|
||||
"defaultValueInternal": false
|
||||
},
|
||||
{
|
||||
"name": "sortable",
|
||||
"displayName": "Sortable",
|
||||
"category": "General",
|
||||
"displayPriority": 17,
|
||||
"description": "Can this column be sortedby user interaction?",
|
||||
"defaultValue": true,
|
||||
"defaultValueInternal": true
|
||||
},
|
||||
{
|
||||
"name": "horizontalAlignment",
|
||||
"displayName": "Horizontal Alignment",
|
||||
"category": "General",
|
||||
"displayPriority": 18,
|
||||
"description": "Horizontal alignment of this column",
|
||||
"defaultValue": "Left",
|
||||
"defaultValueInternal": "Left"
|
||||
},
|
||||
{
|
||||
"name": "verticalAlignment",
|
||||
"displayName": "Vertical Alignment",
|
||||
"category": "General",
|
||||
"displayPriority": 19,
|
||||
"description": "Vertical alignment of this column",
|
||||
"defaultValue": "Center",
|
||||
"defaultValueInternal": "Center"
|
||||
},
|
||||
{
|
||||
"name": "headerHorizontalAlignment",
|
||||
"displayName": "Header Horizontal Alignment",
|
||||
"category": "General",
|
||||
"displayPriority": 20,
|
||||
"description": "Horizontal alignment of the header of this column",
|
||||
"defaultValue": "Center",
|
||||
"defaultValueInternal": "Center"
|
||||
},
|
||||
{
|
||||
"name": "headerVerticalAlignment",
|
||||
"displayName": "Header Vertical Alignment",
|
||||
"category": "General",
|
||||
"displayPriority": 21,
|
||||
"description": "Vertical alignment of the header of this column",
|
||||
"defaultValue": "Center",
|
||||
"defaultValueInternal": "Center"
|
||||
},
|
||||
{
|
||||
"name": "format",
|
||||
"displayName": "Format",
|
||||
"category": "General",
|
||||
"displayPriority": 22,
|
||||
"description": "A reference of function which is called with each entry",
|
||||
"allowedFunctions": {
|
||||
"returnType": "tchmi:general#/definitions/String",
|
||||
"requiredArguments": [
|
||||
{
|
||||
"type": "tchmi:general#/definitions/Any",
|
||||
"description": "The value to format."
|
||||
},
|
||||
{
|
||||
"type": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TchmiTreeView.ValueMetaData",
|
||||
"description": "Meta data of the value. Includes the json schema."
|
||||
}
|
||||
],
|
||||
"requiredWaitMode": "Synchronous"
|
||||
},
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "dataDefinitions",
|
||||
"displayName": "Data Definitions",
|
||||
"category": "General",
|
||||
"displayPriority": 23,
|
||||
"description": "Mapping from the srcData to a combobox or image selection. \nText to show on Buttons. \nRestrictions for number inputs.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "ignoreEscapeSequences",
|
||||
"displayName": "Ignore Escape Sequences",
|
||||
"category": "General",
|
||||
"displayPriority": 24,
|
||||
"description": "When set to true a backslash in a text will be shown verbatim in the HMI",
|
||||
"defaultValue": false,
|
||||
"defaultValueInternal": false
|
||||
},
|
||||
{
|
||||
"name": "autoFocusOut",
|
||||
"displayName": "Auto Focus Out",
|
||||
"category": "General",
|
||||
"displayPriority": 25,
|
||||
"description": "When set to true the control will automatically lose focus when the user presses the enter or escape key",
|
||||
"defaultValue": true,
|
||||
"defaultValueInternal": true
|
||||
},
|
||||
{
|
||||
"name": "autoSelectText",
|
||||
"displayName": "Auto Select Text",
|
||||
"category": "General",
|
||||
"displayPriority": 26,
|
||||
"description": "When set to true all text within the control will be selected when the control gains focus",
|
||||
"defaultValue": false,
|
||||
"defaultValueInternal": false
|
||||
},
|
||||
{
|
||||
"name": "maxTextLength",
|
||||
"displayName": "Max Text Length",
|
||||
"category": "General",
|
||||
"displayPriority": 27,
|
||||
"description": "Maximum number of characters that can be entered in the TextBox",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
}
|
||||
],
|
||||
"properties": {
|
||||
"cellBackground": {
|
||||
"$ref": "tchmi:framework#/definitions/Color"
|
||||
},
|
||||
"textColor": {
|
||||
"$ref": "tchmi:framework#/definitions/SolidColor"
|
||||
},
|
||||
"label": {
|
||||
"type": "string"
|
||||
},
|
||||
"control": {
|
||||
"type": "string",
|
||||
"enum": [
|
||||
"TextBox",
|
||||
"TextBlock",
|
||||
"CheckBox",
|
||||
"Image",
|
||||
"ComboBox",
|
||||
"NumericInput",
|
||||
"SpinboxInput",
|
||||
"PasswordInput",
|
||||
"Button",
|
||||
"ToggleButton",
|
||||
"ToggleSwitch",
|
||||
"RadioButton",
|
||||
"DateTimeInput",
|
||||
"TimespanInput",
|
||||
"AutoDetectControl"
|
||||
]
|
||||
},
|
||||
"width": {
|
||||
"type": "number",
|
||||
"minimum": 0
|
||||
},
|
||||
"widthUnit": {
|
||||
"$ref": "tchmi:framework#/definitions/MeasurementUnitOrFactor"
|
||||
},
|
||||
"editable": {
|
||||
"type": "boolean"
|
||||
},
|
||||
"minWidth": {
|
||||
"type": "number",
|
||||
"minimum": 0
|
||||
},
|
||||
"minWidthUnit": {
|
||||
"$ref": "tchmi:framework#/definitions/MeasurementUnit"
|
||||
},
|
||||
"resize": {
|
||||
"type": "boolean"
|
||||
},
|
||||
"sortable": {
|
||||
"type": "boolean"
|
||||
},
|
||||
"horizontalAlignment": {
|
||||
"$ref": "tchmi:framework#/definitions/HorizontalAlignment"
|
||||
},
|
||||
"verticalAlignment": {
|
||||
"$ref": "tchmi:framework#/definitions/VerticalAlignment"
|
||||
},
|
||||
"headerHorizontalAlignment": {
|
||||
"$ref": "tchmi:framework#/definitions/HorizontalAlignment"
|
||||
},
|
||||
"headerVerticalAlignment": {
|
||||
"$ref": "tchmi:framework#/definitions/VerticalAlignment"
|
||||
},
|
||||
"format": {
|
||||
"$ref": "tchmi:framework#/definitions/Function"
|
||||
},
|
||||
"dataDefinitions": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiDatagrid.DataDefinitionList"
|
||||
},
|
||||
"ignoreEscapeSequences": {
|
||||
"type": "boolean"
|
||||
},
|
||||
"autoFocusOut": {
|
||||
"type": "boolean"
|
||||
},
|
||||
"autoSelectText": {
|
||||
"type": "boolean"
|
||||
},
|
||||
"maxTextLength": {
|
||||
"type": "integer",
|
||||
"minimum": 0
|
||||
}
|
||||
},
|
||||
"required": [
|
||||
"label",
|
||||
"control",
|
||||
"width",
|
||||
"widthUnit",
|
||||
"resize",
|
||||
"minWidth",
|
||||
"minWidthUnit",
|
||||
"editable",
|
||||
"horizontalAlignment",
|
||||
"verticalAlignment"
|
||||
],
|
||||
"additionalProperties": false
|
||||
}
|
||||
]
|
||||
},
|
||||
"TcHmi.Controls.Beckhoff.TchmiTreeView.ValueMetaData": {
|
||||
"title": "ValueMetaData",
|
||||
"description": "Meta data of a value.",
|
||||
"additionalProperties": false,
|
||||
"properties": {
|
||||
"schema": {
|
||||
"type": "object"
|
||||
}
|
||||
},
|
||||
"propertiesMeta": [
|
||||
{
|
||||
"name": "schema",
|
||||
"displayName": "Schema",
|
||||
"category": "General",
|
||||
"displayPriority": 10,
|
||||
"description": "The json schema of the value.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
}
|
||||
],
|
||||
"type": "object",
|
||||
"required": ["schema"]
|
||||
},
|
||||
"TcHmi.Controls.Beckhoff.TchmiTreeView.DataChangeEventObject": {
|
||||
"type": "object",
|
||||
"properties": {
|
||||
"index": {
|
||||
"type": "array",
|
||||
"items": {
|
||||
"type": "number"
|
||||
}
|
||||
},
|
||||
"property": {
|
||||
"type": ["string", "null"]
|
||||
},
|
||||
"value": {
|
||||
"type": "boolean"
|
||||
}
|
||||
},
|
||||
"additionalProperties": false
|
||||
},
|
||||
"TchmiTreeViewDataChangeEventObject": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TchmiTreeView.DataChangeEventObject"
|
||||
},
|
||||
"TcHmi.Controls.Beckhoff.TchmiTreeView.IndexEventObject": {
|
||||
"type": "object",
|
||||
"properties": {
|
||||
"index": {
|
||||
"type": "array",
|
||||
"items": {
|
||||
"type": "number"
|
||||
}
|
||||
}
|
||||
},
|
||||
"additionalProperties": false
|
||||
},
|
||||
"TchmiTreeViewIndexEventObject": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TchmiTreeView.IndexEventObject"
|
||||
},
|
||||
"TcHmi.Controls.Beckhoff.TchmiTreeView.UpdateTableTypeEventObject": {
|
||||
"type": "object",
|
||||
"properties": {
|
||||
"updateTableType": {
|
||||
"type": "string",
|
||||
"enum": ["dataChange", "configChange", "scroll"]
|
||||
}
|
||||
},
|
||||
"additionalProperties": false
|
||||
},
|
||||
"TchmiTreeViewUpdateTableTypeEventObject": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TchmiTreeView.UpdateTableTypeEventObject"
|
||||
}
|
||||
}
|
||||
}
|
||||
446
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiTreeView/Style.css
vendored
Normal file
446
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiTreeView/Style.css
vendored
Normal file
@@ -0,0 +1,446 @@
|
||||
/** Styles for all themes */
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView {
|
||||
/* Prevent overflow if the border radius is huge */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template {
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template .TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell-expand-icon {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template
|
||||
tr:not(.expanded)
|
||||
> td
|
||||
> .TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell-expand-icon::before {
|
||||
transform: translate(-50%, -50%) rotate(-45deg);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template
|
||||
tr.expanded
|
||||
> td
|
||||
> .TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell-expand-icon::before {
|
||||
transform: translate(-50%, -50%) rotate(45deg);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-border {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-outer {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-table {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template table {
|
||||
border-collapse: separate;
|
||||
border-spacing: 0px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-header {
|
||||
height: 100%;
|
||||
white-space: nowrap;
|
||||
/* Browser default is 3 px! */
|
||||
border-top-width: 0px;
|
||||
border-left-width: 0px;
|
||||
border-right-width: 0px;
|
||||
border-bottom-width: 0px;
|
||||
padding: 0px; /*padding not specify, adapt by header-height*/
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-header-border {
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: solid; /* table border **/
|
||||
border-top: 0px;
|
||||
border-left: 0px;
|
||||
border-right: 0px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
position: relative;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-header-border > table {
|
||||
height: 100%;
|
||||
border-spacing: 0px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-header-wrapper {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element.sortable {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element-child {
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-resize-element {
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 8px; /* keep in sync with ./TcHmiTreeView.ts (__resizeElementMinWidth) */
|
||||
right: -4px; /* negative half of width */
|
||||
z-index: 1;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-header.resizable
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-resize-element {
|
||||
cursor: e-resize;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-row {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-row.hidden {
|
||||
/* Hide a row without unfocusing controls in that row */
|
||||
position: absolute;
|
||||
left: -100%;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-row-numbers {
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
border-right: 1px solid; /* table border **/
|
||||
border-bottom: 1px solid; /* table border **/
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
th.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-row-numbers {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
td.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-row-numbers {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-placeholder {
|
||||
height: 100%;
|
||||
min-width: 17px; /* width of scrollbar in all major browsers */
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-data-scroll {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-data-scroll table {
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-data-scroll tbody tr.focused > td::before,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-data-scroll tbody tr:hover > td::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
/* height: 10000px; */ /* Because Internet Explorer cannot deal with height: 100% on absolute positioned elements when the parent is a table cell. */
|
||||
pointer-events: none;
|
||||
z-index: 1;
|
||||
transition: background ease 0.4s;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell {
|
||||
display: inline-flex;
|
||||
/* Browser default is 3 px! */
|
||||
border-top-width: 0px;
|
||||
border-left-width: 0px;
|
||||
white-space: pre;
|
||||
border-right: 1px solid; /* table border **/
|
||||
border-bottom: 1px solid; /* table border **/
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
text-overflow: clip;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.textbox {
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell img {
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='checkbox'] {
|
||||
/* hide the checkbox itself, whole logic is on the styled label */
|
||||
display: none;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='checkbox'] + label {
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='radio'] {
|
||||
/* hide the checkbox itself, whole logic is on the styled label */
|
||||
display: none;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='radio'] + label {
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='text'],
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[inputmode='decimal'],
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='password'] {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
border: 0px;
|
||||
margin: 0px;
|
||||
white-space: nowrap;
|
||||
padding: inherit;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-spinbox-input,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-date-time-input,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-timespan-input {
|
||||
display: grid;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
border: 0px;
|
||||
margin: 0px;
|
||||
white-space: nowrap;
|
||||
padding: inherit;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeview-input-unit {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: fit-content;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
right: 0;
|
||||
pointer-events: none;
|
||||
padding: 0 3px;
|
||||
font-weight: lighter;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 16px;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView.read-only
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-button:not(.TcHmi_Controls_Beckhoff_TcHmiTreeView-date-time-button):not(
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-timespan-button
|
||||
)::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: transparent;
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
||||
/*--------------------------------------------Button--------------------------------------------------------------*/
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-button {
|
||||
width: 30px;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
background-size: 100%;
|
||||
border-top-right-radius: inherit;
|
||||
border-bottom-right-radius: inherit;
|
||||
pointer-events: none; /* Be transparent to pointer events, so the root element receives them and we dont have to deal with SVGElements not having classList in IE. */
|
||||
}
|
||||
|
||||
/*--------------------------------------------select--------------------------------------------------*/
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-select {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: calc(100% - 26px);
|
||||
height: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
cursor: default;
|
||||
border-top-left-radius: inherit;
|
||||
border-bottom-left-radius: inherit;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/*-----------------------table--------------------------------------*/
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-dropdown {
|
||||
position: absolute;
|
||||
max-width: 80%;
|
||||
max-height: 80%;
|
||||
overflow: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-dropdown-element {
|
||||
white-space: nowrap;
|
||||
cursor: default;
|
||||
padding: 5px 15px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-shrink: 0;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView.TcHmi_Controls_System_TcHmiControl-operate-disallowed
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView.TcHmi_Controls_System_TcHmiControl-operate-disallowed
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-resize-element {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
/* The main use for this control is interaction. So mark when this is not allowed. */
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView.TcHmi_Controls_System_TcHmiControl-operate-disallowed
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
z-index: 100;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-scroll-sentinel-bottom {
|
||||
min-height: 10px;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-label-first-column-horizontal-center {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-label-first-column-horizontal-right {
|
||||
margin: 0 0 0 auto;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-spinbox-button {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView.read-only input[type='checkbox'][readonly],
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView.read-only input[type='checkbox'][readonly] + label,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView.read-only input[type='radio'][readonly],
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView.read-only input[type='radio'][readonly] + label {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-Message {
|
||||
width: 100%;
|
||||
font-style: italic;
|
||||
text-align: center;
|
||||
}
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView.read-only .TcHmi_Controls_Beckhoff_TcHmiTreeView-spinbox-button::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/*background-color: rgba(255, 255, 255, 0.5); color is defined in theme css*/
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView label {
|
||||
z-index: 5;
|
||||
margin-left: -3px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView tr:nth-child(2n) label::before {
|
||||
background: #eee !important;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-textbox:not(:invalid)
|
||||
+ .TcHmi_Controls_Beckhoff_TcHmiTreeView-template-input-invalid-notification,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-password-input:not(:invalid)
|
||||
+ .TcHmi_Controls_Beckhoff_TcHmiTreeView-template-input-invalid-notification {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-input-invalid-notification,
|
||||
.tchmi-template-input-invalid-notification {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
pointer-events: none;
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-input-invalid-notification.orientation-left,
|
||||
.tchmi-template-input-invalid-notification.orientation-left {
|
||||
left: 0px;
|
||||
right: unset;
|
||||
}
|
||||
1819
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiTreeView/TcHmiTreeView.d.ts
vendored
Normal file
1819
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiTreeView/TcHmiTreeView.d.ts
vendored
Normal file
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,30 @@
|
||||
<div class="TcHmi_Controls_Beckhoff_TcHmiTreeView-template tchmi-box" tabindex="0" data-tchmi-focusable>
|
||||
<div class="TcHmi_Controls_Beckhoff_TcHmiTreeView-template-border tchmi-box">
|
||||
<div class="TcHmi_Controls_Beckhoff_TcHmiTreeView-template-outer tchmi-box">
|
||||
<div class="TcHmi_Controls_Beckhoff_TcHmiTreeView-template-header-border tchmi-box">
|
||||
<table class="TcHmi_Controls_Beckhoff_TcHmiTreeView-template-table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th
|
||||
class="TcHmi_Controls_Beckhoff_TcHmiTreeView-template-row-numbers TcHmi_Controls_Beckhoff_TcHmiTreeView-template-header tchmi-box"
|
||||
>
|
||||
<div class="TcHmi_Controls_Beckhoff_TcHmiTreeView-template-header-wrapper">
|
||||
<div class="TcHmi_Controls_Beckhoff_TcHmiTreeView-template-resize-element"></div>
|
||||
</div>
|
||||
</th>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="TcHmi_Controls_Beckhoff_TcHmiTreeView-template-placeholder"></div>
|
||||
</div>
|
||||
<div class="TcHmi_Controls_Beckhoff_TcHmiTreeView-template-data-scroll">
|
||||
<div class="TcHmi_Controls_Beckhoff_TcHmiTreeView-template-scroll-sentinel-top"></div>
|
||||
<table class="TcHmi_Controls_Beckhoff_TcHmiTreeView-template-table">
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
<div class="TcHmi_Controls_Beckhoff_TcHmiTreeView-template-scroll-sentinel-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="TcHmi_Controls_Beckhoff_TcHmiTreeView-template-focus-border tchmi-box tchmi-no-pointer-events"></div>
|
||||
</div>
|
||||
@@ -0,0 +1,8 @@
|
||||
<svg version="1.1"
|
||||
baseProfile="full"
|
||||
width="30" height="30"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
|
||||
<path d="M 9 18 L 13 22 L 22 9" fill="none" stroke="#ffffff" stroke-width="3" stroke-linecap="round" />
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 226 B |
@@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<g id="time-span-picker-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="icon-status" transform="translate(6.000000, 5.000000)" fill="#ffffff">
|
||||
<path d="M13.0368925,18.8781263 C9.75174991,18.8781263 7.07916266,16.2559652 7.07916266,13.0328064 C7.07916266,9.80919028 9.75174991,7.1870292 13.0368925,7.1870292 C14.8251438,7.1870292 16.427857,7.96777732 17.5210399,9.19538596 L12.9837484,12.7213305 L9.8337969,11.1218717 C9.60397211,11.0056971 9.32333413,11.0939715 9.20539159,11.3180878 C9.08698288,11.5422041 9.17648868,11.8184618 9.40491494,11.9346364 L12.8224515,13.6694798 C12.8905132,13.7037833 12.9637029,13.7207063 13.0368925,13.7207063 C13.1399174,13.7207063 13.24201,13.6868602 13.3263878,13.6219122 L18.077654,9.93039605 C18.6557123,10.8305204 18.9950885,11.8925574 18.9950885,13.0328064 C18.9950885,16.2559652 16.3225012,18.8781263 13.0368925,18.8781263 Z M1.13681663,3.82940064 L1.13681663,2.45725984 L3.46769685,2.45725984 L3.46769685,2.9146401 C3.46769685,3.16711401 3.67607754,3.37202037 3.93387289,3.37202037 C4.19120207,3.37202037 4.40004894,3.16711401 4.40004894,2.9146401 L4.40004894,2.45725984 L11.3926896,2.45725984 L11.3926896,2.9146401 C11.3926896,3.16711401 11.6010703,3.37202037 11.8588656,3.37202037 C12.1161948,3.37202037 12.3250417,3.16711401 12.3250417,2.9146401 L12.3250417,2.45725984 L14.1897458,2.45725984 L14.1897458,3.82940064 L1.13681663,3.82940064 Z M15.1220979,6.63863026 L15.1220979,1.77393371 C15.1220979,1.52145981 15.0475098,1.5424993 14.7901806,1.5424993 L12.3250417,1.5424993 L12.3250417,0.62773876 C12.3250417,0.374807471 12.1161948,0.170358491 11.8588656,0.170358491 C11.6010703,0.170358491 11.3926896,0.374807471 11.3926896,0.62773876 L11.3926896,1.5424993 L4.40004894,1.5424993 L4.40004894,0.62773876 C4.40004894,0.374807471 4.19120207,0.170358491 3.93387289,0.170358491 C3.67607754,0.170358491 3.46769685,0.374807471 3.46769685,0.62773876 L3.46769685,1.5424993 L0.662249419,1.5424993 C0.404454067,1.5424993 0.204464544,1.52145981 0.204464544,1.77393371 L0.204464544,13.2646982 C0.204464544,13.5171721 0.404454067,13.8917666 0.662249419,13.8917666 L4.71098836,13.8917666 C4.96831753,13.8917666 5.1771644,13.6868602 5.1771644,13.4343863 C5.1771644,13.181455 4.96831753,12.977006 4.71098836,12.977006 L1.13681663,12.977006 L1.13681663,4.74416118 L14.1897458,4.74416118 L14.1897458,6.39484657 C13.7235698,6.31709193 13.4102995,6.27226866 12.969297,6.27226866 C9.17089456,6.27226866 6.11277972,9.30515722 6.11277972,13.0328064 C6.11277972,16.7604556 9.2207754,19.7928868 13.0201102,19.7928868 C16.8194449,19.7928868 19.8519201,16.7604556 19.8519201,13.0328064 C19.8519201,10.0676101 17.9191542,7.54790223 15.1220979,6.63863026 Z" id="Fill-1"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
@@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<g id="time-span-picker-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="icon-status" transform="translate(6.000000, 5.000000)" fill="#ffffff">
|
||||
<path d="M13.0368925,18.8781263 C9.75174991,18.8781263 7.07916266,16.2559652 7.07916266,13.0328064 C7.07916266,9.80919028 9.75174991,7.1870292 13.0368925,7.1870292 C14.8251438,7.1870292 16.427857,7.96777732 17.5210399,9.19538596 L12.9837484,12.7213305 L9.8337969,11.1218717 C9.60397211,11.0056971 9.32333413,11.0939715 9.20539159,11.3180878 C9.08698288,11.5422041 9.17648868,11.8184618 9.40491494,11.9346364 L12.8224515,13.6694798 C12.8905132,13.7037833 12.9637029,13.7207063 13.0368925,13.7207063 C13.1399174,13.7207063 13.24201,13.6868602 13.3263878,13.6219122 L18.077654,9.93039605 C18.6557123,10.8305204 18.9950885,11.8925574 18.9950885,13.0328064 C18.9950885,16.2559652 16.3225012,18.8781263 13.0368925,18.8781263 Z M1.13681663,3.82940064 L1.13681663,2.45725984 L3.46769685,2.45725984 L3.46769685,2.9146401 C3.46769685,3.16711401 3.67607754,3.37202037 3.93387289,3.37202037 C4.19120207,3.37202037 4.40004894,3.16711401 4.40004894,2.9146401 L4.40004894,2.45725984 L11.3926896,2.45725984 L11.3926896,2.9146401 C11.3926896,3.16711401 11.6010703,3.37202037 11.8588656,3.37202037 C12.1161948,3.37202037 12.3250417,3.16711401 12.3250417,2.9146401 L12.3250417,2.45725984 L14.1897458,2.45725984 L14.1897458,3.82940064 L1.13681663,3.82940064 Z M15.1220979,6.63863026 L15.1220979,1.77393371 C15.1220979,1.52145981 15.0475098,1.5424993 14.7901806,1.5424993 L12.3250417,1.5424993 L12.3250417,0.62773876 C12.3250417,0.374807471 12.1161948,0.170358491 11.8588656,0.170358491 C11.6010703,0.170358491 11.3926896,0.374807471 11.3926896,0.62773876 L11.3926896,1.5424993 L4.40004894,1.5424993 L4.40004894,0.62773876 C4.40004894,0.374807471 4.19120207,0.170358491 3.93387289,0.170358491 C3.67607754,0.170358491 3.46769685,0.374807471 3.46769685,0.62773876 L3.46769685,1.5424993 L0.662249419,1.5424993 C0.404454067,1.5424993 0.204464544,1.52145981 0.204464544,1.77393371 L0.204464544,13.2646982 C0.204464544,13.5171721 0.404454067,13.8917666 0.662249419,13.8917666 L4.71098836,13.8917666 C4.96831753,13.8917666 5.1771644,13.6868602 5.1771644,13.4343863 C5.1771644,13.181455 4.96831753,12.977006 4.71098836,12.977006 L1.13681663,12.977006 L1.13681663,4.74416118 L14.1897458,4.74416118 L14.1897458,6.39484657 C13.7235698,6.31709193 13.4102995,6.27226866 12.969297,6.27226866 C9.17089456,6.27226866 6.11277972,9.30515722 6.11277972,13.0328064 C6.11277972,16.7604556 9.2207754,19.7928868 13.0201102,19.7928868 C16.8194449,19.7928868 19.8519201,16.7604556 19.8519201,13.0328064 C19.8519201,10.0676101 17.9191542,7.54790223 15.1220979,6.63863026 Z" id="Fill-1"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
@@ -0,0 +1,8 @@
|
||||
<svg version="1.1"
|
||||
baseProfile="full"
|
||||
width="30" height="30"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
|
||||
<path d="M 7 12 L 15 20 L 23 12" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" />
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 225 B |
@@ -0,0 +1,31 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Inhalt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st1{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st2{fill:#ffffff;stroke:#ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st4{fill:none;stroke:#000000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st5{fill:none;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
|
||||
.st6{fill:#FFFFFF;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
|
||||
.st7{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st8{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.5299,7.5299;}
|
||||
.st9{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st10{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st11{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st12{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st13{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st14{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st15{fill:none;stroke:#4794DA;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st16{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st18{fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
.st19{fill:#0000FF;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
.st20{fill:#00FF00;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
</style>
|
||||
<g>
|
||||
<polygon class="st2" points="32.6,53.2 32.6,26.8 53.6,40 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
@@ -0,0 +1,31 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Inhalt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st1{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st2{fill:#ffffff;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st4{fill:none;stroke:#000000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st5{fill:none;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
|
||||
.st6{fill:#FFFFFF;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
|
||||
.st7{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st8{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.5299,7.5299;}
|
||||
.st9{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st10{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st11{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st12{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st13{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st14{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st15{fill:none;stroke:#4794DA;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st16{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st18{fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
.st19{fill:#0000FF;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
.st20{fill:#00FF00;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
</style>
|
||||
<g>
|
||||
<polygon class="st2" points="36,55.2 55.2,55.2 55.2,36"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
@@ -0,0 +1,31 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Inhalt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st1{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st2{fill:#4c6374;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st4{fill:none;stroke:#000000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st5{fill:none;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
|
||||
.st6{fill:#FFFFFF;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
|
||||
.st7{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st8{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.5299,7.5299;}
|
||||
.st9{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st10{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st11{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st12{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st13{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st14{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st15{fill:none;stroke:#4794DA;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st16{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st18{fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
.st19{fill:#0000FF;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
.st20{fill:#00FF00;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
</style>
|
||||
<g>
|
||||
<polygon class="st2" points="36,55.2 55.2,55.2 55.2,36"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
@@ -0,0 +1,31 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Inhalt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st1{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st2{fill:#4c6374;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st4{fill:none;stroke:#000000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st5{fill:none;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
|
||||
.st6{fill:#FFFFFF;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
|
||||
.st7{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st8{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.5299,7.5299;}
|
||||
.st9{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st10{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st11{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st12{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st13{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st14{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st15{fill:none;stroke:#4794DA;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st16{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st18{fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
.st19{fill:#0000FF;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
.st20{fill:#00FF00;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
</style>
|
||||
<g>
|
||||
<polygon class="st2" points="32.6,53.2 32.6,26.8 53.6,40 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
@@ -0,0 +1,31 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Inhalt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st1{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st2{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st4{fill:none;stroke:#000000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st5{fill:none;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
|
||||
.st6{fill:#FFFFFF;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
|
||||
.st7{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st8{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.5299,7.5299;}
|
||||
.st9{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st10{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st11{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st12{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st13{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st14{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st15{fill:none;stroke:#4794DA;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st16{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st18{fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
.st19{fill:#0000FF;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
.st20{fill:#00FF00;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
</style>
|
||||
<g>
|
||||
<circle class="st2" cx="40" cy="40" r="4"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
@@ -0,0 +1,5 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg version="1.1" baseProfile="full" width="5" height="10" xmlns="http://www.w3.org/2000/svg">
|
||||
<polygon points="2.5,0 5,4 0,4" stroke="none" fill="#FFFFFF" />
|
||||
<polygon points="2.5,10 5,6 0,6" stroke="none" fill="#FFFFFF" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 272 B |
@@ -0,0 +1,4 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg version="1.1" baseProfile="full" width="5" height="10" xmlns="http://www.w3.org/2000/svg">
|
||||
<polygon points="2.5,0 5,4 0,4" stroke="none" fill="#FFFFFF" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 206 B |
@@ -0,0 +1,4 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg version="1.1" baseProfile="full" width="5" height="10" xmlns="http://www.w3.org/2000/svg">
|
||||
<polygon points="2.5,10 5,6 0,6" stroke="none" fill="#FFFFFF" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 207 B |
@@ -0,0 +1,15 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<g id="time-picker-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#ffffff">
|
||||
<path d="M6.39997453,1.6 C6.44802978,1.6 6.50008963,1.58801822 6.54814488,1.5720425 C6.75237968,1.49216395 6.85249478,1.2565222 6.7724027,1.05283188 C6.69191016,0.849141561 6.45964313,0.745299437 6.25580879,0.829171922 C6.04756939,0.909050479 5.94745429,1.1406983 6.02754637,1.34438862 C6.09121957,1.50414573 6.23979038,1.6 6.39997453,1.6" id="Fill-1"></path>
|
||||
<path d="M8.79979915,0.8 C8.81185016,0.8 8.82791817,0.8 8.84398618,0.795992162 C9.06492132,0.771945136 9.22198612,0.57556109 9.19748241,0.355130017 C9.17378209,0.134698944 8.97654726,-0.0216067259 8.75601382,0.00244030019 C8.53507868,0.0264873263 8.37801388,0.222871373 8.40251759,0.443302446 C8.4226026,0.647702168 8.59493202,0.8 8.79979915,0.8" id="Fill-3"></path>
|
||||
<path d="M5.19986206,2 C5.26795682,2 5.33204601,1.98005871 5.3961352,1.94815264 C5.58880334,1.84046967 5.6568981,1.59718592 5.54834703,1.40574953 C5.44059708,1.21431314 5.19986206,1.14252449 5.00398947,1.25020746 C4.81132133,1.35789043 4.74322657,1.60117418 4.85137708,1.79261057 C4.92387798,1.92422309 5.05966695,2 5.19986206,2" id="Fill-5"></path>
|
||||
<path d="M7.59950751,1.2 C7.63148946,1.2 7.66307163,1.19599667 7.69505358,1.18799001 C7.91093173,1.1359467 8.04285727,0.919766808 7.98728863,0.703586917 C7.93531797,0.491410358 7.71943982,0.359300425 7.50356167,0.411343732 C7.29128149,0.463387039 7.15935595,0.683570261 7.21132662,0.89574682 C7.25929954,1.07990006 7.41960905,1.2 7.59950751,1.2" id="Fill-7"></path>
|
||||
<path d="M4.00001347,2.8 C4.08410047,2.8 4.16818746,2.77198504 4.24026203,2.71995725 C4.41644431,2.58788671 4.4524816,2.33575203 4.32034489,2.15965798 C4.18820818,1.98356392 3.93594719,1.94754468 3.7593645,2.07961523 C3.58358263,2.21168577 3.54754535,2.4598183 3.67968206,2.63991449 C3.7593645,2.74397007 3.87988919,2.8 4.00001347,2.8" id="Fill-9"></path>
|
||||
<path d="M3.1988246,3.6 C3.29877582,3.6 3.4031249,3.5600509 3.47868802,3.4841476 C3.63900979,3.33234101 3.63900979,3.08066166 3.48708393,2.92086525 C3.33076021,2.76106883 3.07888313,2.76106883 2.91896117,2.91287542 C2.76303727,3.06867693 2.75903922,3.32035628 2.91496313,3.48015269 C2.99092606,3.5600509 3.09487533,3.6 3.1988246,3.6" id="Fill-11"></path>
|
||||
<path d="M10,0 C9.96691402,0 9.93808196,0.0122887865 9.90688661,0.0189058254 C9.90357801,0.0189058254 9.90074207,0.0170152428 9.89696082,0.0170152428 C9.6355816,0.0170152428 9.42430401,0.228287841 9.42430401,0.489660877 L9.42430401,3.32553468 C9.42430401,3.58643507 9.6355816,3.79818031 9.89696082,3.79818031 C10.15834,3.79818031 10.3696176,3.58643507 10.3696176,3.32553468 L10.3696176,0.964197093 C15.1902444,1.16034503 19.0546864,5.13198629 19.0546864,10.0002363 C19.0546864,14.9927922 14.9926738,19.0547087 10,19.0547087 C5.00732618,19.0547087 0.945313608,14.9927922 0.945313608,10.0002363 C0.945313608,7.91492379 1.6708418,5.87971169 2.98860897,4.26940801 C3.15451151,4.06758833 3.12426147,3.76982158 2.92243702,3.6043956 C2.71966725,3.43896963 2.42236612,3.46874631 2.2574089,3.67103864 C2.21676041,3.72066643 2.18225646,3.77407539 2.14302595,3.82417582 C2.13499078,3.83079286 2.12459233,3.83315609 2.11702982,3.84024578 C2.07212743,3.88561976 2.03762348,3.93808342 2.0144633,3.99527354 C0.717493028,5.71995746 0,7.83268345 0,10.0002363 C0,15.5141203 4.48598573,20 10,20 C15.5140143,20 20,15.5141203 20,10.0002363 C20,4.48587971 15.5140143,0 10,0" id="Fill-13"></path>
|
||||
<path d="M2.90318539,4.57504985 C2.73948566,4.77532009 2.77432555,5.06624383 2.98097856,5.22488746 L9.59339779,10.3000961 C9.67930435,10.3662362 9.78430127,10.4 9.88977544,10.4 C9.96470505,10.4 10.0396347,10.3833494 10.1093144,10.348198 L14.5425705,8.12533708 C14.7764272,8.00785754 14.8675836,7.72895926 14.7463599,7.50232549 C14.6256135,7.27522922 14.338781,7.18550075 14.1034925,7.30390533 L9.94418293,9.38939844 L3.57373386,4.49965943 C3.36708085,4.34147832 3.06688513,4.37524212 2.90318539,4.57504985" id="Fill-16"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
@@ -0,0 +1,15 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<g id="time-picker-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#ffffff">
|
||||
<path d="M6.39997453,1.6 C6.44802978,1.6 6.50008963,1.58801822 6.54814488,1.5720425 C6.75237968,1.49216395 6.85249478,1.2565222 6.7724027,1.05283188 C6.69191016,0.849141561 6.45964313,0.745299437 6.25580879,0.829171922 C6.04756939,0.909050479 5.94745429,1.1406983 6.02754637,1.34438862 C6.09121957,1.50414573 6.23979038,1.6 6.39997453,1.6" id="Fill-1"></path>
|
||||
<path d="M8.79979915,0.8 C8.81185016,0.8 8.82791817,0.8 8.84398618,0.795992162 C9.06492132,0.771945136 9.22198612,0.57556109 9.19748241,0.355130017 C9.17378209,0.134698944 8.97654726,-0.0216067259 8.75601382,0.00244030019 C8.53507868,0.0264873263 8.37801388,0.222871373 8.40251759,0.443302446 C8.4226026,0.647702168 8.59493202,0.8 8.79979915,0.8" id="Fill-3"></path>
|
||||
<path d="M5.19986206,2 C5.26795682,2 5.33204601,1.98005871 5.3961352,1.94815264 C5.58880334,1.84046967 5.6568981,1.59718592 5.54834703,1.40574953 C5.44059708,1.21431314 5.19986206,1.14252449 5.00398947,1.25020746 C4.81132133,1.35789043 4.74322657,1.60117418 4.85137708,1.79261057 C4.92387798,1.92422309 5.05966695,2 5.19986206,2" id="Fill-5"></path>
|
||||
<path d="M7.59950751,1.2 C7.63148946,1.2 7.66307163,1.19599667 7.69505358,1.18799001 C7.91093173,1.1359467 8.04285727,0.919766808 7.98728863,0.703586917 C7.93531797,0.491410358 7.71943982,0.359300425 7.50356167,0.411343732 C7.29128149,0.463387039 7.15935595,0.683570261 7.21132662,0.89574682 C7.25929954,1.07990006 7.41960905,1.2 7.59950751,1.2" id="Fill-7"></path>
|
||||
<path d="M4.00001347,2.8 C4.08410047,2.8 4.16818746,2.77198504 4.24026203,2.71995725 C4.41644431,2.58788671 4.4524816,2.33575203 4.32034489,2.15965798 C4.18820818,1.98356392 3.93594719,1.94754468 3.7593645,2.07961523 C3.58358263,2.21168577 3.54754535,2.4598183 3.67968206,2.63991449 C3.7593645,2.74397007 3.87988919,2.8 4.00001347,2.8" id="Fill-9"></path>
|
||||
<path d="M3.1988246,3.6 C3.29877582,3.6 3.4031249,3.5600509 3.47868802,3.4841476 C3.63900979,3.33234101 3.63900979,3.08066166 3.48708393,2.92086525 C3.33076021,2.76106883 3.07888313,2.76106883 2.91896117,2.91287542 C2.76303727,3.06867693 2.75903922,3.32035628 2.91496313,3.48015269 C2.99092606,3.5600509 3.09487533,3.6 3.1988246,3.6" id="Fill-11"></path>
|
||||
<path d="M10,0 C9.96691402,0 9.93808196,0.0122887865 9.90688661,0.0189058254 C9.90357801,0.0189058254 9.90074207,0.0170152428 9.89696082,0.0170152428 C9.6355816,0.0170152428 9.42430401,0.228287841 9.42430401,0.489660877 L9.42430401,3.32553468 C9.42430401,3.58643507 9.6355816,3.79818031 9.89696082,3.79818031 C10.15834,3.79818031 10.3696176,3.58643507 10.3696176,3.32553468 L10.3696176,0.964197093 C15.1902444,1.16034503 19.0546864,5.13198629 19.0546864,10.0002363 C19.0546864,14.9927922 14.9926738,19.0547087 10,19.0547087 C5.00732618,19.0547087 0.945313608,14.9927922 0.945313608,10.0002363 C0.945313608,7.91492379 1.6708418,5.87971169 2.98860897,4.26940801 C3.15451151,4.06758833 3.12426147,3.76982158 2.92243702,3.6043956 C2.71966725,3.43896963 2.42236612,3.46874631 2.2574089,3.67103864 C2.21676041,3.72066643 2.18225646,3.77407539 2.14302595,3.82417582 C2.13499078,3.83079286 2.12459233,3.83315609 2.11702982,3.84024578 C2.07212743,3.88561976 2.03762348,3.93808342 2.0144633,3.99527354 C0.717493028,5.71995746 0,7.83268345 0,10.0002363 C0,15.5141203 4.48598573,20 10,20 C15.5140143,20 20,15.5141203 20,10.0002363 C20,4.48587971 15.5140143,0 10,0" id="Fill-13"></path>
|
||||
<path d="M2.90318539,4.57504985 C2.73948566,4.77532009 2.77432555,5.06624383 2.98097856,5.22488746 L9.59339779,10.3000961 C9.67930435,10.3662362 9.78430127,10.4 9.88977544,10.4 C9.96470505,10.4 10.0396347,10.3833494 10.1093144,10.348198 L14.5425705,8.12533708 C14.7764272,8.00785754 14.8675836,7.72895926 14.7463599,7.50232549 C14.6256135,7.27522922 14.338781,7.18550075 14.1034925,7.30390533 L9.94418293,9.38939844 L3.57373386,4.49965943 C3.36708085,4.34147832 3.06688513,4.37524212 2.90318539,4.57504985" id="Fill-16"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
@@ -0,0 +1,631 @@
|
||||
/** Styles for the theme: Base-Dark */
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView {
|
||||
--tchmi-background-header: var(--tchmi-highlight-color-1);
|
||||
--tchmi-color-header: var(--tchmi-foreground-color-1);
|
||||
--tchmi-background-row-numbers: var(--tchmi-foreground-color-2);
|
||||
--tchmi-color-row-numbers: var(--tchmi-foreground-color-1);
|
||||
--tchmi-border-color: var(--tchmi-background-color-1);
|
||||
--tchmi-background-placeholder: var(--tchmi-highlight-color-1);
|
||||
--tchmi-background-cell: var(--tchmi-background-color-3);
|
||||
--tchmi-color-cell: var(--tchmi-foreground-color-1);
|
||||
--tchmi-background-data-scroll: rgba(76, 99, 116, 0.25); /*#4c6374 + opacity*/
|
||||
--tchmi-background-focused-row: rgba(160, 160, 160, 0.1);
|
||||
--tchmi-background-focused-cell: rgba(76, 99, 116, 0.25); /*#4c6374 + opacity*/
|
||||
--tchmi-background-cell-dropdown: var(--tchmi-highlight-color-1);
|
||||
--tchmi-background-cell-checkbox: var(--tchmi-background-color-4);
|
||||
--tchmi-background-cell-checkbox-checked: var(--tchmi-highlight-color-1);
|
||||
--tchmi-stroke-combobox: var(--tchmi-foreground-color-1);
|
||||
--tchmi-background-combobox-select: var(--tchmi-background-color-4);
|
||||
--tchmi-background-combobox-select-active: var(--tchmi-background-color-3);
|
||||
--tchmi-color-combobox: var(--tchmi-foreground-color-1);
|
||||
--tchmi-background-textbox: var(--tchmi-background-color-4);
|
||||
--tchmi-color-textbox: var(--tchmi-foreground-color-1);
|
||||
--tchmi-toggleswitch-indicator: var(--tchmi-foreground-color-4);
|
||||
--tchmi-toggleswitch-indicator-checked: var(--tchmi-foreground-color-1);
|
||||
--tchmi-toggleswitch-indicator-user-input: var(--tchmi-foreground-color-1);
|
||||
--tchmi-toggleswitch-background: var(--tchmi-background-color-4);
|
||||
--tchmi-toggleswitch-background-checked: var(--tchmi-highlight-color-1);
|
||||
--tchmi-radio-button-background: var(--tchmi-background-color-4);
|
||||
--tchmi-radio-button-background-checked: radial-gradient(
|
||||
circle closest-side at center,
|
||||
var(--tchmi-foreground-color-1) 0,
|
||||
var(--tchmi-foreground-color-1) 45%,
|
||||
var(--tchmi-highlight-color-1) calc(45% + 1px),
|
||||
var(--tchmi-highlight-color-1) 100%
|
||||
);
|
||||
--tchmi-input-border: 1px solid var(--tchmi-background-color-2);
|
||||
--tchmi-input-unit-color: var(--tchmi-foreground-color-4);
|
||||
--tchmi-input-field-background-invalid: var(--tchmi-invalid-color);
|
||||
/** User input colors */
|
||||
--tchmi-background-cell-checkbox-checked-user-input: var(--tchmi-user-input-color);
|
||||
--tchmi-toggleswitch-background-checked-user-input: var(--tchmi-user-input-color);
|
||||
--tchmi-radio-button-background-checked-user-input: radial-gradient(
|
||||
circle closest-side at center,
|
||||
var(--tchmi-foreground-color-1) 0,
|
||||
var(--tchmi-foreground-color-1) 45%,
|
||||
var(--tchmi-user-input-color) calc(45% + 1px),
|
||||
var(--tchmi-user-input-color) 100%
|
||||
);
|
||||
--tchmi-input-field-background-user-input: var(--tchmi-user-input-color);
|
||||
--tchmi-group-line-color: var(--tchmi-foreground-color-3);
|
||||
--TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner-color: var(--tchmi-foreground-color-2);
|
||||
--tchmi-background-invalid: var(--tchmi-invalid-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView.read-only {
|
||||
--tchmi-background-textbox: var(--tchmi-read-only-color);
|
||||
--tchmi-background-combobox-select: var(--tchmi-read-only-color);
|
||||
--tchmi-background-cell-checkbox: var(--tchmi-read-only-color);
|
||||
--tchmi-background-cell-checkbox-checked: var(--tchmi-read-only-color);
|
||||
--tchmi-toggleswitch-background: var(--tchmi-read-only-color);
|
||||
--tchmi-toggleswitch-background-checked: var(--tchmi-read-only-color);
|
||||
--tchmi-radio-button-background: var(--tchmi-read-only-color);
|
||||
--tchmi-radio-button-background-checked: radial-gradient(
|
||||
circle closest-side at center,
|
||||
var(--tchmi-foreground-color-1) 0,
|
||||
var(--tchmi-foreground-color-1) 45%,
|
||||
var(--tchmi-read-only-color) calc(45% + 1px),
|
||||
var(--tchmi-read-only-color) 100%
|
||||
);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-border {
|
||||
border-width: 0px;
|
||||
border-color: #000;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template td {
|
||||
border-color: var(--tchmi-border-color);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-header {
|
||||
background: var(--tchmi-background-header);
|
||||
color: var(--tchmi-color-header);
|
||||
/* table border **/
|
||||
border-right: 1px solid var(--tchmi-border-color);
|
||||
border-top: 0px;
|
||||
border-left: 0px;
|
||||
border-bottom: 0px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-header-border {
|
||||
border-color: var(--tchmi-border-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element.sortable
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element-child::after {
|
||||
content: url('./Images/sort.svg');
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element.sortable
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element-child:empty::after {
|
||||
padding-left: unset;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element-child.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-header-sort-asc::after {
|
||||
content: url('./Images/sort_asc.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element-child.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-header-sort-desc::after {
|
||||
content: url('./Images/sort_desc.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-placeholder {
|
||||
background: var(--tchmi-background-placeholder);
|
||||
}
|
||||
|
||||
td.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-row-numbers {
|
||||
background: var(--tchmi-background-row-numbers);
|
||||
color: var(--tchmi-color-row-numbers);
|
||||
border-color: var(--tchmi-border-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell {
|
||||
background: var(--tchmi-background-cell);
|
||||
color: var(--tchmi-color-cell);
|
||||
border-color: var(--tchmi-border-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell select {
|
||||
border: var(--tchmi-input-border);
|
||||
font-size: inherit;
|
||||
font-style: inherit;
|
||||
font-weight: inherit;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell select + label {
|
||||
background:
|
||||
url('Images/dropdown.svg') center center no-repeat,
|
||||
var(--tchmi-background-cell-dropdown);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='checkbox'] + label {
|
||||
background-color: var(--tchmi-background-cell-checkbox);
|
||||
border: var(--tchmi-input-border);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='checkbox']:checked + label {
|
||||
background:
|
||||
url(Images/checkbox.svg) center / 100% no-repeat,
|
||||
var(--tchmi-background-cell-checkbox-checked);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
|
||||
input[type='checkbox']
|
||||
+ label {
|
||||
background: var(--tchmi-input-field-background-user-input);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
|
||||
input[type='checkbox']:checked
|
||||
+ label {
|
||||
background:
|
||||
url(Images/checkbox.svg) center / 100% no-repeat,
|
||||
var(--tchmi-background-cell-checkbox-checked-user-input);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='radio'] + label {
|
||||
background-color: var(--tchmi-radio-button-background);
|
||||
border: var(--tchmi-input-border);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='radio']:checked + label {
|
||||
background: var(--tchmi-radio-button-background-checked);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
|
||||
input[type='radio']:checked
|
||||
+ label {
|
||||
background: var(--tchmi-radio-button-background-checked-user-input);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell
|
||||
input[type='checkbox'].TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
|
||||
+ label {
|
||||
background: var(--tchmi-toggleswitch-background);
|
||||
border: var(--tchmi-input-border);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
|
||||
input[type='checkbox'].TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
|
||||
+ label {
|
||||
background: var(--tchmi-toggleswitch-background-checked-user-input);
|
||||
border: var(--tchmi-input-border);
|
||||
transition: background-color 0.25s ease;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell
|
||||
input[type='checkbox']:checked.TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
|
||||
+ label {
|
||||
background: var(--tchmi-toggleswitch-background-checked);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
|
||||
input[type='checkbox']:checked.TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
|
||||
+ label {
|
||||
background: var(--tchmi-toggleswitch-background-checked-user-input);
|
||||
border: var(--tchmi-input-border);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell
|
||||
input[type='checkbox'].TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
|
||||
+ label
|
||||
div {
|
||||
position: relative;
|
||||
background: var(--tchmi-toggleswitch-indicator);
|
||||
border-radius: calc(100% * 0.618);
|
||||
height: calc(100% * 0.618);
|
||||
width: calc(50% * 0.618);
|
||||
top: calc(100% * 0.382 / 2);
|
||||
left: calc(50% * 0.382 / 2);
|
||||
transition:
|
||||
left 0.25s ease,
|
||||
background-color 0.25s ease;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell
|
||||
input[type='checkbox']:checked.TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
|
||||
+ label
|
||||
div {
|
||||
background: var(--tchmi-toggleswitch-indicator-checked);
|
||||
left: calc(50% + calc(50% * 0.382 / 2));
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
|
||||
input[type='checkbox'].TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
|
||||
+ label
|
||||
div,
|
||||
.tchmi-datagrid-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
|
||||
input[type='checkbox'].TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
|
||||
+ label
|
||||
div,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
|
||||
input[type='checkbox']:checked.TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
|
||||
+ label
|
||||
div,
|
||||
.tchmi-datagrid-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
|
||||
input[type='checkbox']:checked.TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
|
||||
+ label
|
||||
div {
|
||||
background: var(--tchmi-toggleswitch-indicator-user-input);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='text'],
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='text']:disabled,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[inputmode='decimal'],
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[inputmode='decimal']:disabled,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='password'],
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='password']:disabled {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
font-style: inherit;
|
||||
font-weight: inherit;
|
||||
color: var(--tchmi-color-textbox);
|
||||
background-color: var(--tchmi-background-textbox);
|
||||
text-align: inherit;
|
||||
border: var(--tchmi-input-border);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
|
||||
input[type='text'],
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
|
||||
input[type='text']:disabled,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
|
||||
input[type='password'],
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
|
||||
input[type='password']:disabled {
|
||||
background: var(--tchmi-input-field-background-user-input);
|
||||
}
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeview-input-unit {
|
||||
color: var(--tchmi-input-unit-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-data-scroll tbody tr.focused > td:not(.focused)::before,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-data-scroll tbody tr:hover > td:not(:hover):before {
|
||||
background: var(--tchmi-background-focused-row);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-data-scroll tbody tr.focused > td.focused::before,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-data-scroll tbody tr > td:hover:before {
|
||||
background: var(--tchmi-background-focused-cell);
|
||||
}
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-button {
|
||||
font-size: var(--tchmi-button-font-size);
|
||||
background: 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);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-button polyline {
|
||||
stroke: currentColor;
|
||||
fill: none;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template.active
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-button {
|
||||
background: 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);
|
||||
}
|
||||
|
||||
/*--------------------------------------------select--------------------------------------------------*/
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-select {
|
||||
background: var(--tchmi-background-combobox-select);
|
||||
color: var(--tchmi-color-combobox);
|
||||
border: var(--tchmi-input-border);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template.active
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-select {
|
||||
background: var(--tchmi-background-combobox-select-active);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-select-content {
|
||||
color: var(--tchmi-color-combobox);
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value .TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-select {
|
||||
background: var(--tchmi-input-field-background-user-input);
|
||||
}
|
||||
|
||||
/*-----------------------table--------------------------------------*/
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-dropdown {
|
||||
--tchmi-background-combobox-dropdown: var(--tchmi-background-color-3);
|
||||
--tchmi-background-combobox-dropdown-active: var(--tchmi-background-color-2);
|
||||
--tchmi-background-combobox-dropdown-hover: var(--tchmi-highlight-color-1);
|
||||
--tchmi-color-combobox-dropdown: var(--tchmi-foreground-color-1);
|
||||
--tchmi-color-combobox-dropdown-active: var(--tchmi-foreground-color-1);
|
||||
--tchmi-color-combobox-dropdown-hover: var(--tchmi-foreground-color-1);
|
||||
box-shadow: var(--tchmi-dropdown-shadow);
|
||||
background: var(--tchmi-background-combobox-dropdown);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-dropdown.above-control {
|
||||
box-shadow: var(--tchmi-dropdown-shadow-above);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-dropdown.drop-down-style-mobile {
|
||||
box-shadow: var(--tchmi-popup-shadow);
|
||||
max-width: 80%;
|
||||
max-height: 80%;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-dropdown-element {
|
||||
color: var(--tchmi-color-combobox-dropdown);
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-dropdown-element.selected {
|
||||
background: var(--tchmi-background-combobox-dropdown-active);
|
||||
color: var(--tchmi-color-combobox-dropdown-active);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-dropdown-element:hover {
|
||||
background: var(--tchmi-background-combobox-dropdown-hover);
|
||||
color: var(--tchmi-color-combobox-dropdown-hover);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-button {
|
||||
font-size: var(--tchmi-button-font-size);
|
||||
background: var(--tchmi-button-background);
|
||||
color: var(--tchmi-button-text-color);
|
||||
border: var(--tchmi-button-border);
|
||||
box-shadow: var(--tchmi-button-shadow);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-button.down {
|
||||
background: var(--tchmi-button-background-pressed);
|
||||
color: var(--tchmi-button-text-color-pressed);
|
||||
border: var(--tchmi-button-border-pressed);
|
||||
box-shadow: var(--tchmi-button-shadow-pressed);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-spinbox-button {
|
||||
font-size: 16px;
|
||||
background: 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_TcHmiTreeView-spinbox-button.down {
|
||||
background: 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_TcHmiTreeView-date-time-button {
|
||||
font-size: var(--tchmi-button-font-size);
|
||||
background: url(Images/datetimepicker_normal.svg), var(--tchmi-highlight-button-background);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
color: var(--tchmi-highlight-button-text-color);
|
||||
border: var(--tchmi-highlight-button-border);
|
||||
box-shadow: var(--tchmi-highlight-button-shadow);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-date-time-button.down {
|
||||
background: url(Images/datetimepicker_pressed.svg), var(--tchmi-highlight-button-background-pressed);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
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_TcHmiTreeView-timespan-button {
|
||||
font-size: var(--tchmi-button-font-size);
|
||||
background: url(Images/timespanpicker_normal.svg), var(--tchmi-highlight-button-background);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
color: var(--tchmi-highlight-button-text-color);
|
||||
border: var(--tchmi-highlight-button-border);
|
||||
box-shadow: var(--tchmi-highlight-button-shadow);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-timespan-button.down {
|
||||
background: url(Images/timespanpicker_pressed.svg), var(--tchmi-highlight-button-background-pressed);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
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_TcHmiTreeView-button-disabled.down {
|
||||
background: var(--tchmi-button-background);
|
||||
color: var(--tchmi-button-text-color);
|
||||
border: var(--tchmi-button-border);
|
||||
box-shadow: var(--tchmi-button-shadow);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-cell-disabled::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: var(--tchmi-disabled-color);
|
||||
z-index: 100;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-input-field-margin {
|
||||
margin: 1px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='text']:invalid,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='text']:disabled:invalid,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[inputmode='decimal']:invalid,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[inputmode='decimal']:disabled:invalid,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='password']:invalid,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='password']:disabled:invalid {
|
||||
background: var(--tchmi-input-field-background-invalid);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView.read-only .TcHmi_Controls_Beckhoff_TcHmiTreeView-spinbox-button::after {
|
||||
background-color: var(--tchmi-disabled-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell-expand {
|
||||
margin-left: -5px;
|
||||
width: 30px !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 101;
|
||||
height: var(--row-height);
|
||||
min-width: var(--row-height);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-Message {
|
||||
color: var(--tchmi-color-cell);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell-expand-icon::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-style: solid;
|
||||
border-width: 0 1px 1px 0;
|
||||
border-color: var(--tchmi-color-cell);
|
||||
transition: transform 0.1s ease-in;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell-expand-icon.animation-lock::before {
|
||||
transition: none;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template .group-lines {
|
||||
display: inline-block;
|
||||
top: 0px;
|
||||
left: 7px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template .group-line {
|
||||
display: inline-block;
|
||||
border-left: 1px solid var(--tchmi-group-line-color);
|
||||
position: relative;
|
||||
height: 100%;
|
||||
width: 8px;
|
||||
margin-left: 9.5px;
|
||||
margin-top: -15px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template span.group-line-first {
|
||||
height: calc(100% - 10px) !important;
|
||||
margin-top: -5px !important;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template span.group-line:last-child {
|
||||
border-bottom: 1px solid var(--tchmi-group-line-color);
|
||||
}
|
||||
|
||||
tr:nth-child(2n) label::before {
|
||||
background: var(--tchmi-group-line-color) !important;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell-expand:not(
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell-expand-icon
|
||||
)::before {
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
border-radius: 6px;
|
||||
content: '';
|
||||
border: 1px solid var(--tchmi-color-cell);
|
||||
}
|
||||
|
||||
/**
|
||||
Loading Spinner
|
||||
Usage: <div class="TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner-container"><div class="TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner"><div></div><div></div><div></div><div></div></div></div>
|
||||
*/
|
||||
|
||||
@keyframes TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner-container {
|
||||
position: static;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner {
|
||||
display: inline-block;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner div {
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 51px;
|
||||
height: 51px;
|
||||
margin: 6px;
|
||||
border: 6px solid var(--TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner-color);
|
||||
border-radius: 50%;
|
||||
animation: TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
|
||||
border-color: var(--TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner-color) transparent transparent transparent;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner div:nth-child(1) {
|
||||
animation-delay: -0.45s;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner div:nth-child(2) {
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner div:nth-child(3) {
|
||||
animation-delay: -0.15s;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-input-invalid-notification,
|
||||
.tchmi-template-input-invalid-notification {
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
font-size: 15px;
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
<svg version="1.1"
|
||||
baseProfile="full"
|
||||
width="30" height="30"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
|
||||
<path d="M 9 18 L 13 22 L 22 9" fill="none" stroke="#4794da" stroke-width="3" stroke-linecap="round" />
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 226 B |
@@ -0,0 +1,8 @@
|
||||
<svg version="1.1"
|
||||
baseProfile="full"
|
||||
width="30" height="30"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
|
||||
<path d="M 9 18 L 13 22 L 22 9" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" />
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 224 B |
@@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<g id="time-span-picker-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="icon-status" transform="translate(6.000000, 5.000000)" fill="#ffffff">
|
||||
<path d="M13.0368925,18.8781263 C9.75174991,18.8781263 7.07916266,16.2559652 7.07916266,13.0328064 C7.07916266,9.80919028 9.75174991,7.1870292 13.0368925,7.1870292 C14.8251438,7.1870292 16.427857,7.96777732 17.5210399,9.19538596 L12.9837484,12.7213305 L9.8337969,11.1218717 C9.60397211,11.0056971 9.32333413,11.0939715 9.20539159,11.3180878 C9.08698288,11.5422041 9.17648868,11.8184618 9.40491494,11.9346364 L12.8224515,13.6694798 C12.8905132,13.7037833 12.9637029,13.7207063 13.0368925,13.7207063 C13.1399174,13.7207063 13.24201,13.6868602 13.3263878,13.6219122 L18.077654,9.93039605 C18.6557123,10.8305204 18.9950885,11.8925574 18.9950885,13.0328064 C18.9950885,16.2559652 16.3225012,18.8781263 13.0368925,18.8781263 Z M1.13681663,3.82940064 L1.13681663,2.45725984 L3.46769685,2.45725984 L3.46769685,2.9146401 C3.46769685,3.16711401 3.67607754,3.37202037 3.93387289,3.37202037 C4.19120207,3.37202037 4.40004894,3.16711401 4.40004894,2.9146401 L4.40004894,2.45725984 L11.3926896,2.45725984 L11.3926896,2.9146401 C11.3926896,3.16711401 11.6010703,3.37202037 11.8588656,3.37202037 C12.1161948,3.37202037 12.3250417,3.16711401 12.3250417,2.9146401 L12.3250417,2.45725984 L14.1897458,2.45725984 L14.1897458,3.82940064 L1.13681663,3.82940064 Z M15.1220979,6.63863026 L15.1220979,1.77393371 C15.1220979,1.52145981 15.0475098,1.5424993 14.7901806,1.5424993 L12.3250417,1.5424993 L12.3250417,0.62773876 C12.3250417,0.374807471 12.1161948,0.170358491 11.8588656,0.170358491 C11.6010703,0.170358491 11.3926896,0.374807471 11.3926896,0.62773876 L11.3926896,1.5424993 L4.40004894,1.5424993 L4.40004894,0.62773876 C4.40004894,0.374807471 4.19120207,0.170358491 3.93387289,0.170358491 C3.67607754,0.170358491 3.46769685,0.374807471 3.46769685,0.62773876 L3.46769685,1.5424993 L0.662249419,1.5424993 C0.404454067,1.5424993 0.204464544,1.52145981 0.204464544,1.77393371 L0.204464544,13.2646982 C0.204464544,13.5171721 0.404454067,13.8917666 0.662249419,13.8917666 L4.71098836,13.8917666 C4.96831753,13.8917666 5.1771644,13.6868602 5.1771644,13.4343863 C5.1771644,13.181455 4.96831753,12.977006 4.71098836,12.977006 L1.13681663,12.977006 L1.13681663,4.74416118 L14.1897458,4.74416118 L14.1897458,6.39484657 C13.7235698,6.31709193 13.4102995,6.27226866 12.969297,6.27226866 C9.17089456,6.27226866 6.11277972,9.30515722 6.11277972,13.0328064 C6.11277972,16.7604556 9.2207754,19.7928868 13.0201102,19.7928868 C16.8194449,19.7928868 19.8519201,16.7604556 19.8519201,13.0328064 C19.8519201,10.0676101 17.9191542,7.54790223 15.1220979,6.63863026 Z" id="Fill-1"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
@@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<g id="time-span-picker-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="icon-status" transform="translate(6.000000, 5.000000)" fill="#ffffff">
|
||||
<path d="M13.0368925,18.8781263 C9.75174991,18.8781263 7.07916266,16.2559652 7.07916266,13.0328064 C7.07916266,9.80919028 9.75174991,7.1870292 13.0368925,7.1870292 C14.8251438,7.1870292 16.427857,7.96777732 17.5210399,9.19538596 L12.9837484,12.7213305 L9.8337969,11.1218717 C9.60397211,11.0056971 9.32333413,11.0939715 9.20539159,11.3180878 C9.08698288,11.5422041 9.17648868,11.8184618 9.40491494,11.9346364 L12.8224515,13.6694798 C12.8905132,13.7037833 12.9637029,13.7207063 13.0368925,13.7207063 C13.1399174,13.7207063 13.24201,13.6868602 13.3263878,13.6219122 L18.077654,9.93039605 C18.6557123,10.8305204 18.9950885,11.8925574 18.9950885,13.0328064 C18.9950885,16.2559652 16.3225012,18.8781263 13.0368925,18.8781263 Z M1.13681663,3.82940064 L1.13681663,2.45725984 L3.46769685,2.45725984 L3.46769685,2.9146401 C3.46769685,3.16711401 3.67607754,3.37202037 3.93387289,3.37202037 C4.19120207,3.37202037 4.40004894,3.16711401 4.40004894,2.9146401 L4.40004894,2.45725984 L11.3926896,2.45725984 L11.3926896,2.9146401 C11.3926896,3.16711401 11.6010703,3.37202037 11.8588656,3.37202037 C12.1161948,3.37202037 12.3250417,3.16711401 12.3250417,2.9146401 L12.3250417,2.45725984 L14.1897458,2.45725984 L14.1897458,3.82940064 L1.13681663,3.82940064 Z M15.1220979,6.63863026 L15.1220979,1.77393371 C15.1220979,1.52145981 15.0475098,1.5424993 14.7901806,1.5424993 L12.3250417,1.5424993 L12.3250417,0.62773876 C12.3250417,0.374807471 12.1161948,0.170358491 11.8588656,0.170358491 C11.6010703,0.170358491 11.3926896,0.374807471 11.3926896,0.62773876 L11.3926896,1.5424993 L4.40004894,1.5424993 L4.40004894,0.62773876 C4.40004894,0.374807471 4.19120207,0.170358491 3.93387289,0.170358491 C3.67607754,0.170358491 3.46769685,0.374807471 3.46769685,0.62773876 L3.46769685,1.5424993 L0.662249419,1.5424993 C0.404454067,1.5424993 0.204464544,1.52145981 0.204464544,1.77393371 L0.204464544,13.2646982 C0.204464544,13.5171721 0.404454067,13.8917666 0.662249419,13.8917666 L4.71098836,13.8917666 C4.96831753,13.8917666 5.1771644,13.6868602 5.1771644,13.4343863 C5.1771644,13.181455 4.96831753,12.977006 4.71098836,12.977006 L1.13681663,12.977006 L1.13681663,4.74416118 L14.1897458,4.74416118 L14.1897458,6.39484657 C13.7235698,6.31709193 13.4102995,6.27226866 12.969297,6.27226866 C9.17089456,6.27226866 6.11277972,9.30515722 6.11277972,13.0328064 C6.11277972,16.7604556 9.2207754,19.7928868 13.0201102,19.7928868 C16.8194449,19.7928868 19.8519201,16.7604556 19.8519201,13.0328064 C19.8519201,10.0676101 17.9191542,7.54790223 15.1220979,6.63863026 Z" id="Fill-1"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
@@ -0,0 +1,8 @@
|
||||
<svg version="1.1"
|
||||
baseProfile="full"
|
||||
width="30" height="30"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
|
||||
<path d="M 7 12 L 15 20 L 23 12" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" />
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 225 B |
@@ -0,0 +1,31 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Inhalt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st1{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st2{fill:none;stroke:#4c6374;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st4{fill:none;stroke:#000000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st5{fill:none;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
|
||||
.st6{fill:#FFFFFF;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
|
||||
.st7{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st8{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.5299,7.5299;}
|
||||
.st9{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st10{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st11{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st12{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st13{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st14{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st15{fill:none;stroke:#4794DA;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st16{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st18{fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
.st19{fill:#0000FF;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
.st20{fill:#00FF00;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
</style>
|
||||
<g>
|
||||
<polygon class="st2" points="32.6,53.2 32.6,26.8 53.6,40 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
@@ -0,0 +1,31 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Inhalt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st1{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st2{fill:#4c6374;stroke:#4c6374;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st4{fill:none;stroke:#000000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st5{fill:none;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
|
||||
.st6{fill:#FFFFFF;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
|
||||
.st7{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st8{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.5299,7.5299;}
|
||||
.st9{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st10{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st11{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st12{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st13{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st14{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st15{fill:none;stroke:#4794DA;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st16{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st18{fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
.st19{fill:#0000FF;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
.st20{fill:#00FF00;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
</style>
|
||||
<g>
|
||||
<polygon class="st2" points="36,55.2 55.2,55.2 55.2,36"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
@@ -0,0 +1,31 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Inhalt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st1{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st2{fill:#d7d7d9;stroke:#4c6374;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st4{fill:none;stroke:#000000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st5{fill:none;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
|
||||
.st6{fill:#FFFFFF;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
|
||||
.st7{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st8{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.5299,7.5299;}
|
||||
.st9{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st10{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st11{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st12{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st13{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st14{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st15{fill:none;stroke:#4794DA;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st16{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st18{fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
.st19{fill:#0000FF;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
.st20{fill:#00FF00;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
</style>
|
||||
<g>
|
||||
<polygon class="st2" points="36,55.2 55.2,55.2 55.2,36"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
@@ -0,0 +1,31 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Inhalt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st1{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st2{fill:#d7d7d9;stroke:#4c6374;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st4{fill:none;stroke:#000000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st5{fill:none;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
|
||||
.st6{fill:#FFFFFF;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
|
||||
.st7{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st8{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.5299,7.5299;}
|
||||
.st9{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st10{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st11{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st12{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st13{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st14{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st15{fill:none;stroke:#4794DA;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st16{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st18{fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
.st19{fill:#0000FF;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
.st20{fill:#00FF00;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
</style>
|
||||
<g>
|
||||
<polygon class="st2" points="32.6,53.2 32.6,26.8 53.6,40 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
@@ -0,0 +1,31 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Inhalt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st1{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st2{fill:none;stroke:#4c6374;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st4{fill:none;stroke:#000000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st5{fill:none;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
|
||||
.st6{fill:#FFFFFF;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
|
||||
.st7{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st8{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.5299,7.5299;}
|
||||
.st9{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st10{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st11{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st12{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st13{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
|
||||
.st14{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
|
||||
.st15{fill:none;stroke:#4794DA;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st16{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||
.st18{fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
.st19{fill:#0000FF;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
.st20{fill:#00FF00;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||
</style>
|
||||
<g>
|
||||
<circle class="st2" cx="40" cy="40" r="4"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
@@ -0,0 +1,5 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg version="1.1" baseProfile="full" width="5" height="10" xmlns="http://www.w3.org/2000/svg">
|
||||
<polygon points="2.5,0 5,4 0,4" stroke="none" fill="#FFFFFF" />
|
||||
<polygon points="2.5,10 5,6 0,6" stroke="none" fill="#FFFFFF" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 272 B |
@@ -0,0 +1,4 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg version="1.1" baseProfile="full" width="5" height="10" xmlns="http://www.w3.org/2000/svg">
|
||||
<polygon points="2.5,0 5,4 0,4" stroke="none" fill="#FFFFFF" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 206 B |
@@ -0,0 +1,4 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg version="1.1" baseProfile="full" width="5" height="10" xmlns="http://www.w3.org/2000/svg">
|
||||
<polygon points="2.5,10 5,6 0,6" stroke="none" fill="#FFFFFF" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 207 B |
@@ -0,0 +1,15 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<g id="time-picker-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#ffffff">
|
||||
<path d="M6.39997453,1.6 C6.44802978,1.6 6.50008963,1.58801822 6.54814488,1.5720425 C6.75237968,1.49216395 6.85249478,1.2565222 6.7724027,1.05283188 C6.69191016,0.849141561 6.45964313,0.745299437 6.25580879,0.829171922 C6.04756939,0.909050479 5.94745429,1.1406983 6.02754637,1.34438862 C6.09121957,1.50414573 6.23979038,1.6 6.39997453,1.6" id="Fill-1"></path>
|
||||
<path d="M8.79979915,0.8 C8.81185016,0.8 8.82791817,0.8 8.84398618,0.795992162 C9.06492132,0.771945136 9.22198612,0.57556109 9.19748241,0.355130017 C9.17378209,0.134698944 8.97654726,-0.0216067259 8.75601382,0.00244030019 C8.53507868,0.0264873263 8.37801388,0.222871373 8.40251759,0.443302446 C8.4226026,0.647702168 8.59493202,0.8 8.79979915,0.8" id="Fill-3"></path>
|
||||
<path d="M5.19986206,2 C5.26795682,2 5.33204601,1.98005871 5.3961352,1.94815264 C5.58880334,1.84046967 5.6568981,1.59718592 5.54834703,1.40574953 C5.44059708,1.21431314 5.19986206,1.14252449 5.00398947,1.25020746 C4.81132133,1.35789043 4.74322657,1.60117418 4.85137708,1.79261057 C4.92387798,1.92422309 5.05966695,2 5.19986206,2" id="Fill-5"></path>
|
||||
<path d="M7.59950751,1.2 C7.63148946,1.2 7.66307163,1.19599667 7.69505358,1.18799001 C7.91093173,1.1359467 8.04285727,0.919766808 7.98728863,0.703586917 C7.93531797,0.491410358 7.71943982,0.359300425 7.50356167,0.411343732 C7.29128149,0.463387039 7.15935595,0.683570261 7.21132662,0.89574682 C7.25929954,1.07990006 7.41960905,1.2 7.59950751,1.2" id="Fill-7"></path>
|
||||
<path d="M4.00001347,2.8 C4.08410047,2.8 4.16818746,2.77198504 4.24026203,2.71995725 C4.41644431,2.58788671 4.4524816,2.33575203 4.32034489,2.15965798 C4.18820818,1.98356392 3.93594719,1.94754468 3.7593645,2.07961523 C3.58358263,2.21168577 3.54754535,2.4598183 3.67968206,2.63991449 C3.7593645,2.74397007 3.87988919,2.8 4.00001347,2.8" id="Fill-9"></path>
|
||||
<path d="M3.1988246,3.6 C3.29877582,3.6 3.4031249,3.5600509 3.47868802,3.4841476 C3.63900979,3.33234101 3.63900979,3.08066166 3.48708393,2.92086525 C3.33076021,2.76106883 3.07888313,2.76106883 2.91896117,2.91287542 C2.76303727,3.06867693 2.75903922,3.32035628 2.91496313,3.48015269 C2.99092606,3.5600509 3.09487533,3.6 3.1988246,3.6" id="Fill-11"></path>
|
||||
<path d="M10,0 C9.96691402,0 9.93808196,0.0122887865 9.90688661,0.0189058254 C9.90357801,0.0189058254 9.90074207,0.0170152428 9.89696082,0.0170152428 C9.6355816,0.0170152428 9.42430401,0.228287841 9.42430401,0.489660877 L9.42430401,3.32553468 C9.42430401,3.58643507 9.6355816,3.79818031 9.89696082,3.79818031 C10.15834,3.79818031 10.3696176,3.58643507 10.3696176,3.32553468 L10.3696176,0.964197093 C15.1902444,1.16034503 19.0546864,5.13198629 19.0546864,10.0002363 C19.0546864,14.9927922 14.9926738,19.0547087 10,19.0547087 C5.00732618,19.0547087 0.945313608,14.9927922 0.945313608,10.0002363 C0.945313608,7.91492379 1.6708418,5.87971169 2.98860897,4.26940801 C3.15451151,4.06758833 3.12426147,3.76982158 2.92243702,3.6043956 C2.71966725,3.43896963 2.42236612,3.46874631 2.2574089,3.67103864 C2.21676041,3.72066643 2.18225646,3.77407539 2.14302595,3.82417582 C2.13499078,3.83079286 2.12459233,3.83315609 2.11702982,3.84024578 C2.07212743,3.88561976 2.03762348,3.93808342 2.0144633,3.99527354 C0.717493028,5.71995746 0,7.83268345 0,10.0002363 C0,15.5141203 4.48598573,20 10,20 C15.5140143,20 20,15.5141203 20,10.0002363 C20,4.48587971 15.5140143,0 10,0" id="Fill-13"></path>
|
||||
<path d="M2.90318539,4.57504985 C2.73948566,4.77532009 2.77432555,5.06624383 2.98097856,5.22488746 L9.59339779,10.3000961 C9.67930435,10.3662362 9.78430127,10.4 9.88977544,10.4 C9.96470505,10.4 10.0396347,10.3833494 10.1093144,10.348198 L14.5425705,8.12533708 C14.7764272,8.00785754 14.8675836,7.72895926 14.7463599,7.50232549 C14.6256135,7.27522922 14.338781,7.18550075 14.1034925,7.30390533 L9.94418293,9.38939844 L3.57373386,4.49965943 C3.36708085,4.34147832 3.06688513,4.37524212 2.90318539,4.57504985" id="Fill-16"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
@@ -0,0 +1,15 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<g id="time-picker-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#ffffff">
|
||||
<path d="M6.39997453,1.6 C6.44802978,1.6 6.50008963,1.58801822 6.54814488,1.5720425 C6.75237968,1.49216395 6.85249478,1.2565222 6.7724027,1.05283188 C6.69191016,0.849141561 6.45964313,0.745299437 6.25580879,0.829171922 C6.04756939,0.909050479 5.94745429,1.1406983 6.02754637,1.34438862 C6.09121957,1.50414573 6.23979038,1.6 6.39997453,1.6" id="Fill-1"></path>
|
||||
<path d="M8.79979915,0.8 C8.81185016,0.8 8.82791817,0.8 8.84398618,0.795992162 C9.06492132,0.771945136 9.22198612,0.57556109 9.19748241,0.355130017 C9.17378209,0.134698944 8.97654726,-0.0216067259 8.75601382,0.00244030019 C8.53507868,0.0264873263 8.37801388,0.222871373 8.40251759,0.443302446 C8.4226026,0.647702168 8.59493202,0.8 8.79979915,0.8" id="Fill-3"></path>
|
||||
<path d="M5.19986206,2 C5.26795682,2 5.33204601,1.98005871 5.3961352,1.94815264 C5.58880334,1.84046967 5.6568981,1.59718592 5.54834703,1.40574953 C5.44059708,1.21431314 5.19986206,1.14252449 5.00398947,1.25020746 C4.81132133,1.35789043 4.74322657,1.60117418 4.85137708,1.79261057 C4.92387798,1.92422309 5.05966695,2 5.19986206,2" id="Fill-5"></path>
|
||||
<path d="M7.59950751,1.2 C7.63148946,1.2 7.66307163,1.19599667 7.69505358,1.18799001 C7.91093173,1.1359467 8.04285727,0.919766808 7.98728863,0.703586917 C7.93531797,0.491410358 7.71943982,0.359300425 7.50356167,0.411343732 C7.29128149,0.463387039 7.15935595,0.683570261 7.21132662,0.89574682 C7.25929954,1.07990006 7.41960905,1.2 7.59950751,1.2" id="Fill-7"></path>
|
||||
<path d="M4.00001347,2.8 C4.08410047,2.8 4.16818746,2.77198504 4.24026203,2.71995725 C4.41644431,2.58788671 4.4524816,2.33575203 4.32034489,2.15965798 C4.18820818,1.98356392 3.93594719,1.94754468 3.7593645,2.07961523 C3.58358263,2.21168577 3.54754535,2.4598183 3.67968206,2.63991449 C3.7593645,2.74397007 3.87988919,2.8 4.00001347,2.8" id="Fill-9"></path>
|
||||
<path d="M3.1988246,3.6 C3.29877582,3.6 3.4031249,3.5600509 3.47868802,3.4841476 C3.63900979,3.33234101 3.63900979,3.08066166 3.48708393,2.92086525 C3.33076021,2.76106883 3.07888313,2.76106883 2.91896117,2.91287542 C2.76303727,3.06867693 2.75903922,3.32035628 2.91496313,3.48015269 C2.99092606,3.5600509 3.09487533,3.6 3.1988246,3.6" id="Fill-11"></path>
|
||||
<path d="M10,0 C9.96691402,0 9.93808196,0.0122887865 9.90688661,0.0189058254 C9.90357801,0.0189058254 9.90074207,0.0170152428 9.89696082,0.0170152428 C9.6355816,0.0170152428 9.42430401,0.228287841 9.42430401,0.489660877 L9.42430401,3.32553468 C9.42430401,3.58643507 9.6355816,3.79818031 9.89696082,3.79818031 C10.15834,3.79818031 10.3696176,3.58643507 10.3696176,3.32553468 L10.3696176,0.964197093 C15.1902444,1.16034503 19.0546864,5.13198629 19.0546864,10.0002363 C19.0546864,14.9927922 14.9926738,19.0547087 10,19.0547087 C5.00732618,19.0547087 0.945313608,14.9927922 0.945313608,10.0002363 C0.945313608,7.91492379 1.6708418,5.87971169 2.98860897,4.26940801 C3.15451151,4.06758833 3.12426147,3.76982158 2.92243702,3.6043956 C2.71966725,3.43896963 2.42236612,3.46874631 2.2574089,3.67103864 C2.21676041,3.72066643 2.18225646,3.77407539 2.14302595,3.82417582 C2.13499078,3.83079286 2.12459233,3.83315609 2.11702982,3.84024578 C2.07212743,3.88561976 2.03762348,3.93808342 2.0144633,3.99527354 C0.717493028,5.71995746 0,7.83268345 0,10.0002363 C0,15.5141203 4.48598573,20 10,20 C15.5140143,20 20,15.5141203 20,10.0002363 C20,4.48587971 15.5140143,0 10,0" id="Fill-13"></path>
|
||||
<path d="M2.90318539,4.57504985 C2.73948566,4.77532009 2.77432555,5.06624383 2.98097856,5.22488746 L9.59339779,10.3000961 C9.67930435,10.3662362 9.78430127,10.4 9.88977544,10.4 C9.96470505,10.4 10.0396347,10.3833494 10.1093144,10.348198 L14.5425705,8.12533708 C14.7764272,8.00785754 14.8675836,7.72895926 14.7463599,7.50232549 C14.6256135,7.27522922 14.338781,7.18550075 14.1034925,7.30390533 L9.94418293,9.38939844 L3.57373386,4.49965943 C3.36708085,4.34147832 3.06688513,4.37524212 2.90318539,4.57504985" id="Fill-16"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
@@ -0,0 +1,631 @@
|
||||
/** Styles for the theme: Base */
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView {
|
||||
--tchmi-background-header: var(--tchmi-highlight-color-1);
|
||||
--tchmi-color-header: var(--tchmi-foreground-color-2);
|
||||
--tchmi-background-row-numbers: var(--tchmi-foreground-color-1);
|
||||
--tchmi-color-row-numbers: var(--tchmi-foreground-color-2);
|
||||
--tchmi-border-color: var(--tchmi-background-color-1);
|
||||
--tchmi-background-placeholder: var(--tchmi-highlight-color-1);
|
||||
--tchmi-background-cell: var(--tchmi-background-color-4);
|
||||
--tchmi-color-cell: var(--tchmi-foreground-color-1);
|
||||
--tchmi-background-data-scroll: rgba(76, 99, 116, 0.25); /*var(--tchmi-foreground-color-1) + opacity*/
|
||||
--tchmi-background-focused-row: rgba(76, 99, 116, 0.1); /*#4c6374 + opacity*/
|
||||
--tchmi-background-focused-cell: rgba(76, 99, 116, 0.25); /*#4c6374 + opacity*/
|
||||
--tchmi-background-cell-dropdown: var(--tchmi-highlight-color-1);
|
||||
--tchmi-background-cell-checkbox: var(--tchmi-background-color-4);
|
||||
--tchmi-background-cell-checkbox-checked: var(--tchmi-highlight-color-1);
|
||||
--tchmi-stroke-combobox: var(--tchmi-foreground-color-2);
|
||||
--tchmi-background-combobox-select: var(--tchmi-background-color-4);
|
||||
--tchmi-background-combobox-select-active: var(--tchmi-background-color-3);
|
||||
--tchmi-color-combobox: var(--tchmi-foreground-color-1);
|
||||
--tchmi-background-textbox: inherit;
|
||||
--tchmi-color-textbox: var(--tchmi-foreground-color-1);
|
||||
--tchmi-toggleswitch-indicator: var(--tchmi-foreground-color-3);
|
||||
--tchmi-toggleswitch-indicator-checked: var(--tchmi-highlight-color-1);
|
||||
--tchmi-toggleswitch-indicator-user-input: var(--tchmi-background-color-4);
|
||||
--tchmi-toggleswitch-background: var(--tchmi-background-color-4);
|
||||
--tchmi-toggleswitch-background-checked: var(--tchmi-highlight-color-4);
|
||||
--tchmi-radio-button-background: var(--tchmi-background-color-4);
|
||||
--tchmi-radio-button-background-checked: radial-gradient(
|
||||
circle closest-side at center,
|
||||
var(--tchmi-highlight-color-1) 0,
|
||||
var(--tchmi-highlight-color-1) 45%,
|
||||
var(--tchmi-background-color-4) calc(45% + 1px),
|
||||
var(--tchmi-background-color-4) 100%
|
||||
);
|
||||
--tchmi-input-border: 1px solid var(--tchmi-background-color-2);
|
||||
--tchmi-input-unit-color: var(--tchmi-foreground-color-5);
|
||||
--tchmi-input-field-background-invalid: var(--tchmi-invalid-color);
|
||||
/** User input colors */
|
||||
--tchmi-background-cell-checkbox-checked-user-input: var(--tchmi-user-input-color);
|
||||
--tchmi-toggleswitch-background-checked-user-input: var(--tchmi-user-input-color);
|
||||
--tchmi-radio-button-background-checked-user-input: radial-gradient(
|
||||
circle closest-side at center,
|
||||
var(--tchmi-background-color-4) 0,
|
||||
var(--tchmi-background-color-4) 45%,
|
||||
var(--tchmi-user-input-color) calc(45% + 1px),
|
||||
var(--tchmi-user-input-color) 100%
|
||||
);
|
||||
--tchmi-input-field-background-user-input: var(--tchmi-user-input-color);
|
||||
--tchmi-group-line-color: var(--tchmi-background-color-3);
|
||||
--TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner-color: var(--tchmi-foreground-color-1);
|
||||
--tchmi-background-invalid: var(--tchmi-invalid-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView.read-only {
|
||||
--tchmi-background-textbox: var(--tchmi-read-only-color);
|
||||
--tchmi-background-combobox-select: var(--tchmi-read-only-color);
|
||||
--tchmi-background-cell-checkbox: var(--tchmi-read-only-color);
|
||||
--tchmi-toggleswitch-background: var(--tchmi-read-only-color);
|
||||
--tchmi-radio-button-background: var(--tchmi-read-only-color);
|
||||
--tchmi-radio-button-background-checked: radial-gradient(
|
||||
circle closest-side at center,
|
||||
var(--tchmi-highlight-color-1) 0,
|
||||
var(--tchmi-highlight-color-1) 45%,
|
||||
var(--tchmi-read-only-color) calc(45% + 1px),
|
||||
var(--tchmi-read-only-color) 100%
|
||||
);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-border {
|
||||
border-width: 0px;
|
||||
border-color: #000;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template td {
|
||||
border-color: var(--tchmi-border-color);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-header {
|
||||
background: var(--tchmi-background-header);
|
||||
color: var(--tchmi-color-header);
|
||||
/* table border **/
|
||||
border-right: 1px solid var(--tchmi-border-color);
|
||||
border-top: 0px;
|
||||
border-left: 0px;
|
||||
border-bottom: 0px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-header-border {
|
||||
border-color: var(--tchmi-border-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element.sortable
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element-child::after {
|
||||
content: url('./Images/sort.svg');
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element.sortable
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element-child:empty::after {
|
||||
padding-left: unset;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element-child.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-header-sort-asc::after {
|
||||
content: url('./Images/sort_asc.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element-child.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-header-sort-desc::after {
|
||||
content: url('./Images/sort_desc.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-placeholder {
|
||||
background: var(--tchmi-background-placeholder);
|
||||
}
|
||||
|
||||
td.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-row-numbers {
|
||||
background: var(--tchmi-background-row-numbers);
|
||||
color: var(--tchmi-color-row-numbers);
|
||||
border-color: var(--tchmi-border-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell {
|
||||
background: var(--tchmi-background-cell);
|
||||
color: var(--tchmi-color-cell);
|
||||
border-color: var(--tchmi-border-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell select {
|
||||
border: var(--tchmi-input-border);
|
||||
font-size: inherit;
|
||||
font-style: inherit;
|
||||
font-weight: inherit;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell select + label {
|
||||
background:
|
||||
url('Images/dropdown.svg') center center no-repeat,
|
||||
var(--tchmi-background-cell-dropdown);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='checkbox'] + label {
|
||||
background-color: var(--tchmi-background-cell-checkbox);
|
||||
border: var(--tchmi-input-border);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='checkbox']:checked + label {
|
||||
background:
|
||||
url(Images/checkbox.svg) center / 100% no-repeat,
|
||||
var(--tchmi-background-cell-checkbox);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
|
||||
input[type='checkbox']
|
||||
+ label {
|
||||
background: var(--tchmi-input-field-background-user-input);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
|
||||
input[type='checkbox']:checked
|
||||
+ label {
|
||||
background:
|
||||
url(Images/checkbox_userinput.svg) center / 100% no-repeat,
|
||||
var(--tchmi-background-cell-checkbox-checked-user-input);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='radio'] + label {
|
||||
background-color: var(--tchmi-radio-button-background);
|
||||
border: var(--tchmi-input-border);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='radio']:checked + label {
|
||||
background: var(--tchmi-radio-button-background-checked);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
|
||||
input[type='radio']:checked
|
||||
+ label {
|
||||
background: var(--tchmi-radio-button-background-checked-user-input);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell
|
||||
input[type='checkbox'].TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
|
||||
+ label {
|
||||
background: var(--tchmi-toggleswitch-background);
|
||||
border: var(--tchmi-input-border);
|
||||
transition: background-color 0.25s ease;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
|
||||
input[type='checkbox'].TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
|
||||
+ label {
|
||||
background: var(--tchmi-toggleswitch-background-checked-user-input);
|
||||
border: var(--tchmi-input-border);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell
|
||||
input[type='checkbox']:checked.TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
|
||||
+ label {
|
||||
background: var(--tchmi-toggleswitch-background-checked);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
|
||||
input[type='checkbox']:checked.TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
|
||||
+ label {
|
||||
background: var(--tchmi-toggleswitch-background-checked-user-input);
|
||||
border: var(--tchmi-input-border);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell
|
||||
input[type='checkbox'].TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
|
||||
+ label
|
||||
div {
|
||||
position: relative;
|
||||
background: var(--tchmi-toggleswitch-indicator);
|
||||
border-radius: calc(100% * 0.618);
|
||||
height: calc(100% * 0.618);
|
||||
width: calc(50% * 0.618);
|
||||
top: calc(100% * 0.382 / 2);
|
||||
left: calc(50% * 0.382 / 2);
|
||||
transition:
|
||||
left 0.25s ease,
|
||||
background-color 0.25s ease;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell
|
||||
input[type='checkbox']:checked.TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
|
||||
+ label
|
||||
div {
|
||||
background: var(--tchmi-toggleswitch-indicator-checked);
|
||||
left: calc(50% + calc(50% * 0.382 / 2));
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
|
||||
input[type='checkbox'].TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
|
||||
+ label
|
||||
div,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
|
||||
input[type='checkbox']:checked.TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
|
||||
+ label
|
||||
div {
|
||||
background: var(--tchmi-toggleswitch-indicator-user-input);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='text'],
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='text']:disabled,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[inputmode='decimal'],
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[inputmode='decimal']:disabled,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='password'],
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='password']:disabled {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
font-style: inherit;
|
||||
font-weight: inherit;
|
||||
color: var(--tchmi-color-textbox);
|
||||
background-color: var(--tchmi-background-textbox);
|
||||
text-align: inherit;
|
||||
border: var(--tchmi-input-border);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
|
||||
input[type='text'],
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
|
||||
input[type='text']:disabled,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
|
||||
input[type='password'],
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
|
||||
input[type='password']:disabled {
|
||||
background: var(--tchmi-input-field-background-user-input);
|
||||
}
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeview-input-unit {
|
||||
color: var(--tchmi-input-unit-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-data-scroll tbody tr.focused > td:not(.focused)::before,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-data-scroll tbody tr:hover > td:not(:hover):before {
|
||||
background: var(--tchmi-background-focused-row);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-data-scroll tbody tr.focused > td.focused::before,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-data-scroll tbody tr > td:hover:before {
|
||||
background: var(--tchmi-background-focused-cell);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-button {
|
||||
font-size: var(--tchmi-button-font-size);
|
||||
background: 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);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-button polyline {
|
||||
stroke: currentColor;
|
||||
fill: none;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template.active
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-button {
|
||||
background: 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);
|
||||
}
|
||||
|
||||
/*--------------------------------------------select--------------------------------------------------*/
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-select {
|
||||
background: var(--tchmi-background-combobox-select);
|
||||
color: var(--tchmi-color-combobox);
|
||||
border: var(--tchmi-input-border);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template.active
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-select {
|
||||
background: var(--tchmi-background-combobox-select-active);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-select-content {
|
||||
color: var(--tchmi-color-combobox);
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value .TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-select {
|
||||
background: var(--tchmi-input-field-background-user-input);
|
||||
}
|
||||
|
||||
/*-----------------------table--------------------------------------*/
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-dropdown {
|
||||
--tchmi-background-combobox-dropdown: var(--tchmi-background-color-4);
|
||||
--tchmi-background-combobox-dropdown-active: rgba(128, 128, 128, 0.15);
|
||||
--tchmi-background-combobox-dropdown-hover: var(--tchmi-highlight-color-1);
|
||||
--tchmi-color-combobox-dropdown: var(--tchmi-foreground-color-1);
|
||||
--tchmi-color-combobox-dropdown-active: var(--tchmi-foreground-color-1);
|
||||
--tchmi-color-combobox-dropdown-hover: var(--tchmi-foreground-color-2);
|
||||
box-shadow: var(--tchmi-dropdown-shadow-above);
|
||||
background: var(--tchmi-background-combobox-dropdown);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-dropdown.above-control {
|
||||
box-shadow: var(--tchmi-dropdown-shadow-above);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-dropdown.drop-down-style-mobile {
|
||||
box-shadow: var(--tchmi-popup-shadow);
|
||||
max-width: 80%;
|
||||
max-height: 80%;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-dropdown-element {
|
||||
color: var(--tchmi-color-combobox-dropdown);
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-dropdown-element.selected {
|
||||
background: var(--tchmi-background-combobox-dropdown-active);
|
||||
color: var(--tchmi-color-combobox-dropdown-active);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-dropdown-element:hover {
|
||||
background: var(--tchmi-background-combobox-dropdown-hover);
|
||||
color: var(--tchmi-color-combobox-dropdown-hover);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-button {
|
||||
font-size: var(--tchmi-button-font-size);
|
||||
background: var(--tchmi-button-background);
|
||||
color: var(--tchmi-button-text-color);
|
||||
border: var(--tchmi-button-border);
|
||||
box-shadow: var(--tchmi-button-shadow);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-button.down {
|
||||
background: var(--tchmi-button-background-pressed);
|
||||
color: var(--tchmi-button-text-color-pressed);
|
||||
border: var(--tchmi-button-border-pressed);
|
||||
box-shadow: var(--tchmi-button-shadow-pressed);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-spinbox-button {
|
||||
font-size: 16px;
|
||||
background: 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_TcHmiTreeView-spinbox-button.down {
|
||||
background: 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_TcHmiTreeView-date-time-button {
|
||||
font-size: var(--tchmi-button-font-size);
|
||||
background: url(Images/datetimepicker_normal.svg), var(--tchmi-highlight-button-background);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
color: var(--tchmi-highlight-button-text-color);
|
||||
border: var(--tchmi-highlight-button-border);
|
||||
box-shadow: var(--tchmi-highlight-button-shadow);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-date-time-button.down {
|
||||
background: url(Images/datetimepicker_pressed.svg), var(--tchmi-highlight-button-background-pressed);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
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_TcHmiTreeView-timespan-button {
|
||||
font-size: var(--tchmi-button-font-size);
|
||||
background: url(Images/timespanpicker_normal.svg), var(--tchmi-highlight-button-background);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
color: var(--tchmi-highlight-button-text-color);
|
||||
border: var(--tchmi-highlight-button-border);
|
||||
box-shadow: var(--tchmi-highlight-button-shadow);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-timespan-button.down {
|
||||
background: url(Images/timespanpicker_pressed.svg), var(--tchmi-highlight-button-background-pressed);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
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_TcHmiTreeView-button-disabled.down {
|
||||
background: var(--tchmi-button-background);
|
||||
color: var(--tchmi-button-text-color);
|
||||
border: var(--tchmi-button-border);
|
||||
box-shadow: var(--tchmi-button-shadow);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView.read-only .TcHmi_Controls_Beckhoff_TcHmiTreeView-button::after {
|
||||
background-color: var(--tchmi-disabled-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-spinbox-button-disabled.down {
|
||||
background: 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_TcHmiTreeView-cell-disabled::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: var(--tchmi-disabled-color);
|
||||
z-index: 100;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-input-field-margin {
|
||||
margin: 1px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='text']:invalid,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='text']:disabled:invalid,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[inputmode='decimal']:invalid,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[inputmode='decimal']:disabled:invalid,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='password']:invalid,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='password']:disabled:invalid {
|
||||
background: var(--tchmi-input-field-background-invalid);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView.read-only .TcHmi_Controls_Beckhoff_TcHmiTreeView-spinbox-button::after {
|
||||
background-color: var(--tchmi-disabled-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell-expand {
|
||||
margin-left: -5px;
|
||||
width: 30px !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 101;
|
||||
height: var(--row-height);
|
||||
min-width: var(--row-height);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-Message {
|
||||
color: var(--tchmi-color-cell);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell-expand-icon::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-style: solid;
|
||||
border-width: 0 1px 1px 0;
|
||||
border-color: var(--tchmi-color-cell);
|
||||
transition: transform 0.1s ease-in;
|
||||
pointer-events: none;
|
||||
}
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell-expand-icon.animation-lock::before {
|
||||
transition: none;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template .group-lines {
|
||||
display: inline-block;
|
||||
top: 0px;
|
||||
left: 7px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template .group-line {
|
||||
display: inline-block;
|
||||
border-left: 1px solid var(--tchmi-group-line-color);
|
||||
position: relative;
|
||||
height: 100%;
|
||||
width: 8px;
|
||||
margin-left: 9.5px;
|
||||
margin-top: -15px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template span.group-line-first {
|
||||
height: calc(100% - 10px) !important;
|
||||
margin-top: -5px !important;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template span.group-line:last-child {
|
||||
border-bottom: 1px solid var(--tchmi-group-line-color);
|
||||
}
|
||||
|
||||
tr:nth-child(2n) label::before {
|
||||
background: var(--tchmi-group-line-color) !important;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell-expand:not(
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell-expand-icon
|
||||
)::before {
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
border-radius: 6px;
|
||||
content: '';
|
||||
border: 1px solid var(--tchmi-color-cell);
|
||||
}
|
||||
/**
|
||||
Loading Spinner
|
||||
Usage: <div class="TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner-container"><div class="TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner"><div></div><div></div><div></div><div></div></div></div>
|
||||
*/
|
||||
|
||||
@keyframes TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner-container {
|
||||
position: static;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner {
|
||||
display: inline-block;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner div {
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 51px;
|
||||
height: 51px;
|
||||
margin: 6px;
|
||||
border: 6px solid var(--TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner-color);
|
||||
border-radius: 50%;
|
||||
animation: TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
|
||||
border-color: var(--TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner-color) transparent transparent transparent;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner div:nth-child(1) {
|
||||
animation-delay: -0.45s;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner div:nth-child(2) {
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner div:nth-child(3) {
|
||||
animation-delay: -0.15s;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-input-invalid-notification,
|
||||
.tchmi-template-input-invalid-notification {
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
font-size: 15px;
|
||||
}
|
||||
Reference in New Issue
Block a user