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,187 @@
|
||||
{
|
||||
"$schema": "../../TcHmiFramework/Schema/ControlDescription.Schema.json",
|
||||
"apiVersion": 1,
|
||||
"name": "TcHmiEllipse",
|
||||
"namespace": "TcHmi.Controls.Beckhoff",
|
||||
"displayName": "Ellipse",
|
||||
"version": {
|
||||
"full": "14.4.1.0",
|
||||
"major": 14,
|
||||
"minor": 4,
|
||||
"build": 1,
|
||||
"revision": 0
|
||||
},
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"base": "TcHmi.Controls.System.TcHmiControl",
|
||||
"description": "An ellipse.",
|
||||
"defaultDesignerEvent": ".onPressed",
|
||||
"properties": {
|
||||
"containerControl": false,
|
||||
"geometry": {
|
||||
"width": 150,
|
||||
"height": 75
|
||||
}
|
||||
},
|
||||
"icons": [
|
||||
{
|
||||
"name": "Icons/16x16.png",
|
||||
"width": 16,
|
||||
"height": 16
|
||||
}
|
||||
],
|
||||
"template": "Template.html",
|
||||
"dependencyFiles": [
|
||||
{
|
||||
"name": "Style.css",
|
||||
"type": "Stylesheet",
|
||||
"description": ""
|
||||
},
|
||||
{
|
||||
"name": "../dist/TcHmiEllipse/TcHmiEllipse.esm.js",
|
||||
"type": "EsModule",
|
||||
"description": "Contains all the main logic as ES module."
|
||||
}
|
||||
],
|
||||
"themes": {
|
||||
"Base": {
|
||||
"resources": [
|
||||
{
|
||||
"name": "Themes/Base/Defaults.theme",
|
||||
"type": "ThemedValues",
|
||||
"description": ""
|
||||
},
|
||||
{
|
||||
"name": "Themes/Base/Style.css",
|
||||
"type": "Stylesheet",
|
||||
"description": ""
|
||||
}
|
||||
]
|
||||
},
|
||||
"Base-Dark": {
|
||||
"resources": [
|
||||
{
|
||||
"name": "Themes/Base-Dark/Defaults.theme",
|
||||
"type": "ThemedValues",
|
||||
"description": ""
|
||||
},
|
||||
{
|
||||
"name": "Themes/Base-Dark/Style.css",
|
||||
"type": "Stylesheet",
|
||||
"description": ""
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"attributes": [
|
||||
{
|
||||
"name": "data-tchmi-fill-color",
|
||||
"propertyName": "FillColor",
|
||||
"propertySetterName": "setFillColor",
|
||||
"propertyGetterName": "getFillColor",
|
||||
"displayName": "Fill Color",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:framework#/definitions/Color",
|
||||
"category": "Colors",
|
||||
"description": "Defines the color of the interior of the control.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-stroke-color",
|
||||
"propertyName": "StrokeColor",
|
||||
"propertySetterName": "setStrokeColor",
|
||||
"propertyGetterName": "getStrokeColor",
|
||||
"displayName": "Stroke Color",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:framework#/definitions/SolidColor",
|
||||
"category": "Colors",
|
||||
"description": "Specifies the color of the outline of the control.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-stroke-thickness",
|
||||
"propertyName": "StrokeThickness",
|
||||
"propertySetterName": "setStrokeThickness",
|
||||
"propertyGetterName": "getStrokeThickness",
|
||||
"displayName": "Stroke Thickness",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:framework#/definitions/MeasurementValue",
|
||||
"category": "Shape",
|
||||
"description": "Specifies the width of the outline of the control in pixel.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-stroke-thickness-unit",
|
||||
"propertyName": "StrokeThicknessUnit",
|
||||
"propertyGetterName": "getStrokeThicknessUnit",
|
||||
"refTo": "StrokeThickness",
|
||||
"displayName": "Stroke Thickness Unit",
|
||||
"visible": true,
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:framework#/definitions/PixelUnit",
|
||||
"category": "Shape",
|
||||
"description": "Only Pixel is allowed.",
|
||||
"readOnly": true,
|
||||
"bindable": false,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValueInternal": "px"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-stroke-style",
|
||||
"propertyName": "StrokeStyle",
|
||||
"propertySetterName": "setStrokeStyle",
|
||||
"propertyGetterName": "getStrokeStyle",
|
||||
"displayName": "Stroke Style",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 20,
|
||||
"type": "tchmi:general#/definitions/String",
|
||||
"category": "Shape",
|
||||
"description": "It's a list of comma and/or white space separated numbers that specify the lengths of alternating dashes and gaps.\nIf an odd number of values is provided, then the list of values is repeated to yield an even number of values. Thus, 5,3,2 is equivalent to 5,3,2,5,3,2.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": ""
|
||||
}
|
||||
],
|
||||
"attributeCategories": [
|
||||
{
|
||||
"name": "Shape",
|
||||
"defaultCollapsed": true,
|
||||
"displayPriority": 500,
|
||||
"description": "Attributes defining the appearance of the control."
|
||||
}
|
||||
],
|
||||
"functions": [],
|
||||
"dataTypes": [
|
||||
{
|
||||
"schema": "Schema/Types.Schema.json"
|
||||
}
|
||||
]
|
||||
}
|
||||
BIN
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiEllipse/Icons/16x16.png
vendored
Normal file
BIN
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiEllipse/Icons/16x16.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 311 B |
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"definitions": {
|
||||
"TcHmi.Controls.Beckhoff.TcHmiEllipse": {
|
||||
"type": "object",
|
||||
"frameworkInstanceOf": "TcHmi.Controls.System.TcHmiControl",
|
||||
"frameworkControlType": "TcHmiEllipse",
|
||||
"frameworkControlNamespace": "TcHmi.Controls.Beckhoff"
|
||||
},
|
||||
"TcHmiEllipse": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiEllipse"
|
||||
}
|
||||
}
|
||||
}
|
||||
24
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiEllipse/Style.css
vendored
Normal file
24
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiEllipse/Style.css
vendored
Normal file
@@ -0,0 +1,24 @@
|
||||
/** Styles for all themes */
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEllipse,
|
||||
.tchmi-ellipse {
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEllipse-template,
|
||||
.tchmi-ellipse-template {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEllipse-template-svg,
|
||||
.tchmi-ellipse-template-svg {
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEllipse-template-svg-ellipse,
|
||||
.tchmi-ellipse-template-svg-ellipse {
|
||||
/* SVG default is stroke:1px and fill:black */
|
||||
stroke-width: 0;
|
||||
fill: transparent;
|
||||
}
|
||||
@@ -0,0 +1,143 @@
|
||||
// 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 TcHmiEllipse 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 as jquery object. */
|
||||
protected __elementTemplateRoot: JQuery;
|
||||
/** Reference to the underlying html svg ellipse element as jquery object. */
|
||||
protected __elementSvgEllipse: JQuery;
|
||||
/**
|
||||
* Internal reference to the attribute 'data-tchmi-fill-color'.
|
||||
*/
|
||||
protected __fillColor: TcHmi.Color | null | undefined;
|
||||
/**
|
||||
* Internal reference to the attribute 'data-tchmi-stroke-color'
|
||||
*/
|
||||
protected __strokeColor: TcHmi.SolidColor | null | undefined;
|
||||
/**
|
||||
* Internal reference to the attribute 'data-tchmi-stroke-thickness'
|
||||
*/
|
||||
protected __strokeThickness: number | null | undefined;
|
||||
/**
|
||||
* Internal reference to the attribute 'data-tchmi-stroke-style'
|
||||
* Example: "2,2"
|
||||
*/
|
||||
protected __strokeStyle: string | undefined;
|
||||
/**
|
||||
* If raised, the control object exists in control cache and constructor of each inheritation level was called.
|
||||
* This function is only to be used by the System. Other function calls are not intended.
|
||||
*/
|
||||
__previnit(): void;
|
||||
/**
|
||||
* 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;
|
||||
/**
|
||||
* Returns an event handler for the .onResized event
|
||||
*/
|
||||
protected __onResized(_event: TcHmi.EventProvider.Event, _control: TcHmi.Controls.System.TcHmiControl): void;
|
||||
/**
|
||||
* Updates center coordinates, radii and stroke-width of ellipse
|
||||
*/
|
||||
protected __updateDimensions(): void;
|
||||
/**
|
||||
* Sets the fillColor attribute to a new value.
|
||||
* @param valueNew The new value for the fillColor attribute;
|
||||
*/
|
||||
setFillColor(valueNew: TcHmi.Color | null): void;
|
||||
/**
|
||||
* The watch callback for the fillColor object resolver.
|
||||
*/
|
||||
protected __onResolverForFillColorWatchCallback(data: TcHmi.Symbol.ObjectResolver.IWatchResultObject<TcHmi.Color>): void;
|
||||
/**
|
||||
*
|
||||
* @returns The current value of the fillColor attribute.
|
||||
*/
|
||||
getFillColor(): TcHmi.Color | null | undefined;
|
||||
/**
|
||||
* Processes the current value of attribute fillColor.
|
||||
*/
|
||||
protected __processFillColor(): void;
|
||||
/**
|
||||
* Sets the stroke color attribute to a new value.
|
||||
* @param valueNew The new value for the stroke color attribute;
|
||||
*/
|
||||
setStrokeColor(valueNew: TcHmi.SolidColor | null): void;
|
||||
/**
|
||||
* The watch callback for the strokeColor object resolver.
|
||||
*/
|
||||
protected __onResolverForStrokeColorWatchCallback(data: TcHmi.Symbol.ObjectResolver.IWatchResultObject<TcHmi.SolidColor>): void;
|
||||
/**
|
||||
* @returns The current value of the strokeColor attribute.
|
||||
*/
|
||||
getStrokeColor(): TcHmi.SolidColor | null | undefined;
|
||||
/**
|
||||
* Processes the current value of attribute strokeColor.
|
||||
*/
|
||||
protected __processStrokeColor(): void;
|
||||
/**
|
||||
* Sets the stroke style and calls the associated process processStrokeStyle).
|
||||
* @param valueNew The new value for strokeStyle.
|
||||
*/
|
||||
setStrokeStyle(valueNew: string | null): void;
|
||||
/**
|
||||
* Returns the current value of strokeStyle.
|
||||
* @returns The current value of strokeStyle.
|
||||
*/
|
||||
getStrokeStyle(): string | undefined;
|
||||
/**
|
||||
* Processes the current strokeStyle attribute value.
|
||||
*/
|
||||
protected __processStrokeStyle(): void;
|
||||
/**
|
||||
* Sets the stroke thickness and calls the associated process processStrokeThickness).
|
||||
* @param valueNew The new value for strokeThickness.
|
||||
*/
|
||||
setStrokeThickness(valueNew: number | null): void;
|
||||
/**
|
||||
* Returns the current value of strokeThickness.
|
||||
* @returns The current value of strokeThickness.
|
||||
*/
|
||||
getStrokeThickness(): number | null | undefined;
|
||||
/**
|
||||
* Processes the current strokeThickness attribute value.
|
||||
*/
|
||||
protected __processStrokeThickness(): void;
|
||||
/**
|
||||
* Returns the current value of the member variable rowHeightUnit.
|
||||
*/
|
||||
getStrokeThicknessUnit(): string;
|
||||
/**
|
||||
* Empty function for compatibility
|
||||
*/
|
||||
protected __processStrokeThicknessUnit(): void;
|
||||
}
|
||||
export { TcHmiEllipse as Control };
|
||||
declare const _TcHmiEllipse: typeof TcHmiEllipse;
|
||||
type tTcHmiEllipse = TcHmiEllipse;
|
||||
declare global {
|
||||
namespace TcHmi.Controls.Beckhoff {
|
||||
const TcHmiEllipse: typeof _TcHmiEllipse;
|
||||
type TcHmiEllipse = tTcHmiEllipse;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,17 @@
|
||||
<div class="TcHmi_Controls_Beckhoff_TcHmiEllipse-template tchmi-ellipse-template tchmi-box">
|
||||
<svg
|
||||
class="TcHmi_Controls_Beckhoff_TcHmiEllipse-template-svg tchmi-ellipse-template-svg"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="100%"
|
||||
height="100%"
|
||||
>
|
||||
<ellipse
|
||||
class="TcHmi_Controls_Beckhoff_TcHmiEllipse-template-svg-ellipse tchmi-ellipse-template-svg-ellipse"
|
||||
cx="125"
|
||||
cy="125"
|
||||
rx="125"
|
||||
ry="125"
|
||||
></ellipse>
|
||||
</svg>
|
||||
</div>
|
||||
@@ -0,0 +1,11 @@
|
||||
{
|
||||
"$schema": "../../../../TcHmiFramework/Schema/ThemeDescription.Schema.json",
|
||||
"controlTypeValues": {
|
||||
"TcHmi.Controls.Beckhoff.TcHmiEllipse": {
|
||||
"attributes": {
|
||||
"StrokeThickness": 1
|
||||
},
|
||||
"themedResources": {}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
/** Styles for the theme: Base-Dark */
|
||||
|
||||
/* Style for the main element */
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEllipse,
|
||||
.tchmi-ellipse {
|
||||
--tchmi-stroke: rgba(255, 255, 255, 1);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEllipse-template-svg-ellipse,
|
||||
.tchmi-ellipse-template-svg-ellipse {
|
||||
stroke: var(--tchmi-stroke);
|
||||
/* default stroke width is defined as a controlTypeValues as this value has to run through the js code */
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
{
|
||||
"$schema": "../../../../TcHmiFramework/Schema/ThemeDescription.Schema.json",
|
||||
"controlTypeValues": {
|
||||
"TcHmi.Controls.Beckhoff.TcHmiEllipse": {
|
||||
"attributes": {
|
||||
"StrokeThickness": 1
|
||||
},
|
||||
"themedResources": {}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
/** Styles for the theme: Base */
|
||||
|
||||
/* Style for the main element */
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEllipse,
|
||||
.tchmi-ellipse {
|
||||
--tchmi-stroke: var(--tchmi-foreground-color-4);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiEllipse-template-svg-ellipse,
|
||||
.tchmi-ellipse-template-svg-ellipse {
|
||||
stroke: var(--tchmi-stroke);
|
||||
/* default stroke width is defined as a controlTypeValues as this value has to run through the js code */
|
||||
}
|
||||
Reference in New Issue
Block a user