Heisig_GmbH/infineon_plc
1
0
Fork 0
Code Issues Activity

Added minimal functionality for Robot teaching

Browse Source 
- Added minimal HMI
- Added possibility to open and close all chamber doors
This commit is contained in:
Matthias Heisig
2026-01-17 09:20:39 +01:00
parent 9f058db2a3
commit 2d11c43579
2274 changed files with 912690 additions and 162 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiSpinboxInput/Themes/Base-Dark/Images/icons_minus_normal.svg vendored Normal file
View File

@@ -0,0 +1,31 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Inhalt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st1{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st2{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st4{fill:none;stroke:#000000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:none;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st6{fill:#FFFFFF;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}
.st8{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.5299,7.5299;}
.st9{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st10{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st11{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st12{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st13{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st14{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st15{fill:none;stroke:#4794DA;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st16{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st18{fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}
.st19{fill:#0000FF;stroke:#FFFFFF;stroke-miterlimit:10;}
.st20{fill:#00FF00;stroke:#FFFFFF;stroke-miterlimit:10;}
</style>
<g>
<line class="st1" x1="28" y1="20" x2="12" y2="20"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

31
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiSpinboxInput/Themes/Base-Dark/Images/icons_minus_pressed.svg vendored Normal file
View File

@@ -0,0 +1,31 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Inhalt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st1{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st2{fill:none;stroke:#4c6374;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st4{fill:none;stroke:#000000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:none;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st6{fill:#FFFFFF;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}
.st8{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.5299,7.5299;}
.st9{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st10{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st11{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st12{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st13{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st14{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st15{fill:none;stroke:#4794DA;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st16{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st18{fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}
.st19{fill:#0000FF;stroke:#FFFFFF;stroke-miterlimit:10;}
.st20{fill:#00FF00;stroke:#FFFFFF;stroke-miterlimit:10;}
</style>
<g>
<line class="st1" x1="28" y1="20" x2="12" y2="20"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

32
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiSpinboxInput/Themes/Base-Dark/Images/icons_plus_normal.svg vendored Normal file
View File

@@ -0,0 +1,32 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Inhalt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st1{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st2{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st4{fill:none;stroke:#000000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:none;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st6{fill:#FFFFFF;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}
.st8{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.5299,7.5299;}
.st9{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st10{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st11{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st12{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st13{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st14{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st15{fill:none;stroke:#4794DA;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st16{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st18{fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}
.st19{fill:#0000FF;stroke:#FFFFFF;stroke-miterlimit:10;}
.st20{fill:#00FF00;stroke:#FFFFFF;stroke-miterlimit:10;}
</style>
<g>
<line class="st1" x1="20" y1="12" x2="20" y2="28"/>
<line class="st1" x1="28" y1="20" x2="12" y2="20"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

32
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiSpinboxInput/Themes/Base-Dark/Images/icons_plus_pressed.svg vendored Normal file
View File

@@ -0,0 +1,32 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Inhalt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st1{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st2{fill:none;stroke:#4c6374;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st4{fill:none;stroke:#000000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:none;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st6{fill:#FFFFFF;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}
.st8{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.5299,7.5299;}
.st9{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st10{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st11{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st12{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st13{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st14{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st15{fill:none;stroke:#4794DA;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st16{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st18{fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}
.st19{fill:#0000FF;stroke:#FFFFFF;stroke-miterlimit:10;}
.st20{fill:#00FF00;stroke:#FFFFFF;stroke-miterlimit:10;}
</style>
<g>
<line class="st1" x1="20" y1="12" x2="20" y2="28"/>
<line class="st1" x1="28" y1="20" x2="12" y2="20"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

86
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiSpinboxInput/Themes/Base-Dark/Style.css vendored Normal file
View File

@@ -0,0 +1,86 @@
/** Styles for the theme: Base-Dark */
/* Style for the main element */
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput.TcHmi_Controls_Beckhoff_TcHmiNumericInput {
--tchmi-background: var(--tchmi-background-color-4);
--tchmi-background-invalid: var(--tchmi-invalid-color);
--tchmi-color: var(--tchmi-foreground-color-1);
--tchmi-border-color: var(--tchmi-background-color-2);
background: transparent;
border: none;
}
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput .TcHmi_Controls_Beckhoff_TcHmiNumericInput-template {
border: none;
}
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput .TcHmi_Controls_Beckhoff_TcHmiNumericInput-template-input {
-webkit-appearance: none; /* Important to have visible box-shadow on input elements in iOS/Safari. */
appearance: none;
color: var(--tchmi-color);
background: var(--tchmi-background);
border: 1px solid var(--tchmi-border-color);
}
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput .TcHmi_Controls_Beckhoff_TcHmiNumericInput-template-input:invalid {
background: var(--tchmi-background-invalid);
}
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput-template-button-before:not(:empty),
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput-template-button-after:not(:empty) {
flex-basis: 26px;
}
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput-template-button-before .button,
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput-template-button-after .button {
font-size: var(--tchmi-button-font-size);
background: var(--tchmi-highlight-button-background);
color: var(--tchmi-highlight-button-text-color);
border: var(--tchmi-highlight-button-border);
box-shadow: var(--tchmi-highlight-button-shadow);
}
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput-template-button-before .button.down,
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput-template-button-after .button.down {
background: var(--tchmi-highlight-button-background-pressed);
color: var(--tchmi-highlight-button-text-color-pressed);
border: var(--tchmi-highlight-button-border-pressed);
box-shadow: var(--tchmi-highlight-button-shadow-pressed);
}
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput .button-plus::after {
content: '';
background-image: url('Images/icons_plus_normal.svg');
background-position: center;
background-repeat: no-repeat;
height: 100%;
width: 100%;
}
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput .button-minus::after {
content: '';
background-image: url('Images/icons_minus_normal.svg');
background-position: center;
background-repeat: no-repeat;
height: 100%;
width: 100%;
}
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput .button-plus.down::after {
background-image: url('Images/icons_plus_pressed.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput .button-minus.down::after {
background-image: url('Images/icons_minus_pressed.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput.read-only
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput-template-button-before::after,
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput.read-only
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput-template-button-after::after {
background-color: var(--tchmi-disabled-color);
}
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput.read-only .TcHmi_Controls_Beckhoff_TcHmiNumericInput-template-input {
background: var(--tchmi-read-only-color);
}

31
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiSpinboxInput/Themes/Base/Images/icons_minus_normal.svg vendored Normal file
View File

@@ -0,0 +1,31 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Inhalt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st1{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st2{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st4{fill:none;stroke:#000000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:none;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st6{fill:#FFFFFF;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}
.st8{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.5299,7.5299;}
.st9{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st10{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st11{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st12{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st13{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st14{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st15{fill:none;stroke:#4794DA;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st16{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st18{fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}
.st19{fill:#0000FF;stroke:#FFFFFF;stroke-miterlimit:10;}
.st20{fill:#00FF00;stroke:#FFFFFF;stroke-miterlimit:10;}
</style>
<g>
<line class="st1" x1="28" y1="20" x2="12" y2="20"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

31
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiSpinboxInput/Themes/Base/Images/icons_minus_pressed.svg vendored Normal file
View File

@@ -0,0 +1,31 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Inhalt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st1{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st2{fill:none;stroke:#4c6374;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st4{fill:none;stroke:#000000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:none;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st6{fill:#FFFFFF;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}
.st8{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.5299,7.5299;}
.st9{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st10{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st11{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st12{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st13{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st14{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st15{fill:none;stroke:#4794DA;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st16{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st18{fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}
.st19{fill:#0000FF;stroke:#FFFFFF;stroke-miterlimit:10;}
.st20{fill:#00FF00;stroke:#FFFFFF;stroke-miterlimit:10;}
</style>
<g>
<line class="st1" x1="28" y1="20" x2="12" y2="20"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

32
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiSpinboxInput/Themes/Base/Images/icons_plus_normal.svg vendored Normal file
View File

@@ -0,0 +1,32 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Inhalt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st1{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st2{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st4{fill:none;stroke:#000000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:none;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st6{fill:#FFFFFF;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}
.st8{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.5299,7.5299;}
.st9{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st10{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st11{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st12{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st13{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st14{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st15{fill:none;stroke:#4794DA;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st16{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st18{fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}
.st19{fill:#0000FF;stroke:#FFFFFF;stroke-miterlimit:10;}
.st20{fill:#00FF00;stroke:#FFFFFF;stroke-miterlimit:10;}
</style>
<g>
<line class="st1" x1="20" y1="12" x2="20" y2="28"/>
<line class="st1" x1="28" y1="20" x2="12" y2="20"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

32
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiSpinboxInput/Themes/Base/Images/icons_plus_pressed.svg vendored Normal file
View File

@@ -0,0 +1,32 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Inhalt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st1{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st2{fill:none;stroke:#4c6374;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st4{fill:none;stroke:#000000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:none;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st6{fill:#FFFFFF;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}
.st8{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.5299,7.5299;}
.st9{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st10{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st11{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st12{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st13{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st14{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st15{fill:none;stroke:#4794DA;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st16{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st18{fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}
.st19{fill:#0000FF;stroke:#FFFFFF;stroke-miterlimit:10;}
.st20{fill:#00FF00;stroke:#FFFFFF;stroke-miterlimit:10;}
</style>
<g>
<line class="st1" x1="20" y1="12" x2="20" y2="28"/>
<line class="st1" x1="28" y1="20" x2="12" y2="20"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

86
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiSpinboxInput/Themes/Base/Style.css vendored Normal file
View File

@@ -0,0 +1,86 @@
/** Styles for the theme: Base */
/* Style for the main element */
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput.TcHmi_Controls_Beckhoff_TcHmiNumericInput {
--tchmi-background: var(--tchmi-background-color-4);
--tchmi-background-invalid: var(--tchmi-invalid-color);
--tchmi-color: var(--tchmi-foreground-color-1);
--tchmi-border-color: var(--tchmi-background-color-2);
background: transparent;
border: none;
}
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput .TcHmi_Controls_Beckhoff_TcHmiNumericInput-template {
border: none;
}
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput .TcHmi_Controls_Beckhoff_TcHmiNumericInput-template-input {
-webkit-appearance: none; /* Important to have visible box-shadow on input elements in iOS/Safari. */
appearance: none;
color: var(--tchmi-color);
background: var(--tchmi-background);
border: 1px solid var(--tchmi-border-color);
}
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput .TcHmi_Controls_Beckhoff_TcHmiNumericInput-template-input:invalid {
background: var(--tchmi-background-invalid);
}
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput-template-button-before:not(:empty),
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput-template-button-after:not(:empty) {
flex-basis: 26px;
}
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput-template-button-before .button,
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput-template-button-after .button {
font-size: var(--tchmi-button-font-size);
background: var(--tchmi-highlight-button-background);
color: var(--tchmi-highlight-button-text-color);
border: var(--tchmi-highlight-button-border);
box-shadow: var(--tchmi-highlight-button-shadow);
}
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput-template-button-before .button.down,
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput-template-button-after .button.down {
background: var(--tchmi-highlight-button-background-pressed);
color: var(--tchmi-highlight-button-text-color-pressed);
border: var(--tchmi-highlight-button-border-pressed);
box-shadow: var(--tchmi-highlight-button-shadow-pressed);
}
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput .button-plus::after {
content: '';
background-image: url('Images/icons_plus_normal.svg');
background-position: center;
background-repeat: no-repeat;
height: 100%;
width: 100%;
}
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput .button-minus::after {
content: '';
background-image: url('Images/icons_minus_normal.svg');
background-position: center;
background-repeat: no-repeat;
height: 100%;
width: 100%;
}
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput .button-plus.down::after {
background-image: url('Images/icons_plus_pressed.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput .button-minus.down::after {
background-image: url('Images/icons_minus_pressed.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput.read-only
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput-template-button-before::after,
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput.read-only
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput-template-button-after::after {
background-color: var(--tchmi-disabled-color);
}
.TcHmi_Controls_Beckhoff_TcHmiSpinboxInput.read-only .TcHmi_Controls_Beckhoff_TcHmiNumericInput-template-input {
background: var(--tchmi-read-only-color);
}