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,52 @@
|
||||
{
|
||||
"$schema": "../../../Schema/ControlDescription.Schema.json",
|
||||
"apiVersion": 1,
|
||||
"name": "TcHmiContainer",
|
||||
"namespace": "TcHmi.Controls.System",
|
||||
"displayName": "Container",
|
||||
"version": {
|
||||
"full": "14.3.360.0",
|
||||
"major": 14,
|
||||
"minor": 3,
|
||||
"build": 360,
|
||||
"revision": 0
|
||||
},
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"base": "TcHmi.Controls.System.TcHmiContainerControl",
|
||||
"description": "A container for other controls.",
|
||||
"defaultDesignerEvent": "",
|
||||
"properties": {
|
||||
"containerControl": true,
|
||||
"geometry": {
|
||||
"width": 200,
|
||||
"height": 200
|
||||
}
|
||||
},
|
||||
"icons": [
|
||||
{
|
||||
"name": "Icons/16x16.png",
|
||||
"width": 16,
|
||||
"height": 16
|
||||
}
|
||||
],
|
||||
"template": "Template.html",
|
||||
"dependencyFiles": [
|
||||
{
|
||||
"name": "Style.css",
|
||||
"type": "Stylesheet"
|
||||
},
|
||||
{
|
||||
"name": "../../../dist/Controls/System/TcHmiContainer/TcHmiContainer.esm.js",
|
||||
"type": "EsModule",
|
||||
"description": "Contains all the main logic as ES module."
|
||||
}
|
||||
],
|
||||
"themes": {},
|
||||
"attributes": [],
|
||||
"dataTypes": [
|
||||
{
|
||||
"schema": "Schema/Types.Schema.json"
|
||||
}
|
||||
]
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 151 B |
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"definitions": {
|
||||
"TcHmi.Controls.System.TcHmiContainer": {
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"type": "object",
|
||||
"frameworkInstanceOf": "TcHmi.Controls.System.TcHmiControl",
|
||||
"frameworkControlType": "TcHmiContainer",
|
||||
"frameworkControlNamespace": "TcHmi.Controls.System"
|
||||
},
|
||||
"TcHmiContainer": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiContainer"
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
/** Styles for all themes */
|
||||
|
||||
/* Style for the main element */
|
||||
.TcHmi_Controls_System_TcHmiContainer,
|
||||
.tchmi-container {
|
||||
}
|
||||
|
||||
.TcHmi_Controls_System_TcHmiContainer-template,
|
||||
.tchmi-container-template {
|
||||
perspective: inherit;
|
||||
perspective-origin: inherit;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
@@ -0,0 +1,63 @@
|
||||
// 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 TcHmiContainer extends TcHmi.Controls.System.TcHmiContainerControl {
|
||||
#private;
|
||||
/** Constructor */
|
||||
constructor(element: JQuery, pcElement: JQuery, attrs: TcHmi.Controls.ControlAttributeList);
|
||||
protected __elementTemplateRoot: JQuery;
|
||||
/**
|
||||
* 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;
|
||||
/**
|
||||
* Adds a child to this control and handles the hierarchical management layer.
|
||||
* This will also add child's DOM element to the container DOM.
|
||||
* @param control Class instance of the child.
|
||||
* @param pos Optional index of the position for the new child.
|
||||
*/
|
||||
addChild(control: TcHmi.Controls.System.baseTcHmiControl | undefined | null, pos?: number | null): void;
|
||||
/**
|
||||
* Adds a child to this control and handles the hierarchical management layer.
|
||||
* This will also add child's DOM element to the container DOM.
|
||||
* @param control Class instance of the child.
|
||||
* @param pos Optional index of the position for the new child.
|
||||
*/
|
||||
__addChild(control: TcHmi.Controls.System.baseTcHmiControl, pos?: number | null): void;
|
||||
/**
|
||||
*/
|
||||
removeChild(control: TcHmi.Controls.System.baseTcHmiControl | undefined | null): void;
|
||||
__removeChild(control: TcHmi.Controls.System.baseTcHmiControl): void;
|
||||
}
|
||||
export { TcHmiContainer as Control };
|
||||
declare const _TcHmiContainer: typeof TcHmiContainer;
|
||||
type tTcHmiContainer = TcHmiContainer;
|
||||
declare global {
|
||||
namespace TcHmi.Controls.System {
|
||||
const TcHmiContainer: typeof _TcHmiContainer;
|
||||
type TcHmiContainer = tTcHmiContainer;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<div class="TcHmi_Controls_System_TcHmiContainer-template tchmi-container-template tchmi-box"></div>
|
||||
@@ -0,0 +1,110 @@
|
||||
{
|
||||
"$schema": "../../../Schema/ControlDescription.Schema.json",
|
||||
"apiVersion": 1,
|
||||
"name": "TcHmiContainerControl",
|
||||
"namespace": "TcHmi.Controls.System",
|
||||
"displayName": "Container Control",
|
||||
"version": {
|
||||
"full": "14.3.360.0",
|
||||
"major": 14,
|
||||
"minor": 3,
|
||||
"build": 360,
|
||||
"revision": 0
|
||||
},
|
||||
"visible": false,
|
||||
"themeable": "Advanced",
|
||||
"base": "TcHmi.Controls.System.TcHmiControl",
|
||||
"description": "Base class for all controls which can contain other controls.",
|
||||
"defaultDesignerEvent": "",
|
||||
"properties": {
|
||||
"containerControl": true,
|
||||
"geometry": {
|
||||
"width": 0,
|
||||
"height": 0
|
||||
}
|
||||
},
|
||||
"icons": [
|
||||
{
|
||||
"name": "Icons/16x16.png",
|
||||
"width": 16,
|
||||
"height": 16
|
||||
}
|
||||
],
|
||||
"dependencyFiles": [
|
||||
{
|
||||
"name": "Style.css",
|
||||
"type": "Stylesheet"
|
||||
},
|
||||
{
|
||||
"name": "../../../dist/Controls/System/TcHmiContainerControl/TcHmiContainerControl.esm.js",
|
||||
"type": "EsModule",
|
||||
"description": "Contains all the main logic as ES module."
|
||||
}
|
||||
],
|
||||
"themes": {},
|
||||
"functions": [],
|
||||
"attributes": [
|
||||
{
|
||||
"name": "data-tchmi-is-enabled",
|
||||
"propertyName": "IsEnabled",
|
||||
"propertySetterName": "setIsEnabled",
|
||||
"propertyGetterName": "getIsEnabled",
|
||||
"displayName": "Is Enabled",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 30,
|
||||
"type": "tchmi:general#/definitions/Boolean",
|
||||
"category": "Common",
|
||||
"description": "If disabled this overwrites the state of all children.\nOnly enabled controls will react on events.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": true
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-width-mode",
|
||||
"propertyName": "WidthMode",
|
||||
"propertySetterName": "setWidthMode",
|
||||
"propertyGetterName": "getWidthMode",
|
||||
"displayName": "Width Mode",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 40,
|
||||
"type": "tchmi:framework#/definitions/SizeModeWithContent",
|
||||
"category": "Layout",
|
||||
"description": "Defines if the width is taken from the width value, calculated from left and right (parent) or calculated from child controls.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Value"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-height-mode",
|
||||
"propertyName": "HeightMode",
|
||||
"propertySetterName": "setHeightMode",
|
||||
"propertyGetterName": "getHeightMode",
|
||||
"displayName": "Height Mode",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 40,
|
||||
"type": "tchmi:framework#/definitions/SizeModeWithContent",
|
||||
"category": "Layout",
|
||||
"description": "Defines if the height is taken from the height value, calculated from top and bottom (parent) or calculated from child controls.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Value"
|
||||
}
|
||||
],
|
||||
"dataTypes": [
|
||||
{
|
||||
"schema": "Schema/Types.Schema.json"
|
||||
}
|
||||
]
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 278 B |
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"definitions": {
|
||||
"TcHmi.Controls.System.TcHmiContainerControl": {
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"type": "object",
|
||||
"frameworkInstanceOf": "TcHmi.Controls.System.TcHmiControl",
|
||||
"frameworkControlType": "TcHmiContainerControl",
|
||||
"frameworkControlNamespace": "TcHmi.Controls.System"
|
||||
},
|
||||
"TcHmiContainerControl": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiContainerControl"
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
/** Styles for all themes */
|
||||
|
||||
/* container have no own visual representation so the white overlay is not nice on non white backgrounds */
|
||||
.TcHmi_Controls_System_TcHmiContainerControl.TcHmi_Controls_System_TcHmiControl-disabled::after,
|
||||
.tchmi-container-control.tchmi-control-disabled::after {
|
||||
background-color: transparent;
|
||||
}
|
||||
@@ -0,0 +1,90 @@
|
||||
// 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 TcHmiContainerControl extends TcHmi.Controls.System.TcHmiControl {
|
||||
#private;
|
||||
/** Constructor */
|
||||
constructor(element: JQuery, pcElement: JQuery, attrs: TcHmi.Controls.ControlAttributeList);
|
||||
protected __widthMode: TcHmi.SizeModeWithContent | undefined;
|
||||
protected __heightMode: TcHmi.SizeModeWithContent | 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;
|
||||
/**
|
||||
* Sets __keepAlive
|
||||
* @param value
|
||||
*/
|
||||
__setKeepAlive(value: boolean): void;
|
||||
/**
|
||||
* Adds a child to this control and handles the hierarchical management layer.
|
||||
* This base class does not append child's DOM element to the container DOM!
|
||||
* @param control Class instance of the child.
|
||||
* @param pos Optional index of the position for the new child.
|
||||
*/
|
||||
addChild(control: TcHmi.Controls.System.baseTcHmiControl | undefined | null, pos?: number | null): void;
|
||||
/**
|
||||
* Adds a child to this control and handles the hierarchical management layer.
|
||||
* This base class does not append child's DOM element to the container DOM!
|
||||
* @param control Class instance of the child.
|
||||
* @param pos Optional index of the position for the new child.
|
||||
*/
|
||||
__addChild(control: TcHmi.Controls.System.baseTcHmiControl, pos?: number | null): void;
|
||||
/**
|
||||
* Remove a child control.
|
||||
*/
|
||||
removeChild(control: TcHmi.Controls.System.baseTcHmiControl | undefined | null): void;
|
||||
__removeChild(control: TcHmi.Controls.System.baseTcHmiControl): void;
|
||||
/**
|
||||
* Processes the current height and height unit.
|
||||
*/
|
||||
__processHeight(callerControl?: TcHmiControl): void;
|
||||
/**
|
||||
* Processes the current width and width unit.
|
||||
*/
|
||||
__processWidth(callerControl?: TcHmiControl): void;
|
||||
/**
|
||||
* Sets the value of the width mode attribute.
|
||||
* @param valueNew The new width mode value..
|
||||
*/
|
||||
setWidthMode(valueNew: TcHmi.SizeModeWithContent | null): void;
|
||||
/**
|
||||
* Sets the value of the height mode attribute.
|
||||
* @param valueNew The new height mode value..
|
||||
*/
|
||||
setHeightMode(valueNew: TcHmi.SizeModeWithContent | null): void;
|
||||
__getContentWidth(): number | null;
|
||||
__getContentHeight(): number | null;
|
||||
}
|
||||
export { TcHmiContainerControl as Control };
|
||||
declare const _TcHmiContainerControl: typeof TcHmiContainerControl;
|
||||
type tTcHmiContainerControl = TcHmiContainerControl;
|
||||
declare global {
|
||||
namespace TcHmi.Controls.System {
|
||||
const TcHmiContainerControl: typeof _TcHmiContainerControl;
|
||||
type TcHmiContainerControl = tTcHmiContainerControl;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
{
|
||||
"$schema": "../../../Schema/ControlDescription.Schema.json",
|
||||
"apiVersion": 1,
|
||||
"name": "TcHmiContent",
|
||||
"namespace": "TcHmi.Controls.System",
|
||||
"displayName": "Content",
|
||||
"version": {
|
||||
"full": "14.3.360.0",
|
||||
"major": 14,
|
||||
"minor": 3,
|
||||
"build": 360,
|
||||
"revision": 0
|
||||
},
|
||||
"visible": false,
|
||||
"themeable": "Standard",
|
||||
"base": "TcHmi.Controls.System.TcHmiPartial",
|
||||
"description": "A reusable Container which can be loaded in a Region.",
|
||||
"defaultDesignerEvent": "",
|
||||
"properties": {
|
||||
"containerControl": true,
|
||||
"geometry": {
|
||||
"width": 500,
|
||||
"height": 500
|
||||
}
|
||||
},
|
||||
"icons": [
|
||||
{
|
||||
"name": "Icons/16x16.png",
|
||||
"width": 16,
|
||||
"height": 16
|
||||
}
|
||||
],
|
||||
"dependencyFiles": [
|
||||
{
|
||||
"name": "../../../dist/Controls/System/TcHmiContent/TcHmiContent.esm.js",
|
||||
"type": "EsModule",
|
||||
"description": "Contains all the main logic as ES module."
|
||||
}
|
||||
],
|
||||
"themes": {},
|
||||
"attributes": [],
|
||||
"functions": [],
|
||||
"dataTypes": [
|
||||
{
|
||||
"schema": "Schema/Types.Schema.json"
|
||||
}
|
||||
]
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 278 B |
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"definitions": {
|
||||
"TcHmi.Controls.System.TcHmiContent": {
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"type": "object",
|
||||
"frameworkInstanceOf": "TcHmi.Controls.System.TcHmiControl",
|
||||
"frameworkControlType": "TcHmiContent",
|
||||
"frameworkControlNamespace": "TcHmi.Controls.System"
|
||||
},
|
||||
"TcHmiContent": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiContent"
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
// 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 TcHmiContent extends TcHmi.Controls.System.TcHmiPartial {
|
||||
#private;
|
||||
constructor(element: JQuery, pcElement: JQuery, attrs: TcHmi.Controls.ControlAttributeList);
|
||||
/**
|
||||
* Destroy the current control instance.
|
||||
* Will be called automatically if system destroys control!
|
||||
*/
|
||||
destroy(): void;
|
||||
}
|
||||
export { TcHmiContent as Control };
|
||||
declare const _TcHmiContent: typeof TcHmiContent;
|
||||
type tTcHmiContent = TcHmiContent;
|
||||
declare global {
|
||||
namespace TcHmi.Controls.System {
|
||||
const TcHmiContent: typeof _TcHmiContent;
|
||||
type TcHmiContent = tTcHmiContent;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 131 B |
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"definitions": {
|
||||
"TcHmi.Controls.System.TcHmiControl": {
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"type": "object",
|
||||
"frameworkInstanceOf": "TcHmi.Controls.System.TcHmiControl",
|
||||
"frameworkControlType": "TcHmiControl",
|
||||
"frameworkControlNamespace": "TcHmi.Controls.System"
|
||||
},
|
||||
"TcHmiControl": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiControl"
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,34 @@
|
||||
/** Styles for all themes */
|
||||
|
||||
/* Style for the main element */
|
||||
.TcHmi_Controls_System_TcHmiControl,
|
||||
.tchmi-control {
|
||||
position: absolute;
|
||||
/* Browser default is 3 px! */
|
||||
border-top-width: 0px;
|
||||
border-left-width: 0px;
|
||||
border-right-width: 0px;
|
||||
border-bottom-width: 0px;
|
||||
}
|
||||
|
||||
/* Mark disabled controls without interupting control logic */
|
||||
.TcHmi_Controls_System_TcHmiControl-disabled::after,
|
||||
.tchmi-control-disabled::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/*background-color: rgba(255, 255, 255, 0.5); color is defined in theme css*/
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
/* Hide controls which has no observe right.
|
||||
This is no security fail. If an attacker got some stuff from the server he can manipulate the running script or DOM in the browser anyway.
|
||||
The real security has to be implemented in the server config.
|
||||
*/
|
||||
.TcHmi_Controls_System_TcHmiControl-observe-disallowed,
|
||||
.tchmi-control-observe-disallowed {
|
||||
display: none !important; /* Force this value to be valid and override style display definitions if available! */
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,7 @@
|
||||
/** Styles for theme: Base-Dark */
|
||||
|
||||
/* Mark disabled controls without interupting control logic */
|
||||
.TcHmi_Controls_System_TcHmiControl-disabled::after,
|
||||
.tchmi-control-disabled::after {
|
||||
background-color: var(--tchmi-disabled-color);
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
/** Styles for theme: Base */
|
||||
|
||||
/* Mark disabled controls without interupting control logic */
|
||||
.TcHmi_Controls_System_TcHmiControl-disabled::after,
|
||||
.tchmi-control-disabled::after {
|
||||
background-color: var(--tchmi-disabled-color);
|
||||
}
|
||||
@@ -0,0 +1,184 @@
|
||||
{
|
||||
"$schema": "../../../Schema/ControlDescription.Schema.json",
|
||||
"apiVersion": 1,
|
||||
"name": "TcHmiGrid",
|
||||
"namespace": "TcHmi.Controls.System",
|
||||
"displayName": "Grid",
|
||||
"version": {
|
||||
"full": "14.3.360.0",
|
||||
"major": 14,
|
||||
"minor": 3,
|
||||
"build": 360,
|
||||
"revision": 0
|
||||
},
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"base": "TcHmi.Controls.System.TcHmiContainerControl",
|
||||
"description": "A layout Grid for Controls which reacts fluid and responsive.",
|
||||
"defaultDesignerEvent": "",
|
||||
"properties": {
|
||||
"containerControl": true,
|
||||
"geometry": {
|
||||
"width": 300,
|
||||
"height": 300
|
||||
}
|
||||
},
|
||||
"icons": [
|
||||
{
|
||||
"name": "Icons/16x16.png",
|
||||
"width": 16,
|
||||
"height": 16
|
||||
}
|
||||
],
|
||||
"template": "Template.html",
|
||||
"dependencyFiles": [
|
||||
{
|
||||
"name": "Style.css",
|
||||
"type": "Stylesheet"
|
||||
},
|
||||
{
|
||||
"name": "../../../dist/Controls/System/TcHmiGrid/TcHmiGrid.esm.js",
|
||||
"type": "EsModule",
|
||||
"description": "Contains all the main logic as ES module."
|
||||
}
|
||||
],
|
||||
"themes": {},
|
||||
"attributes": [
|
||||
{
|
||||
"name": "data-tchmi-width-mode",
|
||||
"propertyName": "WidthMode",
|
||||
"propertySetterName": "setWidthMode",
|
||||
"propertyGetterName": "getWidthMode",
|
||||
"displayName": "Width Mode",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 40,
|
||||
"type": "tchmi:framework#/definitions/SizeModeWithContent",
|
||||
"category": "Layout",
|
||||
"description": "Defines if the width is taken from the width value, calculated from left and right (parent) or calculated from the child controls in columns.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Value"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-height-mode",
|
||||
"propertyName": "HeightMode",
|
||||
"propertySetterName": "setHeightMode",
|
||||
"propertyGetterName": "getHeightMode",
|
||||
"displayName": "Height Mode",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 40,
|
||||
"type": "tchmi:framework#/definitions/SizeModeWithContent",
|
||||
"category": "Layout",
|
||||
"description": "Defines if the height is taken from the height value, calculated from top and bottom (parent) or calculated from child controls in rows.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Value"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-column-options",
|
||||
"propertyName": "ColumnOptions",
|
||||
"propertySetterName": "setColumnOptions",
|
||||
"propertyGetterName": "getColumnOptions",
|
||||
"displayName": "Column Options",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiGrid.ColumnOptions",
|
||||
"category": "Common",
|
||||
"description": "Options for the columns.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": [
|
||||
{
|
||||
"width": 1,
|
||||
"widthUnit": "factor",
|
||||
"widthMode": "Value",
|
||||
"overflow": false
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-row-options",
|
||||
"propertyName": "RowOptions",
|
||||
"propertySetterName": "setRowOptions",
|
||||
"propertyGetterName": "getRowOptions",
|
||||
"displayName": "Row Options",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiGrid.RowOptions",
|
||||
"category": "Common",
|
||||
"description": "Options for the rows.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": [
|
||||
{
|
||||
"height": 1,
|
||||
"heightUnit": "factor",
|
||||
"heightMode": "Value",
|
||||
"overflow": false
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-cell-options",
|
||||
"propertyName": "CellOptions",
|
||||
"propertyGetterName": "getCellOptions",
|
||||
"propertySetterName": "setCellOptions",
|
||||
"displayName": "Cell Options",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiGrid.CellOptions",
|
||||
"category": "Common",
|
||||
"description": "Options for the cells.",
|
||||
"readOnly": false,
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": []
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-cell-wrap",
|
||||
"propertyName": "CellWrap",
|
||||
"propertySetterName": "setCellWrap",
|
||||
"propertyGetterName": "getCellWrap",
|
||||
"displayName": "Cell Wrap",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:general#/definitions/Boolean",
|
||||
"category": "Common",
|
||||
"description": "Defines if the cells wraps if there is not enough space in the row.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": true
|
||||
}
|
||||
],
|
||||
"dataTypes": [
|
||||
{
|
||||
"schema": "Schema/Types.Schema.json"
|
||||
}
|
||||
]
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 142 B |
@@ -0,0 +1,780 @@
|
||||
{
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"definitions": {
|
||||
"CellOptions": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiGrid.CellOptions"
|
||||
},
|
||||
"ColumnOptions": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiGrid.ColumnOptions"
|
||||
},
|
||||
"MeasurementUnitOrFactor": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiGrid.MeasurementUnitOrFactor"
|
||||
},
|
||||
"RowOptions": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiGrid.RowOptions"
|
||||
},
|
||||
"TcHmi.Controls.System.TcHmiGrid": {
|
||||
"type": "object",
|
||||
"frameworkInstanceOf": "TcHmi.Controls.System.TcHmiControl",
|
||||
"frameworkControlType": "TcHmiGrid",
|
||||
"frameworkControlNamespace": "TcHmi.Controls.System"
|
||||
},
|
||||
"TcHmi.Controls.System.TcHmiGrid.CellOptions": {
|
||||
"title": "CellOptions",
|
||||
"description": "Definition of cell options in the grid.",
|
||||
"type": "array",
|
||||
"items": {
|
||||
"title": "Cell definition",
|
||||
"description": "Definition of a cell.",
|
||||
"type": "object",
|
||||
"engineeringColumns": ["columnIndex", "rowIndex"],
|
||||
"propertiesMeta": [
|
||||
{
|
||||
"name": "columnIndex",
|
||||
"category": "Layout",
|
||||
"displayName": "Column Index",
|
||||
"displayPriority": 10,
|
||||
"description": "Column index of the defined cell.",
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "rowIndex",
|
||||
"category": "Layout",
|
||||
"displayName": "Row Index",
|
||||
"displayPriority": 10,
|
||||
"description": "Row index of the defined cell.",
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "padding",
|
||||
"category": "Layout",
|
||||
"displayPriority": 60,
|
||||
"displayName": "Padding",
|
||||
"description": "Inner padding of the cell. \nNote: Percentages always refer to the width of the cell, never its height (even for top and bottom).",
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "backgroundColor",
|
||||
"category": "Colors",
|
||||
"displayPriority": 10,
|
||||
"displayName": "Background Color",
|
||||
"description": "Definition of the background color which is used if no or a transparent Background image is set.",
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "borderColor",
|
||||
"category": "Colors",
|
||||
"displayPriority": 10,
|
||||
"displayName": "Border Color",
|
||||
"description": "Definition of the border color.",
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "borderWidth",
|
||||
"category": "Border",
|
||||
"displayPriority": 10,
|
||||
"displayName": "Border Width",
|
||||
"description": "Definition of the border width.",
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "borderStyle",
|
||||
"category": "Border",
|
||||
"displayPriority": 10,
|
||||
"displayName": "Border Style",
|
||||
"description": "Definition of the border style.",
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "backgroundImage",
|
||||
"category": "Background Image",
|
||||
"displayPriority": 10,
|
||||
"displayName": "Background Image",
|
||||
"description": "Definition of the background image.",
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "backgroundImageWidth",
|
||||
"category": "Background Image",
|
||||
"displayPriority": 20,
|
||||
"displayName": "Background Image Width",
|
||||
"description": "Width of the background image.",
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "backgroundImageWidthUnit",
|
||||
"refTo": "backgroundImageWidth",
|
||||
"category": "Background Image",
|
||||
"displayPriority": 20,
|
||||
"displayName": "Background Image Width Unit",
|
||||
"description": "Width Unit of the background image.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "px"
|
||||
},
|
||||
{
|
||||
"name": "backgroundImageHeight",
|
||||
"category": "Background Image",
|
||||
"displayPriority": 20,
|
||||
"displayName": "Background Image Height",
|
||||
"description": "Height of the background image.",
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "backgroundImageHeightUnit",
|
||||
"refTo": "backgroundImageHeight",
|
||||
"category": "Background Image",
|
||||
"displayPriority": 20,
|
||||
"displayName": "Background Image Height Unit",
|
||||
"description": "Height Unit of the background image.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "px"
|
||||
},
|
||||
{
|
||||
"name": "backgroundImageHorizontalAlignment",
|
||||
"category": "Background Image",
|
||||
"displayPriority": 30,
|
||||
"displayName": "Background Image Horizontal Alignment",
|
||||
"description": "Horizontal Aligment of the background image.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Center"
|
||||
},
|
||||
{
|
||||
"name": "backgroundImageVerticalAlignment",
|
||||
"category": "Background Image",
|
||||
"displayPriority": 30,
|
||||
"displayName": "Background Image Vertical Alignment",
|
||||
"description": "Vertical Aligment of the background image.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Center"
|
||||
},
|
||||
{
|
||||
"name": "backgroundImagePadding",
|
||||
"category": "Background Image",
|
||||
"displayPriority": 60,
|
||||
"displayName": "Background Image Padding",
|
||||
"description": "Padding of the background image.",
|
||||
"defaultValueInternal": null
|
||||
}
|
||||
],
|
||||
"properties": {
|
||||
"columnIndex": {
|
||||
"type": "integer",
|
||||
"minimum": 0,
|
||||
"title": "ColumnIndex",
|
||||
"description": "Column index of the defined cell.",
|
||||
"default": null,
|
||||
"category": "Layout",
|
||||
"displayPriority": 10
|
||||
},
|
||||
"rowIndex": {
|
||||
"type": "integer",
|
||||
"minimum": 0,
|
||||
"title": "RowIndex",
|
||||
"description": "Row index of the defined cell.",
|
||||
"default": null,
|
||||
"category": "Layout",
|
||||
"displayPriority": 10
|
||||
},
|
||||
"padding": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/Padding"
|
||||
},
|
||||
{
|
||||
"title": "Padding",
|
||||
"description": "Inner padding of the cell. \nNote: Percentages always refer to the width of the cell, never its height (even for top and bottom).",
|
||||
"default": null,
|
||||
"category": "Layout",
|
||||
"displayPriority": 60
|
||||
}
|
||||
]
|
||||
},
|
||||
"backgroundColor": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/SolidColor"
|
||||
},
|
||||
{
|
||||
"title": "BackgroundColor",
|
||||
"description": "Definition of the background color which is used if no or a transparent Background image is set.",
|
||||
"default": null,
|
||||
"category": "Colors",
|
||||
"displayPriority": 10
|
||||
}
|
||||
]
|
||||
},
|
||||
"borderColor": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/SolidColor"
|
||||
},
|
||||
{
|
||||
"title": "BorderColor",
|
||||
"description": "Definition of the border color.",
|
||||
"default": null,
|
||||
"category": "Colors",
|
||||
"displayPriority": 10
|
||||
}
|
||||
]
|
||||
},
|
||||
"borderWidth": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/BorderWidth"
|
||||
},
|
||||
{
|
||||
"title": "BorderWidth",
|
||||
"description": "Definition of the border width.",
|
||||
"default": null,
|
||||
"category": "Border",
|
||||
"displayPriority": 10
|
||||
}
|
||||
]
|
||||
},
|
||||
"borderStyle": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/BorderStyle"
|
||||
},
|
||||
{
|
||||
"title": "BorderStyle",
|
||||
"description": "Definition of the border style.",
|
||||
"default": null,
|
||||
"category": "Border",
|
||||
"displayPriority": 10
|
||||
}
|
||||
]
|
||||
},
|
||||
"backgroundImage": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/Path"
|
||||
},
|
||||
{
|
||||
"title": "BackgroundImage",
|
||||
"description": "Definition of the background image.",
|
||||
"default": null,
|
||||
"category": "Background Image",
|
||||
"displayPriority": 10
|
||||
}
|
||||
]
|
||||
},
|
||||
"backgroundImageWidth": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/MeasurementValue"
|
||||
},
|
||||
{
|
||||
"title": "BackgroundImageWidth",
|
||||
"description": "Width of the background image.",
|
||||
"default": null,
|
||||
"category": "Background Image",
|
||||
"displayPriority": 20
|
||||
}
|
||||
]
|
||||
},
|
||||
"backgroundImageWidthUnit": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/MeasurementUnit"
|
||||
},
|
||||
{
|
||||
"title": "BackgroundImageWidthUnit",
|
||||
"description": "Width Unit of the background image.",
|
||||
"default": "px",
|
||||
"refTo": "backgroundImageWidth",
|
||||
"category": "Background Image",
|
||||
"displayPriority": 20
|
||||
}
|
||||
]
|
||||
},
|
||||
"backgroundImageHeight": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/MeasurementValue"
|
||||
},
|
||||
{
|
||||
"title": "BackgroundImageHeight",
|
||||
"description": "Height of the background image.",
|
||||
"default": null,
|
||||
"category": "Background Image",
|
||||
"displayPriority": 20
|
||||
}
|
||||
]
|
||||
},
|
||||
"backgroundImageHeightUnit": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/MeasurementUnit"
|
||||
},
|
||||
{
|
||||
"title": "BackgroundImageHeightUnit",
|
||||
"description": "Height Unit of the background image.",
|
||||
"default": "px",
|
||||
"refTo": "backgroundImageHeight",
|
||||
"category": "Background Image",
|
||||
"displayPriority": 20
|
||||
}
|
||||
]
|
||||
},
|
||||
"backgroundImageHorizontalAlignment": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/HorizontalAlignment"
|
||||
},
|
||||
{
|
||||
"title": "BackgroundImageHorizontalAligment",
|
||||
"description": "Horizontal Aligment of the background image.",
|
||||
"default": "Center",
|
||||
"category": "Background Image",
|
||||
"displayPriority": 30
|
||||
}
|
||||
]
|
||||
},
|
||||
"backgroundImageVerticalAlignment": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/VerticalAlignment"
|
||||
},
|
||||
{
|
||||
"title": "BackgroundImageVerticalAligment",
|
||||
"description": "Vertical Aligment of the background image.",
|
||||
"default": "Center",
|
||||
"category": "Background Image",
|
||||
"displayPriority": 30
|
||||
}
|
||||
]
|
||||
},
|
||||
"backgroundImagePadding": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/Padding"
|
||||
},
|
||||
{
|
||||
"title": "BackgroundImagePadding",
|
||||
"description": "Padding of the background image.",
|
||||
"default": null,
|
||||
"category": "Background Image",
|
||||
"displayPriority": 60
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"additionalProperties": false
|
||||
}
|
||||
},
|
||||
"TcHmi.Controls.System.TcHmiGrid.ColumnOptions": {
|
||||
"title": "ColumnOptions",
|
||||
"type": "array",
|
||||
"items": {
|
||||
"type": "object",
|
||||
"title": "Column definition",
|
||||
"description": "Defines one column.",
|
||||
"engineeringColumns": ["width", "widthUnit", "widthMode"],
|
||||
"propertiesMeta": [
|
||||
{
|
||||
"name": "width",
|
||||
"category": "Layout",
|
||||
"displayName": "Width",
|
||||
"displayPriority": 10,
|
||||
"description": "Defines width of the column in the grid. Can be a pixel value (42px), percent value (42%) or a grow factor (1).\nThe grow factor determines how much the items will grow relative to the rest of the items when positive free space is distributed.",
|
||||
"defaultValue": 1,
|
||||
"defaultValueInternal": 1
|
||||
},
|
||||
{
|
||||
"name": "widthUnit",
|
||||
"refTo": "width",
|
||||
"category": "Layout",
|
||||
"displayName": "Width Unit",
|
||||
"displayPriority": 10,
|
||||
"description": "Defines if the number defines a pixel value (px), percent value (42%) or grow factor (2).",
|
||||
"defaultValue": "factor",
|
||||
"defaultValueInternal": "factor"
|
||||
},
|
||||
{
|
||||
"name": "widthMode",
|
||||
"category": "Layout",
|
||||
"displayName": "Width Mode",
|
||||
"displayPriority": 30,
|
||||
"description": "Defines if the width is taken from the width value or calculated from child controls in this Column.",
|
||||
"defaultValue": "Value",
|
||||
"defaultValueInternal": "Value"
|
||||
},
|
||||
{
|
||||
"name": "maxWidth",
|
||||
"category": "Layout",
|
||||
"displayName": "Max Width",
|
||||
"displayPriority": 60,
|
||||
"description": "Defines maximal width of the column in the grid. Can be a pixel value (42px), percent value (42%).\nmax-width overrides width, but min-width overrides max-width.",
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "maxWidthUnit",
|
||||
"refTo": "maxWidth",
|
||||
"category": "Layout",
|
||||
"displayName": "Max Width Unit",
|
||||
"displayPriority": 60,
|
||||
"description": "Max Width Unit of the column.",
|
||||
"defaultValueInternal": "px"
|
||||
},
|
||||
{
|
||||
"name": "minWidth",
|
||||
"category": "Layout",
|
||||
"displayName": "Min Width",
|
||||
"displayPriority": 61,
|
||||
"description": "Defines minimal width of the column in the grid. Can be a pixel value (42px), percent value (42%).\nmax-width overrides width, but min-width overrides max-width.",
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "minWidthUnit",
|
||||
"refTo": "minWidth",
|
||||
"category": "Layout",
|
||||
"displayName": "Min Width Unit",
|
||||
"displayPriority": 61,
|
||||
"description": "Min Width Unit of the column.",
|
||||
"defaultValueInternal": "px"
|
||||
},
|
||||
{
|
||||
"name": "overflow",
|
||||
"category": "Layout",
|
||||
"displayName": "Overflow",
|
||||
"displayPriority": 65,
|
||||
"description": "Defines if a control should be fully visible if it is outside of this column.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": false
|
||||
}
|
||||
],
|
||||
"properties": {
|
||||
"width": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/MeasurementValue"
|
||||
},
|
||||
{
|
||||
"title": "Width",
|
||||
"description": "Defines width of the column in the grid. Can be a pixel value (42px), percent value (42%) or a grow factor (1).\nThe grow factor determines how much the items will grow relative to the rest of the items when positive free space is distributed.",
|
||||
"default": 1,
|
||||
"category": "Layout",
|
||||
"displayPriority": 10
|
||||
}
|
||||
]
|
||||
},
|
||||
"widthUnit": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiGrid.MeasurementUnitOrFactor"
|
||||
},
|
||||
{
|
||||
"title": "WidthUnit",
|
||||
"description": "Defines if the number defines a pixel value (px), percent value (42%) or grow factor (2).",
|
||||
"default": "factor",
|
||||
"refTo": "width",
|
||||
"category": "Layout",
|
||||
"displayPriority": 10
|
||||
}
|
||||
]
|
||||
},
|
||||
"widthMode": {
|
||||
"allOf": [
|
||||
{
|
||||
"type": "string",
|
||||
"enum": ["Value", "Content"]
|
||||
},
|
||||
{
|
||||
"title": "WidthMode",
|
||||
"description": "Defines if the width is taken from the width value or calculated from child controls in this Column.",
|
||||
"default": "Value",
|
||||
"category": "Layout",
|
||||
"displayPriority": 30
|
||||
}
|
||||
]
|
||||
},
|
||||
"maxWidth": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/MeasurementValue"
|
||||
},
|
||||
{
|
||||
"title": "MaxWidth",
|
||||
"description": "Defines maximal width of the column in the grid. Can be a pixel value (42px), percent value (42%).\nmax-width overrides width, but min-width overrides max-width.",
|
||||
"default": null,
|
||||
"displayPriority": 60,
|
||||
"category": "Layout"
|
||||
}
|
||||
]
|
||||
},
|
||||
"maxWidthUnit": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/MeasurementUnit"
|
||||
},
|
||||
{
|
||||
"title": "MaxWidthUnit",
|
||||
"description": "Max Width Unit of the column.",
|
||||
"default": "px",
|
||||
"category": "Layout",
|
||||
"displayPriority": 60,
|
||||
"refTo": "maxWidth"
|
||||
}
|
||||
]
|
||||
},
|
||||
"minWidth": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/MeasurementValue"
|
||||
},
|
||||
{
|
||||
"title": "MinWidth",
|
||||
"description": "Defines minimal width of the column in the grid. Can be a pixel value (42px), percent value (42%).\nmax-width overrides width, but min-width overrides max-width.",
|
||||
"default": null,
|
||||
"category": "Layout",
|
||||
"displayPriority": 61
|
||||
}
|
||||
]
|
||||
},
|
||||
"minWidthUnit": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/MeasurementUnit"
|
||||
},
|
||||
{
|
||||
"title": "MinWidthUnit",
|
||||
"description": "Min Width Unit of the column.",
|
||||
"default": "px",
|
||||
"refTo": "minWidth",
|
||||
"category": "Layout",
|
||||
"displayPriority": 61
|
||||
}
|
||||
]
|
||||
},
|
||||
"overflow": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:general#/definitions/Boolean"
|
||||
},
|
||||
{
|
||||
"title": "Overflow",
|
||||
"description": "Defines if a control should be fully visible if it is outside of this column.",
|
||||
"default": false,
|
||||
"category": "Layout",
|
||||
"displayPriority": 65
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"additionalProperties": false
|
||||
}
|
||||
},
|
||||
"TcHmi.Controls.System.TcHmiGrid.MeasurementUnitOrFactor": {
|
||||
"description": "Defines if the number defines a pixel value (px), percent value (42%) or grow factor (2).\nThe grow factor determines how much the items will grow relative to the rest of the items when positive free space is distributed.",
|
||||
"type": "string",
|
||||
"enum": ["factor", "px", "%"],
|
||||
"default": "factor"
|
||||
},
|
||||
"TcHmi.Controls.System.TcHmiGrid.RowOptions": {
|
||||
"title": "RowOptions",
|
||||
"type": "array",
|
||||
"items": {
|
||||
"type": "object",
|
||||
"title": "Row definition",
|
||||
"description": "Defines one row.",
|
||||
"engineeringColumns": ["height", "heightUnit", "heightMode"],
|
||||
"propertiesMeta": [
|
||||
{
|
||||
"name": "height",
|
||||
"category": "Layout",
|
||||
"displayName": "Height",
|
||||
"displayPriority": 10,
|
||||
"description": "Defines height of the cells of this row in the grid. Can be a pixel value (42px), percent value (42%) or a grow factor (1).\nThe grow factor determines how much the items will grow relative to the rest of the items when positive free space is distributed.",
|
||||
"defaultValue": 1,
|
||||
"defaultValueInternal": 1
|
||||
},
|
||||
{
|
||||
"name": "heightUnit",
|
||||
"refTo": "height",
|
||||
"category": "Layout",
|
||||
"displayName": "Height Unit",
|
||||
"displayPriority": 10,
|
||||
"description": "Defines if the number defines a pixel value (px), percent value (42%) or grow factor (2).",
|
||||
"defaultValue": "factor",
|
||||
"defaultValueInternal": "factor"
|
||||
},
|
||||
{
|
||||
"name": "heightMode",
|
||||
"category": "Layout",
|
||||
"displayName": "Height Mode",
|
||||
"displayPriority": 30,
|
||||
"description": "Defines if the height is taken from the height value or calculated from child controls in row.",
|
||||
"defaultValue": "Value",
|
||||
"defaultValueInternal": "Value"
|
||||
},
|
||||
{
|
||||
"name": "maxHeight",
|
||||
"category": "Layout",
|
||||
"displayName": "Max Height",
|
||||
"displayPriority": 60,
|
||||
"description": "Defines maximal height of the row in the grid. Can be a pixel value (42px), percent value (42%).\nmax-height overrides height, but min-height overrides max-height.",
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "maxHeightUnit",
|
||||
"refTo": "maxHeight",
|
||||
"category": "Layout",
|
||||
"displayName": "Max Height Unit",
|
||||
"displayPriority": 60,
|
||||
"description": "Max Height Unit of the row.",
|
||||
"defaultValueInternal": "px"
|
||||
},
|
||||
{
|
||||
"name": "minHeight",
|
||||
"category": "Layout",
|
||||
"displayName": "Min Height",
|
||||
"displayPriority": 61,
|
||||
"description": "Defines minimal height of the row in the grid. Can be a pixel value (42px), percent value (42%).\nmax-height overrides height, but min-height overrides max-height.",
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "minHeightUnit",
|
||||
"refTo": "minHeight",
|
||||
"category": "Layout",
|
||||
"displayName": "Min Height Unit",
|
||||
"displayPriority": 61,
|
||||
"description": "Min Height Unit of the row.",
|
||||
"defaultValueInternal": "px"
|
||||
},
|
||||
{
|
||||
"name": "overflow",
|
||||
"category": "Layout",
|
||||
"displayName": "Overflow",
|
||||
"displayPriority": 65,
|
||||
"description": "Defines if a control should be fully visible if it is outside of this row.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": false
|
||||
}
|
||||
],
|
||||
"properties": {
|
||||
"height": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/MeasurementValue"
|
||||
},
|
||||
{
|
||||
"title": "Height",
|
||||
"description": "Defines height of the cells of this row in the grid. Can be a pixel value (42px), percent value (42%) or a grow factor (1).\nThe grow factor determines how much the items will grow relative to the rest of the items when positive free space is distributed.",
|
||||
"default": 1,
|
||||
"category": "Layout",
|
||||
"displayPriority": 10
|
||||
}
|
||||
]
|
||||
},
|
||||
"heightUnit": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiGrid.MeasurementUnitOrFactor"
|
||||
},
|
||||
{
|
||||
"title": "HeightUnit",
|
||||
"description": "Defines if the number defines a pixel value (px), percent value (42%) or grow factor (2).",
|
||||
"default": "factor",
|
||||
"refTo": "height",
|
||||
"category": "Layout",
|
||||
"displayPriority": 10
|
||||
}
|
||||
]
|
||||
},
|
||||
"heightMode": {
|
||||
"allOf": [
|
||||
{
|
||||
"type": "string",
|
||||
"enum": ["Value", "Content"]
|
||||
},
|
||||
{
|
||||
"title": "HeightMode",
|
||||
"description": "Defines if the height is taken from the height value or calculated from child controls in row.",
|
||||
"default": "Value",
|
||||
"category": "Layout",
|
||||
"displayPriority": 30
|
||||
}
|
||||
]
|
||||
},
|
||||
"maxHeight": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/MeasurementValue"
|
||||
},
|
||||
{
|
||||
"title": "MaxHeight",
|
||||
"description": "Defines maximal height of the row in the grid. Can be a pixel value (42px), percent value (42%).\nmax-height overrides height, but min-height overrides max-height.",
|
||||
"default": null,
|
||||
"refTo": "maxHeight",
|
||||
"category": "Layout",
|
||||
"displayPriority": 60
|
||||
}
|
||||
]
|
||||
},
|
||||
"maxHeightUnit": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/MeasurementUnit"
|
||||
},
|
||||
{
|
||||
"title": "MaxHeightUnit",
|
||||
"description": "Max Height Unit of the row.",
|
||||
"default": "px",
|
||||
"category": "Layout",
|
||||
"displayPriority": 60
|
||||
}
|
||||
]
|
||||
},
|
||||
"minHeight": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/MeasurementValue"
|
||||
},
|
||||
{
|
||||
"title": "MinHeight",
|
||||
"description": "Defines minimal height of the row in the grid. Can be a pixel value (42px), percent value (42%).\nmax-height overrides height, but min-height overrides max-height.",
|
||||
"default": null,
|
||||
"category": "Layout",
|
||||
"displayPriority": 61
|
||||
}
|
||||
]
|
||||
},
|
||||
"minHeightUnit": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/MeasurementUnit"
|
||||
},
|
||||
{
|
||||
"title": "MinHeightUnit",
|
||||
"description": "Min Height Unit of the row.",
|
||||
"default": "px",
|
||||
"refTo": "minHeight",
|
||||
"category": "Layout",
|
||||
"displayPriority": 61
|
||||
}
|
||||
]
|
||||
},
|
||||
"overflow": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:general#/definitions/Boolean"
|
||||
},
|
||||
{
|
||||
"title": "Overflow",
|
||||
"description": "Defines if a control should be fully visible if it is outside of this row.",
|
||||
"default": false,
|
||||
"category": "Layout",
|
||||
"displayPriority": 65
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"additionalProperties": false
|
||||
}
|
||||
},
|
||||
"TcHmiGrid": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiGrid"
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,51 @@
|
||||
/** Styles for all themes */
|
||||
|
||||
/* Style for the main element */
|
||||
.TcHmi_Controls_System_TcHmiGrid,
|
||||
.tchmi-grid {
|
||||
overflow: hidden; /* DO NOT CHANGE Would cut 100% sized child control shadows */
|
||||
}
|
||||
|
||||
.TcHmi_Controls_System_TcHmiGrid-template,
|
||||
.tchmi-grid-template {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_System_TcHmiGrid-grid,
|
||||
.tchmi-grid-grid {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/* some styles for debugging */
|
||||
/*border:1px solid green;*/
|
||||
}
|
||||
|
||||
.TcHmi_Controls_System_TcHmiGrid-gridrow,
|
||||
.tchmi-grid-gridrow {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
/* some styles for debugging */
|
||||
/*border:1px solid red;*/
|
||||
}
|
||||
|
||||
.TcHmi_Controls_System_TcHmiGrid-gridcell,
|
||||
.tchmi-grid-gridcell {
|
||||
position: relative;
|
||||
/* Browser default is 3 px! */
|
||||
border-top-width: 0px;
|
||||
border-left-width: 0px;
|
||||
border-right-width: 0px;
|
||||
border-bottom-width: 0px;
|
||||
/* some styles for debugging */
|
||||
/*border: 1px solid black;*/
|
||||
/*background-color: cyan;*/
|
||||
}
|
||||
.TcHmi_Controls_System_TcHmiGrid-cellpaddingmover,
|
||||
.tchmi-grid-cellpaddingmover {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
@@ -0,0 +1,357 @@
|
||||
// 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 TcHmiGrid extends TcHmi.Controls.System.TcHmiContainerControl {
|
||||
#private;
|
||||
/**
|
||||
* Constructor
|
||||
* @param element
|
||||
* @param attrs
|
||||
* @param pcElement
|
||||
* @param pcAttrs
|
||||
*/
|
||||
constructor(element: JQuery, pcElement: JQuery, attrs: TcHmi.Controls.ControlAttributeList);
|
||||
/**
|
||||
* Reference to the root dom element of the current control template as jquery object.
|
||||
*/
|
||||
private __elementTemplateRoot;
|
||||
/** Main Gridcontainer of this tchmigrid */
|
||||
private __elementGridcontainer;
|
||||
/**
|
||||
* Internal reference to the attribute 'data-tchmi-cell-wrap'
|
||||
*/
|
||||
protected __cellWrap: boolean | undefined;
|
||||
/**
|
||||
* Internal reference to the attribute 'data-tchmi-cell-options'
|
||||
*/
|
||||
protected __cellOptions: ICellOptions[] | undefined;
|
||||
/**
|
||||
* Internal reference to the attribute 'data-tchmi-row-options'
|
||||
*/
|
||||
protected __rowOptions: IRowOptions[] | undefined;
|
||||
/**
|
||||
* Internal reference to the attribute 'data-tchmi-column-options'
|
||||
*/
|
||||
protected __columnOptions: IColumnOptions[] | undefined;
|
||||
/** Holds the pixel size the column uses, null if all relative. Cache has to be rebuild if variable is null */
|
||||
protected __cacheWidthPerColumn: (null | number)[] | null;
|
||||
/** Holds the pixel size the row uses, null if all relative. Cache has to be rebuild if variable is null */
|
||||
protected __cacheHeightPerRow: (null | number)[] | null;
|
||||
/** Is the current layout known? This does not imply a precise layout for responsive configurations */
|
||||
protected __roughLayoutKnown: boolean;
|
||||
/** In how many lines this row is wrapped? Cache has to be rebuild if variable is null */
|
||||
private __cacheCellHeightPerRow;
|
||||
private __onControlGridRowIndexChangedDestroyEvent;
|
||||
private __onControlGridColumnIndexChangedDestroyEvent;
|
||||
private __onControlsMovedDestroyEvent;
|
||||
private __onControlsResizedDestroyEvent;
|
||||
private __onThemeChangedDestroyEvent;
|
||||
private __onControlPositionParameterChangedDestroyEvent;
|
||||
private __onControlSizeParameterChangedDestroyEvent;
|
||||
protected __asyncWorkData: IControlSpecificData;
|
||||
/** True if a large control stretches a column dimension */
|
||||
protected __controlStretchedWidth: boolean;
|
||||
/** True if a large control stretches a row dimension */
|
||||
protected __controlStretchedHeight: boolean;
|
||||
/** True if we need to check wrapping on next attach */
|
||||
protected __wrapCheckNeeded: boolean;
|
||||
/** The grid border width shifts the child but is not often changed. */
|
||||
protected __borderOffsets: {
|
||||
left: number;
|
||||
right: number;
|
||||
top: number;
|
||||
bottom: number;
|
||||
};
|
||||
/**
|
||||
* 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;
|
||||
/**
|
||||
* Adds a child to this control and handles the hierarchical management layer.
|
||||
* This will also add child's DOM element to the container DOM.
|
||||
* @param control Class instance of the child.
|
||||
* @param pos Optional index of the position for the new child.
|
||||
*/
|
||||
addChild(control: TcHmi.Controls.System.baseTcHmiControl | undefined | null, pos?: number | null): void;
|
||||
/**
|
||||
* Adds a child to this control and handles the hierarchical management layer.
|
||||
* This will also add child's DOM element to the container DOM.
|
||||
* @param control Class instance of the child.
|
||||
* @param pos Optional index of the position for the new child.
|
||||
*/
|
||||
__addChild(control: TcHmi.Controls.System.baseTcHmiControl, pos?: number | null): void;
|
||||
/**
|
||||
* Remove a child control.
|
||||
*/
|
||||
removeChild(control: TcHmi.Controls.System.baseTcHmiControl | undefined | null): void;
|
||||
__removeChild(control: TcHmi.Controls.System.baseTcHmiControl): void;
|
||||
/** Updates border width cache */
|
||||
protected __updateBorderCache(): void;
|
||||
protected __processBorderWidth(): void;
|
||||
/**
|
||||
* Moves a control to the correct Grid cell
|
||||
*/
|
||||
protected __onGridRowOrColumnIndexChanged(_event: TcHmi.EventProvider.Event, control: TcHmi.Controls.System.baseTcHmiControl): void;
|
||||
/**
|
||||
* Adjust Cell Dimension on Control resize or move
|
||||
* @param move Is this a moved control? If not it was resized
|
||||
*/
|
||||
protected __onControlGeometryChanged(event: TcHmi.EventProvider.Event, controls: TcHmi.Controls.System.baseTcHmiControl[]): void;
|
||||
protected __doAsyncWork(timestamp?: number): void;
|
||||
/**
|
||||
* Calls processHeight if needed
|
||||
* @returns true if a change was detected
|
||||
*/
|
||||
private __rebuildCellHeightPerRowCache;
|
||||
/**
|
||||
* Returns the current cell wrap value.
|
||||
* @returns The current cell wrap value.
|
||||
*/
|
||||
getCellWrap(): boolean | undefined;
|
||||
/**
|
||||
* Sets a new cell wrap
|
||||
* @param valueNew
|
||||
*/
|
||||
setCellWrap(valueNew: boolean | null): void;
|
||||
/**
|
||||
*
|
||||
*/
|
||||
protected __processCellWrap(): void;
|
||||
/**
|
||||
* Returns if inner widths depends on child controls.
|
||||
* @preserve (Part of the public API)
|
||||
*/
|
||||
innerWidthDependsOnChilds(): boolean;
|
||||
/**
|
||||
* Updates the inner dimension depending on child controls.
|
||||
* @preserve (Part of the public API)
|
||||
*/
|
||||
updateInnerWidthDependingOnChilds(): void;
|
||||
/**
|
||||
* Updates caches...
|
||||
*/
|
||||
protected __processWidthMode(): void;
|
||||
/**
|
||||
* Returns if inner heights depends on child controls.
|
||||
* @preserve (Part of the public API)
|
||||
*/
|
||||
innerHeightDependsOnChilds(): boolean;
|
||||
/**
|
||||
* Updates the inner dimension depending on child controls.
|
||||
* @preserve (Part of the public API)
|
||||
*/
|
||||
updateInnerHeightDependingOnChilds(): void;
|
||||
/**
|
||||
* Updates caches...
|
||||
*/
|
||||
protected __processHeightMode(): void;
|
||||
/**
|
||||
* Adds new Rows if needed.
|
||||
* If Rows are removed the affected controls are moved in the correct cell if needed.
|
||||
*/
|
||||
__recalculateRowCount(): void;
|
||||
/**
|
||||
* Checks each Row in the Grid and adds/removes cells if needed.
|
||||
* After that all controls are moved in the correct cell if needed.
|
||||
*/
|
||||
__recalculateColumnCount(): void;
|
||||
/**
|
||||
* Returns the current row options value.
|
||||
* @returns The current row options value.
|
||||
*/
|
||||
getRowOptions(): IRowOptions[] | undefined;
|
||||
/**
|
||||
* Sets new Row options
|
||||
* @param valueNew
|
||||
*/
|
||||
setRowOptions(valueNew: IRowOptions[] | null): void;
|
||||
/**
|
||||
* The watch callback for the rowOptions object resolver.
|
||||
*/
|
||||
protected __onResolverForRowOptionsWatchCallback(data: TcHmi.Symbol.ObjectResolver.IWatchResultObject<IRowOptions[]>): void;
|
||||
/**
|
||||
* Processes row options
|
||||
* height is set directly
|
||||
* min/max value are set after comparing to the content dimension
|
||||
*/
|
||||
protected __processRowOptions(): void;
|
||||
/**
|
||||
* Returns the current column options value.
|
||||
* @returns The current column options value.
|
||||
*/
|
||||
getColumnOptions(): IColumnOptions[] | undefined;
|
||||
/**
|
||||
* Sets new column options
|
||||
* @param valueNew
|
||||
*/
|
||||
setColumnOptions(valueNew: IColumnOptions[] | null): void;
|
||||
/**
|
||||
* The watch callback for the columnOptions object resolver.
|
||||
*/
|
||||
protected __onResolverForColumnOptionsWatchCallback(data: TcHmi.Symbol.ObjectResolver.IWatchResultObject<IColumnOptions[]>): void;
|
||||
/**
|
||||
* Processes column options
|
||||
* width is set directly
|
||||
* min/max value are set after comparing to the content dimension
|
||||
*/
|
||||
protected __processColumnOptions(): void;
|
||||
/**
|
||||
* PaddingTop
|
||||
*/
|
||||
getCellOptions(): ICellOptions[] | undefined;
|
||||
setCellOptions(valueNew: ICellOptions[] | null): void;
|
||||
/**
|
||||
* The watch callback for the cellOptions object resolver.
|
||||
*/
|
||||
protected __onResolverForCellOptionsWatchCallback(data: TcHmi.Symbol.ObjectResolver.IWatchResultObject<ICellOptions[]>): void;
|
||||
protected __processCellOptions(): void;
|
||||
/**
|
||||
* Moves all Controls to the correct Grid Container.
|
||||
*/
|
||||
private __correctAllGridPositions;
|
||||
/**
|
||||
* Moves the Control to the correct Grid Container
|
||||
* @param control
|
||||
* @param pos
|
||||
*/
|
||||
private __correctGridPosition;
|
||||
/**
|
||||
* Append a number of Rows
|
||||
* If the number is undefined or null one row is created
|
||||
* @param num Number of Rows to create. If undefined or null one row is created
|
||||
* @returns Array with all new Rows (last Element in Array is last one in DOM) or a empty Array
|
||||
*/
|
||||
private __appendRows;
|
||||
/**
|
||||
* Remove Rows from DOM and returns it as a JQuery Obj
|
||||
* If the index is undefined the last row is deleted
|
||||
* If the index is not valid a empty JQuery is returned.
|
||||
* @param num Number of Rows to delete. If undefined or null one row is created
|
||||
* @returns JQuery Object of the deleted Row or a empty JQuery Object
|
||||
*/
|
||||
private __removeRows;
|
||||
/**
|
||||
* Creates columns till the Grid is fulfilled
|
||||
* @param targetRow
|
||||
* @returns Object of the new Cell
|
||||
*/
|
||||
private __createColumns;
|
||||
/**
|
||||
* Creates a new Cell and appends it to the last DOM element in given JQuery Object
|
||||
* @param targetRow
|
||||
* @returns Element of the new Cell
|
||||
*/
|
||||
private __createCell;
|
||||
/**
|
||||
* Processes column / row options
|
||||
* width/height is set directly
|
||||
* min/max value are set after comparing to the content dimension
|
||||
* @param direction
|
||||
*/
|
||||
private __processSequenceOptions;
|
||||
/**
|
||||
* Returns the calculated width in pixel if self defined (not percent based) or based on the children.
|
||||
*/
|
||||
__getContentWidth(): number | null;
|
||||
/**
|
||||
* Returns the calculated height in pixel if self defined (not percent based) or based on the children.
|
||||
*/
|
||||
__getContentHeight(): number | null;
|
||||
/**
|
||||
* Processes the current height and height unit.
|
||||
*/
|
||||
__processHeight(callerControl?: TcHmiControl): void;
|
||||
private __processHeightAsync;
|
||||
/**
|
||||
* Processes the current width and width unit.
|
||||
*/
|
||||
__processWidth(callerControl?: TcHmiControl): void;
|
||||
private __processWidthAsync;
|
||||
}
|
||||
export interface IControlSpecificData extends ITcHmiControlSpecificData {
|
||||
'System.TcHmiGrid.triggerRebuildAll': boolean;
|
||||
'System.TcHmiGrid.triggerRecheckHeight': boolean;
|
||||
'System.TcHmiGrid.triggerProcessWidth': boolean;
|
||||
'System.TcHmiGrid.triggerProcessHeight': boolean;
|
||||
}
|
||||
interface IColumnOptions {
|
||||
width?: number | null;
|
||||
widthUnit?: TcHmi.DimensionUnit | 'factor' | null;
|
||||
widthMode?: 'Value' | 'Content' | null;
|
||||
minWidth?: number | null;
|
||||
minWidthUnit?: TcHmi.DimensionUnit | null;
|
||||
maxWidth?: number | null;
|
||||
maxWidthUnit?: TcHmi.DimensionUnit | null;
|
||||
overflow?: boolean | null;
|
||||
}
|
||||
interface IRowOptions {
|
||||
height?: number | null;
|
||||
heightUnit?: TcHmi.DimensionUnit | 'factor' | null;
|
||||
heightMode?: 'Value' | 'Content' | null;
|
||||
minHeight?: number | null;
|
||||
minHeightUnit?: TcHmi.DimensionUnit | null;
|
||||
maxHeight?: number | null;
|
||||
maxHeightUnit?: TcHmi.DimensionUnit | null;
|
||||
overflow?: boolean | null;
|
||||
}
|
||||
interface ICellOptions {
|
||||
rowIndex: number | null;
|
||||
columnIndex: number | null;
|
||||
borderWidth?: TcHmi.BorderWidth | null;
|
||||
borderStyle?: TcHmi.BorderStyle | null;
|
||||
borderColor?: TcHmi.SolidColor | null;
|
||||
padding?: TcHmi.FourSidedCss | null;
|
||||
backgroundColor?: TcHmi.Color | null;
|
||||
backgroundImage?: string | null;
|
||||
backgroundImagePadding?: TcHmi.FourSidedCss | null;
|
||||
backgroundImageWidth?: number | null;
|
||||
backgroundImageWidthUnit?: TcHmi.DimensionUnit | null;
|
||||
backgroundImageHeight?: number | null;
|
||||
backgroundImageHeightUnit?: TcHmi.DimensionUnit | null;
|
||||
backgroundImageHorizontalAlignment?: TcHmi.HorizontalAlignment | null;
|
||||
backgroundImageVerticalAlignment?: TcHmi.VerticalAlignment | null;
|
||||
}
|
||||
export type { IRowOptions as TcHmiGridIRowOptions, IColumnOptions as TcHmiGridIColumnOptions, ICellOptions as TcHmiGridICellOptions, };
|
||||
export { TcHmiGrid as Control };
|
||||
declare const _TcHmiGrid: typeof TcHmiGrid;
|
||||
type tTcHmiGrid = TcHmiGrid;
|
||||
type tIControlSpecificData = IControlSpecificData;
|
||||
type tIColumnOptions = IColumnOptions;
|
||||
type tIRowOptions = IRowOptions;
|
||||
type tICellOptions = ICellOptions;
|
||||
declare global {
|
||||
namespace TcHmi.Controls.System {
|
||||
const TcHmiGrid: typeof _TcHmiGrid;
|
||||
type TcHmiGrid = tTcHmiGrid;
|
||||
namespace TcHmiGrid {
|
||||
type IControlSpecificData = tIControlSpecificData;
|
||||
type IColumnOptions = tIColumnOptions;
|
||||
type IRowOptions = tIRowOptions;
|
||||
type ICellOptions = tICellOptions;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<div class="TcHmi_Controls_System_TcHmiGrid-template tchmi-grid-template tchmi-box"></div>
|
||||
@@ -0,0 +1,82 @@
|
||||
{
|
||||
"$schema": "../../../Schema/ControlDescription.Schema.json",
|
||||
"apiVersion": 1,
|
||||
"name": "TcHmiHtmlHost",
|
||||
"namespace": "TcHmi.Controls.System",
|
||||
"displayName": "HTML Host",
|
||||
"version": {
|
||||
"full": "14.3.360.0",
|
||||
"major": 14,
|
||||
"minor": 3,
|
||||
"build": 360,
|
||||
"revision": 0
|
||||
},
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"base": "TcHmi.Controls.System.TcHmiControl",
|
||||
"description": "A container for HTML content.\nEditable in HTML source of the view.",
|
||||
"defaultDesignerEvent": "",
|
||||
"properties": {
|
||||
"containerControl": false,
|
||||
"geometry": {
|
||||
"width": 300,
|
||||
"height": 300
|
||||
}
|
||||
},
|
||||
"icons": [
|
||||
{
|
||||
"name": "Icons/16x16.png",
|
||||
"width": 16,
|
||||
"height": 16
|
||||
}
|
||||
],
|
||||
"template": "Template.html",
|
||||
"dependencyFiles": [
|
||||
{
|
||||
"name": "Style.css",
|
||||
"type": "Stylesheet"
|
||||
},
|
||||
{
|
||||
"name": "../../../dist/Controls/System/TcHmiHtmlHost/TcHmiHtmlHost.esm.js",
|
||||
"type": "EsModule",
|
||||
"description": "Contains all the main logic as ES module."
|
||||
}
|
||||
],
|
||||
"themes": {},
|
||||
"functions": [
|
||||
{
|
||||
"name": "getContent",
|
||||
"displayName": "getContent",
|
||||
"description": "Returns the HTML content of this control.",
|
||||
"type": "tchmi:general#/definitions/String",
|
||||
"category": "Common",
|
||||
"heritable": true,
|
||||
"params": [],
|
||||
"visible": true
|
||||
},
|
||||
{
|
||||
"name": "setContent",
|
||||
"displayName": "setContent",
|
||||
"description": "Sets the HTML content of this control.",
|
||||
"type": "tchmi:general#/definitions/String",
|
||||
"category": "Common",
|
||||
"heritable": true,
|
||||
"params": [
|
||||
{
|
||||
"name": "newValue",
|
||||
"displayName": "newValue",
|
||||
"description": "The new HTML code",
|
||||
"type": "tchmi:general#/definitions/String",
|
||||
"visible": true
|
||||
}
|
||||
],
|
||||
"visible": true
|
||||
}
|
||||
],
|
||||
"attributes": [],
|
||||
"dataTypes": [
|
||||
{
|
||||
"schema": "Schema/Types.Schema.json"
|
||||
}
|
||||
]
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 141 B |
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"definitions": {
|
||||
"TcHmi.Controls.System.TcHmiHtmlHost": {
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"type": "object",
|
||||
"frameworkInstanceOf": "TcHmi.Controls.System.TcHmiControl",
|
||||
"frameworkControlType": "TcHmiHtmlHost",
|
||||
"frameworkControlNamespace": "TcHmi.Controls.System"
|
||||
},
|
||||
"TcHmiHtmlHost": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiHtmlHost"
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
/** Styles for all themes */
|
||||
|
||||
/* Style for the main element */
|
||||
.TcHmi_Controls_System_TcHmiHtmlHost,
|
||||
.tchmi-html-host {
|
||||
/* Prevent overflow if the border radius is huge */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_System_TcHmiHtmlHost-template,
|
||||
.tchmi-html-host-template {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
@@ -0,0 +1,63 @@
|
||||
// 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 TcHmiHtmlHost extends TcHmi.Controls.System.TcHmiControl {
|
||||
#private;
|
||||
constructor(element: JQuery, pcElement: JQuery, attrs: TcHmi.Controls.ControlAttributeList);
|
||||
/** */
|
||||
protected __elementTemplateRoot: JQuery;
|
||||
/**
|
||||
* 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;
|
||||
/**
|
||||
* Set new HTML content to this control.
|
||||
* The caller is responsible to handle/filter malicious content.
|
||||
*/
|
||||
setContent(value: string | null): void;
|
||||
/**
|
||||
*/
|
||||
getContent(): string;
|
||||
/**
|
||||
* Returns the calculated width in pixel if self defined (not percent based).
|
||||
* max-width overrides width, but min-width overrides max-width.
|
||||
*/
|
||||
__getContentWidth(): number | null;
|
||||
/**
|
||||
* Returns the calculated height in pixel if self defined (not percent based).
|
||||
* max-height overrides height, but min-height overrides max-height.
|
||||
*/
|
||||
__getContentHeight(): number | null;
|
||||
}
|
||||
export { TcHmiHtmlHost as Control };
|
||||
declare const _TcHmiHtmlHost: typeof TcHmiHtmlHost;
|
||||
type tTcHmiHtmlHost = TcHmiHtmlHost;
|
||||
declare global {
|
||||
namespace TcHmi.Controls.System {
|
||||
const TcHmiHtmlHost: typeof _TcHmiHtmlHost;
|
||||
type TcHmiHtmlHost = tTcHmiHtmlHost;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<div class="TcHmi_Controls_System_TcHmiHtmlHost-template tchmi-html-host-template tchmi-box"></div>
|
||||
@@ -0,0 +1,70 @@
|
||||
{
|
||||
"$schema": "../../../Schema/ControlDescription.Schema.json",
|
||||
"apiVersion": 1,
|
||||
"name": "TcHmiPartial",
|
||||
"namespace": "TcHmi.Controls.System",
|
||||
"displayName": "Partial",
|
||||
"version": {
|
||||
"full": "14.3.360.0",
|
||||
"major": 14,
|
||||
"minor": 3,
|
||||
"build": 360,
|
||||
"revision": 0
|
||||
},
|
||||
"visible": false,
|
||||
"themeable": "Advanced",
|
||||
"base": "TcHmi.Controls.System.TcHmiContainerControl",
|
||||
"description": "A base class for reusable control container.",
|
||||
"defaultDesignerEvent": "",
|
||||
"properties": {
|
||||
"containerControl": true,
|
||||
"geometry": {
|
||||
"width": 500,
|
||||
"height": 500
|
||||
}
|
||||
},
|
||||
"icons": [
|
||||
{
|
||||
"name": "Icons/16x16.png",
|
||||
"width": 16,
|
||||
"height": 16
|
||||
}
|
||||
],
|
||||
"template": "Template.html",
|
||||
"dependencyFiles": [
|
||||
{
|
||||
"name": "Style.css",
|
||||
"type": "Stylesheet"
|
||||
},
|
||||
{
|
||||
"name": "../../../dist/Controls/System/TcHmiPartial/TcHmiPartial.esm.js",
|
||||
"type": "EsModule",
|
||||
"description": "Contains all the main logic as ES module."
|
||||
}
|
||||
],
|
||||
"themes": {},
|
||||
"attributes": [],
|
||||
"creator": {
|
||||
"attributes": [
|
||||
{
|
||||
"name": "data-tchmi-creator-viewport-width",
|
||||
"type": "tchmi:framework#/definitions/PositiveNumber",
|
||||
"required": false,
|
||||
"defaultValue": 800,
|
||||
"defaultValueInternal": 800
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-creator-viewport-height",
|
||||
"type": "tchmi:framework#/definitions/PositiveNumber",
|
||||
"required": false,
|
||||
"defaultValue": 600,
|
||||
"defaultValueInternal": 600
|
||||
}
|
||||
]
|
||||
},
|
||||
"dataTypes": [
|
||||
{
|
||||
"schema": "Schema/Types.Schema.json"
|
||||
}
|
||||
]
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 278 B |
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"definitions": {
|
||||
"TcHmi.Controls.System.TcHmiPartial": {
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"type": "object",
|
||||
"frameworkInstanceOf": "TcHmi.Controls.System.TcHmiControl",
|
||||
"frameworkControlType": "TcHmiPartial",
|
||||
"frameworkControlNamespace": "TcHmi.Controls.System"
|
||||
},
|
||||
"TcHmiPartial": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiPartial"
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
/** Styles for all themes */
|
||||
|
||||
/* Style for the main element */
|
||||
.TcHmi_Controls_System_TcHmiPartial,
|
||||
.tchmi-partial {
|
||||
overflow: hidden; /* DO NOT CHANGE Would cut 100% sized child control shadows */
|
||||
}
|
||||
|
||||
.TcHmi_Controls_System_TcHmiPartial-template,
|
||||
.tchmi-partial-template {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden; /* DO NOT CHANGE Would cut 100% sized child control shadows */
|
||||
}
|
||||
@@ -0,0 +1,63 @@
|
||||
// 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 TcHmiPartial extends TcHmi.Controls.System.TcHmiContainerControl {
|
||||
#private;
|
||||
constructor(element: JQuery, pcElement: JQuery, attrs: TcHmi.Controls.ControlAttributeList);
|
||||
/** Member */
|
||||
protected __elementTemplateRoot: JQuery;
|
||||
/**
|
||||
* 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;
|
||||
/**
|
||||
* Adds a child to this control and handles the hierarchical management layer.
|
||||
* This will also add child's DOM element to the container DOM.
|
||||
* @param control Class instance of the child.
|
||||
* @param pos Optional index of the position for the new child.
|
||||
*/
|
||||
addChild(control: TcHmi.Controls.System.baseTcHmiControl | undefined | null, pos?: number | null): void;
|
||||
/**
|
||||
* Adds a child to this control and handles the hierarchical management layer.
|
||||
* This will also add child's DOM element to the container DOM.
|
||||
* @param control Class instance of the child.
|
||||
* @param pos Optional index of the position for the new child.
|
||||
*/
|
||||
__addChild(control: TcHmi.Controls.System.baseTcHmiControl, pos?: number | null): void;
|
||||
/**
|
||||
*/
|
||||
removeChild(control: TcHmi.Controls.System.baseTcHmiControl | undefined | null): void;
|
||||
__removeChild(control: TcHmi.Controls.System.baseTcHmiControl): void;
|
||||
}
|
||||
export { TcHmiPartial as Control };
|
||||
declare const _TcHmiPartial: typeof TcHmiPartial;
|
||||
type tTcHmiPartial = TcHmiPartial;
|
||||
declare global {
|
||||
namespace TcHmi.Controls.System {
|
||||
const TcHmiPartial: typeof _TcHmiPartial;
|
||||
type TcHmiPartial = tTcHmiPartial;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<div class="TcHmi_Controls_System_TcHmiPartial-template tchmi-partial-template tchmi-box"></div>
|
||||
@@ -0,0 +1,820 @@
|
||||
{
|
||||
"$schema": "../../../Schema/ControlDescription.Schema.json",
|
||||
"apiVersion": 1,
|
||||
"name": "TcHmiPopup",
|
||||
"namespace": "TcHmi.Controls.System",
|
||||
"displayName": "Popup",
|
||||
"version": {
|
||||
"full": "14.3.360.0",
|
||||
"major": 14,
|
||||
"minor": 3,
|
||||
"build": 360,
|
||||
"revision": 0
|
||||
},
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"base": "TcHmi.Controls.System.TcHmiControl",
|
||||
"description": "A generic popup control to embed a content or user control.",
|
||||
"defaultDesignerEvent": "",
|
||||
"properties": {
|
||||
"containerControl": false,
|
||||
"geometry": {
|
||||
"width": 500,
|
||||
"height": 500
|
||||
}
|
||||
},
|
||||
"icons": [
|
||||
{
|
||||
"name": "Icons/16x16.png",
|
||||
"width": 16,
|
||||
"height": 16
|
||||
}
|
||||
],
|
||||
"template": "Template.html",
|
||||
"dependencyFiles": [
|
||||
{
|
||||
"name": "Style.css",
|
||||
"type": "Stylesheet"
|
||||
},
|
||||
{
|
||||
"name": "../../../dist/Controls/System/TcHmiPopup/TcHmiPopup.esm.js",
|
||||
"type": "EsModule",
|
||||
"description": "Contains all the main logic as ES module."
|
||||
}
|
||||
],
|
||||
"themes": {},
|
||||
"attributes": [
|
||||
{
|
||||
"name": "data-tchmi-target-file",
|
||||
"propertyName": "TargetFile",
|
||||
"propertySetterName": "setTargetFile",
|
||||
"propertyGetterName": "getTargetFile",
|
||||
"displayName": "Target File",
|
||||
"visible": true,
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiPopup.TargetFile",
|
||||
"category": "Common",
|
||||
"description": "An object ({ path: string; attributes?: Dictionary<any>; }) with a file path and an attributes dictionary for the target file host control (when path points to a *.usercontrol file).",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"themeable": "Advanced",
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-target-file-host-preload",
|
||||
"propertyName": "TargetFileHostPreload",
|
||||
"propertySetterName": "setTargetFileHostPreload",
|
||||
"propertyGetterName": "getTargetFileHostPreload",
|
||||
"displayName": "Target File Host Preload",
|
||||
"visible": true,
|
||||
"displayPriority": 12,
|
||||
"type": "tchmi:general#/definitions/Boolean",
|
||||
"category": "Common",
|
||||
"description": "Defines whether the target file host is preloaded when the control is initialized or loaded when the popup is opened.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"themeable": "Advanced",
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": false
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-target-file-host-keep-alive",
|
||||
"propertyName": "TargetFileHostKeepAlive",
|
||||
"propertySetterName": "setTargetFileHostKeepAlive",
|
||||
"propertyGetterName": "getTargetFileHostKeepAlive",
|
||||
"displayName": "Target File Host Keep Alive",
|
||||
"visible": true,
|
||||
"displayPriority": 13,
|
||||
"type": "tchmi:general#/definitions/Boolean",
|
||||
"category": "Common",
|
||||
"description": "Defines whether the target file host is kept alive when the popup is closed. Has no effect when TargetFileHostPreload is set to true.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"themeable": "Advanced",
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": false
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-header-text",
|
||||
"propertyName": "HeaderText",
|
||||
"propertySetterName": "setHeaderText",
|
||||
"propertyGetterName": "getHeaderText",
|
||||
"displayName": "Header Text",
|
||||
"visible": true,
|
||||
"displayPriority": 14,
|
||||
"type": "tchmi:general#/definitions/String",
|
||||
"category": "Common",
|
||||
"description": "String that will be displayed as header text of the popup.",
|
||||
"readOnly": false,
|
||||
"themeable": "Standard",
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-buttons",
|
||||
"propertyName": "Buttons",
|
||||
"propertySetterName": "setButtons",
|
||||
"propertyGetterName": "getButtons",
|
||||
"displayName": "Buttons",
|
||||
"visible": true,
|
||||
"displayPriority": 15,
|
||||
"type": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiPopup.ButtonList",
|
||||
"category": "Common",
|
||||
"description": "Buttons that will be available in the popup footer.",
|
||||
"readOnly": false,
|
||||
"themeable": "Advanced",
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": []
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-value-property",
|
||||
"propertyName": "ValueProperty",
|
||||
"propertySetterName": "setValueProperty",
|
||||
"propertyGetterName": "getValueProperty",
|
||||
"displayName": "Value Property",
|
||||
"visible": true,
|
||||
"displayPriority": 16,
|
||||
"type": "tchmi:general#/definitions/String",
|
||||
"category": "Common",
|
||||
"description": "If the popup contains a user control, this attribute can be set to the name of a user control parameter to gain direct access to it via the Value attribute.",
|
||||
"readOnly": false,
|
||||
"themeable": "Advanced",
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-value",
|
||||
"propertyName": "Value",
|
||||
"propertySetterName": "setValue",
|
||||
"propertyGetterName": "getValue",
|
||||
"displayName": "Value",
|
||||
"visible": true,
|
||||
"displayPriority": 17,
|
||||
"type": "tchmi:general#/definitions/Any",
|
||||
"category": "Common",
|
||||
"description": "If the popup contains a user control, this attribute will be a direct passthrough to the user control parameter configured in the ValueProperty attribute.",
|
||||
"readOnly": false,
|
||||
"themeable": "Advanced",
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-modal",
|
||||
"propertyName": "Modal",
|
||||
"propertySetterName": "setModal",
|
||||
"propertyGetterName": "getModal",
|
||||
"displayName": "Modal",
|
||||
"visible": true,
|
||||
"displayPriority": 18,
|
||||
"type": "tchmi:general#/definitions/Boolean",
|
||||
"category": "Common",
|
||||
"description": "Defines if the popup overlay is modal. A modal popup darkens the background and is not moveable. A click on the darkened background closes the modal popup.",
|
||||
"readOnly": false,
|
||||
"themeable": "Standard",
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": false
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-close-on-background",
|
||||
"propertyName": "CloseOnBackground",
|
||||
"propertySetterName": "setCloseOnBackground",
|
||||
"propertyGetterName": "getCloseOnBackground",
|
||||
"displayName": "Close On Background",
|
||||
"visible": true,
|
||||
"displayPriority": 19,
|
||||
"type": "tchmi:general#/definitions/Boolean",
|
||||
"category": "Common",
|
||||
"description": "Defines if the popup is closed when the background overlay in modal mode is clicked.",
|
||||
"readOnly": false,
|
||||
"themeable": "Standard",
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": true
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-movable",
|
||||
"propertyName": "Movable",
|
||||
"propertySetterName": "setMovable",
|
||||
"propertyGetterName": "getMovable",
|
||||
"displayName": "Movable",
|
||||
"visible": true,
|
||||
"displayPriority": 20,
|
||||
"type": "tchmi:general#/definitions/Boolean",
|
||||
"category": "Common",
|
||||
"description": "Defines if the popup overlay is movable (when Modal is false).",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"themeable": "Standard",
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": true
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-restore-bounds",
|
||||
"propertyName": "RestoreBounds",
|
||||
"propertySetterName": "setRestoreBounds",
|
||||
"propertyGetterName": "getRestoreBounds",
|
||||
"displayName": "Restore Bounds",
|
||||
"visible": true,
|
||||
"displayPriority": 21,
|
||||
"type": "tchmi:general#/definitions/Boolean",
|
||||
"category": "Common",
|
||||
"description": "Defines if the last bounds after moving the popup will be restored when opened the next time.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"themeable": "Advanced",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": true
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-scrolling",
|
||||
"propertyName": "Scrolling",
|
||||
"propertySetterName": "setScrolling",
|
||||
"propertyGetterName": "getScrolling",
|
||||
"displayName": "Scrolling",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 22,
|
||||
"type": "tchmi:framework#/definitions/ScrollMode",
|
||||
"category": "Common",
|
||||
"description": "Defines whether a content is scrollable. Possible values are No, Yes, Auto. Does not affect user controls.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "No",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-popup-left",
|
||||
"propertyName": "PopupLeft",
|
||||
"propertyGetterName": "getPopupLeft",
|
||||
"displayName": "Popup Left",
|
||||
"visible": true,
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:framework#/definitions/MeasurementValue",
|
||||
"category": "Layout (rendered)",
|
||||
"description": "Returns the pixel distance between the left margin edge of the popup and the left edge of the viewport/screen.\nThese numbers will probably have rounding errors!",
|
||||
"readOnly": true,
|
||||
"bindable": false,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-popup-top",
|
||||
"propertyName": "PopupTop",
|
||||
"propertyGetterName": "getPopupTop",
|
||||
"displayName": "Popup Top",
|
||||
"visible": true,
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:framework#/definitions/MeasurementValue",
|
||||
"category": "Layout (rendered)",
|
||||
"description": "Returns the pixel distance between the top margin edge of the popup and the top edge of the viewport/screen.\nThese numbers will probably have rounding errors!",
|
||||
"readOnly": true,
|
||||
"bindable": false,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-popup-width",
|
||||
"propertyName": "PopupWidth",
|
||||
"propertyGetterName": "getPopupWidth",
|
||||
"displayName": "Popup Width",
|
||||
"visible": true,
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:framework#/definitions/MeasurementValue",
|
||||
"category": "Layout (rendered)",
|
||||
"description": "Returns the outer pixel width of the popup.\nThese numbers will probably have rounding errors!",
|
||||
"readOnly": true,
|
||||
"bindable": false,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-popup-height",
|
||||
"propertyName": "PopupHeight",
|
||||
"propertyGetterName": "getPopupHeight",
|
||||
"displayName": "Popup Height",
|
||||
"visible": true,
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:framework#/definitions/MeasurementValue",
|
||||
"category": "Layout (rendered)",
|
||||
"description": "Returns the outer pixel height of the popup.\nThese numbers will probably have rounding errors!",
|
||||
"readOnly": true,
|
||||
"bindable": false,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-is-open",
|
||||
"propertyName": "IsOpen",
|
||||
"propertyGetterName": "getIsOpen",
|
||||
"displayName": "Is Open",
|
||||
"visible": true,
|
||||
"displayPriority": 21,
|
||||
"type": "tchmi:general#/definitions/Boolean",
|
||||
"category": "Common",
|
||||
"description": "Returns a boolean determining if the popup is open or not.",
|
||||
"readOnly": true,
|
||||
"heritable": true
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-background-color",
|
||||
"propertyName": "BackgroundColor",
|
||||
"propertySetterName": "setBackgroundColor",
|
||||
"propertyGetterName": "getBackgroundColor",
|
||||
"displayName": "Background Color",
|
||||
"visible": false,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 30,
|
||||
"type": "tchmi:framework#/definitions/Color",
|
||||
"category": "Colors",
|
||||
"description": "Definition of the background color which is used if no or a transparent Background image is set.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-tooltip",
|
||||
"propertyName": "Tooltip",
|
||||
"propertySetterName": "setTooltip",
|
||||
"propertyGetterName": "getTooltip",
|
||||
"displayName": "Tooltip",
|
||||
"visible": false,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 90,
|
||||
"type": "tchmi:general#/definitions/String",
|
||||
"category": "Common",
|
||||
"description": "Specifies a tooltip for this control.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-border-color",
|
||||
"propertyName": "BorderColor",
|
||||
"propertySetterName": "setBorderColor",
|
||||
"propertyGetterName": "getBorderColor",
|
||||
"displayName": "Border Color",
|
||||
"visible": false,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 30,
|
||||
"type": "tchmi:framework#/definitions/Color",
|
||||
"category": "Colors",
|
||||
"description": "Color of the border.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-opacity",
|
||||
"propertyName": "Opacity",
|
||||
"propertySetterName": "setOpacity",
|
||||
"propertyGetterName": "getOpacity",
|
||||
"displayName": "Opacity",
|
||||
"visible": false,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:framework#/definitions/Fraction",
|
||||
"category": "Layout",
|
||||
"description": "A number between 0 (not visible) and 1 (full visible). \nIf you do not need mouse/touch interaction and want to have maximum performance consider using attribute Visibility='Collapsed'.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": 1
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-visibility",
|
||||
"propertyName": "Visibility",
|
||||
"propertySetterName": "setVisibility",
|
||||
"propertyGetterName": "getVisibility",
|
||||
"displayName": "Visibility",
|
||||
"visible": false,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:framework#/definitions/Visibility",
|
||||
"category": "Layout",
|
||||
"description": "The visibility property can be used to hide (still receives pointer events) or collapse (does not use space or receive pointer events) an element and its childrens. Hidden still uses space in fluid calculations, collapsed is ignored there.\nCollapsed controls are skipped in layouting so it is much faster then opacity=0",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Visible"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-transform",
|
||||
"propertyName": "Transform",
|
||||
"propertySetterName": "setTransform",
|
||||
"propertyGetterName": "getTransform",
|
||||
"displayName": "Transform",
|
||||
"visible": false,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 70,
|
||||
"type": "tchmi:framework#/definitions/TransformList",
|
||||
"category": "Layout",
|
||||
"description": "A way to scale, rotate, translate and/or skew a control.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-width-mode",
|
||||
"propertyName": "WidthMode",
|
||||
"propertySetterName": "setWidthMode",
|
||||
"propertyGetterName": "getWidthMode",
|
||||
"displayName": "Width Mode",
|
||||
"visible": false,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:framework#/definitions/SizeMode",
|
||||
"category": "Layout",
|
||||
"description": "Defines if the width is taken from the width value or calculated from left and right (parent).",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Value"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-height-mode",
|
||||
"propertyName": "HeightMode",
|
||||
"propertySetterName": "setHeightMode",
|
||||
"propertyGetterName": "getHeightMode",
|
||||
"displayName": "Height Mode",
|
||||
"visible": false,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:framework#/definitions/SizeMode",
|
||||
"category": "Layout",
|
||||
"description": "Defines if the height is taken from the height value or calculated from top and bottom (parent).",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Value"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-border-width",
|
||||
"propertyName": "BorderWidth",
|
||||
"propertySetterName": "setBorderWidth",
|
||||
"propertyGetterName": "getBorderWidth",
|
||||
"displayName": "Border Width",
|
||||
"visible": false,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:framework#/definitions/BorderWidth",
|
||||
"category": "Border",
|
||||
"description": "Width of the border of the control.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-border-style",
|
||||
"propertyName": "BorderStyle",
|
||||
"propertySetterName": "setBorderStyle",
|
||||
"propertyGetterName": "getBorderStyle",
|
||||
"displayName": "Border Style",
|
||||
"visible": false,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:framework#/definitions/BorderStyle",
|
||||
"category": "Border",
|
||||
"description": "Defines the style of the border. Valid values are 'Solid', 'Dashed', 'Dotted', 'None'.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-border-radius",
|
||||
"propertyName": "BorderRadius",
|
||||
"propertySetterName": "setBorderRadius",
|
||||
"propertyGetterName": "getBorderRadius",
|
||||
"displayName": "Border Radius",
|
||||
"visible": false,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:framework#/definitions/BorderRadius",
|
||||
"category": "Border",
|
||||
"description": "Border radius for rounded corners.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-background-image",
|
||||
"propertyName": "BackgroundImage",
|
||||
"propertySetterName": "setBackgroundImage",
|
||||
"propertyGetterName": "getBackgroundImage",
|
||||
"displayName": "Background Image",
|
||||
"visible": false,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:framework#/definitions/Path",
|
||||
"category": "Background Image",
|
||||
"description": "An image in the background which is rendered over a background color.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-background-image-width",
|
||||
"propertyName": "BackgroundImageWidth",
|
||||
"propertySetterName": "setBackgroundImageWidth",
|
||||
"propertyGetterName": "getBackgroundImageWidth",
|
||||
"displayName": "Background Image Width",
|
||||
"visible": false,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 20,
|
||||
"type": "tchmi:framework#/definitions/MeasurementValue",
|
||||
"category": "Background Image",
|
||||
"description": "Width of the background image.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-background-image-width-unit",
|
||||
"propertyName": "BackgroundImageWidthUnit",
|
||||
"propertySetterName": "setBackgroundImageWidthUnit",
|
||||
"propertyGetterName": "getBackgroundImageWidthUnit",
|
||||
"refTo": "BackgroundImageWidth",
|
||||
"displayName": "Background Image Width Unit",
|
||||
"visible": false,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 20,
|
||||
"type": "tchmi:framework#/definitions/MeasurementUnit",
|
||||
"category": "Background Image",
|
||||
"description": "Could be 'px' or for relative positioning '%'.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "px"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-background-image-height",
|
||||
"propertyName": "BackgroundImageHeight",
|
||||
"propertySetterName": "setBackgroundImageHeight",
|
||||
"propertyGetterName": "getBackgroundImageHeight",
|
||||
"displayName": "Background Image Height",
|
||||
"visible": false,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 20,
|
||||
"type": "tchmi:framework#/definitions/MeasurementValue",
|
||||
"category": "Background Image",
|
||||
"description": "Height of the background image.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-background-image-height-unit",
|
||||
"propertyName": "BackgroundImageHeightUnit",
|
||||
"propertySetterName": "setBackgroundImageHeightUnit",
|
||||
"propertyGetterName": "getBackgroundImageHeightUnit",
|
||||
"refTo": "BackgroundImageHeight",
|
||||
"displayName": "Background Image Height Unit",
|
||||
"visible": false,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 20,
|
||||
"type": "tchmi:framework#/definitions/MeasurementUnit",
|
||||
"category": "Background Image",
|
||||
"description": "Could be 'px' or for relative positioning '%'.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "px"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-background-image-horizontal-alignment",
|
||||
"propertyName": "BackgroundImageHorizontalAlignment",
|
||||
"propertySetterName": "setBackgroundImageHorizontalAlignment",
|
||||
"propertyGetterName": "getBackgroundImageHorizontalAlignment",
|
||||
"displayName": "Background Image Horizontal Alignment",
|
||||
"visible": false,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 30,
|
||||
"type": "tchmi:framework#/definitions/HorizontalAlignment",
|
||||
"category": "Background Image",
|
||||
"description": "Position of the background image.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Center"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-background-image-vertical-alignment",
|
||||
"propertyName": "BackgroundImageVerticalAlignment",
|
||||
"propertySetterName": "setBackgroundImageVerticalAlignment",
|
||||
"propertyGetterName": "getBackgroundImageVerticalAlignment",
|
||||
"displayName": "Background Image Vertical Alignment",
|
||||
"visible": false,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 30,
|
||||
"type": "tchmi:framework#/definitions/VerticalAlignment",
|
||||
"category": "Background Image",
|
||||
"description": "Position of the background image.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Center"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-background-image-padding",
|
||||
"propertyName": "BackgroundImagePadding",
|
||||
"propertySetterName": "setBackgroundImagePadding",
|
||||
"propertyGetterName": "getBackgroundImagePadding",
|
||||
"displayName": "Background Image Padding",
|
||||
"visible": false,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:framework#/definitions/Padding",
|
||||
"category": "Background Image",
|
||||
"description": "Padding of the background image.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-box-shadow",
|
||||
"propertyName": "BoxShadow",
|
||||
"propertySetterName": "setBoxShadow",
|
||||
"propertyGetterName": "getBoxShadow",
|
||||
"displayName": "Box Shadow",
|
||||
"visible": false,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 200,
|
||||
"type": "tchmi:framework#/definitions/BoxShadowList",
|
||||
"category": "Layout",
|
||||
"description": "Defines the box shadows.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
}
|
||||
],
|
||||
"events": [
|
||||
{
|
||||
"name": ".onOpened",
|
||||
"displayName": ".onOpened",
|
||||
"category": "Control",
|
||||
"description": "The onOpened event is raised after the popup is opened.",
|
||||
"visible": true,
|
||||
"displayPriority": 10,
|
||||
"heritable": true,
|
||||
"arguments": []
|
||||
},
|
||||
{
|
||||
"name": ".onClosed",
|
||||
"displayName": ".onClosed",
|
||||
"category": "Control",
|
||||
"description": "The onClosed event is raised after the popup is closed.",
|
||||
"visible": true,
|
||||
"displayPriority": 10,
|
||||
"heritable": true,
|
||||
"arguments": [
|
||||
{
|
||||
"type": "tchmi:framework#/definitions/TcHmiPopupResultEventObject",
|
||||
"description": "The event object containing information about the result."
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": ".onButtonPressed",
|
||||
"displayName": ".onButtonPressed",
|
||||
"category": "Control",
|
||||
"description": "The onButtonPressed event is raised when one of the buttons in the footer is pressed.",
|
||||
"visible": true,
|
||||
"displayPriority": 10,
|
||||
"heritable": true,
|
||||
"arguments": [
|
||||
{
|
||||
"type": "tchmi:framework#/definitions/TcHmiPopupButtonPressedEventObject",
|
||||
"description": "The event object containing information about the pressed button."
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"functions": [
|
||||
{
|
||||
"name": "open",
|
||||
"displayName": "open",
|
||||
"visible": true,
|
||||
"description": "Opens the Popup.",
|
||||
"category": "Common",
|
||||
"params": [],
|
||||
"type": null,
|
||||
"heritable": true
|
||||
},
|
||||
{
|
||||
"name": "close",
|
||||
"displayName": "close",
|
||||
"visible": true,
|
||||
"description": "Closes the Popup.",
|
||||
"category": "Common",
|
||||
"params": [],
|
||||
"type": null,
|
||||
"heritable": true
|
||||
},
|
||||
{
|
||||
"name": "resetBounds",
|
||||
"displayName": "resetBounds",
|
||||
"visible": true,
|
||||
"description": "Resets the size and position of the Popup and clears that data from localStorage.",
|
||||
"category": "Common",
|
||||
"params": [],
|
||||
"type": null,
|
||||
"heritable": true
|
||||
}
|
||||
],
|
||||
"dataTypes": [
|
||||
{
|
||||
"schema": "Schema/Types.Schema.json"
|
||||
}
|
||||
]
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 383 B |
@@ -0,0 +1,266 @@
|
||||
{
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"definitions": {
|
||||
"TcHmi.Controls.System.TcHmiPopup": {
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"type": "object",
|
||||
"frameworkInstanceOf": "TcHmi.Controls.System.TcHmiControl",
|
||||
"frameworkControlType": "TcHmiPopup",
|
||||
"frameworkControlNamespace": "TcHmi.Controls.System"
|
||||
},
|
||||
"TcHmiPopup": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiPopup"
|
||||
},
|
||||
"TcHmi.Controls.System.TcHmiPopup.TargetFile": {
|
||||
"type": "object",
|
||||
"properties": {
|
||||
"path": {
|
||||
"anyOf": [
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/UserControlPath"
|
||||
},
|
||||
{
|
||||
"$ref": "tchmi:framework#/definitions/ContentPath"
|
||||
}
|
||||
]
|
||||
},
|
||||
"attributes": {
|
||||
"description": "A dictionary for the attributes with the html attribute names as keys.",
|
||||
"type": "object",
|
||||
"additionalProperties": {
|
||||
"type": ["object", "array", "string", "boolean", "integer", "number"]
|
||||
}
|
||||
}
|
||||
},
|
||||
"additionalProperties": false,
|
||||
"required": ["path"]
|
||||
},
|
||||
"TcHmi.Controls.System.TcHmiPopup.ButtonList": {
|
||||
"title": "ButtonList",
|
||||
"type": "array",
|
||||
"items": {
|
||||
"title": "Button",
|
||||
"type": "object",
|
||||
"propertiesMeta": [
|
||||
{
|
||||
"name": "name",
|
||||
"displayName": "Name",
|
||||
"category": "General",
|
||||
"displayPriority": 10,
|
||||
"description": "The name of the button. Used to identify it in events and for styling.",
|
||||
"defaultValue": "",
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "value",
|
||||
"displayName": "Value",
|
||||
"category": "General",
|
||||
"displayPriority": 10,
|
||||
"description": "The value of the button. Used as an event parameter.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "width",
|
||||
"displayName": "Width",
|
||||
"category": "General",
|
||||
"displayPriority": 10,
|
||||
"description": "The width of the button in pixels.",
|
||||
"defaultValue": 60,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "height",
|
||||
"displayName": "Height",
|
||||
"category": "General",
|
||||
"displayPriority": 10,
|
||||
"description": "The height of the button in pixels.",
|
||||
"defaultValue": 30,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "widthMode",
|
||||
"displayName": "Width Mode",
|
||||
"category": "General",
|
||||
"displayPriority": 10,
|
||||
"description": "The width mode of the button. If set to 'Content', the button will adjust itself to the length its text, ignoring the width value.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "heightMode",
|
||||
"displayName": "Height Mode",
|
||||
"category": "General",
|
||||
"displayPriority": 10,
|
||||
"description": "The height mode of the button. If set to 'Content', the button will adjust itself to the height its text, ignoring the height value.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "minWidth",
|
||||
"displayName": "Min Width",
|
||||
"category": "General",
|
||||
"displayPriority": 10,
|
||||
"description": "The minimum width of the button in pixels.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "maxWidth",
|
||||
"displayName": "Max Width",
|
||||
"category": "General",
|
||||
"displayPriority": 10,
|
||||
"description": "The maximum width of the button in pixels.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "minHeight",
|
||||
"displayName": "Min Height",
|
||||
"category": "General",
|
||||
"displayPriority": 10,
|
||||
"description": "The minimum height of the button in pixels.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "maxHeight",
|
||||
"displayName": "Max Height",
|
||||
"category": "General",
|
||||
"displayPriority": 10,
|
||||
"description": "The maximum height of the button in pixels.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "textPadding",
|
||||
"displayName": "Text Padding",
|
||||
"category": "General",
|
||||
"displayPriority": 10,
|
||||
"description": "The size of the padding around the text.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "text",
|
||||
"displayName": "Text",
|
||||
"category": "General",
|
||||
"displayPriority": 10,
|
||||
"description": "A string to display on the button. Can be bound to a symbol.",
|
||||
"defaultValue": "",
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "tooltip",
|
||||
"displayName": "Tooltip",
|
||||
"category": "General",
|
||||
"displayPriority": 10,
|
||||
"description": "An optional tooltip.",
|
||||
"defaultValue": "",
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "keepPopupOpen",
|
||||
"displayName": "Keep Popup Open",
|
||||
"category": "General",
|
||||
"displayPriority": 10,
|
||||
"description": "Whether to close the popup when a button is pressed or keep it open. If not specified, this defaults to closing the popup.",
|
||||
"defaultValue": false,
|
||||
"defaultValueInternal": false
|
||||
},
|
||||
{
|
||||
"name": "actions",
|
||||
"displayName": "Actions",
|
||||
"category": "General",
|
||||
"displayPriority": 10,
|
||||
"description": "Actions to perform when the button is pressed.",
|
||||
"defaultValue": [],
|
||||
"defaultValueInternal": null
|
||||
}
|
||||
],
|
||||
"properties": {
|
||||
"name": {
|
||||
"type": "string"
|
||||
},
|
||||
"value": {
|
||||
"allOf": [
|
||||
{
|
||||
"$ref": "tchmi:general#/definitions/Any"
|
||||
},
|
||||
{
|
||||
"default": null
|
||||
}
|
||||
]
|
||||
},
|
||||
"width": {
|
||||
"type": "number"
|
||||
},
|
||||
"height": {
|
||||
"type": "number"
|
||||
},
|
||||
"widthMode": {
|
||||
"type": "string",
|
||||
"enum": ["Value", "Content"]
|
||||
},
|
||||
"heightMode": {
|
||||
"type": "string",
|
||||
"enum": ["Value", "Content"]
|
||||
},
|
||||
"minWidth": {
|
||||
"type": "number"
|
||||
},
|
||||
"maxWidth": {
|
||||
"type": "number"
|
||||
},
|
||||
"minHeight": {
|
||||
"type": "number"
|
||||
},
|
||||
"maxHeight": {
|
||||
"type": "number"
|
||||
},
|
||||
"textPadding": {
|
||||
"$ref": "tchmi:framework#/definitions/Padding"
|
||||
},
|
||||
"text": {
|
||||
"type": "string"
|
||||
},
|
||||
"tooltip": {
|
||||
"type": "string"
|
||||
},
|
||||
"keepPopupOpen": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"actions": {
|
||||
"$ref": "tchmi:framework#/definitions/Trigger/definitions/actionList"
|
||||
}
|
||||
},
|
||||
"required": ["name", "text", "width", "height"],
|
||||
"additionalProperties": false
|
||||
}
|
||||
},
|
||||
"TcHmi.Controls.System.TcHmiPopup.ResultEventObject": {
|
||||
"type": "object",
|
||||
"properties": {
|
||||
"result": {}
|
||||
},
|
||||
"additionalProperties": false
|
||||
},
|
||||
"TcHmiPopupResultEventObject": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiPopup.ResultEventObject"
|
||||
},
|
||||
"TcHmi.Controls.System.TcHmiPopup.ButtonPressedEventObject": {
|
||||
"type": "object",
|
||||
"properties": {
|
||||
"name": {
|
||||
"type": "string"
|
||||
},
|
||||
"value": {}
|
||||
},
|
||||
"additionalProperties": false
|
||||
},
|
||||
"TcHmiPopupButtonPressedEventObject": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiPopup.ButtonPressedEventObject"
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
/** Styles for all themes */
|
||||
|
||||
/* Style for the main element */
|
||||
.TcHmi_Controls_System_TcHmiPopup,
|
||||
.tchmi-popup {
|
||||
overflow: auto;
|
||||
pointer-events: none;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_System_TcHmiPopup-template,
|
||||
.tchmi-popup-template {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Container have no own visual representation so the white overlay is not nice on non white backgrounds */
|
||||
.TcHmi_Controls_System_TcHmiPopup.TcHmi_Controls_System_TcHmiControl-disabled::after,
|
||||
.tchmi-popup.tchmi-control-disabled::after {
|
||||
background-color: transparent;
|
||||
}
|
||||
@@ -0,0 +1,299 @@
|
||||
// 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 TcHmiPopup extends TcHmi.Controls.System.TcHmiControl {
|
||||
#private;
|
||||
constructor(element: JQuery, pcElement: JQuery, attrs: TcHmi.Controls.ControlAttributeList);
|
||||
protected __elementTemplateRoot: HTMLElement | undefined;
|
||||
protected __popup: TcHmi.UiProvider.PopupProvider.HtmlElementBox<any> | null;
|
||||
protected __targetFile: TargetFile | null | undefined;
|
||||
protected __targetFileAttributesPreserved: TcHmi.Dictionary<any> | null | undefined;
|
||||
protected __headerText: string | null | undefined;
|
||||
protected __buttons: Button[] | null | undefined;
|
||||
protected __value: {
|
||||
property: string | null | undefined;
|
||||
description: TcHmiUserControlParameter["description"] | null;
|
||||
destroyPropertyChanged: TcHmi.DestroyFunction | null;
|
||||
value: any | undefined;
|
||||
writeToUserControl: boolean;
|
||||
hasBeenSet: boolean;
|
||||
};
|
||||
protected __restoreBounds: boolean | undefined;
|
||||
protected __movable: boolean | undefined;
|
||||
protected __modal: boolean | undefined;
|
||||
protected __closeOnBackground: boolean | undefined;
|
||||
protected __targetFileHostPreload: boolean | undefined;
|
||||
protected __targetFileHostKeepAlive: boolean | undefined;
|
||||
protected __scrolling: 'No' | 'Yes' | 'Auto' | undefined;
|
||||
protected __fileHost: TcHmiRegion | TcHmiUserControlHost | null | undefined;
|
||||
protected __popupSize: {
|
||||
top: null | number;
|
||||
left: null | number;
|
||||
width: null | number;
|
||||
height: null | number;
|
||||
};
|
||||
protected __resizeDestroyFnc: TcHmi.DestroyFunction | undefined;
|
||||
protected __moveDestroyFnc: TcHmi.DestroyFunction | undefined;
|
||||
protected __boundsChangedDestroy: TcHmi.DestroyFunction | undefined;
|
||||
protected __buttonPressedDestroy: TcHmi.DestroyFunction | undefined;
|
||||
/** Used to prevent firing the onPropertyChanged events for popup size during opening of the popup */
|
||||
protected __openInProgress: boolean;
|
||||
protected __ignoreNextPromptAnswer: boolean;
|
||||
/**
|
||||
* 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;
|
||||
/**
|
||||
* Builds the file host instance based on TargetFile and TargetFileHostAttributes.
|
||||
*/
|
||||
protected __buildFileHost(): void;
|
||||
/**
|
||||
* Sets the TargetFile value and calls the associated process function.
|
||||
* @param valueNew The new value for the TargetFile attribute as string. Relative path value.
|
||||
*/
|
||||
setTargetFile(valueNew: TargetFile | null): void;
|
||||
/**
|
||||
* The watch callback for the targetFile object resolver.
|
||||
*/
|
||||
protected __onResolverForTargetFileWatchCallback(data: TcHmi.Symbol.ObjectResolver.IWatchResultObject<TargetFile>): void;
|
||||
/**
|
||||
* Returns the current TargetFile value.
|
||||
* @returns The current value of the TargetFile member variable as string. Relative path value.
|
||||
*/
|
||||
getTargetFile(): TargetFile | null | undefined;
|
||||
/**
|
||||
* Processes the current target file.
|
||||
* @param override
|
||||
*/
|
||||
protected __processTargetFile(): void;
|
||||
/**
|
||||
* Sets the HeaderText attribute value and calls the associated process function.
|
||||
* @param valueNew The new value for the HeaderText attribute.
|
||||
*/
|
||||
setHeaderText(valueNew: string | null): void;
|
||||
/**
|
||||
* Returns the currents HeaderText attribute value.
|
||||
*/
|
||||
getHeaderText(): string | null | undefined;
|
||||
/**
|
||||
* Processes the current HeaderText attribute value.
|
||||
*/
|
||||
protected __processHeaderText(): void;
|
||||
/**
|
||||
* Sets the Buttons attribute value and calls the associated process function.
|
||||
* @param valueNew The new value for the Buttons attribute.
|
||||
*/
|
||||
setButtons(valueNew: Button[] | null): void;
|
||||
/**
|
||||
* Returns the currents Buttons attribute value.
|
||||
*/
|
||||
getButtons(): Button[] | null | undefined;
|
||||
/**
|
||||
* Processes the current Buttons attribute value.
|
||||
*/
|
||||
protected __processButtons(): void;
|
||||
/**
|
||||
* Sets the ValueProperty attribute value and calls the associated process function.
|
||||
* @param valueNew The new value for the ValueProperty attribute.
|
||||
*/
|
||||
setValueProperty(valueNew: string | null): void;
|
||||
/**
|
||||
* Returns the currents ValueProperty attribute value.
|
||||
*/
|
||||
getValueProperty(): string | null | undefined;
|
||||
/**
|
||||
* Processes the current ValueProperty attribute value.
|
||||
*/
|
||||
protected __processValueProperty(): void;
|
||||
/**
|
||||
* Sets the Value attribute value and calls the associated process function.
|
||||
* @param valueNew The new value for the Value attribute.
|
||||
*/
|
||||
setValue(valueNew: any): void;
|
||||
/**
|
||||
* Internal setter for Value with additional writeToUserControl parameter.
|
||||
* @param valueNew The new value.
|
||||
* @param writeToUserControl Whether to write this value to the user control.
|
||||
*/
|
||||
protected __setValue(valueNew: any | undefined, writeToUserControl: boolean): void;
|
||||
/**
|
||||
* Returns the currents Value attribute value.
|
||||
*/
|
||||
getValue(): any | undefined;
|
||||
/**
|
||||
* Processes the current Value attribute value.
|
||||
*/
|
||||
protected __processValue(): void;
|
||||
/**
|
||||
* Reads the value from the user control, if possible. If not, returns undefined.
|
||||
*/
|
||||
protected __readValue(): any | undefined;
|
||||
/**
|
||||
* Sets the RestoreBounds attribute value and calls the associated process function.
|
||||
* @param valueNew The new value for the RestoreBounds attribute.
|
||||
*/
|
||||
setRestoreBounds(valueNew: boolean | null): void;
|
||||
/**
|
||||
* Returns the currents RestoreBounds attribute value.
|
||||
*/
|
||||
getRestoreBounds(): boolean | undefined;
|
||||
/**
|
||||
* Processes the current RestoreBounds attribute value.
|
||||
*/
|
||||
protected __processRestoreBounds(): void;
|
||||
/**
|
||||
* Sets the Movable attribute value and calls the associated process function.
|
||||
* @param valueNew The new value for the Movable attribute.
|
||||
*/
|
||||
setMovable(valueNew: boolean | null): void;
|
||||
/**
|
||||
* Returns the currents Movable attribute value.
|
||||
*/
|
||||
getMovable(): boolean | undefined;
|
||||
/**
|
||||
* Processes the current Movable attribute value.
|
||||
*/
|
||||
protected __processMovable(): void;
|
||||
/**
|
||||
* Sets the Modal attribute value and calls the associated process function.
|
||||
* @param valueNew The new value for the Modal attribute.
|
||||
*/
|
||||
setModal(valueNew: boolean | null): void;
|
||||
/**
|
||||
* Returns the currents Modal attribute value.
|
||||
*/
|
||||
getModal(): boolean | undefined;
|
||||
/**
|
||||
* Processes the current Modal attribute value.
|
||||
*/
|
||||
protected __processModal(): void;
|
||||
/**
|
||||
* Sets the Modal attribute value and calls the associated process function.
|
||||
* @param valueNew The new value for the Modal attribute.
|
||||
*/
|
||||
setCloseOnBackground(valueNew: boolean | null): void;
|
||||
/**
|
||||
* Returns the currents Modal attribute value.
|
||||
*/
|
||||
getCloseOnBackground(): boolean | undefined;
|
||||
/**
|
||||
* Processes the current Modal attribute value.
|
||||
*/
|
||||
protected __processCloseOnBackground(): void;
|
||||
/**
|
||||
* Sets the options for the popup.
|
||||
*/
|
||||
protected __setPopupOptions(): void;
|
||||
/**
|
||||
* Set the value for the attribute scrolling.
|
||||
* @param valueNew
|
||||
*/
|
||||
setScrolling(valueNew: 'No' | 'Yes' | 'Auto' | null): void;
|
||||
getScrolling(): "No" | "Yes" | "Auto" | undefined;
|
||||
protected __processScrolling(): void;
|
||||
/**
|
||||
* Opens the Popup.
|
||||
*/
|
||||
open(suppressEvents?: boolean): void;
|
||||
/**
|
||||
* Closes the Popup.
|
||||
*/
|
||||
close(): void;
|
||||
/**
|
||||
* Resets the size and position of the Popup and clears that data from localStorage.
|
||||
*/
|
||||
resetBounds(): void;
|
||||
getPopupLeft(): number | null;
|
||||
getPopupTop(): number | null;
|
||||
getPopupHeight(): number | null;
|
||||
getPopupWidth(): number | null;
|
||||
/**
|
||||
* Sets the TargetFileHostPreload attribute value and calls the associated process function.
|
||||
* @param valueNew The new value for the TargetFileHostPreload attribute.
|
||||
*/
|
||||
setTargetFileHostPreload(valueNew: boolean | null): void;
|
||||
/**
|
||||
* Returns the currents TargetFileHostPreload attribute value.
|
||||
*/
|
||||
getTargetFileHostPreload(): boolean | undefined;
|
||||
/**
|
||||
* Processes the current TargetFileHostPreload attribute value.
|
||||
*/
|
||||
protected __processTargetFileHostPreload(): void;
|
||||
/**
|
||||
* Sets the TargetFileHostKeepAlive attribute value and calls the associated process function.
|
||||
* @param valueNew The new value for the TargetFileHostKeepAlive attribute.
|
||||
*/
|
||||
setTargetFileHostKeepAlive(valueNew: boolean | null): void;
|
||||
/**
|
||||
* Returns the currents TargetFileHostKeepAlive attribute value.
|
||||
*/
|
||||
getTargetFileHostKeepAlive(): boolean | undefined;
|
||||
/**
|
||||
* Returns a boolean determining if the popup is open or not.
|
||||
*/
|
||||
getIsOpen(): boolean;
|
||||
}
|
||||
export interface TargetFile {
|
||||
/** Path to the content/usercontrol file to show. */
|
||||
path: string;
|
||||
/** A dictionary for the attributes with the html attribute names as keys. */
|
||||
attributes?: TcHmi.Dictionary<any>;
|
||||
}
|
||||
export interface Button {
|
||||
name: string;
|
||||
value?: any;
|
||||
width: number;
|
||||
height: number;
|
||||
widthMode?: 'Value' | 'Content';
|
||||
heightMode?: 'Value' | 'Content';
|
||||
minWidth?: number;
|
||||
maxWidth?: number;
|
||||
minHeight?: number;
|
||||
maxHeight?: number;
|
||||
textPadding?: TcHmi.FourSidedCss;
|
||||
text: string;
|
||||
tooltip?: string;
|
||||
keepPopupOpen?: boolean;
|
||||
actions?: TcHmi.Trigger.Action[];
|
||||
}
|
||||
export { TcHmiPopup as Control };
|
||||
declare const _TcHmiPopup: typeof TcHmiPopup;
|
||||
type tTcHmiPopup = TcHmiPopup;
|
||||
type tTargetFile = TargetFile;
|
||||
type tButton = Button;
|
||||
declare global {
|
||||
namespace TcHmi.Controls.System {
|
||||
const TcHmiPopup: typeof _TcHmiPopup;
|
||||
type TcHmiPopup = tTcHmiPopup;
|
||||
namespace TcHmiPopup {
|
||||
type TargetFile = tTargetFile;
|
||||
type Button = tButton;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<div class="TcHmi_Controls_System_TcHmiPopup-template tchmi-popup-template tchmi-box"></div>
|
||||
@@ -0,0 +1,198 @@
|
||||
{
|
||||
"$schema": "../../../Schema/ControlDescription.Schema.json",
|
||||
"apiVersion": 1,
|
||||
"name": "TcHmiRegion",
|
||||
"namespace": "TcHmi.Controls.System",
|
||||
"displayName": "Region",
|
||||
"version": {
|
||||
"full": "14.3.360.0",
|
||||
"major": 14,
|
||||
"minor": 3,
|
||||
"build": 360,
|
||||
"revision": 0
|
||||
},
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"base": "TcHmi.Controls.System.TcHmiControl",
|
||||
"description": "A container for content controls.",
|
||||
"defaultDesignerEvent": "",
|
||||
"properties": {
|
||||
"containerControl": false,
|
||||
"geometry": {
|
||||
"width": 500,
|
||||
"height": 500
|
||||
}
|
||||
},
|
||||
"icons": [
|
||||
{
|
||||
"name": "Icons/16x16.png",
|
||||
"width": 16,
|
||||
"height": 16
|
||||
}
|
||||
],
|
||||
"template": "Template.html",
|
||||
"dependencyFiles": [
|
||||
{
|
||||
"name": "Style.css",
|
||||
"type": "Stylesheet"
|
||||
},
|
||||
{
|
||||
"name": "../../../dist/Controls/System/TcHmiRegion/TcHmiRegion.esm.js",
|
||||
"type": "EsModule",
|
||||
"description": "Contains all the main logic as ES module."
|
||||
}
|
||||
],
|
||||
"themes": {
|
||||
"Base": {
|
||||
"resources": [
|
||||
{
|
||||
"name": "Themes/Base/Style.css",
|
||||
"type": "Stylesheet"
|
||||
}
|
||||
]
|
||||
},
|
||||
"Base-Dark": {
|
||||
"resources": [
|
||||
{
|
||||
"name": "Themes/Base-Dark/Style.css",
|
||||
"type": "Stylesheet"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"attributes": [
|
||||
{
|
||||
"name": "data-tchmi-target-content",
|
||||
"propertyName": "TargetContent",
|
||||
"propertySetterName": "setTargetContent",
|
||||
"propertyGetterName": "getTargetContent",
|
||||
"displayName": "Target Content",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:framework#/definitions/ContentPath",
|
||||
"category": "Common",
|
||||
"description": "Path to the content file to show.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null,
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-current-content",
|
||||
"propertyName": "CurrentContent",
|
||||
"propertyGetterName": "getCurrentContent",
|
||||
"displayName": "Current Content",
|
||||
"visible": true,
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiContent",
|
||||
"category": "Common",
|
||||
"description": "The currently loaded TcHmiContent control object.",
|
||||
"readOnly": true,
|
||||
"bindable": false,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-scale-mode",
|
||||
"propertyName": "ScaleMode",
|
||||
"propertySetterName": "setScaleMode",
|
||||
"propertyGetterName": "getScaleMode",
|
||||
"displayName": "Scale Mode",
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:framework#/definitions/ScaleMode",
|
||||
"category": "Common",
|
||||
"description": "Possible values are ScaleToFit, ScaleToFitWidth, ScaleToFitHeight, ScaleToFill, None.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "None",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-scrolling",
|
||||
"propertyName": "Scrolling",
|
||||
"propertySetterName": "setScrolling",
|
||||
"propertyGetterName": "getScrolling",
|
||||
"displayName": "Scrolling",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 70,
|
||||
"type": "tchmi:framework#/definitions/ScrollMode",
|
||||
"category": "Common",
|
||||
"description": "Possible values are No, Yes, Auto.",
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "No",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-width-mode",
|
||||
"propertyName": "WidthMode",
|
||||
"propertySetterName": "setWidthMode",
|
||||
"propertyGetterName": "getWidthMode",
|
||||
"displayName": "Width Mode",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 40,
|
||||
"type": "tchmi:framework#/definitions/SizeModeWithContent",
|
||||
"category": "Layout",
|
||||
"description": "Defines if the width is taken from the width value, calculated from left and right (parent) or calculated from content.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Value"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-height-mode",
|
||||
"propertyName": "HeightMode",
|
||||
"propertySetterName": "setHeightMode",
|
||||
"propertyGetterName": "getHeightMode",
|
||||
"displayName": "Height Mode",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 40,
|
||||
"type": "tchmi:framework#/definitions/SizeModeWithContent",
|
||||
"category": "Layout",
|
||||
"description": "Defines if the height is taken from the height value, calculated from top and bottom (parent) or calculated from content.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Value"
|
||||
}
|
||||
],
|
||||
"events": [
|
||||
{
|
||||
"name": ".onTargetContentReplaced",
|
||||
"displayName": ".onTargetContentReplaced",
|
||||
"category": "Control",
|
||||
"description": "This event is fired when the targetContent has been replaced inside this region. \nThe content control is not attached at this time.",
|
||||
"visible": true,
|
||||
"displayPriority": 10,
|
||||
"heritable": true,
|
||||
"arguments": [
|
||||
{
|
||||
"type": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiContent",
|
||||
"description": "The new content control that has been set as targetContent."
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"functions": [],
|
||||
"dataTypes": [
|
||||
{
|
||||
"schema": "Schema/Types.Schema.json"
|
||||
}
|
||||
]
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 152 B |
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"definitions": {
|
||||
"TcHmi.Controls.System.TcHmiRegion": {
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"type": "object",
|
||||
"frameworkInstanceOf": "TcHmi.Controls.System.TcHmiControl",
|
||||
"frameworkControlType": "TcHmiRegion",
|
||||
"frameworkControlNamespace": "TcHmi.Controls.System"
|
||||
},
|
||||
"TcHmiRegion": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiRegion"
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,42 @@
|
||||
/** Styles for all themes */
|
||||
|
||||
/* Style for the main element */
|
||||
.TcHmi_Controls_System_TcHmiRegion,
|
||||
.tchmi-region {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_System_TcHmiRegion-template,
|
||||
.tchmi-region-template {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* container have no own visual representation so the white overlay is not nice on non white backgrounds */
|
||||
.TcHmi_Controls_System_TcHmiRegion.TcHmi_Controls_System_TcHmiControl-disabled::after,
|
||||
.tchmi-region.tchmi-control-disabled::after {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.TcHmi_System_Controls_TcHmiRegion-loading-spinner-container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.TcHmi_System_Controls_TcHmiRegion-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;
|
||||
}
|
||||
@@ -0,0 +1,190 @@
|
||||
// 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 TcHmiRegion extends TcHmi.Controls.System.TcHmiControl {
|
||||
#private;
|
||||
constructor(element: JQuery, pcElement: JQuery, attrs: TcHmi.Controls.ControlAttributeList);
|
||||
/** Html template loaded from templateCache. */
|
||||
protected __template: string | undefined;
|
||||
/** Internal reference to the attribute "data-tchmi-target-content" */
|
||||
protected __targetContent: string | null | undefined;
|
||||
protected __targetContentMarkup: string | null | undefined;
|
||||
/** Current Content Markup */
|
||||
protected __targetMarkup: string | null;
|
||||
/** Current Content Object */
|
||||
protected __currentContent: TcHmiContent | null;
|
||||
protected __widthMode: TcHmi.SizeModeWithContent | undefined;
|
||||
protected __heightMode: TcHmi.SizeModeWithContent | undefined;
|
||||
/** Internal reference to the attribute "data-tchmi-scale-mode" */
|
||||
protected __scaleMode: TcHmi.ScaleModeString | undefined;
|
||||
/** Internal reference to the attribute "data-tchmi-size-mode" */
|
||||
protected __scrolling: 'No' | 'Yes' | 'Auto' | undefined;
|
||||
protected __elementTemplateRoot: JQuery;
|
||||
private __xhr;
|
||||
private __destroyRequestCurrentPartialContents;
|
||||
/** Timeout id for async compile new content */
|
||||
protected __processTargetMarkupCompileTimeout: number;
|
||||
/** Timeout id for async removing/restoring old content */
|
||||
protected __processTargetMarkupCleanupOldTimeout: number;
|
||||
protected readonly __processTargetMarkupLoadingSpinnerDiv: Element;
|
||||
protected __processTargetMarkupOldContent: TcHmiContent | null;
|
||||
/** if undefined we have no pending opacity restore */
|
||||
protected __processTargetMarkupOldContentOldOpacity: string | undefined;
|
||||
protected __asyncWorkData: IControlSpecificData;
|
||||
/**
|
||||
* 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;
|
||||
/**
|
||||
* Sets __keepAlive
|
||||
* @param value
|
||||
*/
|
||||
__setKeepAlive(value: boolean): void;
|
||||
/**
|
||||
* @param url
|
||||
*/
|
||||
private __tryContentRefresh;
|
||||
protected __onContentCreated(_event: TcHmi.EventProvider.Event, data: {
|
||||
url: string;
|
||||
}): void;
|
||||
protected __onContentRemoved(_event: TcHmi.EventProvider.Event, data: {
|
||||
url: string;
|
||||
}): void;
|
||||
protected __onResized(_event: TcHmi.EventProvider.Event, ctrl: TcHmiControl): void;
|
||||
protected __doAsyncWork(timestamp?: number): void;
|
||||
/**
|
||||
* Checks if partial does alredy exist in parent hierarchy of current region instance!
|
||||
* @param partial
|
||||
*/
|
||||
protected __isRecursionSave(path: string): boolean;
|
||||
/**
|
||||
* Sets the value of the width mode attribute.
|
||||
* @param valueNew The new width mode value..
|
||||
*/
|
||||
setWidthMode(valueNew: TcHmi.SizeModeWithContent | null): void;
|
||||
/**
|
||||
* Processes the current width and width unit.
|
||||
*/
|
||||
__processWidth(callerControl?: TcHmiControl): void;
|
||||
/**
|
||||
* Sets the value of the height mode attribute.
|
||||
* @param valueNew The new height mode value..
|
||||
*/
|
||||
setHeightMode(valueNew: TcHmi.SizeModeWithContent | null): void;
|
||||
/**
|
||||
* Processes the current height and height unit.
|
||||
*/
|
||||
__processHeight(callerControl?: TcHmiControl): void;
|
||||
__getContentWidth(): number | null;
|
||||
__getContentHeight(): number | null;
|
||||
/**
|
||||
* Sets the content value and calls the associated process function (processContent).
|
||||
* @param valueNew The new value for the content attribute as string. Relative path value.
|
||||
*/
|
||||
setTargetContent(valueNew: string | null): void;
|
||||
/**
|
||||
* Returns the current content value.
|
||||
* @returns The current value of the content member variable as string. Relative path value.
|
||||
*/
|
||||
getTargetContent(): string | null | undefined;
|
||||
/**
|
||||
* Destroy and remove currently existing content...
|
||||
*/
|
||||
private __destroyAndRemoveTargetCtrl;
|
||||
/**
|
||||
* Reports Region measurement from detail information in an object.
|
||||
* Try `performance.getEntriesByType('measure')` in devTools
|
||||
*/
|
||||
private __reportBenchmarkObject;
|
||||
/**
|
||||
* Processes the current content value.
|
||||
* @param override
|
||||
*/
|
||||
protected __processTargetContent(override?: string | null): void;
|
||||
/**
|
||||
* Restore opacity of the old content.
|
||||
* Important when this is keepAlive.
|
||||
* @param benchmarkObj
|
||||
*/
|
||||
protected __cleanUpPostAttach(benchmarkObj?: BenchmarkObject): void;
|
||||
protected __processTargetMarkup(controlId: string | undefined, benchmarkObj: BenchmarkObject): void;
|
||||
/**
|
||||
* Processes the current isEnabled attribute value and of its target.
|
||||
*/
|
||||
__processIsEnabled(): void;
|
||||
/**
|
||||
* Processes the current AccessConfig attribute value and of its target.
|
||||
*/
|
||||
__processAccessConfig(): void;
|
||||
setScaleMode(valueNew: TcHmi.ScaleModeString | null): void;
|
||||
getScaleMode(): TcHmi.ScaleModeString | undefined;
|
||||
protected __rescaleId: number;
|
||||
protected __processScaleMode(): void;
|
||||
setScrolling(valueNew: 'No' | 'Yes' | 'Auto' | null): void;
|
||||
getScrolling(): "No" | "Yes" | "Auto" | undefined;
|
||||
protected __processScrolling(): void;
|
||||
/**
|
||||
* Return the currently loaded TcHmiContent control object.
|
||||
*/
|
||||
getCurrentContent(): TcHmiContent | null;
|
||||
}
|
||||
interface BenchmarkObject {
|
||||
targetContent: string | null;
|
||||
processStart: number;
|
||||
htmlFetchStart: number;
|
||||
htmlFetchEnd: number;
|
||||
compileStart: number;
|
||||
compileEnd: number;
|
||||
addContentToDomStart: number;
|
||||
addContentToDomEnd: number;
|
||||
syncAttachStart: number;
|
||||
syncAttachEnd: number;
|
||||
asyncAttachStart: number;
|
||||
asyncAttachEnd: number;
|
||||
screenUpdated: number;
|
||||
removeContentFromDomStart: number;
|
||||
removeContentFromDomEnd: number;
|
||||
}
|
||||
export type { BenchmarkObject as TcHmiRegionBenchmarkObject };
|
||||
export interface IControlSpecificData extends ITcHmiControlSpecificData {
|
||||
'System.TcHmiRegion.resized': boolean;
|
||||
}
|
||||
export { TcHmiRegion as Control };
|
||||
declare const _TcHmiRegion: typeof TcHmiRegion;
|
||||
type tTcHmiRegion = TcHmiRegion;
|
||||
type tIControlSpecificData = IControlSpecificData;
|
||||
type tBenchmarkObject = BenchmarkObject;
|
||||
declare global {
|
||||
namespace TcHmi.Controls.System {
|
||||
const TcHmiRegion: typeof _TcHmiRegion;
|
||||
type TcHmiRegion = tTcHmiRegion;
|
||||
namespace TcHmiRegion {
|
||||
type IControlSpecificData = tIControlSpecificData;
|
||||
type BenchmarkObject = tBenchmarkObject;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<div class="TcHmi_Controls_System_TcHmiRegion-template tchmi-region-template tchmi-box"></div>
|
||||
@@ -0,0 +1,62 @@
|
||||
/** TcHmiRegion styles for theme: Base-Dark */
|
||||
/**
|
||||
Loading Spinner
|
||||
Usage: <div class="TcHmi_System_Controls_TcHmiRegion-loading-spinner-container"><div class="TcHmi_System_Controls_TcHmiRegion-loading-spinner"><div></div><div></div><div></div><div></div></div></div>
|
||||
*/
|
||||
|
||||
@keyframes TcHmi_System_Controls_TcHmiRegion-loading-spinner {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.TcHmi_System_Controls_TcHmiRegion-loading-spinner-container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.TcHmi_System_Controls_TcHmiRegion-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_System_Controls_TcHmiRegion-loading-spinner-color: var(--tchmi-foreground-color-1);
|
||||
}
|
||||
|
||||
.TcHmi_System_Controls_TcHmiRegion-loading-spinner div {
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 51px;
|
||||
height: 51px;
|
||||
margin: 6px;
|
||||
border: 6px solid var(--TcHmi_System_Controls_TcHmiRegion-loading-spinner-color);
|
||||
border-radius: 50%;
|
||||
animation: TcHmi_System_Controls_TcHmiRegion-loading-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
|
||||
border-color: var(--TcHmi_System_Controls_TcHmiRegion-loading-spinner-color) transparent transparent transparent;
|
||||
}
|
||||
|
||||
.TcHmi_System_Controls_TcHmiRegion-loading-spinner div:nth-child(1) {
|
||||
animation-delay: -0.45s;
|
||||
}
|
||||
|
||||
.TcHmi_System_Controls_TcHmiRegion-loading-spinner div:nth-child(2) {
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
|
||||
.TcHmi_System_Controls_TcHmiRegion-loading-spinner div:nth-child(3) {
|
||||
animation-delay: -0.15s;
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
/** TcHmiRegion styles for theme: Base */
|
||||
/**
|
||||
Loading Spinner
|
||||
Usage: <div class="TcHmi_System_Controls_TcHmiRegion-loading-spinner-container"><div class="TcHmi_System_Controls_TcHmiRegion-loading-spinner"><div></div><div></div><div></div><div></div></div></div>
|
||||
*/
|
||||
|
||||
.TcHmi_System_Controls_TcHmiRegion-loading-spinner {
|
||||
--TcHmi_System_Controls_TcHmiRegion-loading-spinner-color: var(--tchmi-foreground-color-1);
|
||||
}
|
||||
|
||||
@keyframes TcHmi_System_Controls_TcHmiRegion-loading-spinner {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.TcHmi_System_Controls_TcHmiRegion-loading-spinner div {
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 51px;
|
||||
height: 51px;
|
||||
margin: 6px;
|
||||
border: 6px solid var(--TcHmi_System_Controls_TcHmiRegion-loading-spinner-color);
|
||||
border-radius: 50%;
|
||||
animation: TcHmi_System_Controls_TcHmiRegion-loading-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
|
||||
border-color: var(--TcHmi_System_Controls_TcHmiRegion-loading-spinner-color) transparent transparent transparent;
|
||||
}
|
||||
|
||||
.TcHmi_System_Controls_TcHmiRegion-loading-spinner div:nth-child(1) {
|
||||
animation-delay: -0.45s;
|
||||
}
|
||||
|
||||
.TcHmi_System_Controls_TcHmiRegion-loading-spinner div:nth-child(2) {
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
|
||||
.TcHmi_System_Controls_TcHmiRegion-loading-spinner div:nth-child(3) {
|
||||
animation-delay: -0.15s;
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
{
|
||||
"$schema": "../../../Schema/ControlDescription.Schema.json",
|
||||
"apiVersion": 1,
|
||||
"name": "TcHmiUserControl",
|
||||
"namespace": "TcHmi.Controls.System",
|
||||
"displayName": "User Control",
|
||||
"version": {
|
||||
"full": "14.3.360.0",
|
||||
"major": 14,
|
||||
"minor": 3,
|
||||
"build": 360,
|
||||
"revision": 0
|
||||
},
|
||||
"visible": false,
|
||||
"themeable": "Advanced",
|
||||
"base": "TcHmi.Controls.System.TcHmiPartial",
|
||||
"description": "A reusable collection of Controls.",
|
||||
"defaultDesignerEvent": "",
|
||||
"properties": {
|
||||
"containerControl": true,
|
||||
"geometry": {
|
||||
"width": 100,
|
||||
"height": 100
|
||||
}
|
||||
},
|
||||
"icons": [
|
||||
{
|
||||
"name": "Icons/16x16.png",
|
||||
"width": 16,
|
||||
"height": 16
|
||||
}
|
||||
],
|
||||
"dependencyFiles": [
|
||||
{
|
||||
"name": "../../../dist/Controls/System/TcHmiUserControl/TcHmiUserControl.esm.js",
|
||||
"type": "EsModule",
|
||||
"description": "Contains all the main logic as ES module."
|
||||
}
|
||||
],
|
||||
"themes": {},
|
||||
"attributes": [],
|
||||
"functions": [],
|
||||
"dataTypes": [
|
||||
{
|
||||
"schema": "Schema/Types.Schema.json"
|
||||
}
|
||||
]
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 278 B |
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"definitions": {
|
||||
"TcHmi.Controls.System.TcHmiUserControl": {
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"type": "object",
|
||||
"frameworkInstanceOf": "TcHmi.Controls.System.TcHmiControl",
|
||||
"frameworkControlType": "TcHmiUserControl",
|
||||
"frameworkControlNamespace": "TcHmi.Controls.System"
|
||||
},
|
||||
"TcHmiUserControl": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiUserControl"
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
// 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 TcHmiUserControl extends TcHmi.Controls.System.TcHmiPartial {
|
||||
#private;
|
||||
constructor(element: JQuery, pcElement: JQuery, attrs: TcHmi.Controls.ControlAttributeList);
|
||||
/**
|
||||
* Destroy the current control instance.
|
||||
* Will be called automatically if system destroys control!
|
||||
*/
|
||||
destroy(): void;
|
||||
}
|
||||
export { TcHmiUserControl as Control };
|
||||
declare const _TcHmiUserControl: typeof TcHmiUserControl;
|
||||
type tTcHmiUserControl = TcHmiUserControl;
|
||||
declare global {
|
||||
namespace TcHmi.Controls.System {
|
||||
const TcHmiUserControl: typeof _TcHmiUserControl;
|
||||
type TcHmiUserControl = tTcHmiUserControl;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,148 @@
|
||||
{
|
||||
"$schema": "../../../Schema/ControlDescription.Schema.json",
|
||||
"apiVersion": 1,
|
||||
"name": "TcHmiUserControlHost",
|
||||
"namespace": "TcHmi.Controls.System",
|
||||
"displayName": "User Control Host",
|
||||
"version": {
|
||||
"full": "14.3.360.0",
|
||||
"major": 14,
|
||||
"minor": 3,
|
||||
"build": 360,
|
||||
"revision": 0
|
||||
},
|
||||
"visible": false,
|
||||
"themeable": "Advanced",
|
||||
"base": "TcHmi.Controls.System.TcHmiControl",
|
||||
"description": "A container for UserControls.",
|
||||
"defaultDesignerEvent": "",
|
||||
"properties": {
|
||||
"containerControl": false,
|
||||
"geometry": {
|
||||
"width": 100,
|
||||
"height": 100
|
||||
},
|
||||
"reservedPropertyNames": [
|
||||
"Params",
|
||||
"CurrentUserControl",
|
||||
"TargetUserControl"
|
||||
]
|
||||
},
|
||||
"icons": [
|
||||
{
|
||||
"name": "Icons/16x16.png",
|
||||
"width": 16,
|
||||
"height": 16
|
||||
}
|
||||
],
|
||||
"template": "Template.html",
|
||||
"dependencyFiles": [
|
||||
{
|
||||
"name": "Style.css",
|
||||
"type": "Stylesheet"
|
||||
},
|
||||
{
|
||||
"name": "../../../dist/Controls/System/TcHmiUserControlHost/TcHmiUserControlHost.esm.js",
|
||||
"type": "EsModule",
|
||||
"description": "Contains all the main logic as ES module."
|
||||
}
|
||||
],
|
||||
"themes": {},
|
||||
"events": [],
|
||||
"functions": [],
|
||||
"attributes": [
|
||||
{
|
||||
"name": "data-tchmi-target-user-control",
|
||||
"propertyName": "TargetUserControl",
|
||||
"propertyGetterName": "getTargetUserControl",
|
||||
"displayName": "Target User Control",
|
||||
"visible": true,
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:framework#/definitions/UserControlPath",
|
||||
"category": "Common",
|
||||
"description": "Path to the UserControl file to show.",
|
||||
"requiredOnCompile": true,
|
||||
"readOnly": true,
|
||||
"bindable": false,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-current-user-control",
|
||||
"propertyName": "CurrentUserControl",
|
||||
"propertyGetterName": "getCurrentUserControl",
|
||||
"displayName": "Current User Control",
|
||||
"visible": true,
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiUserControl",
|
||||
"category": "Common",
|
||||
"description": "The TcHmiUserControl control object.",
|
||||
"readOnly": true,
|
||||
"bindable": false,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-is-enabled",
|
||||
"propertyName": "IsEnabled",
|
||||
"propertySetterName": "setIsEnabled",
|
||||
"propertyGetterName": "getIsEnabled",
|
||||
"displayName": "Is Enabled",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:general#/definitions/Boolean",
|
||||
"category": "Common",
|
||||
"description": "If disabled this overwrites the state of all children in the user control.\nOnly enabled controls will react on events.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": true
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-width-mode",
|
||||
"propertyName": "WidthMode",
|
||||
"propertySetterName": "setWidthMode",
|
||||
"propertyGetterName": "getWidthMode",
|
||||
"displayName": "Width Mode",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 40,
|
||||
"type": "tchmi:framework#/definitions/SizeModeWithContent",
|
||||
"category": "Layout",
|
||||
"description": "Defines if the width is taken from the width value, calculated from left and right (parent) or calculated from user control.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Value"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-height-mode",
|
||||
"propertyName": "HeightMode",
|
||||
"propertySetterName": "setHeightMode",
|
||||
"propertyGetterName": "getHeightMode",
|
||||
"displayName": "Height Mode",
|
||||
"visible": true,
|
||||
"themeable": "Advanced",
|
||||
"displayPriority": 40,
|
||||
"type": "tchmi:framework#/definitions/SizeModeWithContent",
|
||||
"category": "Layout",
|
||||
"description": "Defines if the height is taken from the height value, calculated from top and bottom (parent) or calculated from user control.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Value"
|
||||
}
|
||||
],
|
||||
"dataTypes": [
|
||||
{
|
||||
"schema": "Schema/Types.Schema.json"
|
||||
}
|
||||
]
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 146 B |
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"definitions": {
|
||||
"TcHmi.Controls.System.TcHmiUserControlHost": {
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"type": "object",
|
||||
"frameworkInstanceOf": "TcHmi.Controls.System.TcHmiControl",
|
||||
"frameworkControlType": "TcHmiUserControlHost",
|
||||
"frameworkControlNamespace": "TcHmi.Controls.System"
|
||||
},
|
||||
"TcHmiUserControlHost": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiUserControlHost"
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
/** Styles for all themes */
|
||||
|
||||
/* Style for the main element */
|
||||
.TcHmi_Controls_System_TcHmiUserControlHost,
|
||||
.tchmi-user-control-host {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* container have no own visual representation so the white overlay is not nice on non white backgrounds */
|
||||
.TcHmi_Controls_System_TcHmiUserControlHost.TcHmi_Controls_System_TcHmiControl-disabled::after,
|
||||
.tchmi-user-control-host.tchmi-control-disabled::after {
|
||||
background-color: transparent;
|
||||
}
|
||||
@@ -0,0 +1,167 @@
|
||||
// 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 TcHmiUserControlHost extends TcHmi.Controls.System.TcHmiControl {
|
||||
#private;
|
||||
constructor(element: JQuery, pcElement: JQuery, attrs: TcHmi.Controls.ControlAttributeList);
|
||||
protected __markup: string | null | undefined;
|
||||
protected __config: UserControlConfig | null | undefined;
|
||||
protected readonly __targetUserControlUrl: string;
|
||||
protected readonly __targetUserControlUrlClean: string;
|
||||
protected readonly __targetUserControlConfigUrl: string;
|
||||
protected readonly __targetUserControlConfigUrlClean: string;
|
||||
protected __targetUserControlControlObject: TcHmiUserControl | null;
|
||||
/** Maps user control parameter values and descriptions to their html attribute name */
|
||||
protected __params: Map<`data-tchmi-${string}`, TcHmiUserControlParameter>;
|
||||
protected __partialDefaultVirtualRights: Map<string, TcHmi.Controls.ControlAccessDescription>;
|
||||
protected __widthMode: TcHmi.SizeModeWithContent | undefined;
|
||||
protected __heightMode: TcHmi.SizeModeWithContent | undefined;
|
||||
protected __elementTemplateRoot: JQuery;
|
||||
/** User control getter. */
|
||||
[setter: `set${string}`]: undefined | ((valueNew: any, dirtyPaths?: string[]) => void);
|
||||
/** User control setter. */
|
||||
[getter: `get${string}`]: undefined | ((_unused?: any) => any);
|
||||
/**
|
||||
* 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;
|
||||
/**
|
||||
* Sets __keepAlive
|
||||
* @param value
|
||||
*/
|
||||
__setKeepAlive(value: boolean): void;
|
||||
/**
|
||||
* Provides the child user control object.
|
||||
* @returns
|
||||
*/
|
||||
getCurrentUserControl(): TcHmiUserControl | null;
|
||||
/**
|
||||
* @param _event
|
||||
* @param data
|
||||
*/
|
||||
protected __onUserControlChanged(_event: TcHmi.EventProvider.Event, data: {
|
||||
url: string;
|
||||
content: string;
|
||||
}): void;
|
||||
/**
|
||||
* @param _event
|
||||
* @param data
|
||||
*/
|
||||
protected __onUserControlConfigChanged(_event: TcHmi.EventProvider.Event, data: {
|
||||
url: string;
|
||||
}): void;
|
||||
/**
|
||||
* @param _event
|
||||
* @param data
|
||||
*/
|
||||
protected __onUserControlCreated(_event: TcHmi.EventProvider.Event, data: {
|
||||
url: string;
|
||||
}): void;
|
||||
/**
|
||||
* @param _event
|
||||
* @param data
|
||||
*/
|
||||
protected __onUserControlRemoved(_event: TcHmi.EventProvider.Event, data: {
|
||||
url: string;
|
||||
}): void;
|
||||
/**
|
||||
* Returns the current value of attribute member "targetPartial".
|
||||
*/
|
||||
getTargetUserControl(): string;
|
||||
/**
|
||||
* Sets the value of the width mode attribute.
|
||||
* @param valueNew The new width mode value..
|
||||
*/
|
||||
setWidthMode(valueNew: TcHmi.SizeModeWithContent | null): void;
|
||||
/**
|
||||
* Processes the current width and width unit.
|
||||
*/
|
||||
__processWidth(callerControl?: TcHmiControl): void;
|
||||
/**
|
||||
* Sets the value of the height mode attribute.
|
||||
* @param valueNew The new height mode value..
|
||||
*/
|
||||
setHeightMode(valueNew: TcHmi.SizeModeWithContent | null): void;
|
||||
/**
|
||||
* Processes the current height and height unit.
|
||||
*/
|
||||
__processHeight(callerControl?: TcHmiControl): void;
|
||||
/**
|
||||
* Returns the calculated width in pixel if self defined (not percent based) or based on the usercontrol.
|
||||
*/
|
||||
__getContentWidth(): number | null;
|
||||
/**
|
||||
* Returns the calculated height in pixel if self defined (not percent based) or based on the usercontrol.
|
||||
*/
|
||||
__getContentHeight(): number | null;
|
||||
/**
|
||||
* Gets virtual access of a user control
|
||||
* @param name name of the control right to fetch
|
||||
*/
|
||||
getDescriptionAccessByName(name: string): TcHmi.Controls.ControlAccessDescription | null;
|
||||
/**
|
||||
* Gets a map of parameters that are configured on the current user control.
|
||||
*/
|
||||
getParams(): Map<`data-tchmi-${string}`, TcHmiUserControlParameter>;
|
||||
}
|
||||
export interface TcHmiUserControlParameter {
|
||||
description: ControlAttributeDescription;
|
||||
value: any;
|
||||
isReady: boolean;
|
||||
}
|
||||
export interface ControlAttributeDescription extends TcHmi.ControlAttributeDescription {
|
||||
/** The name is generated via Engineering with the prefix */
|
||||
name: `data-tchmi-${string}`;
|
||||
/** The getter name is generated via Engineering with the prefix */
|
||||
propertyGetterName: `get${string}`;
|
||||
/** The setter name is generated via Engineering with the prefix */
|
||||
propertySetterName: `set${string}`;
|
||||
}
|
||||
export { TcHmiUserControlHost as Control };
|
||||
declare const _TcHmiUserControlHost: typeof TcHmiUserControlHost;
|
||||
type tTcHmiUserControlHost = TcHmiUserControlHost;
|
||||
type tControlAttributeDescription = ControlAttributeDescription;
|
||||
type tTcHmiUserControlParameter = TcHmiUserControlParameter;
|
||||
declare global {
|
||||
namespace TcHmi.Controls.System {
|
||||
const TcHmiUserControlHost: typeof _TcHmiUserControlHost;
|
||||
type TcHmiUserControlHost = tTcHmiUserControlHost;
|
||||
namespace TcHmiUserControlHost {
|
||||
type TcHmiUserControlParameter = tTcHmiUserControlParameter;
|
||||
type ControlAttributeDescription = tControlAttributeDescription;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Resolved User Control ids.
|
||||
*/
|
||||
export declare function resolveIdScopedMarkup(hostId: string, ucUrl: string, markup: string): IScopedMarkupResultObject;
|
||||
export interface IScopedMarkupResultObject extends TcHmi.IResultObject {
|
||||
markup?: string;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<div class="TcHmi_Controls_System_TcHmiUserControlHost-template tchmi-user-control-host-template tchmi-box"></div>
|
||||
@@ -0,0 +1,72 @@
|
||||
{
|
||||
"$schema": "../../../Schema/ControlDescription.Schema.json",
|
||||
"apiVersion": 1,
|
||||
"name": "TcHmiView",
|
||||
"namespace": "TcHmi.Controls.System",
|
||||
"displayName": "View",
|
||||
"version": {
|
||||
"full": "14.3.360.0",
|
||||
"major": 14,
|
||||
"minor": 3,
|
||||
"build": 360,
|
||||
"revision": 0
|
||||
},
|
||||
"visible": false,
|
||||
"themeable": "Standard",
|
||||
"base": "TcHmi.Controls.System.TcHmiPartial",
|
||||
"description": "A top level control for a TcHmi visualization.",
|
||||
"defaultDesignerEvent": "",
|
||||
"properties": {
|
||||
"containerControl": true,
|
||||
"geometry": {
|
||||
"width": 500,
|
||||
"height": 500
|
||||
}
|
||||
},
|
||||
"icons": [
|
||||
{
|
||||
"name": "Icons/16x16.png",
|
||||
"width": 16,
|
||||
"height": 16
|
||||
}
|
||||
],
|
||||
"dependencyFiles": [
|
||||
{
|
||||
"name": "Style.css",
|
||||
"type": "Stylesheet"
|
||||
},
|
||||
{
|
||||
"name": "../../../dist/Controls/System/TcHmiView/TcHmiView.esm.js",
|
||||
"type": "EsModule",
|
||||
"description": "Contains all the main logic as ES module."
|
||||
}
|
||||
],
|
||||
"themes": {},
|
||||
"attributes": [],
|
||||
"access": [
|
||||
{
|
||||
"name": "operate",
|
||||
"displayName": "Operate",
|
||||
"description": "Controls the ability to operate. This defaults to true.",
|
||||
"visible": true,
|
||||
"defaultValueInternal": true
|
||||
},
|
||||
{
|
||||
"name": "observe",
|
||||
"displayName": "Observe",
|
||||
"description": "Controls the ability to observe. This defaults to true.",
|
||||
"visible": true,
|
||||
"defaultValueInternal": true
|
||||
}
|
||||
],
|
||||
"functions": [],
|
||||
"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: 278 B |
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"$schema": "../../../../../TwinCAT-HMI-Common/JsonSchemas/Language.Schema.json",
|
||||
"locale": "de",
|
||||
"localizedText": {
|
||||
"Error_Dialog_Load_View_Insufficient_Access": "Keine Berechtigung zur Anzeige der View: '{0}'.",
|
||||
"Error_Dialog_Load_View_Insufficient_Access_User_Details": "Keine Berechtigung zur Anzeige der View: '{0}' für Benutzer {1}.",
|
||||
"Error_Dialog_Load_View_Insufficient_Access_User_Details_Title": "Gruppenzugehörigkeit: {0}\nAutorisiert von {1} in der Session:\n{2}",
|
||||
"Error_Dialog_Load_View_Insufficient_Access_Logout": "Ausloggen"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"$schema": "../../../../../TwinCAT-HMI-Common/JsonSchemas/Language.Schema.json",
|
||||
"locale": "en",
|
||||
"localizedText": {
|
||||
"Error_Dialog_Load_View_Insufficient_Access": "Access to view: '{0}' is not allowed.",
|
||||
"Error_Dialog_Load_View_Insufficient_Access_User_Details": "Access to view: '{0}' is not allowed for user {1}.",
|
||||
"Error_Dialog_Load_View_Insufficient_Access_User_Details_Title": "Group membership: {0}\nAuthorized by {1} in Session:\n{2}",
|
||||
"Error_Dialog_Load_View_Insufficient_Access_Logout": "Logout"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"definitions": {
|
||||
"TcHmi.Controls.System.TcHmiView": {
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"type": "object",
|
||||
"frameworkInstanceOf": "TcHmi.Controls.System.TcHmiControl",
|
||||
"frameworkControlType": "TcHmiView",
|
||||
"frameworkControlNamespace": "TcHmi.Controls.System"
|
||||
},
|
||||
"TcHmiView": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.System.TcHmiView"
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
/** Styles for all themes */
|
||||
|
||||
/* Style for the main element */
|
||||
.TcHmi_Controls_System_TcHmiView,
|
||||
.tchmi-view {
|
||||
overflow: auto; /* view is a special case as it clones the size of the browser */
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
// 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 TcHmiView extends TcHmi.Controls.System.TcHmiPartial {
|
||||
#private;
|
||||
constructor(element: JQuery, pcElement: JQuery, attrs: TcHmi.Controls.ControlAttributeList);
|
||||
/**
|
||||
* Shows/hides the control depending of the current 'observe' right
|
||||
*/
|
||||
__processAccessConfig(): void;
|
||||
}
|
||||
export { TcHmiView as Control };
|
||||
declare const _TcHmiView: typeof TcHmiView;
|
||||
type tTcHmiView = TcHmiView;
|
||||
declare global {
|
||||
namespace TcHmi.Controls.System {
|
||||
const TcHmiView: typeof _TcHmiView;
|
||||
type TcHmiView = tTcHmiView;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user