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 @@
|
||||
<svg id="Inhalt" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-2{fill:#fff;}</style></defs><title>icons_error_normal</title><path class="cls-2" d="M40,54.54a2.45,2.45,0,0,1-2.46-2.42,2.44,2.44,0,1,1,4.88,0A2.46,2.46,0,0,1,40,54.54ZM41.42,46c-.06.55-.17.52-.61.52H39.16c-.43,0-.55,0-.61-.52l-.64-11.27c0-.49,0-.53,0-.7a.48.48,0,0,1,.52-.5H41.5a.54.54,0,0,1,.58.52c0,.17,0,.13,0,.62Z"/></svg>
|
||||
|
After Width: | Height: | Size: 418 B |
@@ -0,0 +1,114 @@
|
||||
/** Styles for the theme: Base-Dark */
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker,
|
||||
.tchmi-date-time-picker,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-template-overlay,
|
||||
.tchmi-date-time-picker-template-overlay {
|
||||
--tchmi-overlay-background: var(--tchmi-background-color-1);
|
||||
--tchmi-background: var(--tchmi-background-color-1);
|
||||
--tchmi-color: var(--tchmi-foreground-color-1);
|
||||
--tchmi-label-color: var(--tchmi-foreground-color-1);
|
||||
--tchmi-header-background: var(--tchmi-highlight-color-1);
|
||||
--tchmi-header-color: var(--tchmi-foreground-color-1);
|
||||
--tchmi-weekdays-background: var(--tchmi-background-color-4);
|
||||
--tchmi-weekdays-color: var(--tchmi-foreground-color-1);
|
||||
--tchmi-weekend-background: var(--tchmi-background-color-4);
|
||||
--tchmi-days-background: var(--tchmi-background-color-3);
|
||||
--tchmi-days-color: var(--tchmi-foreground-color-1);
|
||||
--tchmi-days-background-active: var(--tchmi-highlight-color-1);
|
||||
--tchmi-days-color-active: var(--tchmi-foreground-color-1);
|
||||
--tchmi-color-disabled: var(--tchmi-foreground-color-4);
|
||||
}
|
||||
|
||||
.tchmi-system-topmostlayer-container .TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-template-overlay,
|
||||
.tchmi-system-topmostlayer-container .tchmi-date-time-picker-template-overlay {
|
||||
box-shadow: var(--tchmi-popup-shadow);
|
||||
background: var(--tchmi-overlay-background);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-template-label,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-template-value,
|
||||
.tchmi-date-time-picker-template-label,
|
||||
.tchmi-date-time-picker-template-value {
|
||||
color: var(--tchmi-label-color);
|
||||
}
|
||||
|
||||
/* calendar style */
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-calendar-template-header,
|
||||
.tchmi-date-time-picker-calendar-template-header {
|
||||
background: var(--tchmi-header-background);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-calendar-template-header ul li,
|
||||
.tchmi-date-time-picker-calendar-template-header ul li {
|
||||
color: var(--tchmi-header-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-calendar-template-weekdays,
|
||||
.tchmi-date-time-picker-calendar-template-weekdays {
|
||||
background-color: var(--tchmi-weekdays-background);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-calendar-template-weekdays li,
|
||||
.tchmi-date-time-picker-calendar-template-weekdays li {
|
||||
color: var(--tchmi-weekdays-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-calendar-template-weekend-day-element,
|
||||
.tchmi-date-time-picker-calendar-template-weekend-day-element {
|
||||
background-color: var(--tchmi-weekend-background);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-calendar-template-days,
|
||||
.tchmi-date-time-picker-calendar-template-days {
|
||||
background: var(--tchmi-days-background);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-calendar-template-days li,
|
||||
.tchmi-date-time-picker-calendar-template-days li {
|
||||
color: var(--tchmi-days-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-calendar-template-days .active,
|
||||
.tchmi-date-time-picker-calendar-template-days .active {
|
||||
background: var(--tchmi-days-background-active);
|
||||
color: var(--tchmi-days-color-active);
|
||||
}
|
||||
|
||||
/* time style */
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-time-template-label,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-time-template-textbox,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-time-template-colon,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-template-time-label,
|
||||
.tchmi-date-time-picker-time-template-label,
|
||||
.tchmi-date-time-picker-time-template-textbox,
|
||||
.tchmi-date-time-picker-time-template-colon,
|
||||
.tchmi-date-time-picker-template-time-label {
|
||||
color: var(--tchmi-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-template-overlay .TcHmi_Controls_Beckhoff_TcHmiTextbox-template-border,
|
||||
.tchmi-date-time-picker-template-overlay .tchmi.textbox-template-border {
|
||||
box-shadow: initial;
|
||||
}
|
||||
|
||||
/** Direct Display styles*/
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-direct-display.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-direct-display.tchmi-date-time-picker {
|
||||
background: var(--tchmi-background);
|
||||
box-shadow: var(--tchmi-card-shadow);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-invalid-notification {
|
||||
background-image: url('Images/invalid-notification.svg');
|
||||
background-size: 200% 200%;
|
||||
background-color: var(--tchmi-error-color);
|
||||
background-position: 50% 50%;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-calendar-template .tchmi-disabled {
|
||||
color: var(--tchmi-color-disabled);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-calendar-template-calendar {
|
||||
box-shadow: var(--tchmi-card-shadow);
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<svg id="Inhalt" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-2{fill:#fff;}</style></defs><title>icons_error_normal</title><path class="cls-2" d="M 40 49.5 C 38.7 49.5 37.6 48.5 37.5 47.1 C 37.5 45.8 38.6 44.7 40 44.7 C 41.3 44.7 42.4 45.8 42.4 47.1 C 42.4 48.4 41.3 49.5 40 49.5 Z M 41.4 41 c -0.1 0.5 -0.2 0.5 -0.6 0.5 H 39.2 c -0.4 0 -0.5 0 -0.6 -0.5 l -0.6 -11.3 c 0 -0.5 0 -0.5 0 -0.7 C 37.9 28.9 38 28.8 38.1 28.7 C 38.2 28.6 38.3 28.5 38.4 28.5 H 41.5 C 41.6 28.5 41.8 28.6 41.9 28.7 C 42 28.8 42.1 28.9 42.1 29.1 c 0 0.2 0 0.1 0 0.6 Z"/></svg>
|
||||
|
After Width: | Height: | Size: 580 B |
@@ -0,0 +1,114 @@
|
||||
/** Styles for the theme: Base */
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker,
|
||||
.tchmi-date-time-picker,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-template-overlay,
|
||||
.tchmi-date-time-picker-template-overlay {
|
||||
--tchmi-overlay-background: var(--tchmi-background-color-4);
|
||||
--tchmi-background: var(--tchmi-background-color-1);
|
||||
--tchmi-color: var(--tchmi-highlight-color-1);
|
||||
--tchmi-label-color: var(--tchmi-highlight-color-1);
|
||||
--tchmi-header-background: var(--tchmi-highlight-color-1);
|
||||
--tchmi-header-color: var(--tchmi-foreground-color-2);
|
||||
--tchmi-weekdays-background: var(--tchmi-background-color-2);
|
||||
--tchmi-weekdays-color: var(--tchmi-foreground-color-1);
|
||||
--tchmi-weekend-background: var(--tchmi-background-color-2);
|
||||
--tchmi-days-background: var(--tchmi-background-color-3);
|
||||
--tchmi-days-color: var(--tchmi-foreground-color-1);
|
||||
--tchmi-days-background-active: var(--tchmi-highlight-color-1);
|
||||
--tchmi-days-color-active: var(--tchmi-foreground-color-2);
|
||||
--tchmi-color-disabled: var(--tchmi-foreground-color-3);
|
||||
}
|
||||
|
||||
.tchmi-system-topmostlayer-container .TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-template-overlay,
|
||||
.tchmi-system-topmostlayer-container .tchmi-date-time-picker-template-overlay {
|
||||
box-shadow: var(--tchmi-popup-shadow);
|
||||
background: var(--tchmi-overlay-background);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-template-label,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-template-value,
|
||||
.tchmi-date-time-picker-template-label,
|
||||
.tchmi-date-time-picker-template-value {
|
||||
color: var(--tchmi-label-color);
|
||||
}
|
||||
|
||||
/* calendar style */
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-calendar-template-header,
|
||||
.tchmi-date-time-picker-calendar-template-header {
|
||||
background: var(--tchmi-header-background);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-calendar-template-header ul li,
|
||||
.tchmi-date-time-picker-calendar-template-header ul li {
|
||||
color: var(--tchmi-header-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-calendar-template-weekdays,
|
||||
.tchmi-date-time-picker-calendar-template-weekdays {
|
||||
background-color: var(--tchmi-weekdays-background);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-calendar-template-weekdays li,
|
||||
.tchmi-date-time-picker-calendar-template-weekdays li {
|
||||
color: var(--tchmi-weekdays-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-calendar-template-weekend-day-element,
|
||||
.tchmi-date-time-picker-calendar-template-weekend-day-element {
|
||||
background-color: var(--tchmi-weekend-background);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-calendar-template-days,
|
||||
.tchmi-date-time-picker-calendar-template-days {
|
||||
background: var(--tchmi-days-background);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-calendar-template-days li,
|
||||
.tchmi-date-time-picker-calendar-template-days li {
|
||||
color: var(--tchmi-days-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-calendar-template-days .active,
|
||||
.tchmi-date-time-picker-calendar-template-days .active {
|
||||
background: var(--tchmi-days-background-active);
|
||||
color: var(--tchmi-days-color-active);
|
||||
}
|
||||
|
||||
/* time style */
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-time-template-label,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-time-template-textbox,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-time-template-colon,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-template-time-label,
|
||||
.tchmi-date-time-picker-time-template-label,
|
||||
.tchmi-date-time-picker-time-template-textbox,
|
||||
.tchmi-date-time-picker-time-template-colon,
|
||||
.tchmi-date-time-picker-template-time-label {
|
||||
color: var(--tchmi-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-template-overlay .TcHmi_Controls_Beckhoff_TcHmiTextbox-template-border,
|
||||
.tchmi-date-time-picker-template-overlay .textbox-template-border {
|
||||
box-shadow: initial;
|
||||
}
|
||||
|
||||
/** Direct Display styles*/
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-direct-display.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-direct-display.tchmi-date-time-picker {
|
||||
background: var(--tchmi-background);
|
||||
box-shadow: var(--tchmi-card-shadow);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-invalid-notification {
|
||||
background-image: url('Images/invalid-notification.svg');
|
||||
background-size: 200% 200%;
|
||||
background-color: var(--tchmi-error-color);
|
||||
background-position: 50% 50%;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-calendar-template .tchmi-disabled {
|
||||
color: var(--tchmi-color-disabled);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiDateTimePicker-calendar-template-calendar {
|
||||
box-shadow: var(--tchmi-card-shadow);
|
||||
}
|
||||
Reference in New Issue
Block a user