Added minimal functionality for Robot teaching
- Added minimal HMI - Added possibility to open and close all chamber doors
This commit is contained in:
@@ -0,0 +1,564 @@
|
||||
{
|
||||
"$schema": "../../TcHmiFramework/Schema/ControlDescription.Schema.json",
|
||||
"apiVersion": 1,
|
||||
"name": "TcHmiThemeSelect",
|
||||
"namespace": "TcHmi.Controls.Beckhoff",
|
||||
"displayName": "Theme Select",
|
||||
"version": {
|
||||
"full": "14.4.1.0",
|
||||
"major": 14,
|
||||
"minor": 4,
|
||||
"build": 1,
|
||||
"revision": 0
|
||||
},
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"base": "TcHmi.Controls.System.TcHmiControl",
|
||||
"description": "A theme selection combobox.",
|
||||
"defaultDesignerEvent": "",
|
||||
"properties": {
|
||||
"containerControl": false,
|
||||
"geometry": {
|
||||
"width": 264,
|
||||
"height": 26
|
||||
}
|
||||
},
|
||||
"icons": [
|
||||
{
|
||||
"name": "Icons/16x16.png",
|
||||
"width": 16,
|
||||
"height": 16
|
||||
}
|
||||
],
|
||||
"template": "Template.html",
|
||||
"dependencyFiles": [
|
||||
{
|
||||
"name": "Style.css",
|
||||
"type": "Stylesheet",
|
||||
"description": ""
|
||||
},
|
||||
{
|
||||
"name": "../dist/TcHmiThemeSelect/TcHmiThemeSelect.esm.js",
|
||||
"type": "EsModule",
|
||||
"description": "Contains all the main logic as ES module."
|
||||
}
|
||||
],
|
||||
"themes": {},
|
||||
"attributes": [
|
||||
{
|
||||
"name": "data-tchmi-data-height",
|
||||
"propertyName": "DataHeight",
|
||||
"propertySetterName": "setDataHeight",
|
||||
"propertyGetterName": "getDataHeight",
|
||||
"displayName": "Data Height",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 51,
|
||||
"type": "tchmi:framework#/definitions/MeasurementValue",
|
||||
"category": "Drop Down",
|
||||
"description": "Data Row Height in 'px'",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": 20
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-max-list-height",
|
||||
"propertyName": "MaxListHeight",
|
||||
"propertySetterName": "setMaxListHeight",
|
||||
"propertyGetterName": "getMaxListHeight",
|
||||
"displayName": "Max List Height",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 51,
|
||||
"type": "tchmi:framework#/definitions/MeasurementValue",
|
||||
"category": "Drop Down",
|
||||
"description": "Max height of the drop down list in 'px' when not in mobile style.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": 150
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-text-horizontal-alignment",
|
||||
"propertyName": "TextHorizontalAlignment",
|
||||
"propertySetterName": "setTextHorizontalAlignment",
|
||||
"propertyGetterName": "getTextHorizontalAlignment",
|
||||
"displayName": "Text Horizontal Alignment",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 20,
|
||||
"type": "tchmi:framework#/definitions/HorizontalAlignment",
|
||||
"category": "Text",
|
||||
"description": "The horizontal alignment of the displayed text",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-text-font-family",
|
||||
"propertyName": "TextFontFamily",
|
||||
"propertySetterName": "setTextFontFamily",
|
||||
"propertyGetterName": "getTextFontFamily",
|
||||
"displayName": "Text Font Family",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:framework#/definitions/FontFamily",
|
||||
"category": "Text",
|
||||
"description": "Comma separated list of family name or keyword: 'serif', 'sans-serif', 'monospace'.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-text-font-size",
|
||||
"propertyName": "TextFontSize",
|
||||
"propertySetterName": "setTextFontSize",
|
||||
"propertyGetterName": "getTextFontSize",
|
||||
"displayName": "Text Font Size",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:framework#/definitions/MeasurementValue",
|
||||
"category": "Text",
|
||||
"description": "The size of the font. Percent values are relative to the parent elements font size.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-text-font-size-unit",
|
||||
"propertyName": "TextFontSizeUnit",
|
||||
"propertySetterName": "setTextFontSizeUnit",
|
||||
"propertyGetterName": "getTextFontSizeUnit",
|
||||
"refTo": "TextFontSize",
|
||||
"displayName": "Text Font Size Unit",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:framework#/definitions/MeasurementUnit",
|
||||
"category": "Text",
|
||||
"description": "Could be 'px' or for relative sizing '%'.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "px"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-text-font-style",
|
||||
"propertyName": "TextFontStyle",
|
||||
"propertySetterName": "setTextFontStyle",
|
||||
"propertyGetterName": "getTextFontStyle",
|
||||
"displayName": "Text Font Style",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:framework#/definitions/FontStyle",
|
||||
"category": "Text",
|
||||
"description": "'Normal', 'Italic' (slanted with special glyphs), 'Oblique' (slanted normal glyphs) or 'Auto' for inherited.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Auto"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-text-font-weight",
|
||||
"propertyName": "TextFontWeight",
|
||||
"propertySetterName": "setTextFontWeight",
|
||||
"propertyGetterName": "getTextFontWeight",
|
||||
"displayName": "Text Font Weight",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:framework#/definitions/FontWeight",
|
||||
"category": "Text",
|
||||
"description": "'Normal', 'Bold' (glyphs with more weight) or 'Auto' for inherited.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Auto"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-text-color",
|
||||
"propertyName": "TextColor",
|
||||
"propertySetterName": "setTextColor",
|
||||
"propertyGetterName": "getTextColor",
|
||||
"displayName": "Text Color",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:framework#/definitions/SolidColor",
|
||||
"category": "Colors",
|
||||
"description": "The color of the displayed text",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-drop-down-highlight-color",
|
||||
"propertyName": "DropDownHighlightColor",
|
||||
"propertySetterName": "setDropDownHighlightColor",
|
||||
"propertyGetterName": "getDropDownHighlightColor",
|
||||
"displayName": "Drop Down Highlight Color",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:framework#/definitions/SolidColor",
|
||||
"category": "Colors",
|
||||
"description": "Defines the highlight color of the dropdown element.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-drop-down-highlight-text-color",
|
||||
"propertyName": "DropDownHighlightTextColor",
|
||||
"propertySetterName": "setDropDownHighlightTextColor",
|
||||
"propertyGetterName": "getDropDownHighlightTextColor",
|
||||
"displayName": "Drop Down Highlight Text Color",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:framework#/definitions/SolidColor",
|
||||
"category": "Colors",
|
||||
"description": "Defines the highlight color of the dropdown text.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-drop-down-toggle-button-background-color",
|
||||
"propertyName": "DropDownToggleButtonBackgroundColor",
|
||||
"propertySetterName": "setDropDownToggleButtonBackgroundColor",
|
||||
"propertyGetterName": "getDropDownToggleButtonBackgroundColor",
|
||||
"displayName": "Drop Down Toggle Button Background Color",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:framework#/definitions/Color",
|
||||
"category": "Colors",
|
||||
"description": "Defines the background color of the dropdown toggle button.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-drop-down-toggle-button-arrow-color",
|
||||
"propertyName": "DropDownToggleButtonArrowColor",
|
||||
"propertySetterName": "setDropDownToggleButtonArrowColor",
|
||||
"propertyGetterName": "getDropDownToggleButtonArrowColor",
|
||||
"displayName": "Drop Down Toggle Button Arrow Color",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:framework#/definitions/SolidColor",
|
||||
"category": "Colors",
|
||||
"description": "Defines the color of the dropdown toggle button arrow.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-drop-down-style",
|
||||
"propertyName": "DropDownStyle",
|
||||
"propertySetterName": "setDropDownStyle",
|
||||
"propertyGetterName": "getDropDownStyle",
|
||||
"displayName": "Drop Down Style",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 30,
|
||||
"type": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiCombobox.DropDownStyle",
|
||||
"category": "Drop Down",
|
||||
"description": "Classic is a desktop style drop downbox under the control. Mobile is a centered full screen view.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Classic"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-drop-down-font-family",
|
||||
"propertyName": "DropDownFontFamily",
|
||||
"propertySetterName": "setDropDownFontFamily",
|
||||
"propertyGetterName": "getDropDownFontFamily",
|
||||
"displayName": "Drop Down Font Family",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:framework#/definitions/FontFamily",
|
||||
"category": "Drop Down",
|
||||
"description": "Comma separated list of family name or keyword: 'serif', 'sans-serif', 'monospace'.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-drop-down-font-size",
|
||||
"propertyName": "DropDownFontSize",
|
||||
"propertySetterName": "setDropDownFontSize",
|
||||
"propertyGetterName": "getDropDownFontSize",
|
||||
"displayName": "Drop Down Font Size",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:framework#/definitions/MeasurementValue",
|
||||
"category": "Drop Down",
|
||||
"description": "The size of the font. Percent values are relative to the parent elements font size.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-drop-down-font-size-unit",
|
||||
"propertyName": "DropDownFontSizeUnit",
|
||||
"propertySetterName": "setDropDownFontSizeUnit",
|
||||
"propertyGetterName": "getDropDownFontSizeUnit",
|
||||
"refTo": "DropDownFontSize",
|
||||
"displayName": "Drop Down Font Size Unit",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:framework#/definitions/MeasurementUnit",
|
||||
"category": "Drop Down",
|
||||
"description": "Could be 'px' or for relative sizing '%'.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "px"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-drop-down-font-style",
|
||||
"propertyName": "DropDownFontStyle",
|
||||
"propertySetterName": "setDropDownFontStyle",
|
||||
"propertyGetterName": "getDropDownFontStyle",
|
||||
"displayName": "Drop Down Font Style",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:framework#/definitions/FontStyle",
|
||||
"category": "Drop Down",
|
||||
"description": "'Normal', 'Italic' (slanted with special glyphs), 'Oblique' (slanted normal glyphs) or 'Auto' for inherited.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Auto"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-drop-down-font-weight",
|
||||
"propertyName": "DropDownFontWeight",
|
||||
"propertySetterName": "setDropDownFontWeight",
|
||||
"propertyGetterName": "getDropDownFontWeight",
|
||||
"displayName": "Drop Down Font Weight",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:framework#/definitions/FontWeight",
|
||||
"category": "Drop Down",
|
||||
"description": "'Normal', 'Bold' (glyphs with more weight) or 'Auto' for inherited.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Auto"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-drop-down-horizontal-alignment",
|
||||
"propertyName": "DropDownHorizontalAlignment",
|
||||
"propertySetterName": "setDropDownHorizontalAlignment",
|
||||
"propertyGetterName": "getDropDownHorizontalAlignment",
|
||||
"displayName": "Drop Down Horizontal Alignment",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 20,
|
||||
"type": "tchmi:framework#/definitions/HorizontalAlignment",
|
||||
"category": "Drop Down",
|
||||
"description": "Defines the horizontal alignment of the text of a dropdown element.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Left"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-drop-down-vertical-alignment",
|
||||
"propertyName": "DropDownVerticalAlignment",
|
||||
"propertySetterName": "setDropDownVerticalAlignment",
|
||||
"propertyGetterName": "getDropDownVerticalAlignment",
|
||||
"displayName": "Drop Down Vertical Alignment",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 20,
|
||||
"type": "tchmi:framework#/definitions/VerticalAlignment",
|
||||
"category": "Drop Down",
|
||||
"description": "Defines the vertical alignment of the text of a dropdown element.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Center"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-drop-down-text-color",
|
||||
"propertyName": "DropDownTextColor",
|
||||
"propertySetterName": "setDropDownTextColor",
|
||||
"propertyGetterName": "getDropDownTextColor",
|
||||
"displayName": "Drop Down Text Color",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:framework#/definitions/SolidColor",
|
||||
"category": "Colors",
|
||||
"description": "Defines the text color of a dropdown element.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-drop-down-background-color",
|
||||
"propertyName": "DropDownBackgroundColor",
|
||||
"propertySetterName": "setDropDownBackgroundColor",
|
||||
"propertyGetterName": "getDropDownBackgroundColor",
|
||||
"displayName": "Drop Down Background Color",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 20,
|
||||
"type": "tchmi:framework#/definitions/Color",
|
||||
"category": "Colors",
|
||||
"description": "Defines the background color of the dropdown.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-content-padding",
|
||||
"propertyName": "ContentPadding",
|
||||
"propertySetterName": "setContentPadding",
|
||||
"propertyGetterName": "getContentPadding",
|
||||
"displayName": "Content Padding",
|
||||
"visible": true,
|
||||
"displayPriority": 55,
|
||||
"type": "tchmi:framework#/definitions/Padding",
|
||||
"category": "Text",
|
||||
"description": "The distance of the text to the border.",
|
||||
"themeable": "Standard",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": {
|
||||
"top": 3,
|
||||
"right": 3,
|
||||
"bottom": 3,
|
||||
"left": 3
|
||||
},
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-is-read-only",
|
||||
"propertyName": "IsReadOnly",
|
||||
"propertySetterName": "setIsReadOnly",
|
||||
"propertyGetterName": "getIsReadOnly",
|
||||
"displayName": "Is Read Only",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 52,
|
||||
"type": "tchmi:general#/definitions/Boolean",
|
||||
"category": "Common",
|
||||
"description": "Controls whose primary purpose is data input can be set to read-only to only display data without allowing modification.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": false
|
||||
}
|
||||
],
|
||||
"attributeCategories": [
|
||||
{
|
||||
"name": "Text",
|
||||
"displayPriority": 550,
|
||||
"defaultCollapsed": true,
|
||||
"description": "Attributes defining the text of the control."
|
||||
},
|
||||
{
|
||||
"name": "Drop Down",
|
||||
"displayPriority": 600,
|
||||
"defaultCollapsed": true,
|
||||
"description": "Attributes defining the drop down menu of the control."
|
||||
}
|
||||
],
|
||||
"functions": [],
|
||||
"events": [],
|
||||
"dataTypes": [
|
||||
{
|
||||
"schema": "Schema/Types.Schema.json"
|
||||
}
|
||||
],
|
||||
"languages": {
|
||||
"en": "Lang/Language.en.json",
|
||||
"de": "Lang/Language.de.json"
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 215 B |
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"$schema": "../../../TwinCAT-HMI-Common/JsonSchemas/Language.Schema.json",
|
||||
"locale": "de",
|
||||
"localizedText": {
|
||||
"Combobox_Select": "Auswählen"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"$schema": "../../../TwinCAT-HMI-Common/JsonSchemas/Language.Schema.json",
|
||||
"locale": "en",
|
||||
"localizedText": {
|
||||
"Combobox_Select": "Select"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"definitions": {
|
||||
"TcHmi.Controls.Beckhoff.TcHmiThemeSelect": {
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"type": "object",
|
||||
"frameworkInstanceOf": "TcHmi.Controls.System.TcHmiControl",
|
||||
"frameworkControlType": "TcHmiThemeSelect",
|
||||
"frameworkControlNamespace": "TcHmi.Controls.Beckhoff"
|
||||
},
|
||||
"TcHmiThemeSelect": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiThemeSelect"
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
/* Theme independent styles*/
|
||||
.TcHmi_Controls_Beckhoff_TcHmiThemeSelect-template {
|
||||
border-radius: inherit;
|
||||
}
|
||||
.TcHmi_Controls_Beckhoff_TcHmiThemeSelect-template .TcHmi_Controls_Beckhoff_TcHmiCombobox {
|
||||
border-radius: inherit;
|
||||
}
|
||||
@@ -0,0 +1,346 @@
|
||||
// Compatibility file for non-module typescript compiles without adjustments.
|
||||
// Use the following line for modern code (needs adjustments to tsconfig.json#configOptions/paths)
|
||||
// import { TcHmiControl } from "Beckhoff.TwinCAT.HMI.Framework/index.esm.js";
|
||||
// ***************************************************************************
|
||||
|
||||
|
||||
declare class TcHmiThemeSelect extends TcHmi.Controls.System.TcHmiControl {
|
||||
#private;
|
||||
constructor(element: JQuery, pcElement: JQuery, attrs: TcHmi.Controls.ControlAttributeList);
|
||||
/** Reference to the root dom element of the current control template */
|
||||
protected __elementTemplateRoot: HTMLElement;
|
||||
/**
|
||||
* ReadOnly state of the control.
|
||||
*/
|
||||
protected __isReadOnly: boolean | undefined;
|
||||
/** The combobox instance used in this control.*/
|
||||
protected __combobox: TcHmiCombobox.Control<string, TcHmiCombobox.ListItem<string>[]>;
|
||||
/** Theme change event destroy function */
|
||||
protected __themeChangeEventDestroyFunction: TcHmi.DestroyFunction | null;
|
||||
/** Config changed event destroy function */
|
||||
protected __onThemeDefinitionChangedDestroyFunction: TcHmi.DestroyFunction | null;
|
||||
/** User interaction finished event destroy function */
|
||||
protected __userInteractionFinishedEventDestroyFunction: TcHmi.DestroyFunction | null;
|
||||
/** Combobox event destroy functions*/
|
||||
protected __passThroughPropertyEventDestroyFunction: TcHmi.DestroyFunction | null;
|
||||
/**
|
||||
* If raised, the control object exists in control cache and constructor of each inheritation level was called.
|
||||
* This function is only to be used by the System. Other function calls are not intended.
|
||||
*/
|
||||
__previnit(): void;
|
||||
/**
|
||||
* If raised, all attributes have been set to it's default or dom values.
|
||||
* This function is only to be used by the System. Other function calls are not intended.
|
||||
*/
|
||||
__init(): void;
|
||||
/**
|
||||
* Is called by the system after the control instance gets part of the current DOM.
|
||||
* This function is only to be used by the System. Other function calls are not intended.
|
||||
*/
|
||||
__attach(): void;
|
||||
/**
|
||||
* Is called by the system after the control instance is no longer part of the current DOM.
|
||||
* This function is only to be used by the System. Other function calls are not intended.
|
||||
*/
|
||||
__detach(): void;
|
||||
/**
|
||||
* Destroy the current control instance.
|
||||
* Will be called automatically if system destroys control!
|
||||
*/
|
||||
destroy(): void;
|
||||
/**
|
||||
* Fill SrcData with the registered themes.
|
||||
*/
|
||||
protected __displayThemes(): void;
|
||||
/**
|
||||
* Set the selected ListItem to the active theme.
|
||||
*/
|
||||
protected __selectActiveTheme(): void;
|
||||
/**
|
||||
* Returns an event handler for the onThemeDataChanged event.
|
||||
*/
|
||||
protected __onThemeChanged(event: TcHmi.EventProvider.Event): void;
|
||||
/**
|
||||
* Returns an event handler for the onUserInteractionFinished event.
|
||||
*/
|
||||
protected __onUserInteractionFinished(event: TcHmi.EventProvider.Event): void;
|
||||
/**
|
||||
* Handles the onPropertyChanged event of the combobox.
|
||||
*/
|
||||
private __onComboboxPropertyChanged;
|
||||
/************** GETTER & SETTER COMBOBOX *****************/
|
||||
/** Just pass the attributes through to the combobox */
|
||||
/**
|
||||
* Sets the background value and calls the associated process function (processBackground).
|
||||
* @param valueNew
|
||||
* @preserve (Part of the public API)
|
||||
*/
|
||||
setBackgroundColor(valueNew: TcHmi.Color | null): void;
|
||||
/**
|
||||
* Returns the current background value.
|
||||
* @preserve (Part of the public API)
|
||||
*/
|
||||
getBackgroundColor(): TcHmi.Color | null | undefined;
|
||||
/**
|
||||
* Sets the textHorizontalAlignment value and calls the associated process function (processTextHorizontalAlignment).
|
||||
* @param valueNew The new value for textHorizontalAlignment.
|
||||
*/
|
||||
setTextHorizontalAlignment(valueNew: TcHmi.HorizontalAlignment | null): void;
|
||||
/**
|
||||
* Returns the current value of horizontalTextAligment.
|
||||
* @returns The current value of horizontalTextAligment.
|
||||
*/
|
||||
getTextHorizontalAlignment(): TcHmi.HorizontalAlignment | null | undefined;
|
||||
/**
|
||||
* Sets the contentPadding value and calls the associated process function (processContentPadding) after it.
|
||||
* @param valueNew The new value for the contentPadding attribute as object.
|
||||
*/
|
||||
setContentPadding(valueNew: TcHmi.FourSidedCss | null): void;
|
||||
/**
|
||||
* Returns the current contentPadding value.
|
||||
* @returns The current value of the contentPadding member variable as json in string format.
|
||||
*/
|
||||
getContentPadding(): TcHmi.FourSidedCss | null | undefined;
|
||||
/**
|
||||
* Sets the text color and calls the associated process function (processDropDownHighlightColor).
|
||||
* @param valueNew The new value for dropDownHighlightColor.
|
||||
*/
|
||||
setDropDownHighlightColor(valueNew: TcHmi.SolidColor | null): void;
|
||||
/**
|
||||
* Returns the current value of dropDownHighlightColor.
|
||||
* @returns The current value of dropDownHighlightColor.
|
||||
*/
|
||||
getDropDownHighlightColor(): TcHmi.SolidColor | null | undefined;
|
||||
/**
|
||||
* Sets the text color and calls the associated process function (processDropDownHighlightTextColor).
|
||||
* @param valueNew The new value for dropDownHighlightTextColor.
|
||||
*/
|
||||
setDropDownHighlightTextColor(valueNew: TcHmi.SolidColor | null): void;
|
||||
/**
|
||||
* Returns the current value of dropDownHighlightTextColor.
|
||||
* @returns The current value of dropDownHighlightTextColor.
|
||||
*/
|
||||
getDropDownHighlightTextColor(): TcHmi.SolidColor | null | undefined;
|
||||
/**
|
||||
* Sets the toggle button background color and calls the associated process function (processDropDownToggleButtonBackgroundColor).
|
||||
* @param valueNew The new value for dropDownToggleButtonBackgroundColor.
|
||||
*/
|
||||
setDropDownToggleButtonBackgroundColor(valueNew: TcHmi.Color | null): void;
|
||||
/**
|
||||
* Returns the current value of dropDownToggleButtonBackgroundColor.
|
||||
* @returns The current value of dropDownToggleButtonBackgroundColor.
|
||||
*/
|
||||
getDropDownToggleButtonBackgroundColor(): TcHmi.Color | null | undefined;
|
||||
/**
|
||||
* Sets the toggle button arrow color and calls the associated process function (processDropDownToggleButtonArrowColor).
|
||||
* @param valueNew The new value for dropDownToggleButtonArrowColor.
|
||||
*/
|
||||
setDropDownToggleButtonArrowColor(valueNew: TcHmi.SolidColor | null): void;
|
||||
/**
|
||||
* Returns the current value of dropDownToggleButtonArrowColor.
|
||||
* @returns The current value of dropDownToggleButtonArrowColor.
|
||||
*/
|
||||
getDropDownToggleButtonArrowColor(): TcHmi.SolidColor | null | undefined;
|
||||
/**
|
||||
* Sets the text color and calls the associated process function (processTextColor).
|
||||
* @param valueNew The new value for textColor.
|
||||
*/
|
||||
setTextColor(valueNew: TcHmi.SolidColor | null): void;
|
||||
/**
|
||||
* Returns the current value of textColor.
|
||||
* @returns The current value of textColor.
|
||||
*/
|
||||
getTextColor(): TcHmi.SolidColor | null | undefined;
|
||||
/**
|
||||
* Sets the font size and calls the associated process function (processTextFontSize).
|
||||
* @param valueNew The new value for textFontSize.
|
||||
*/
|
||||
setTextFontSize(valueNew: number | null): void;
|
||||
/**
|
||||
* Returns the current value of textFontSize.
|
||||
* @returns The current value of textFontSize.
|
||||
*/
|
||||
getTextFontSize(): number | undefined;
|
||||
/**
|
||||
* Sets the font size unit and calls the associated process function (processTextFontSizeUnit).
|
||||
* @param valueNew The new value for textFontSizeUnit.
|
||||
*/
|
||||
setTextFontSizeUnit(valueNew: TcHmi.FontSizeUnit | null): void;
|
||||
/**
|
||||
* Returns the current value of textFontSizeUnit.
|
||||
* @returns The current value of textFontSizeUnit.
|
||||
*/
|
||||
getTextFontSizeUnit(): TcHmi.FontSizeUnit | undefined;
|
||||
/**
|
||||
* Sets the font family and calls the associated process function (processTextFontFamily).
|
||||
* @param valueNew The new value for textFontFamily.
|
||||
*/
|
||||
setTextFontFamily(valueNew: TcHmi.FontFamily | null): void;
|
||||
/**
|
||||
* Returns the current value of textFontFamily.
|
||||
* @returns The current value of textFontFamily.
|
||||
*/
|
||||
getTextFontFamily(): string | null | undefined;
|
||||
/**
|
||||
* Sets the font style and calls the associated process function (processTextFontStyle).
|
||||
* @param valueNew The new value for textFontStyle.
|
||||
*/
|
||||
setTextFontStyle(valueNew: TcHmi.FontStyle | null): void;
|
||||
/**
|
||||
* Returns the current value of textFontStyle.
|
||||
* @returns The current value of textFontStyle.
|
||||
*/
|
||||
getTextFontStyle(): TcHmi.FontStyle | undefined;
|
||||
/**
|
||||
* Sets the font weight and calls the associated process function (processTextFontWeight).
|
||||
* @param valueNew The new value for textFontWeight.
|
||||
*/
|
||||
setTextFontWeight(valueNew: TcHmi.FontWeight | null): void;
|
||||
/**
|
||||
* Returns the current value of textFontWeight.
|
||||
* @returns The current value of textFontWeight.
|
||||
*/
|
||||
getTextFontWeight(): TcHmi.FontWeight | undefined;
|
||||
/**
|
||||
* Sets the value of the member variable "dataHeight" if the new value is not equal to the current value
|
||||
* and calls the associated __process function (__processDataHeight) after that.
|
||||
* @param valueNew The new value for dataHeight.
|
||||
*/
|
||||
setDataHeight(valueNew: number | null): void;
|
||||
/**
|
||||
* Returns the current value of the member variable dataHeight.
|
||||
*/
|
||||
getDataHeight(): number | undefined;
|
||||
/**
|
||||
* Sets the value of the member variable "maxListHeight" if the new value is not equal to the current value
|
||||
* and calls the associated process function (processmaxListHeight) after that.
|
||||
* @param valueNew The new value for maxListHeight.
|
||||
*/
|
||||
setMaxListHeight(valueNew: number | null): void;
|
||||
/**
|
||||
* Returns the current value of the member variable maxListHeight.
|
||||
*/
|
||||
getMaxListHeight(): number | undefined;
|
||||
/**
|
||||
* Sets the value of the member variable "DropDownStyle" if the new value is not equal to the current value
|
||||
* and calls the associated __process function (__processmaxListHeightUnit) after that.
|
||||
* @param valueNew The new value for dataHeight.
|
||||
*/
|
||||
setDropDownStyle(valueNew: TcHmiCombobox.DropDownStyle | null): void;
|
||||
/**
|
||||
* Returns the current value of the member variable DropDownStyle.
|
||||
*/
|
||||
getDropDownStyle(): "Classic" | "Mobile" | undefined;
|
||||
/**
|
||||
* Sets the font size and calls the associated process function (processDropDownFontSize).
|
||||
* @param valueNew The new value for DropDownFontSize.
|
||||
*/
|
||||
setDropDownFontSize(valueNew: number | null): void;
|
||||
/**
|
||||
* Returns the current value of DropDownFontSize.
|
||||
* @returns The current value of DropDownFontSize.
|
||||
*/
|
||||
getDropDownFontSize(): number | undefined;
|
||||
/**
|
||||
* Sets the font size unit and calls the associated process function (processDropDownFontSizeUnit).
|
||||
* @param valueNew The new value for DropDownFontSizeUnit.
|
||||
*/
|
||||
setDropDownFontSizeUnit(valueNew: TcHmi.FontSizeUnit | null): void;
|
||||
/**
|
||||
* Returns the current value of DropDownFontSizeUnit.
|
||||
* @returns The current value of DropDownFontSizeUnit.
|
||||
*/
|
||||
getDropDownFontSizeUnit(): TcHmi.FontSizeUnit | undefined;
|
||||
/**
|
||||
* Sets the font family and calls the associated process function (processDropDownFontFamily).
|
||||
* @param valueNew The new value for DropDownFontFamily.
|
||||
*/
|
||||
setDropDownFontFamily(valueNew: TcHmi.FontFamily | null): void;
|
||||
/**
|
||||
* Returns the current value of DropDownFontFamily.
|
||||
* @returns The current value of DropDownFontFamily.
|
||||
*/
|
||||
getDropDownFontFamily(): string | null | undefined;
|
||||
/**
|
||||
* Sets the font style and calls the associated process function (processDropDownFontStyle).
|
||||
* @param valueNew The new value for DropDownFontStyle.
|
||||
*/
|
||||
setDropDownFontStyle(valueNew: TcHmi.FontStyle | null): void;
|
||||
/**
|
||||
* Returns the current value of DropDownFontStyle.
|
||||
* @returns The current value of DropDownFontStyle.
|
||||
*/
|
||||
getDropDownFontStyle(): TcHmi.FontStyle | undefined;
|
||||
/**
|
||||
* Sets the font weight and calls the associated process function (processDropDownFontWeight).
|
||||
* @param valueNew The new value for DropDownFontWeight.
|
||||
*/
|
||||
setDropDownFontWeight(valueNew: TcHmi.FontWeight | null): void;
|
||||
/**
|
||||
* Returns the current value of DropDownFontWeight.
|
||||
* @returns The current value of DropDownFontWeight.
|
||||
*/
|
||||
getDropDownFontWeight(): TcHmi.FontWeight | undefined;
|
||||
/**
|
||||
* Sets the DropDownHorizontalAlignment value and calls the associated process function (processDropDownHorizontalAlignment).
|
||||
* @param valueNew The new value for DropDownHorizontalAlignment.
|
||||
*/
|
||||
setDropDownHorizontalAlignment(valueNew: TcHmi.HorizontalAlignment | null): void;
|
||||
/**
|
||||
* Returns the current value of horizontalDropDownAligment.
|
||||
* @returns The current value of horizontalDropDownAligment.
|
||||
*/
|
||||
getDropDownHorizontalAlignment(): TcHmi.HorizontalAlignment | undefined;
|
||||
/**
|
||||
* Sets the DropDownVerticalAlignment value and calls the associated process function (processDropDownVerticalAlignment).
|
||||
* @param valueNew The new value for DropDownVerticalAlignment.
|
||||
*/
|
||||
setDropDownVerticalAlignment(valueNew: TcHmi.VerticalAlignment | null): void;
|
||||
/**
|
||||
* Returns the current value of DropDownVerticalAlignment.
|
||||
* @returns The current value of DropDownVerticalAlignment.
|
||||
*/
|
||||
getDropDownVerticalAlignment(): TcHmi.VerticalAlignment | undefined;
|
||||
/**
|
||||
* Sets the DropDown color and calls the associated process function (processDropDownTextColor).
|
||||
* @param valueNew The new value for DropDownTextColor.
|
||||
*/
|
||||
setDropDownTextColor(valueNew: TcHmi.SolidColor | null): void;
|
||||
/**
|
||||
* Returns the current value of DropDownTextColor.
|
||||
* @returns The current value of DropDownTextColor.
|
||||
*/
|
||||
getDropDownTextColor(): TcHmi.SolidColor | null | undefined;
|
||||
/**
|
||||
* Sets the toggle button background color and calls the associated process function (processDropDownBackgroundColor).
|
||||
* @param valueNew The new value for dropDownBackgroundColor.
|
||||
*/
|
||||
setDropDownBackgroundColor(valueNew: TcHmi.Color | null): void;
|
||||
/**
|
||||
* Returns the current value of dropDownBackgroundColor.
|
||||
* @returns The current value of dropDownBackgroundColor.
|
||||
*/
|
||||
getDropDownBackgroundColor(): TcHmi.Color | null | undefined;
|
||||
/**
|
||||
* Sets the isReadOnly attribute and calls the associated process function (processIsReadOnly).
|
||||
* @preserve (Part of the public API)
|
||||
*/
|
||||
setIsReadOnly(valueNew: boolean | null): void;
|
||||
/**
|
||||
* Returns the effective value of isReadOnly based on own and parent isReadOnly variable.
|
||||
*/
|
||||
getIsReadOnly(): boolean | undefined;
|
||||
/**
|
||||
* Process IsReadOnly.
|
||||
*/
|
||||
protected __processIsReadOnly(): void;
|
||||
}
|
||||
export { TcHmiThemeSelect as Control };
|
||||
declare const _TcHmiThemeSelect: typeof TcHmiThemeSelect;
|
||||
type tTcHmiThemeSelect = TcHmiThemeSelect;
|
||||
declare global {
|
||||
namespace TcHmi.Controls.Beckhoff {
|
||||
const TcHmiThemeSelect: typeof _TcHmiThemeSelect;
|
||||
type TcHmiThemeSelect = tTcHmiThemeSelect;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
<div class="TcHmi_Controls_Beckhoff_TcHmiThemeSelect-template tchmi-box">
|
||||
<div
|
||||
id="{Id}_TcHmiCombobox"
|
||||
data-tchmi-type="TcHmi.Controls.Beckhoff.TcHmiCombobox"
|
||||
data-tchmi-combobox-text="%l%Control::TcHmi.Controls.Beckhoff.TcHmiThemeSelect::Combobox_Select%/l%"
|
||||
data-tchmi-height="100"
|
||||
data-tchmi-height-unit="%"
|
||||
data-tchmi-left="0"
|
||||
data-tchmi-left-unit="px"
|
||||
data-tchmi-top="0"
|
||||
data-tchmi-top-unit="px"
|
||||
data-tchmi-width="100"
|
||||
data-tchmi-width-unit="%"
|
||||
>
|
||||
<script data-tchmi-target-attribute="data-tchmi-content-padding" type="application/json">
|
||||
{
|
||||
"top": 3,
|
||||
"right": 3,
|
||||
"bottom": 3,
|
||||
"left": 3
|
||||
}
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user