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,15 @@
|
||||
/* Base-Dark Theme */
|
||||
beckhoff-tchmi-context-menu-calculator {
|
||||
background: #333;
|
||||
border: 1px solid #555;
|
||||
box-shadow: 0px 0px 5px 3px rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
beckhoff-tchmi-context-menu-calculator button:hover {
|
||||
background: #444;
|
||||
}
|
||||
|
||||
beckhoff-tchmi-context-menu-calculator hr {
|
||||
background: #333;
|
||||
border-top: 1px solid #666;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?><svg id="Inhalt" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:#fff;fill-rule:evenodd;}</style></defs><path class="cls-1" d="M59.5,46.97l-9.95-10.29c-1.57-1.63-2.44-3.77-2.44-6.04v-11.15h1.96c.59,0,1.08-.48,1.08-1.08s-.48-1.08-1.08-1.08H30.78c-.59,0-1.08,.48-1.08,1.08s.48,1.08,1.08,1.08h2.1v11.12c0,2.28-.88,4.43-2.47,6.07l-10.04,10.28c-1.57,1.6-2.43,3.72-2.43,5.96v6.37c0,.84,.33,1.63,.92,2.23,.6,.59,1.39,.92,2.23,.92H58.75c.84,0,1.63-.33,2.23-.92,.59-.6,.92-1.39,.92-2.23v-6.39c0-2.23-.85-4.33-2.4-5.93Zm-27.65-8.89c1.96-2.01,3.04-4.66,3.04-7.46v-11.12h10.22v11.15c0,2.79,1.07,5.42,3,7.43l6.55,6.77H25.24l6.61-6.77Zm28.05,21.21c0,.31-.12,.6-.34,.81-.22,.22-.51,.34-.81,.34H21.1c-.31,0-.6-.12-.81-.34s-.34-.51-.34-.81v-6.37c0-1.71,.66-3.33,1.86-4.56l1.48-1.51H56.6l1.47,1.52c1.18,1.22,1.84,2.83,1.84,4.54v6.39Z"/><path class="cls-1" d="M19.04,37.48c.26,0,.51-.09,.71-.26l8.43-7.32c.45-.39,.5-1.07,.11-1.52-.03-.04-.07-.07-.11-.11l-8.43-7.32c-.45-.39-1.13-.34-1.52,.11-.17,.2-.26,.45-.26,.71v14.64c0,.59,.48,1.08,1.08,1.08Z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
@@ -0,0 +1,104 @@
|
||||
/** Styles for the theme: Base-Dark */
|
||||
.TcHmi_Controls_Beckhoff_TcHmiCalculator {
|
||||
--tchmi-background: var(--tchmi-background-color-1);
|
||||
--tchmi-background-transparent: rgba(27, 27, 31, 0.8);
|
||||
--tchmi-display-background: var(--tchmi-background-color-3);
|
||||
--tchmi-display-border: var(--tchmi-background-color-2);
|
||||
--tchmi-button-text-color: var(--tchmi-foreground-color-1);
|
||||
--tchmi-button-background: var(--tchmi-background-color-2);
|
||||
--tchmi-button-border: 1px solid var(--tchmi-foreground-color-2);
|
||||
--tchmi-icon-background-pressed: rgba(163, 176, 187, 0.2);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiCalculator-template {
|
||||
.key-svg-element {
|
||||
stroke: var(--tchmi-button-text-color);
|
||||
|
||||
&:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
.key-span-element {
|
||||
color: var(--tchmi-button-text-color);
|
||||
}
|
||||
|
||||
.key-element {
|
||||
background-color: var(--tchmi-button-background);
|
||||
border: var(--tchmi-button-border);
|
||||
|
||||
&.down {
|
||||
background: var(--tchmi-button-background-pressed);
|
||||
color: var(--tchmi-button-text-color-pressed);
|
||||
border: var(--tchmi-button-border-pressed);
|
||||
box-shadow: var(--tchmi-button-shadow-pressed);
|
||||
}
|
||||
|
||||
&.number:not(.down) {
|
||||
background: #353535;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-bar-container {
|
||||
background-color: var(--tchmi-display-background);
|
||||
border-top: 1px solid var(--tchmi-display-border);
|
||||
border-left: 1px solid var(--tchmi-display-border);
|
||||
border-right: 1px solid var(--tchmi-display-border);
|
||||
}
|
||||
|
||||
.full-display-container {
|
||||
background-color: var(--tchmi-background);
|
||||
}
|
||||
|
||||
.display-term-container {
|
||||
background-color: var(--tchmi-display-background);
|
||||
border-left: 1px solid var(--tchmi-display-border);
|
||||
border-right: 1px solid var(--tchmi-display-border);
|
||||
}
|
||||
|
||||
.display-result-term-input {
|
||||
background-color: var(--tchmi-display-background);
|
||||
color: #f2ffff;
|
||||
}
|
||||
|
||||
.display-result-term-container {
|
||||
background-color: var(--tchmi-display-background);
|
||||
border-bottom: 1px solid var(--tchmi-display-border);
|
||||
border-left: 1px solid var(--tchmi-display-border);
|
||||
border-right: 1px solid var(--tchmi-display-border);
|
||||
}
|
||||
|
||||
.keyboard-container {
|
||||
background-color: var(--tchmi-background);
|
||||
}
|
||||
|
||||
.svg-icon-container {
|
||||
&:hover {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
.svg-scientific-icon-container {
|
||||
background-image: url('Images/activate-recipe.svg');
|
||||
|
||||
&.active {
|
||||
background-color: var(--tchmi-icon-background-pressed);
|
||||
}
|
||||
}
|
||||
|
||||
.svg-history-icon-container {
|
||||
&.active {
|
||||
background-color: var(--tchmi-icon-background-pressed);
|
||||
}
|
||||
}
|
||||
|
||||
.history-container {
|
||||
background-color: var(--tchmi-background-transparent);
|
||||
}
|
||||
|
||||
.history-element {
|
||||
&:hover {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
/* Base Theme */
|
||||
beckhoff-tchmi-context-menu-calculator {
|
||||
background: #fff;
|
||||
border: 1px solid #ccc;
|
||||
box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
beckhoff-tchmi-context-menu-calculator button:hover {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
beckhoff-tchmi-context-menu-calculator hr {
|
||||
background: #fff;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="Inhalt" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80">
|
||||
<defs>
|
||||
<style>.cls-1{fill:#4c6374;fill-rule:evenodd;}</style>
|
||||
</defs>
|
||||
<path class="cls-1" d="M59.5,46.97l-9.95-10.29c-1.57-1.63-2.44-3.77-2.44-6.04v-11.15h1.96c.59,0,1.08-.48,1.08-1.08s-.48-1.08-1.08-1.08H30.78c-.59,0-1.08,.48-1.08,1.08s.48,1.08,1.08,1.08h2.1v11.12c0,2.28-.88,4.43-2.47,6.07l-10.04,10.28c-1.57,1.6-2.43,3.72-2.43,5.96v6.37c0,.84,.33,1.63,.92,2.23,.6,.59,1.39,.92,2.23,.92H58.75c.84,0,1.63-.33,2.23-.92,.59-.6,.92-1.39,.92-2.23v-6.39c0-2.23-.85-4.33-2.4-5.93Zm-27.65-8.89c1.96-2.01,3.04-4.66,3.04-7.46v-11.12h10.22v11.15c0,2.79,1.07,5.42,3,7.43l6.55,6.77H25.24l6.61-6.77Zm28.05,21.21c0,.31-.12,.6-.34,.81-.22,.22-.51,.34-.81,.34H21.1c-.31,0-.6-.12-.81-.34s-.34-.51-.34-.81v-6.37c0-1.71,.66-3.33,1.86-4.56l1.48-1.51H56.6l1.47,1.52c1.18,1.22,1.84,2.83,1.84,4.54v6.39Z"/>
|
||||
<path class="cls-1" d="M19.04,37.48c.26,0,.51-.09,.71-.26l8.43-7.32c.45-.39,.5-1.07,.11-1.52-.03-.04-.07-.07-.11-.11l-8.43-7.32c-.45-.39-1.13-.34-1.52,.11-.17,.2-.26,.45-.26,.71v14.64c0,.59,.48,1.08,1.08,1.08Z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
@@ -0,0 +1,104 @@
|
||||
/** Styles for the theme: Base */
|
||||
.TcHmi_Controls_Beckhoff_TcHmiCalculator {
|
||||
--tchmi-background: var(--tchmi-background-color-1);
|
||||
--tchmi-background-transparent: rgba(246, 247, 248, 0.8);
|
||||
--tchmi-display-background: var(--tchmi-background-color-4);
|
||||
--tchmi-display-border: var(--tchmi-background-color-2);
|
||||
--tchmi-button-text-color: var(--tchmi-foreground-color-1);
|
||||
--tchmi-button-background: var(--tchmi-background-color-2);
|
||||
--tchmi-button-border: 1px solid var(--tchmi-foreground-color-3);
|
||||
--tchmi-icon-background-pressed: rgba(192, 192, 197, 0.3);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiCalculator-template {
|
||||
.key-svg-element {
|
||||
stroke: var(--tchmi-button-text-color);
|
||||
|
||||
&:active {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
.key-span-element {
|
||||
color: var(--tchmi-button-text-color);
|
||||
}
|
||||
|
||||
.key-element {
|
||||
background-color: var(--tchmi-button-background);
|
||||
border: var(--tchmi-button-border);
|
||||
|
||||
&.down {
|
||||
background: var(--tchmi-button-background-pressed);
|
||||
color: var(--tchmi-button-text-color-pressed);
|
||||
border: var(--tchmi-button-border-pressed);
|
||||
box-shadow: var(--tchmi-button-shadow-pressed);
|
||||
}
|
||||
|
||||
&.number:not(.down) {
|
||||
background: rgb(205 201 201);
|
||||
}
|
||||
}
|
||||
|
||||
.menu-bar-container {
|
||||
background-color: var(--tchmi-display-background);
|
||||
border-top: 1px solid var(--tchmi-display-border);
|
||||
border-left: 1px solid var(--tchmi-display-border);
|
||||
border-right: 1px solid var(--tchmi-display-border);
|
||||
}
|
||||
|
||||
.full-display-container {
|
||||
background-color: var(--tchmi-background);
|
||||
}
|
||||
|
||||
.display-term-container {
|
||||
background-color: var(--tchmi-display-background);
|
||||
border-left: 1px solid var(--tchmi-display-border);
|
||||
border-right: 1px solid var(--tchmi-display-border);
|
||||
}
|
||||
|
||||
.display-result-term-container {
|
||||
background-color: var(--tchmi-display-background);
|
||||
border-bottom: 1px solid var(--tchmi-display-border);
|
||||
border-left: 1px solid var(--tchmi-display-border);
|
||||
border-right: 1px solid var(--tchmi-display-border);
|
||||
}
|
||||
|
||||
.display-result-term-input {
|
||||
background-color: var(--tchmi-display-background);
|
||||
color: black;
|
||||
}
|
||||
|
||||
.keyboard-container {
|
||||
background-color: var(--tchmi-background);
|
||||
}
|
||||
|
||||
.svg-icon-container {
|
||||
&:hover {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
.svg-scientific-icon-container {
|
||||
background-image: url('Images/activate-recipe.svg');
|
||||
|
||||
&.active {
|
||||
background-color: var(--tchmi-icon-background-pressed);
|
||||
}
|
||||
}
|
||||
|
||||
.svg-history-icon-container {
|
||||
&.active {
|
||||
background-color: var(--tchmi-icon-background-pressed);
|
||||
}
|
||||
}
|
||||
|
||||
.history-container {
|
||||
background-color: var(--tchmi-background-transparent);
|
||||
}
|
||||
|
||||
.history-element {
|
||||
&:hover {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user