Added minimal functionality for Robot teaching
- Added minimal HMI - Added possibility to open and close all chamber doors
@@ -0,0 +1,329 @@
|
||||
{
|
||||
"$schema": "../../TcHmiFramework/Schema/ControlDescription.Schema.json",
|
||||
"apiVersion": 1,
|
||||
"name": "TcHmiFileExplorer",
|
||||
"namespace": "TcHmi.Controls.Beckhoff",
|
||||
"displayName": "File Explorer",
|
||||
"version": {
|
||||
"full": "14.4.1.0",
|
||||
"major": 14,
|
||||
"minor": 4,
|
||||
"build": 1,
|
||||
"revision": 0
|
||||
},
|
||||
"visible": true,
|
||||
"themeable": "Standard",
|
||||
"base": "TcHmi.Controls.System.TcHmiControl",
|
||||
"description": "Browse, copy and move files on the server, down- and upload files from and to the server.",
|
||||
"defaultDesignerEvent": "",
|
||||
"properties": {
|
||||
"containerControl": false,
|
||||
"geometry": {
|
||||
"width": 650,
|
||||
"height": 400
|
||||
}
|
||||
},
|
||||
"icons": [
|
||||
{
|
||||
"name": "Icons/16x16.png",
|
||||
"width": 16,
|
||||
"height": 16
|
||||
}
|
||||
],
|
||||
"template": "Template.html",
|
||||
"dependencyFiles": [
|
||||
{
|
||||
"name": "Style.css",
|
||||
"type": "Stylesheet",
|
||||
"description": ""
|
||||
},
|
||||
{
|
||||
"name": "../dist/TcHmiFileExplorer/TcHmiFileExplorer.esm.js",
|
||||
"type": "EsModule",
|
||||
"description": "Contains all the main logic as ES module."
|
||||
}
|
||||
],
|
||||
"themes": {
|
||||
"Base": {
|
||||
"resources": [
|
||||
{
|
||||
"name": "Themes/Base/Style.css",
|
||||
"type": "Stylesheet",
|
||||
"description": ""
|
||||
}
|
||||
]
|
||||
},
|
||||
"Base-Dark": {
|
||||
"resources": [
|
||||
{
|
||||
"name": "Themes/Base-Dark/Style.css",
|
||||
"type": "Stylesheet",
|
||||
"description": ""
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"attributes": [
|
||||
{
|
||||
"name": "data-tchmi-root",
|
||||
"propertyName": "Root",
|
||||
"propertySetterName": "setRoot",
|
||||
"propertyGetterName": "getRoot",
|
||||
"displayName": "Root",
|
||||
"visible": true,
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:general#/definitions/String",
|
||||
"category": "Common",
|
||||
"themeable": "Advanced",
|
||||
"description": "The root folder, from which to explore files. It is not possible to navigate above the root folder.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "/"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-path",
|
||||
"propertyName": "Path",
|
||||
"propertySetterName": "setPath",
|
||||
"propertyGetterName": "getPath",
|
||||
"displayName": "Path",
|
||||
"visible": true,
|
||||
"displayPriority": 11,
|
||||
"type": "tchmi:general#/definitions/String",
|
||||
"category": "Common",
|
||||
"themeable": "Advanced",
|
||||
"description": "The current path. The path is always relative to the configured root, but cannot refer to parent directories of root.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": ""
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-full-path",
|
||||
"propertyName": "FullPath",
|
||||
"propertyGetterName": "getFullPath",
|
||||
"displayName": "Full Path",
|
||||
"visible": true,
|
||||
"type": "tchmi:general#/definitions/String",
|
||||
"category": "Common",
|
||||
"description": "The full path, including root.",
|
||||
"readOnly": true,
|
||||
"bindable": false,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-selected-items",
|
||||
"propertyName": "SelectedItems",
|
||||
"propertyGetterName": "getSelectedItems",
|
||||
"displayName": "Selected Items",
|
||||
"visible": true,
|
||||
"type": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiFileExplorer.NameArray",
|
||||
"category": "Common",
|
||||
"description": "An array containing the names of the currently selected items.",
|
||||
"readOnly": true,
|
||||
"bindable": false,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-sorting",
|
||||
"propertyName": "Sorting",
|
||||
"propertySetterName": "setSorting",
|
||||
"propertyGetterName": "getSorting",
|
||||
"displayName": "Sorting",
|
||||
"visible": true,
|
||||
"displayPriority": 12,
|
||||
"type": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiFileExplorer.Sorting",
|
||||
"category": "Common",
|
||||
"themeable": "Advanced",
|
||||
"description": "Defines sorting rules for the displayed files.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"allowSymbolExpressionsInObject": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": [
|
||||
{
|
||||
"name": "type",
|
||||
"order": "Descending"
|
||||
},
|
||||
{
|
||||
"name": "name",
|
||||
"order": "Ascending"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-server-interval",
|
||||
"propertyName": "ServerInterval",
|
||||
"propertySetterName": "setServerInterval",
|
||||
"propertyGetterName": "getServerInterval",
|
||||
"displayName": "Server Interval",
|
||||
"visible": true,
|
||||
"displayPriority": 60,
|
||||
"type": "tchmi:general#/definitions/Number",
|
||||
"category": "Common",
|
||||
"themeable": "Advanced",
|
||||
"description": "Sets the interval for the ListFiles subscription in milliseconds. If left empty the websocketIntervalTime defined in tchmiconfig.json will be used.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-menu-bar-position",
|
||||
"propertyName": "MenuBarPosition",
|
||||
"propertySetterName": "setMenuBarPosition",
|
||||
"propertyGetterName": "getMenuBarPosition",
|
||||
"displayName": "Menu Bar Position",
|
||||
"visible": true,
|
||||
"displayPriority": 10,
|
||||
"type": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiFileExplorer.MenuBarPosition",
|
||||
"category": "Menu Bar",
|
||||
"themeable": "Standard",
|
||||
"description": "Whether to display the menu bar at the top or bottom of the control.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": "Top"
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-menu-bar-height",
|
||||
"propertyName": "MenuBarHeight",
|
||||
"propertySetterName": "setMenuBarHeight",
|
||||
"propertyGetterName": "getMenuBarHeight",
|
||||
"displayName": "Menu Bar Height",
|
||||
"visible": true,
|
||||
"displayPriority": 11,
|
||||
"type": "tchmi:framework#/definitions/MeasurementValue",
|
||||
"category": "Menu Bar",
|
||||
"themeable": "Standard",
|
||||
"description": "The height of the menu bar.",
|
||||
"readOnly": false,
|
||||
"bindable": true,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValue": null,
|
||||
"defaultValueInternal": 30
|
||||
},
|
||||
{
|
||||
"name": "data-tchmi-menu-bar-height-unit",
|
||||
"propertyName": "MenuBarHeightUnit",
|
||||
"propertyGetterName": "getMenuBarHeightUnit",
|
||||
"displayName": "Menu Bar Height Unit",
|
||||
"refTo": "MenuBarHeight",
|
||||
"visible": true,
|
||||
"displayPriority": 11,
|
||||
"type": "tchmi:framework#/definitions/PixelUnit",
|
||||
"category": "Menu Bar",
|
||||
"description": "The height unit of the menu bar.",
|
||||
"readOnly": true,
|
||||
"bindable": false,
|
||||
"defaultBindingMode": "OneWay",
|
||||
"heritable": true,
|
||||
"defaultValueInternal": "px"
|
||||
}
|
||||
],
|
||||
"attributeCategories": [
|
||||
{
|
||||
"name": "Menu Bar",
|
||||
"displayPriority": 500,
|
||||
"description": "Attributes to define the layout of the menu bar."
|
||||
}
|
||||
],
|
||||
"functions": [],
|
||||
"events": [
|
||||
{
|
||||
"name": ".onPathChanged",
|
||||
"displayName": ".onPathChanged",
|
||||
"visible": true,
|
||||
"displayPriority": 5,
|
||||
"category": "Operator",
|
||||
"description": "The onPathChanged event is fired when the full path changes.",
|
||||
"heritable": true,
|
||||
"arguments": []
|
||||
},
|
||||
{
|
||||
"name": ".onSelectionChanged",
|
||||
"displayName": ".onSelectionChanged",
|
||||
"visible": true,
|
||||
"displayPriority": 6,
|
||||
"category": "Operator",
|
||||
"description": "The onSelectionChanged event is fired when one or more items are selected or deselected.",
|
||||
"heritable": true,
|
||||
"arguments": []
|
||||
}
|
||||
],
|
||||
"access": [
|
||||
{
|
||||
"name": "create",
|
||||
"displayName": "Create",
|
||||
"description": "Controls the ability to create folders and upload files. This defaults to true.",
|
||||
"visible": true,
|
||||
"defaultValueInternal": true,
|
||||
"dependsOn": [
|
||||
"operate"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "rename",
|
||||
"displayName": "Rename",
|
||||
"description": "Controls the ability to rename files and folders. This defaults to true.",
|
||||
"visible": true,
|
||||
"defaultValueInternal": true,
|
||||
"dependsOn": [
|
||||
"operate"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "delete",
|
||||
"displayName": "Delete",
|
||||
"description": "Controls the ability to delete files and folders. This defaults to true.",
|
||||
"visible": true,
|
||||
"defaultValueInternal": true,
|
||||
"dependsOn": [
|
||||
"operate"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "download",
|
||||
"displayName": "Download",
|
||||
"description": "Controls the ability to download files. This defaults to true.",
|
||||
"visible": true,
|
||||
"defaultValueInternal": true,
|
||||
"dependsOn": [
|
||||
"operate"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "cut",
|
||||
"displayName": "Cut",
|
||||
"description": "Internal access right used for the cut button.",
|
||||
"visible": false,
|
||||
"defaultValueInternal": true,
|
||||
"dependsOn": [
|
||||
"delete",
|
||||
"create"
|
||||
]
|
||||
}
|
||||
],
|
||||
"dataTypes": [
|
||||
{
|
||||
"schema": "Schema/Types.Schema.json"
|
||||
}
|
||||
],
|
||||
"languages": {
|
||||
"en": "Lang/Language.en.json",
|
||||
"de": "Lang/Language.de.json"
|
||||
}
|
||||
}
|
||||
|
After Width: | Height: | Size: 218 B |
@@ -0,0 +1,63 @@
|
||||
{
|
||||
"$schema": "../../../TwinCAT-HMI-Common/JsonSchemas/Language.Schema.json",
|
||||
"locale": "de",
|
||||
"localizedText": {
|
||||
"Button_Tooltip_CreateFolder": "Neuen Ordner erstellen",
|
||||
"Button_Tooltip_CreateFolder_MissingSymbolAccess": "Neuen Ordner erstellen. Sie benötigen Schreibzugriff auf das Serversymbol 'Upload'",
|
||||
"Button_Tooltip_Download": "Ausgewählte Dateien herunterladen",
|
||||
"Button_Tooltip_Download_NotSupported": "Ausgewählte Dateien herunterladen. Downloads werden von diesem Browser nicht unterstützt.",
|
||||
"Button_Tooltip_Upload": "Dateien in den aktuellen Ordner hochladen",
|
||||
"Button_Tooltip_Upload_MissingSymbolAccess": "Dateien in den aktuellen Ordner hochladen. Sie benötigen Schreibzugriff auf das Serversymbol 'Upload' und Lesezugriff auf das Serversymbol 'TcHmiSrv.Config'",
|
||||
"Button_Tooltip_Rename": "Umbenennen",
|
||||
"Button_Tooltip_Rename_MissingSymbolAccess": "Umbenennen. Sie benötigen Schreibzugriff auf das Serversymbol 'Rename'",
|
||||
"Button_Tooltip_Copy": "Kopieren",
|
||||
"Button_Tooltip_Copy_MissingSymbolAccess": "Kopieren. Sie benötigen Schreibzugriff auf das Serversymbol 'Copy'",
|
||||
"Button_Tooltip_Cut": "Ausschneiden",
|
||||
"Button_Tooltip_Cut_MissingSymbolAccess": "Ausschneiden. Sie benötigen Schreibzugriff auf das Serversymbol 'Rename'",
|
||||
"Button_Tooltip_Paste": "Einfügen",
|
||||
"Button_Tooltip_Paste_MissingSymbolAccess": "Einfügen. Sie benötigen Schreibzugriff auf das Serversymbol 'Copy' oder 'Rename'",
|
||||
"Button_Tooltip_Delete": "Löschen",
|
||||
"Button_Tooltip_Delete_MissingSymbolAccess": "Löschen. Sie benötigen Schreibzugriff auf das Serversymbol 'Delete'",
|
||||
"Input_Placeholder_Search": "Suche...",
|
||||
"Popup_Button_Text_OK": "OK",
|
||||
"Popup_Button_Tooltip_OK": "Eingegebene Werte akzeptieren und Popup schließen",
|
||||
"Popup_Button_Text_Cancel": "Abbrechen",
|
||||
"Popup_Button_Tooltip_Cancel": "Eingegebene Werte verwerfen und Popup schließen",
|
||||
"Popup_Header_NewFolder": "Neuer Ordner",
|
||||
"Popup_Label_Name": "Bitte einen Namen eingeben:",
|
||||
"New_Folder": "Neuer Ordner",
|
||||
"Popup_Button_Text_Yes": "Ja",
|
||||
"Popup_Button_Text_No": "Nein",
|
||||
"Popup_Header_ConfirmDelete": "Löschen",
|
||||
"Popup_Text_ConfirmDelete": "Sind Sie sicher, dass Sie die ausgewählten Dateien und/oder Ordner mitsamt Inhalt löschen möchten?\nDiese Aktion kann nicht rückgängig gemacht werden.",
|
||||
"Popup_Header_FileUploadError": "Fehler beim Hochladen der Dateien",
|
||||
"Popup_Text_FileUploadError": "Diese Dateien konnten aufgrund folgender Fehler nicht hochgeladen werden:\n\n{0}\n\nAndere ausgewählte Dateien werden trotzdem hochgeladen.",
|
||||
"Popup_Header_DeleteError": "Einige Dateien oder Ordner können nicht gelöscht werden",
|
||||
"Popup_Text_DeleteError": "Diese Dateien und Ordner können nicht gelöscht werden, da es sich um virtuelle Verzeichnisse handelt, oder nur Lesezugriff besteht:\n\n{0}\n\nAndere ausgewählte Dateien und Ordner können trotzdem gelöscht werden.",
|
||||
"Popup_Header_FileConflict": "Eine Datei mit diesem Namen existiert bereits",
|
||||
"Popup_Label_FileConflict": "Eine oder mehrere Dateien mit kollidierenden Namen sind bereits vorhanden.\nBitte wählen Sie, ob Sie die neue Datei überspringen und die Alte behalten wollen,\ndie alte Datei durch die Neue ersetzen oder beide Dateien behalten möchten.\n\nWenn Sie sich dafür entscheiden, beide Dateien zu behalten, wird die neue Datei umbenannt, indem eine Nummer an den Dateinamen angehängt wird.",
|
||||
"Popup_FileConflict_Radio_Text_Skip": "Überspringen",
|
||||
"Popup_FileConflict_Radio_Text_Replace": "Ersetzen",
|
||||
"Popup_FileConflict_Radio_Text_KeepBoth": "Beide behalten",
|
||||
"Popup_FileConflict_Label_DoForAll": "Diese Aktion für alle Dateien ausführen:",
|
||||
"Popup_FileConflict_Button_Tooltip_Cancel": "Komplette Operation abbrechen",
|
||||
"Popup_Header_Rename": "Umbenennen",
|
||||
"Metadata_Label_FileSize": "Größe",
|
||||
"Metadata_Label_ModificationTime": "Geändert",
|
||||
"Metadata_Label_VirtualDirectory": "Virtuelles Verzeichnis",
|
||||
"Metadata_Label_ReadOnly": "Nur Lesezugriff",
|
||||
"Metadata_Label_UploadPending": "Warte auf Upload...",
|
||||
"Metadata_Label_UploadInProgress": "Wird hochgeladen",
|
||||
"Metadata_Label_UploadError": "Hochladen fehlgeschlagen",
|
||||
"Label_OrderBy": "Sortierung: {0}",
|
||||
"Label_OrderBy_Unconfigured": "Sortierung...",
|
||||
"Sort_Name_Name": "Name",
|
||||
"Sort_Name_Type": "Typ",
|
||||
"Sort_Name_FileSize": "Größe",
|
||||
"Sort_Name_ModificationTime": "Änderungsdatum",
|
||||
"Button_Text_OK": "OK",
|
||||
"Button_Tooltip_OK_Sorting": "Die Sortierung anwenden.",
|
||||
"Button_Text_Reset": "Zurücksetzen",
|
||||
"Button_Tooltip_Reset_Sorting": "Die Sortierung auf die Ursprungskonfiguration zurücksetzen."
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,63 @@
|
||||
{
|
||||
"$schema": "../../../TwinCAT-HMI-Common/JsonSchemas/Language.Schema.json",
|
||||
"locale": "en",
|
||||
"localizedText": {
|
||||
"Button_Tooltip_CreateFolder": "Create a new folder",
|
||||
"Button_Tooltip_CreateFolder_MissingSymbolAccess": "Create a new folder. You need write access to the server symbol 'Upload' for this",
|
||||
"Button_Tooltip_Download": "Download the selected files",
|
||||
"Button_Tooltip_Download_NotSupported": "Download the selected files. Downloads are not supported by this browser.",
|
||||
"Button_Tooltip_Upload": "Upload files into the current folder",
|
||||
"Button_Tooltip_Upload_MissingSymbolAccess": "Upload files into the current folder. You need write access to the server symbol 'Upload' for this, as well as read access to the server symbol 'TcHmiSrv.Config'",
|
||||
"Button_Tooltip_Rename": "Rename",
|
||||
"Button_Tooltip_Rename_MissingSymbolAccess": "Rename. You need write access to the server symbol 'Rename' for this",
|
||||
"Button_Tooltip_Copy": "Copy",
|
||||
"Button_Tooltip_Copy_MissingSymbolAccess": "Copy. You need write access to the server symbol 'Copy' for this",
|
||||
"Button_Tooltip_Cut": "Cut",
|
||||
"Button_Tooltip_Cut_MissingSymbolAccess": "Cut. You need write access to the server symbol 'Rename' for this",
|
||||
"Button_Tooltip_Paste": "Paste",
|
||||
"Button_Tooltip_Paste_MissingSymbolAccess": "Paste. You need write access to the server symbol 'Copy' or 'Rename' for this",
|
||||
"Button_Tooltip_Delete": "Delete",
|
||||
"Button_Tooltip_Delete_MissingSymbolAccess": "Delete. You need write access to the server symbol 'Delete' for this",
|
||||
"Input_Placeholder_Search": "Search...",
|
||||
"Popup_Button_Text_OK": "OK",
|
||||
"Popup_Button_Tooltip_OK": "Apply the entered values and close the popup",
|
||||
"Popup_Button_Text_Cancel": "Cancel",
|
||||
"Popup_Button_Tooltip_Cancel": "Discard the entered values and close the popup",
|
||||
"Popup_Header_NewFolder": "Create new folder",
|
||||
"Popup_Label_Name": "Please enter a name:",
|
||||
"New_Folder": "New folder",
|
||||
"Popup_Button_Text_Yes": "Yes",
|
||||
"Popup_Button_Text_No": "No",
|
||||
"Popup_Header_ConfirmDelete": "Deleting",
|
||||
"Popup_Text_ConfirmDelete": "Are you sure you want to delete the selected files and/or folders including everything they contain?\nThis action cannot be undone.",
|
||||
"Popup_Header_FileUploadError": "Error while trying to upload files",
|
||||
"Popup_Text_FileUploadError": "These files could not be uploaded because of the following errors:\n\n{0}\n\nOther selected files will still be uploaded.",
|
||||
"Popup_Header_DeleteError": "Unable to delete items",
|
||||
"Popup_Text_DeleteError": "These files and folders cannot be deleted because they are virtual directories or marked as read only:\n\n{0}\n\nOther selected files and folders can still be deleted.",
|
||||
"Popup_Header_FileConflict": "A file with this name already exists",
|
||||
"Popup_Label_FileConflict": "One or more files with conflicting names already exist.\nPlease choose whether you want to skip the new file and keep the old one,\nreplace the old file with the new one, or keep both files.\n\nIf you choose to keep both files, the new file will be renamed by attaching a number to the file name.",
|
||||
"Popup_FileConflict_Radio_Text_Skip": "Skip",
|
||||
"Popup_FileConflict_Radio_Text_Replace": "Replace",
|
||||
"Popup_FileConflict_Radio_Text_KeepBoth": "Keep both",
|
||||
"Popup_FileConflict_Label_DoForAll": "Do this for all files:",
|
||||
"Popup_FileConflict_Button_Tooltip_Cancel": "Cancel the whole operation",
|
||||
"Popup_Header_Rename": "Rename",
|
||||
"Metadata_Label_FileSize": "Size",
|
||||
"Metadata_Label_ModificationTime": "Modified",
|
||||
"Metadata_Label_VirtualDirectory": "Virtual Directory",
|
||||
"Metadata_Label_ReadOnly": "Read Only",
|
||||
"Metadata_Label_UploadPending": "Waiting for upload...",
|
||||
"Metadata_Label_UploadInProgress": "Uploading",
|
||||
"Metadata_Label_UploadError": "Upload failed",
|
||||
"Label_OrderBy": "Order by: {0}",
|
||||
"Label_OrderBy_Unconfigured": "Order by...",
|
||||
"Sort_Name_Name": "Name",
|
||||
"Sort_Name_Type": "Type",
|
||||
"Sort_Name_FileSize": "Size",
|
||||
"Sort_Name_ModificationTime": "Modification date",
|
||||
"Button_Text_OK": "OK",
|
||||
"Button_Tooltip_OK_Sorting": "Apply the sorting.",
|
||||
"Button_Text_Reset": "Reset",
|
||||
"Button_Tooltip_Reset_Sorting": "Reset the sorting to the initial configuration."
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,69 @@
|
||||
{
|
||||
"$schema": "http://json-schema.org/draft-04/schema",
|
||||
"definitions": {
|
||||
"TcHmi.Controls.Beckhoff.TcHmiFileExplorer": {
|
||||
"type": "object",
|
||||
"frameworkInstanceOf": "TcHmi.Controls.System.TcHmiControl",
|
||||
"frameworkControlType": "TcHmiFileExplorer",
|
||||
"frameworkControlNamespace": "TcHmi.Controls.Beckhoff"
|
||||
},
|
||||
"TcHmi.Controls.Beckhoff.TcHmiFileExplorer.MenuBarPosition": {
|
||||
"type": "string",
|
||||
"enum": ["Top", "Bottom"],
|
||||
"default": "Top"
|
||||
},
|
||||
"TcHmi.Controls.Beckhoff.TcHmiFileExplorer.NameArray": {
|
||||
"type": "array",
|
||||
"items": {
|
||||
"type": "string",
|
||||
"minLength": 1
|
||||
}
|
||||
},
|
||||
"TcHmi.Controls.Beckhoff.TcHmiFileExplorer.Sorting": {
|
||||
"title": "File sorting",
|
||||
"type": "array",
|
||||
"items": {
|
||||
"title": "Sorting criterion",
|
||||
"type": "object",
|
||||
"engineeringColumns": ["name", "order"],
|
||||
"propertiesMeta": [
|
||||
{
|
||||
"name": "name",
|
||||
"displayName": "Name",
|
||||
"category": "General",
|
||||
"displayPriority": 10,
|
||||
"description": "Name of the property to sort by",
|
||||
"defaultValue": "name",
|
||||
"defaultValueInternal": null
|
||||
},
|
||||
{
|
||||
"name": "order",
|
||||
"displayName": "Order",
|
||||
"category": "General",
|
||||
"displayPriority": 10,
|
||||
"description": "Sort definition",
|
||||
"defaultValue": "Ascending",
|
||||
"defaultValueInternal": null
|
||||
}
|
||||
],
|
||||
"properties": {
|
||||
"name": {
|
||||
"type": "string",
|
||||
"enum": ["name", "type", "fileSize", "modificationTime"],
|
||||
"default": "name"
|
||||
},
|
||||
"order": {
|
||||
"type": "string",
|
||||
"enum": ["Ascending", "Descending"],
|
||||
"default": "Ascending"
|
||||
}
|
||||
},
|
||||
"required": ["name", "order"],
|
||||
"additionalProperties": false
|
||||
}
|
||||
},
|
||||
"TcHmiFileExplorer": {
|
||||
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiFileExplorer"
|
||||
}
|
||||
}
|
||||
}
|
||||
205
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiFileExplorer/Style.css
vendored
Normal file
@@ -0,0 +1,205 @@
|
||||
/** Styles for all themes */
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-template {
|
||||
position: relative;
|
||||
width: calc(100% - 10px);
|
||||
height: calc(100% - 10px);
|
||||
display: grid;
|
||||
grid-template:
|
||||
'menu menu'
|
||||
'tree browsing' minmax(0, 1fr) / auto 1fr;
|
||||
gap: 5px;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar {
|
||||
grid-area: menu;
|
||||
display: flex;
|
||||
gap: 5px;
|
||||
flex-wrap: wrap;
|
||||
--height: 30px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .TcHmi_Controls_System_TcHmiControl {
|
||||
position: relative;
|
||||
height: var(--height);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .TcHmi_Controls_Beckhoff_TcHmiButton {
|
||||
width: var(--height);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .sorting {
|
||||
width: 150px;
|
||||
margin-left: auto;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .sorting span {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
flex-grow: 1;
|
||||
padding: 0 3px;
|
||||
line-height: calc(var(--height) - 2px);
|
||||
box-sizing: border-box;
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .sorting div.open-button {
|
||||
width: 26px;
|
||||
height: 100%;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .input-search {
|
||||
margin-right: -5px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .input-search + .clear-search {
|
||||
width: var(--height);
|
||||
height: var(--height);
|
||||
margin: 0;
|
||||
margin-left: calc(var(--height) * -1);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-directory-tree {
|
||||
grid-area: tree;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-browsing-area {
|
||||
grid-area: browsing;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-path-box {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-browsing-box {
|
||||
flex-grow: 1;
|
||||
--tchmi-file-upload-progress: 0;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-browsing-box li.file[data-metadata-upload-status='InProgress']::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
height: 2px;
|
||||
width: var(--tchmi-file-upload-progress);
|
||||
transition: width 400ms;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-popup.TcHmi_Controls_Helpers_Popup-FileConflictPrompt
|
||||
.TcHmi_Controls_Helpers_Popup-scroll-container {
|
||||
margin-top: 10px;
|
||||
padding: 5px;
|
||||
max-height: 270px;
|
||||
overflow: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-popup.TcHmi_Controls_Helpers_Popup-FileConflictPrompt
|
||||
.TcHmi_Controls_Helpers_Popup-content
|
||||
> .TcHmi_Controls_Helpers_Popup-radio-row {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-popup.TcHmi_Controls_Helpers_Popup-FileConflictPrompt
|
||||
.TcHmi_Controls_Helpers_Popup-radio-row {
|
||||
display: flex;
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-popup.TcHmi_Controls_Helpers_Popup-FileConflictPrompt
|
||||
.TcHmi_Controls_Helpers_Popup-radio-row
|
||||
> span {
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator {
|
||||
position: absolute;
|
||||
padding: 5px;
|
||||
display: grid;
|
||||
grid-template:
|
||||
'list list'
|
||||
'reset ok';
|
||||
gap: 10px 5px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator ul {
|
||||
--li-height: 30px;
|
||||
--li-gap: 5px;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
grid-area: list;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li {
|
||||
--nth-child: 0;
|
||||
--position: 0;
|
||||
position: relative;
|
||||
top: calc(var(--nth-child) * (var(--li-height) + var(--li-gap)) * -1);
|
||||
transform: translateY(calc((var(--li-height) + var(--li-gap)) * var(--position)));
|
||||
height: var(--li-height);
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
margin-bottom: 5px;
|
||||
padding-left: 30px;
|
||||
align-items: center;
|
||||
transition: transform 0.25s ease-in-out;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li.dragging {
|
||||
transition: none;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li.divider {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li.divider::after {
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li span {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-grow: 1;
|
||||
padding-right: 3px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li div.drag-handle {
|
||||
height: 100%;
|
||||
aspect-ratio: 22/30;
|
||||
touch-action: none;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator .TcHmi_Controls_Beckhoff_TcHmiButton {
|
||||
position: unset;
|
||||
}
|
||||
@@ -0,0 +1,685 @@
|
||||
// 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";
|
||||
// ***************************************************************************
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
export declare enum UploadStatus {
|
||||
Pending = 0,
|
||||
InProgress = 1,
|
||||
Error = 2
|
||||
}
|
||||
export declare enum SymbolAccess {
|
||||
None = 0,
|
||||
Read = 1,
|
||||
Write = 2,
|
||||
ReadWrite = 3
|
||||
}
|
||||
declare class TcHmiFileExplorer extends TcHmi.Controls.System.TcHmiControl {
|
||||
#private;
|
||||
/**
|
||||
* Constructor Creates a new control instance.
|
||||
* @param element The element that hosts the control.
|
||||
* @param pcElement Precompiled element.
|
||||
* @param attrs The control attributes.
|
||||
*/
|
||||
constructor(element: JQuery, pcElement: JQuery, attrs: TcHmi.Controls.ControlAttributeList);
|
||||
protected __elementTemplateRoot: HTMLElement;
|
||||
protected __elementDirectoryTree: HTMLUListElement;
|
||||
protected __elementPathBox: HTMLDivElement;
|
||||
protected __elementBrowsingBox: HTMLUListElement;
|
||||
protected __elementMenuBar: HTMLDivElement;
|
||||
protected __buttons: {
|
||||
createFolder: TcHmiButton;
|
||||
download: TcHmiButton;
|
||||
upload: TcHmiButton;
|
||||
rename: TcHmiButton;
|
||||
copy: TcHmiButton;
|
||||
cut: TcHmiButton;
|
||||
paste: TcHmiButton;
|
||||
delete: TcHmiButton;
|
||||
};
|
||||
protected __elementSorting: HTMLDivElement;
|
||||
protected __inputSearch: TcHmiInput;
|
||||
protected __elementClearSearch: HTMLDivElement;
|
||||
protected __localizationReader: TcHmi.Locale.LocalizationReader | undefined;
|
||||
protected __directoryBrowser: DirectoryBrowser<DirectoryNode, DirectoryNode>;
|
||||
protected __listBrowsingDisplay: ListBrowsingDisplay;
|
||||
protected __directory: DirectoryNode;
|
||||
protected __clipboard: {
|
||||
action: 'cut' | 'copy';
|
||||
items: Path[];
|
||||
} | null;
|
||||
protected __subscriptionId: number | null;
|
||||
protected __symbolAccessSubscriptionId: number | null;
|
||||
protected __symbolAccess: {
|
||||
Upload: SymbolAccess;
|
||||
Rename: SymbolAccess;
|
||||
Copy: SymbolAccess;
|
||||
Delete: SymbolAccess;
|
||||
'TcHmiSrv.Config': SymbolAccess;
|
||||
};
|
||||
protected __fileUploader: TcHmi.FileUploader | null;
|
||||
protected __filesBeingUploaded: Map<string, ServerFile>;
|
||||
protected __namePrompt: InputPrompt | null;
|
||||
protected __confirmationPrompt: TextAndButtonsPrompt<boolean> | null;
|
||||
protected __errorPrompt: TextAndButtonsPrompt<void> | null;
|
||||
protected __errorPromptPromise: Promise<void>;
|
||||
protected __root: Path<string> | undefined;
|
||||
protected __path: Path<string> | undefined;
|
||||
protected __serverInterval: number | null | undefined;
|
||||
protected __showNavigationPane: boolean | undefined;
|
||||
protected __navigationPanePosition: 'Left' | 'Right' | undefined;
|
||||
protected __menuBarPosition: 'Top' | 'Bottom' | undefined;
|
||||
protected __menuBarHeight: number | undefined;
|
||||
protected __storage: TcHmi.LocalStorage<{
|
||||
sorting: FileSortingInfo[];
|
||||
}, {
|
||||
sorting: ReturnType<TcHmiFileExplorer['getSorting']>;
|
||||
}> | undefined;
|
||||
protected __sortConfigurator: SortConfigurator<FileSortingInfo> | 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;
|
||||
/**
|
||||
* Handler for the pathChanged event of the directory browser.
|
||||
* @param currentItem The new current item.
|
||||
* @param path The new path.
|
||||
*/
|
||||
protected __onPathChanged(currentItem: DirectoryItem | null, path: string[] | null): void;
|
||||
/**
|
||||
* Handler for the selectionChanged event of the directory browser.
|
||||
* @param selectedItems The currently selected items.
|
||||
*/
|
||||
protected __onSelectionChanged(selectedItems: DescendantItem[] | null): void;
|
||||
/**
|
||||
* Handler for the pressed event of the create folder button.
|
||||
*/
|
||||
protected __onCreateFolderPressed(): void;
|
||||
/**
|
||||
* Handler for the pressed event of the download button.
|
||||
*/
|
||||
protected __onDownloadPressed(): void;
|
||||
/**
|
||||
* Handler for the pressed event of the upload button.
|
||||
*/
|
||||
protected __onUploadPressed(): void;
|
||||
/**
|
||||
* Handler for the pressed event of the rename button.
|
||||
*/
|
||||
protected __onRenamePressed(): void;
|
||||
/**
|
||||
* Handler for the pressed event of the copy button.
|
||||
*/
|
||||
protected __onCopyPressed(): void;
|
||||
/**
|
||||
* Handler for the pressed event of the cut button.
|
||||
*/
|
||||
protected __onCutPressed(): void;
|
||||
/**
|
||||
* Handler for the pressed event of the paste button.
|
||||
*/
|
||||
protected __onPastePressed(): void;
|
||||
/**
|
||||
* Handler for the pressed event of the delete button.
|
||||
*/
|
||||
protected __onDeletePressed(): void;
|
||||
/**
|
||||
* Handler for the textChanged event of the search input.
|
||||
*/
|
||||
protected __onSearchChanged(): void;
|
||||
/**
|
||||
* Handler for the click event of the clear search element.
|
||||
* @param event The event that is handled.
|
||||
*/
|
||||
protected __onClearSearchClick(event: MouseEvent): void;
|
||||
/**
|
||||
* Expands the given localization key to a full symbol expression.
|
||||
* @param key The key to expand.
|
||||
*/
|
||||
protected __expandLocalizationSymbol(key: string): string;
|
||||
/**
|
||||
* Updates the isEnabled states of the menu bar buttons.
|
||||
*/
|
||||
protected __updateButtonsEnabled(): void;
|
||||
/**
|
||||
* Forces the buttons operate rights to Deny if the user doesn't have the necessary symbol TcHmi.Access.
|
||||
*/
|
||||
protected __updateButtonAccess(): void;
|
||||
/**
|
||||
* Creates a new InputPrompt and sets the validationPatterns and localizations.
|
||||
*/
|
||||
protected __createNamePrompt(): InputPrompt;
|
||||
/**
|
||||
* Prompt the user for a name for the new folder and create this folder on the server.
|
||||
*/
|
||||
protected __createFolder(path: Path): Promise<void>;
|
||||
/**
|
||||
* Downloads the specified files. Folders are skipped.
|
||||
* @param path The path that contains the files to download.
|
||||
* @param items The files that should be downloaded.
|
||||
*/
|
||||
protected __downloadFiles(path: Path, items: DirectoryItem[]): void;
|
||||
/**
|
||||
* Shows a file selection window and uploads the selected files.
|
||||
*/
|
||||
protected __upload(): Promise<void>;
|
||||
/**
|
||||
* Uploads the given files to the specified path.
|
||||
* @param path The path to upload to.
|
||||
* @param files The files to upload.
|
||||
* @param existingNames The names of already existing files or folders in the target location.
|
||||
*/
|
||||
protected __uploadFiles(path: Path, files: FileList, existingNames: Set<string>): Promise<void>;
|
||||
/**
|
||||
* Shows an error popup with the specified header and content text.
|
||||
* @param headerText The header text.
|
||||
* @param contentText The content text.
|
||||
*/
|
||||
protected __showErrorPopup(headerText: TcHmi.Localizable, contentText: TcHmi.Localizable): Promise<void>;
|
||||
/**
|
||||
* Shows a popup asking the user how to resolve conflicting file names.
|
||||
* @param conflictingNames The names that conflict.
|
||||
* @param existingNames The names that already exist in the folder.
|
||||
*/
|
||||
protected __resolveFileNameConflicts(conflictingNames: Iterable<string>, existingNames: Iterable<string>): Promise<{
|
||||
isOk: true;
|
||||
value: Map<string, string>;
|
||||
} | {
|
||||
isOk: false;
|
||||
value?: void | undefined;
|
||||
} | {
|
||||
readonly isOk: false;
|
||||
}>;
|
||||
/**
|
||||
* Renames the given file in the given path.
|
||||
* @param path The path where the file to be renamed can be found.
|
||||
* @param name The name of the file to rename.
|
||||
*/
|
||||
protected __rename(path: Path, name: string): Promise<void>;
|
||||
/**
|
||||
* Pastes the items in the clipboard to the given path.
|
||||
* @param targetPath The path to paste into.
|
||||
* @param existingNames The names of already existing files or folders in the target location.
|
||||
*/
|
||||
protected __paste(targetPath: Path, existingNames: Set<string>): Promise<void>;
|
||||
/**
|
||||
* Prompt the user to confirm if they really want to delete, then delete the given items from the server.
|
||||
* @param path The path where the items to be deleted can be found.
|
||||
* @param items The names of the items to delete.
|
||||
* @param skipConfirmation If true, the user will not be asked to confirm the deletion.
|
||||
*/
|
||||
protected __delete(path: Path, items: DescendantItem[], skipConfirmation?: boolean): Promise<void>;
|
||||
protected __localizeListBrowsingDisplay(): void;
|
||||
/**
|
||||
* Sets the current value of attribute Root.
|
||||
* @param valueNew The new value.
|
||||
*/
|
||||
setRoot(valueNew: string | null): void;
|
||||
/**
|
||||
* Returns the current value of attribute Root.
|
||||
*/
|
||||
getRoot(): string | undefined;
|
||||
/**
|
||||
* Processes the current value of attribute Root.
|
||||
*/
|
||||
protected __processRoot(): void;
|
||||
/**
|
||||
* Sets the current value of attribute Path.
|
||||
* @param valueNew The new value.
|
||||
*/
|
||||
setPath(valueNew: string | null): void;
|
||||
/**
|
||||
* Returns the current value of attribute Path.
|
||||
*/
|
||||
getPath(): string | undefined;
|
||||
/**
|
||||
* Processes the current value of attribute Path.
|
||||
*/
|
||||
protected __processPath(): Promise<void>;
|
||||
/**
|
||||
* Returns the current value of the readonly attribute FullPath.
|
||||
*/
|
||||
getFullPath(): string;
|
||||
/**
|
||||
* Returns the current value of the readonly attribute SelectedItems.
|
||||
*/
|
||||
getSelectedItems(): string[];
|
||||
/**
|
||||
* Sets the current value of attribute Sorting.
|
||||
* @param valueNew The new value.
|
||||
*/
|
||||
setSorting(valueNew: FileSortingInfo[] | null): void;
|
||||
/**
|
||||
* The watch callback for the Sorting object resolver
|
||||
*/
|
||||
protected __onResolverForSortingWatchCallback(data: TcHmi.Symbol.ObjectResolver.IWatchResultObject<FileSortingInfo[]>): void;
|
||||
/**
|
||||
* Returns the current value of attribute Sorting.
|
||||
*/
|
||||
getSorting(): FileSortingInfo[] | undefined;
|
||||
/**
|
||||
* Processes the current value of attribute Sorting.
|
||||
*/
|
||||
protected __processSorting(): void;
|
||||
/**
|
||||
* Sets the current value of attribute ServerInterval.
|
||||
* @param valueNew The new value.
|
||||
*/
|
||||
setServerInterval(valueNew: number | null): void;
|
||||
/**
|
||||
* Returns the current value of attribute ServerInterval.
|
||||
*/
|
||||
getServerInterval(): number | null | undefined;
|
||||
/**
|
||||
* Processes the current value of attribute ServerInterval.
|
||||
*/
|
||||
protected __processServerInterval(): void;
|
||||
/**
|
||||
* Sets the current value of attribute MenuBarPosition.
|
||||
* @param valueNew The new value.
|
||||
*/
|
||||
setMenuBarPosition(valueNew: 'Top' | 'Bottom' | null): void;
|
||||
/**
|
||||
* Returns the current value of attribute MenuBarPosition.
|
||||
*/
|
||||
getMenuBarPosition(): "Top" | "Bottom" | undefined;
|
||||
/**
|
||||
* Sets the current value of attribute MenuBarHeight.
|
||||
* @param valueNew The new value.
|
||||
*/
|
||||
setMenuBarHeight(valueNew: number | null): void;
|
||||
/**
|
||||
* Returns the current value of attribute MenuBarHeight.
|
||||
*/
|
||||
getMenuBarHeight(): number | undefined;
|
||||
/**
|
||||
* Returns the current value of attribute MenuBarHeightUnit.
|
||||
*/
|
||||
getMenuBarHeightUnit(): string;
|
||||
/**
|
||||
* Processes the current value of attributes MenuBarPosition, MenuBarHeight, ShowNavigationPane and NavigationPanePosition.
|
||||
*/
|
||||
protected __processLayout(): void;
|
||||
/**
|
||||
* Unsubscribes and, if attached, resubscribes to ListFiles with updated writeValue.
|
||||
* @param unsubscribeOnly Set to true to only unsubscribe.
|
||||
*/
|
||||
protected __updateSubscription(unsubscribeOnly?: boolean): Promise<void>;
|
||||
/**
|
||||
* Creates a callback function for the ListFiles response for the given path.
|
||||
* @param path The path to list files for.
|
||||
*/
|
||||
protected __getListFilesHandler(path: Path): (data: TcHmi.Server.IResultObject<string, ServerFileList>) => void;
|
||||
/**
|
||||
* Updates the given path of the directory.
|
||||
* @param fileList The current file list for the given path.
|
||||
* @param path The path.
|
||||
*/
|
||||
protected __updateDirectory(fileList: ServerFileList, path: Path): void;
|
||||
protected __updateSymbolAccessSubscription(unsubscribeOnly?: boolean): void;
|
||||
static UploadStatus: typeof UploadStatus;
|
||||
static SymbolAccess: typeof SymbolAccess;
|
||||
}
|
||||
export interface ServerFile {
|
||||
fileFlags: ('Directory' | 'ReadOnly' | 'UserAccessReadOnly' | 'VirtualDirectory')[];
|
||||
fileSize?: number;
|
||||
link?: string;
|
||||
access?: TcHmi.Server.ACCESS;
|
||||
/** The md5 hash of the file */
|
||||
hash?: string;
|
||||
modificationTime?: string;
|
||||
uploadStatus?: UploadStatus;
|
||||
uploadedSize?: number;
|
||||
}
|
||||
export interface ServerFileList {
|
||||
[name: string]: ServerFile;
|
||||
}
|
||||
export interface DirectoryNode extends ServerFile {
|
||||
children?: Map<string, DirectoryNode>;
|
||||
}
|
||||
export interface DeleteWriteValue {
|
||||
fileName: string;
|
||||
domain?: string;
|
||||
}
|
||||
export interface CopyRenameWriteValue {
|
||||
old: string;
|
||||
new: string;
|
||||
domain?: string;
|
||||
configuration?: string;
|
||||
}
|
||||
export type DirectoryItem = DirectoryBrowser.Item<DirectoryNode, DirectoryNode>;
|
||||
export type FolderLikeItem = DirectoryBrowser.FolderLikeItem<DirectoryNode, DirectoryNode>;
|
||||
export type DescendantItem = DirectoryBrowser.DescendantItem<DirectoryNode, DirectoryNode>;
|
||||
export interface FileSortingInfo extends TcHmi.SortingInfo {
|
||||
name: 'name' | 'type' | 'fileSize' | 'modificationTime';
|
||||
}
|
||||
export { TcHmiFileExplorer as Control };
|
||||
declare const _TcHmiFileExplorer: typeof TcHmiFileExplorer;
|
||||
type tTcHmiFileExplorer = TcHmiFileExplorer;
|
||||
type tUploadStatus = UploadStatus;
|
||||
type tSymbolAccess = SymbolAccess;
|
||||
type tServerFile = ServerFile;
|
||||
type tServerFileList = ServerFileList;
|
||||
type tDirectoryNode = DirectoryNode;
|
||||
type tDeleteWriteValue = DeleteWriteValue;
|
||||
type tCopyRenameWriteValue = CopyRenameWriteValue;
|
||||
type tDirectoryItem = DirectoryItem;
|
||||
type tFolderLikeItem = FolderLikeItem;
|
||||
type tDescendantItem = DescendantItem;
|
||||
declare global {
|
||||
namespace TcHmi.Controls.Beckhoff {
|
||||
const TcHmiFileExplorer: typeof _TcHmiFileExplorer;
|
||||
type TcHmiFileExplorer = tTcHmiFileExplorer;
|
||||
namespace TcHmiFileExplorer {
|
||||
type UploadStatus = tUploadStatus;
|
||||
type SymbolAccess = tSymbolAccess;
|
||||
type ServerFile = tServerFile;
|
||||
type ServerFileList = tServerFileList;
|
||||
type DirectoryNode = tDirectoryNode;
|
||||
type DeleteWriteValue = tDeleteWriteValue;
|
||||
type CopyRenameWriteValue = tCopyRenameWriteValue;
|
||||
type DirectoryItem = tDirectoryItem;
|
||||
type FolderLikeItem = tFolderLikeItem;
|
||||
type DescendantItem = tDescendantItem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export declare class Path<T extends string | string[] = string | string[]> {
|
||||
private readonly __original;
|
||||
private readonly __path;
|
||||
private readonly __rootParts;
|
||||
/**
|
||||
* Creates a new path object by validation the passed in path value.
|
||||
* @param path The original path value. If applicable, '..' will be resolved.
|
||||
* A path can either be a string, using '/' as the path separator, or an array, where each array item is a path item. It path is an array, its items must not contain '/'.
|
||||
* @param root Whether to treat the whole path as a root path, meaning its parents cannot be navigated to, or, if a number, how many path items belong to the root.
|
||||
*/
|
||||
constructor(path: T, root?: boolean | number);
|
||||
/**
|
||||
* Returns the original value.
|
||||
*/
|
||||
get original(): T;
|
||||
/**
|
||||
* Returns the length of the path array.
|
||||
*/
|
||||
get length(): number;
|
||||
/**
|
||||
* Gets an individual part of the path.
|
||||
* @param index The index of the part to get.
|
||||
*/
|
||||
get(index: number): string;
|
||||
/**
|
||||
* Returns the last part of the path, i. e. the name of the file or folder the path points to. Returns undefined if the path is empty.
|
||||
*/
|
||||
getName(): string;
|
||||
/**
|
||||
* Returns the path in string representation.
|
||||
*/
|
||||
toString(): string;
|
||||
/**
|
||||
* Returns the path in array representation.
|
||||
*/
|
||||
toArray(): string[];
|
||||
/**
|
||||
* Combines this path with the given other path and returns the result as a new path.
|
||||
* @param path The path to combine this path with.
|
||||
*/
|
||||
combine(path: Path | string | string[]): Path<string[]>;
|
||||
/**
|
||||
* Removes the last part of the path and returns it.
|
||||
*/
|
||||
pop(): string | undefined;
|
||||
/**
|
||||
* Checks if the given path is equal to this path.
|
||||
* @param path The path to check.
|
||||
*/
|
||||
equals(path: Path | string | string[]): boolean;
|
||||
/**
|
||||
* Provide an iterator.
|
||||
*/
|
||||
[globalThis.Symbol.iterator](): IterableIterator<string>;
|
||||
}
|
||||
|
||||
|
||||
|
||||
export declare class FileConflictPrompt extends OkCancelPrompt<Map<string, string>> {
|
||||
protected __existingNames: Set<string>;
|
||||
protected __elementLabel: HTMLElement;
|
||||
protected __rows: Map<string, {
|
||||
skip: TcHmiRadioButton;
|
||||
replace: TcHmiRadioButton;
|
||||
both: TcHmiRadioButton;
|
||||
}>;
|
||||
protected __doAll: {
|
||||
label: HTMLElement;
|
||||
controls: {
|
||||
skip: TcHmiRadioButton;
|
||||
replace: TcHmiRadioButton;
|
||||
both: TcHmiRadioButton;
|
||||
};
|
||||
} | undefined;
|
||||
/**
|
||||
* Creates a new FileConflictPrompt instance.
|
||||
* @param conflictingNames A map of the names that produce conflicts and whether the original file is replaceable (i. e. not read only).
|
||||
* @param parentControl The control which owns the popup.
|
||||
*/
|
||||
constructor(conflictingNames: Map<string, boolean>, existingNames: Iterable<string>, parentControl: TcHmi.Controls.System.TcHmiControl);
|
||||
/**
|
||||
* Destroys the popup and all its controls.
|
||||
* @param force If true, child controls will be removed from the parent control before destruction, to ensure destruction in case of keepAlive === true.
|
||||
*/
|
||||
destroy(force?: boolean): void;
|
||||
/**
|
||||
* Creates a container element with a label and three radio buttons.
|
||||
* @param labelText The text that is displayed in the label.
|
||||
* @param replaceable Whether to enable or disable the 'Replace' radio button.
|
||||
* @param eventHandler The event handler for the radioStateChanged event of the radio buttons.
|
||||
*/
|
||||
protected __buildRow(labelText: string, replaceable?: boolean, eventHandler?: () => void): {
|
||||
container: HTMLDivElement;
|
||||
label: HTMLSpanElement;
|
||||
controls: {
|
||||
skip: TcHmiRadioButton;
|
||||
replace: TcHmiRadioButton;
|
||||
both: TcHmiRadioButton;
|
||||
};
|
||||
};
|
||||
/**
|
||||
* Event handler for the radioStateChanged event of the radio buttons
|
||||
*/
|
||||
protected __onRadioStateChanged(): void;
|
||||
/**
|
||||
* Create an event handler for radioStateChanged event of an all
|
||||
* @param name
|
||||
*/
|
||||
protected __getOnAllRadioStateChangedHandler(name: 'skip' | 'replace' | 'both'): () => void;
|
||||
/**
|
||||
* Performs the action for the OK button, i.e. calling prompt.answer().
|
||||
*/
|
||||
protected __ok(): void;
|
||||
/**
|
||||
* Sets localizable texts to the given localization symbols.
|
||||
* @param texts A collection of localization symbol expressions.
|
||||
*/
|
||||
setLocalizations(texts: Partial<LocalizableTexts>): void;
|
||||
}
|
||||
export interface LocalizableTexts extends OkCancelPrompt.LocalizableTexts {
|
||||
headerText: TcHmi.Localizable;
|
||||
labelText: TcHmi.Localizable;
|
||||
radioTextSkip: TcHmi.Localizable;
|
||||
radioTextReplace: TcHmi.Localizable;
|
||||
radioTextKeepBoth: TcHmi.Localizable;
|
||||
labelDoForAll: TcHmi.Localizable;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Class to display a dropdown to configure sorting criterions.
|
||||
*/
|
||||
export declare class SortConfigurator<T extends TcHmi.SortingInfo> {
|
||||
protected __host: HTMLElement;
|
||||
protected __parentControl: TcHmiControl.Control;
|
||||
protected __display: HTMLSpanElement;
|
||||
protected __dropdown: HTMLDivElement;
|
||||
protected __list: HTMLUListElement;
|
||||
protected __criterions: Map<T["name"], {
|
||||
localizationKey: string;
|
||||
element: HTMLLIElement;
|
||||
label: HTMLSpanElement;
|
||||
}>;
|
||||
protected __divider: HTMLLIElement;
|
||||
protected __attributeValue: T[] | undefined;
|
||||
protected __userValue: T[];
|
||||
protected __onValueChangeManager: Callback.Collection<(value: T[], isUserConfigured: boolean) => void>;
|
||||
onValueChange: Readonly<{
|
||||
add: (callback: (value: T[], isUserConfigured: boolean) => void) => () => void;
|
||||
remove: (callback: (value: T[], isUserConfigured: boolean) => void) => void;
|
||||
}>;
|
||||
protected __localizationReader: TcHmi.Locale.LocalizationReader | null;
|
||||
protected __destroyers: TcHmi.DestroyFunction[];
|
||||
protected __destroyOnClose: TcHmi.DestroyFunction[];
|
||||
protected __pointerEventDestroyers: TcHmi.DestroyFunction[];
|
||||
protected __isOpen: boolean;
|
||||
protected __dropdownResizeObserver: ResizeObserver | null;
|
||||
protected __dragOperations: Map<HTMLLIElement, {
|
||||
criterion: T;
|
||||
currentIndex: number;
|
||||
originalIndex: number;
|
||||
pointers: {
|
||||
id: number;
|
||||
offset: number;
|
||||
}[];
|
||||
}>;
|
||||
protected __workingCopy: T[] | null;
|
||||
protected __listItemGeometry: {
|
||||
height: number;
|
||||
gap: number;
|
||||
};
|
||||
/**
|
||||
* Create a new SortConfigurator
|
||||
* @param __host The element that displays the curent configuration and that when clicked on opens the dropdown.
|
||||
* @param sortingCriterions The available sorting criterions.
|
||||
* @param __parentControl The parent control.
|
||||
*/
|
||||
constructor(__host: HTMLElement, sortingCriterions: {
|
||||
name: T['name'];
|
||||
localizationKey: string;
|
||||
}[], __parentControl: TcHmiControl.Control);
|
||||
/**
|
||||
* Destroy the SortConfigurator.
|
||||
*/
|
||||
destroy(): void;
|
||||
/**
|
||||
* Event handler for the click event of the host.
|
||||
* @param event The event that is handled.
|
||||
*/
|
||||
protected __onHostClick(event: MouseEvent): void;
|
||||
/**
|
||||
* Event handler for the click event of the document.
|
||||
* @param event The event that is handled.
|
||||
*/
|
||||
protected __onDocumentClick(event: MouseEvent): void;
|
||||
/**
|
||||
* Event handler for the pointerdown event of the dropdown.
|
||||
* @param event The event that is handled.
|
||||
*/
|
||||
protected __onPointerDown(event: PointerEvent): void;
|
||||
/**
|
||||
* Event handler for the pointermove event of the dropdown.
|
||||
* @param event The event that is handled.
|
||||
*/
|
||||
protected __onPointerMove(event: PointerEvent): void;
|
||||
/**
|
||||
* Event handler for the pointerup event of the dropdown.
|
||||
* @param event The event that is handled.
|
||||
*/
|
||||
protected __onPointerUp(event: PointerEvent): void;
|
||||
/**
|
||||
* Event handler for the pointercancel event of the dropdown.
|
||||
* @param event The event that is handled.
|
||||
*/
|
||||
protected __onPointerCancel(event: PointerEvent): void;
|
||||
/**
|
||||
* Event handler for the click event of the criterion list elements.
|
||||
* @param event The event that is handled.
|
||||
*/
|
||||
protected __onCriterionClick(event: MouseEvent): void;
|
||||
/**
|
||||
* Open the dropdown.
|
||||
*/
|
||||
protected __open(): void;
|
||||
/**
|
||||
* Close the dropdown.
|
||||
*/
|
||||
protected __close(): void;
|
||||
/**
|
||||
* Set the value of the attribute. This value is used when the user clicks the reset button.
|
||||
* Setting this also sets the UserValue.
|
||||
* @param value The value of the attribute.
|
||||
*/
|
||||
setAttributeValue(value: T[]): void;
|
||||
/**
|
||||
* Get the value of the attribute.
|
||||
*/
|
||||
getAttributeValue(): T[] | undefined;
|
||||
/**
|
||||
* Set the value that is actually used.
|
||||
* @param value The value that is actually used.
|
||||
*/
|
||||
setUserValue(value: T[]): void;
|
||||
/**
|
||||
* Set the value that is actually used.
|
||||
* @param value The value that is actually used.
|
||||
* @param isUserConfigured Whether this value was configured by the user or came from the attribute.
|
||||
*/
|
||||
protected __setUserValue(value: T[], isUserConfigured?: boolean): void;
|
||||
/**
|
||||
* Get the value that is actually used.
|
||||
*/
|
||||
getUserValue(): T[];
|
||||
/**
|
||||
* Write the current configuration to the display element as localized text.
|
||||
*/
|
||||
protected __updateDisplay(): void;
|
||||
/**
|
||||
* Arrange the list items in the dropdown according to the given configuration and set their classes.
|
||||
* @param sorting The configuration to show.
|
||||
*/
|
||||
protected __updateDropdown(sorting: T[]): void;
|
||||
/**
|
||||
* Position the dropdown as close to the host as possible.
|
||||
*/
|
||||
protected __positionDropdown(): void;
|
||||
}
|
||||
@@ -0,0 +1,83 @@
|
||||
<div class="TcHmi_Controls_Beckhoff_TcHmiFileExplorer-template">
|
||||
<div class="TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar">
|
||||
<div
|
||||
id="{Id}_ButtonCreateFolder"
|
||||
class="button-create-folder"
|
||||
data-tchmi-type="TcHmi.Controls.Beckhoff.TcHmiButton"
|
||||
data-tchmi-is-enabled="false"
|
||||
data-tchmi-tooltip="%l%Control::TcHmi.Controls.Beckhoff.TcHmiFileExplorer::Button_Tooltip_CreateFolder%/l%"
|
||||
></div>
|
||||
<div
|
||||
id="{Id}_ButtonDownload"
|
||||
class="button-download"
|
||||
data-tchmi-type="TcHmi.Controls.Beckhoff.TcHmiButton"
|
||||
data-tchmi-is-enabled="false"
|
||||
data-tchmi-tooltip="%l%Control::TcHmi.Controls.Beckhoff.TcHmiFileExplorer::Button_Tooltip_Download%/l%"
|
||||
></div>
|
||||
<div
|
||||
id="{Id}_ButtonUpload"
|
||||
class="button-upload"
|
||||
data-tchmi-type="TcHmi.Controls.Beckhoff.TcHmiButton"
|
||||
data-tchmi-is-enabled="false"
|
||||
data-tchmi-tooltip="%l%Control::TcHmi.Controls.Beckhoff.TcHmiFileExplorer::Button_Tooltip_Upload%/l%"
|
||||
></div>
|
||||
<div
|
||||
id="{Id}_ButtonRename"
|
||||
class="button-rename"
|
||||
data-tchmi-type="TcHmi.Controls.Beckhoff.TcHmiButton"
|
||||
data-tchmi-is-enabled="false"
|
||||
data-tchmi-tooltip="%l%Control::TcHmi.Controls.Beckhoff.TcHmiFileExplorer::Button_Tooltip_Rename%/l%"
|
||||
></div>
|
||||
<div
|
||||
id="{Id}_ButtonCopy"
|
||||
class="button-copy"
|
||||
data-tchmi-type="TcHmi.Controls.Beckhoff.TcHmiButton"
|
||||
data-tchmi-is-enabled="false"
|
||||
data-tchmi-tooltip="%l%Control::TcHmi.Controls.Beckhoff.TcHmiFileExplorer::Button_Tooltip_Copy%/l%"
|
||||
></div>
|
||||
<div
|
||||
id="{Id}_ButtonCut"
|
||||
class="button-cut"
|
||||
data-tchmi-type="TcHmi.Controls.Beckhoff.TcHmiButton"
|
||||
data-tchmi-is-enabled="false"
|
||||
data-tchmi-tooltip="%l%Control::TcHmi.Controls.Beckhoff.TcHmiFileExplorer::Button_Tooltip_Cut%/l%"
|
||||
></div>
|
||||
<div
|
||||
id="{Id}_ButtonPaste"
|
||||
class="button-paste"
|
||||
data-tchmi-type="TcHmi.Controls.Beckhoff.TcHmiButton"
|
||||
data-tchmi-is-enabled="false"
|
||||
data-tchmi-tooltip="%l%Control::TcHmi.Controls.Beckhoff.TcHmiFileExplorer::Button_Tooltip_Paste%/l%"
|
||||
></div>
|
||||
<div
|
||||
id="{Id}_ButtonDelete"
|
||||
class="button-delete"
|
||||
data-tchmi-type="TcHmi.Controls.Beckhoff.TcHmiButton"
|
||||
data-tchmi-is-enabled="false"
|
||||
data-tchmi-tooltip="%l%Control::TcHmi.Controls.Beckhoff.TcHmiFileExplorer::Button_Tooltip_Delete%/l%"
|
||||
></div>
|
||||
<div class="sorting"></div>
|
||||
<div
|
||||
id="{Id}_InputSearch"
|
||||
class="input-search"
|
||||
data-tchmi-type="TcHmi.Controls.Beckhoff.TcHmiInput"
|
||||
data-tchmi-width="150"
|
||||
data-tchmi-placeholder="%l%Control::TcHmi.Controls.Beckhoff.TcHmiFileExplorer::Input_Placeholder_Search%/l%"
|
||||
>
|
||||
<script data-tchmi-target-attribute="data-tchmi-content-padding" type="application/json">
|
||||
{
|
||||
"top": 3,
|
||||
"right": 30,
|
||||
"bottom": 3,
|
||||
"left": 3
|
||||
}
|
||||
</script>
|
||||
</div>
|
||||
<div class="clear-search"></div>
|
||||
</div>
|
||||
<ul class="TcHmi_Controls_Beckhoff_TcHmiFileExplorer-directory-tree"></ul>
|
||||
<div class="TcHmi_Controls_Beckhoff_TcHmiFileExplorer-browsing-area">
|
||||
<div class="TcHmi_Controls_Beckhoff_TcHmiFileExplorer-path-box"></div>
|
||||
<ul class="TcHmi_Controls_Beckhoff_TcHmiFileExplorer-browsing-box"></ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><polyline class="cls-1" points="35.194 26.599 35.194 18.5 52.107 18.5 61.5 27.417 61.5 53.401"/><line class="cls-1" x1="61.5" y1="53.40057" x2="44.58661" y2="53.40057"/><polyline class="cls-1" points="52.143 18.5 52.143 27.451 61.5 27.451"/><polygon class="cls-1" points="18.5 26.599 35.194 26.599 44.587 35.516 44.587 61.5 18.5 61.5 18.5 26.599"/><polyline class="cls-1" points="35.23 26.599 35.23 35.55 44.587 35.55"/></g></svg>
|
||||
|
After Width: | Height: | Size: 625 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><polyline class="cls-1" points="35.194 26.599 35.194 18.5 52.107 18.5 61.5 27.417 61.5 53.401"/><line class="cls-1" x1="61.5" y1="53.40057" x2="44.58661" y2="53.40057"/><polyline class="cls-1" points="52.143 18.5 52.143 27.451 61.5 27.451"/><polygon class="cls-1" points="18.5 26.599 35.194 26.599 44.587 35.516 44.587 61.5 18.5 61.5 18.5 26.599"/><polyline class="cls-1" points="35.23 26.599 35.23 35.55 44.587 35.55"/></g></svg>
|
||||
|
After Width: | Height: | Size: 625 B |
@@ -0,0 +1,25 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
|
||||
<g>
|
||||
|
||||
<polyline fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
|
||||
61.055,18.457 39.62,18.457 39.58,18.457 33.364,28.222 11.255,28.222 11.255,61.542 61.055,61.542 "/>
|
||||
|
||||
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.457" y1="39.817" x2="36.4" y2="39.817"/>
|
||||
|
||||
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.457" y1="45.92" x2="36.4" y2="45.92"/>
|
||||
|
||||
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.457" y1="51.778" x2="36.4" y2="51.778"/>
|
||||
<g id="pfade">
|
||||
<g xmlns="http://www.w3.org/2000/svg">
|
||||
|
||||
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="50.241" y1="31.082" x2="50.241" y2="50.565" />
|
||||
|
||||
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="60.741" y1="40.583" x2="40.258" y2="40.583" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
@@ -0,0 +1,25 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
|
||||
<g>
|
||||
|
||||
<polyline fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
|
||||
61.055,18.457 39.62,18.457 39.58,18.457 33.364,28.222 11.255,28.222 11.255,61.542 61.055,61.542 "/>
|
||||
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.457" y1="39.817" x2="36.4" y2="39.817"/>
|
||||
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.457" y1="45.92" x2="36.4" y2="45.92"/>
|
||||
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.457" y1="51.778" x2="36.4" y2="51.778"/>
|
||||
<g id="pfade">
|
||||
<g xmlns="http://www.w3.org/2000/svg">
|
||||
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="50.241" y1="31.082" x2="50.241" y2="50.565" />
|
||||
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="60.741" y1="40.583" x2="40.258" y2="40.583" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><path class="cls-1" d="M18.5,42.14678h43s-3.2568,5.6573-11.6091,5.6573c-9.3909,0-12.7123-5.6573-12.7123-5.6573"/><path class="cls-1" d="M28.0021,41.74148a4.75105,4.75105,0,0,0-9.5021,0"/><path class="cls-1" d="M27.262,58.02558l21.9071-37.0012s-6.5275-.0796-10.7827,7.1073c-4.7843,8.0807-1.6083,13.8212-1.6083,13.8212"/><path class="cls-1" d="M32.4518,50.05578a4.75087,4.75087,0,1,1-4.8411,8.176"/></g></svg>
|
||||
|
After Width: | Height: | Size: 602 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><path class="cls-1" d="M18.5,42.14678h43s-3.2568,5.6573-11.6091,5.6573c-9.3909,0-12.7123-5.6573-12.7123-5.6573"/><path class="cls-1" d="M28.0021,41.74148a4.75105,4.75105,0,0,0-9.5021,0"/><path class="cls-1" d="M27.262,58.02558l21.9071-37.0012s-6.5275-.0796-10.7827,7.1073c-4.7843,8.0807-1.6083,13.8212-1.6083,13.8212"/><path class="cls-1" d="M32.4518,50.05578a4.75087,4.75087,0,1,1-4.8411,8.176"/></g></svg>
|
||||
|
After Width: | Height: | Size: 602 B |
@@ -0,0 +1,20 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
|
||||
<g>
|
||||
|
||||
<rect x="27.185" y="33.893" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="25.629" height="27.665"/>
|
||||
|
||||
<rect x="21.916" y="24.671" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="36.167" height="9.222"/>
|
||||
|
||||
<rect x="35.688" y="18.443" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="8.623" height="6.228"/>
|
||||
|
||||
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="40" y1="38.683" x2="40" y2="56.048"/>
|
||||
|
||||
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="33.892" y1="38.683" x2="33.892" y2="56.048"/>
|
||||
|
||||
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="46.107" y1="38.683" x2="46.107" y2="56.048"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1,20 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
|
||||
<g>
|
||||
|
||||
<rect x="27.186" y="33.893" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="25.629" height="27.665"/>
|
||||
|
||||
<rect x="21.917" y="24.671" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="36.167" height="9.222"/>
|
||||
|
||||
<rect x="35.688" y="18.443" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="8.623" height="6.228"/>
|
||||
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="40" y1="38.683" x2="40" y2="56.048"/>
|
||||
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="33.892" y1="38.683" x2="33.892" y2="56.048"/>
|
||||
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="46.108" y1="38.683" x2="46.108" y2="56.048"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><polyline class="cls-1" points="18.5 51.671 18.5 61.5 61.5 61.5 61.5 51.671"/><polyline class="cls-1" points="52.627 35.902 39.976 48.553 27.373 35.95"/><line class="cls-1" x1="39.97558" y1="18.5" x2="39.97558" y2="48.55258"/></g></svg>
|
||||
|
After Width: | Height: | Size: 431 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><polyline class="cls-1" points="18.5 51.671 18.5 61.5 61.5 61.5 61.5 51.671"/><polyline class="cls-1" points="52.627 35.902 39.976 48.553 27.373 35.95"/><line class="cls-1" x1="39.97558" y1="18.5" x2="39.97558" y2="48.55258"/></g></svg>
|
||||
|
After Width: | Height: | Size: 431 B |
@@ -0,0 +1,3 @@
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
|
||||
<polyline stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="22.865,12.5 15,20.366 7.135,12.5" stroke="#ffffff" fill="none"></polyline>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 265 B |
@@ -0,0 +1,8 @@
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="22" height="30" viewBox="0 0 22 30">
|
||||
<rect x="5" y="5" width="4" height="4" stroke="none" fill="#4c6374" />
|
||||
<rect x="13" y="5" width="4" height="4" stroke="none" fill="#4c6374" />
|
||||
<rect x="5" y="13" width="4" height="4" stroke="none" fill="#4c6374" />
|
||||
<rect x="13" y="13" width="4" height="4" stroke="none" fill="#4c6374" />
|
||||
<rect x="5" y="21" width="4" height="4" stroke="none" fill="#4c6374" />
|
||||
<rect x="13" y="21" width="4" height="4" stroke="none" fill="#4c6374" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 543 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><polygon class="cls-1" points="40 32.736 53.759 32.736 61.5 40.085 61.5 61.5 40 61.5 40 32.736"/><polyline class="cls-1" points="53.788 32.736 53.788 40.113 61.5 40.113"/><polyline class="cls-1" points="40 23.983 46.831 23.983 46.831 32.736"/><polyline class="cls-1" points="40 56.24 18.5 56.24 18.5 23.983 25.46 23.983"/><path class="cls-1" d="M35.40705,21.24146a2.74146,2.74146,0,1,0-5.48291,0H25.45979v5.48291H39.87141V21.24146Z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 639 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><polygon class="cls-1" points="40 32.736 53.759 32.736 61.5 40.085 61.5 61.5 40 61.5 40 32.736"/><polyline class="cls-1" points="53.788 32.736 53.788 40.113 61.5 40.113"/><polyline class="cls-1" points="40 23.983 46.831 23.983 46.831 32.736"/><polyline class="cls-1" points="40 56.24 18.5 56.24 18.5 23.983 25.46 23.983"/><path class="cls-1" d="M35.40705,21.24146a2.74146,2.74146,0,1,0-5.48291,0H25.45979v5.48291H39.87141V21.24146Z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 639 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke-width:2px;}.cls-1,.cls-2{stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;}.cls-2{fill:#FFFFFF;}</style></defs><g id="pfade"><line class="cls-1" x1="51.93664" y1="26.32134" x2="51.93664" y2="53.67866"/><polyline class="cls-1" points="51.937 26.321 48.366 22.75 43.659 22.75"/><rect class="cls-1" x="51.93664" y="31.63447" width="9.56336" height="16.89863"/><polyline class="cls-1" points="43.427 48.533 18.5 48.533 18.5 31.634 43.427 31.634"/><rect class="cls-2" x="22.50091" y="35.45994" width="21.15837" height="8.99998"/><polyline class="cls-1" points="51.937 26.321 55.508 22.75 60.214 22.75"/><polyline class="cls-1" points="51.937 53.679 48.366 57.25 43.659 57.25"/><polyline class="cls-1" points="51.937 53.679 55.508 57.25 60.214 57.25"/></g></svg>
|
||||
|
After Width: | Height: | Size: 862 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke-width:2px;}.cls-1,.cls-2{stroke:#000000;stroke-linecap:round;stroke-linejoin:round;}.cls-2{fill:#000000;}</style></defs><g id="pfade"><line class="cls-1" x1="51.93664" y1="26.32134" x2="51.93664" y2="53.67866"/><polyline class="cls-1" points="51.937 26.321 48.366 22.75 43.659 22.75"/><rect class="cls-1" x="51.93664" y="31.63447" width="9.56336" height="16.89863"/><polyline class="cls-1" points="43.427 48.533 18.5 48.533 18.5 31.634 43.427 31.634"/><rect class="cls-2" x="22.50091" y="35.45994" width="21.15837" height="8.99998"/><polyline class="cls-1" points="51.937 26.321 55.508 22.75 60.214 22.75"/><polyline class="cls-1" points="51.937 53.679 48.366 57.25 43.659 57.25"/><polyline class="cls-1" points="51.937 53.679 55.508 57.25 60.214 57.25"/></g></svg>
|
||||
|
After Width: | Height: | Size: 862 B |
@@ -0,0 +1,34 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px"
|
||||
height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
|
||||
<g id="hintergrund" display="none">
|
||||
<g display="inline">
|
||||
<g>
|
||||
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="3.7769" y1="-3.1689" x2="76.2232" y2="83.1693">
|
||||
<stop offset="0.5" style="stop-color:#EFF1F3"/>
|
||||
<stop offset="0.9998" style="stop-color:#AEB9C2"/>
|
||||
</linearGradient>
|
||||
<rect fill="url(#SVGID_1_)" width="80" height="80"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g id="grid" display="none">
|
||||
<rect x="18.5" y="18.5" display="inline" fill="none" stroke="#FF00FF" stroke-miterlimit="10" width="43" height="43"/>
|
||||
<line display="inline" fill="none" stroke="#FF00FF" stroke-miterlimit="10" x1="39.5" y1="11" x2="39.5" y2="70"/>
|
||||
<line display="inline" fill="none" stroke="#FF00FF" stroke-miterlimit="10" x1="10" y1="40.5" x2="69" y2="40.5"/>
|
||||
</g>
|
||||
<g id="pfade">
|
||||
<g>
|
||||
<g>
|
||||
|
||||
<line fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.5" y1="61.5" x2="61.5" y2="18.5"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<line fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.5" y1="18.5" x2="61.5" y2="61.5"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
@@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
|
||||
<line fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="48.438" y1="50.917" x2="62" y2="64.478"/>
|
||||
<circle fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="36.133" cy="38.608" r="17.133"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 798 B |
@@ -0,0 +1,4 @@
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
|
||||
<rect x="0.5" y="0.5" width="19" height="19" fill="#2775be" stroke="#434343" />
|
||||
<polygon points="5,13 15,13 10,6" fill="#ffffff" stroke="none" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 252 B |
@@ -0,0 +1,4 @@
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
|
||||
<rect x="0.5" y="0.5" width="19" height="19" fill="#2775be" stroke="#434343" />
|
||||
<polygon points="5,7 15,7 10,14" fill="#ffffff" stroke="none" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 251 B |
@@ -0,0 +1,3 @@
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
|
||||
<rect x="0.5" y="0.5" width="19" height="19" fill="#2a3845" stroke="#434343" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 185 B |
@@ -0,0 +1,18 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
|
||||
<polyline fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
|
||||
26.973,31.235 39.604,18.604 52.235,31.235 "/>
|
||||
|
||||
<line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="39.604" y1="48.669" x2="39.604" y2="18.856"/>
|
||||
</g>
|
||||
|
||||
<polyline fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
|
||||
18.444,51.536 18.444,61.396 61.556,61.396 61.556,51.536 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
@@ -0,0 +1,18 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
|
||||
<polyline fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
|
||||
26.973,31.235 39.604,18.604 52.235,31.235 "/>
|
||||
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="39.604" y1="48.669" x2="39.604" y2="18.856"/>
|
||||
</g>
|
||||
|
||||
<polyline fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
|
||||
18.444,51.536 18.444,61.396 61.556,61.396 61.556,51.536 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
@@ -0,0 +1,195 @@
|
||||
/** Styles for the theme: Base-Dark */
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer {
|
||||
--tchmi-background: var(--tchmi-background-color-1);
|
||||
--tchmi-pane-background: var(--tchmi-background-color-4);
|
||||
--tchmi-border-color: var(--tchmi-background-color-2);
|
||||
--tchmi-file-upload-progress-color: var(--tchmi-highlight-color-1);
|
||||
--tchmi-file-upload-progress-color-inverted: var(--tchmi-foreground-color-1);
|
||||
--tchmi-sort-configurator-text-color: var(--tchmi-foreground-color-1);
|
||||
--tchmi-sort-configurator-background-color-active: var(--tchmi-background-color-3);
|
||||
background-color: var(--tchmi-background);
|
||||
box-shadow: var(--tchmi-card-shadow);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-directory-tree,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-browsing-box {
|
||||
background-color: var(--tchmi-pane-background);
|
||||
border: 1px solid var(--tchmi-border-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-browsing-box li.file[data-metadata-upload-status='InProgress']::after {
|
||||
background: var(--tchmi-file-upload-progress-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-browsing-box
|
||||
li.file.selected[data-metadata-upload-status='InProgress']::after {
|
||||
background: var(--tchmi-file-upload-progress-color-inverted);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar
|
||||
.button-create-folder
|
||||
.TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/create-folder_normal.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar
|
||||
.button-create-folder.down
|
||||
.TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/create-folder_pressed.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-download .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/download_normal.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar
|
||||
.button-download.down
|
||||
.TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/download_pressed.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-upload .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/upload_normal.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-upload.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/upload_pressed.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-rename .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/rename_normal.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-rename.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/rename_pressed.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-copy .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/copy_normal.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-copy.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/copy_pressed.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-cut .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/cut_normal.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-cut.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/cut_pressed.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-paste .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/paste_normal.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-paste.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/paste_pressed.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-delete .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/delete_normal.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-delete.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/delete_pressed.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .input-search + .clear-search {
|
||||
background-image: url('Images/search_normal.svg');
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .sorting span {
|
||||
background: var(--tchmi-pane-background);
|
||||
border-style: solid;
|
||||
border-color: var(--tchmi-border-color);
|
||||
color: var(--tchmi-sort-configurator-text-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .sorting.active span {
|
||||
background: var(--tchmi-sort-configurator-background-color-active);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .sorting div.open-button {
|
||||
font-size: var(--tchmi-button-font-size);
|
||||
background:
|
||||
url('Images/dropdown.svg') center/contain no-repeat,
|
||||
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_TcHmiFileExplorer-menu-bar .sorting.active div.open-button {
|
||||
background:
|
||||
url('Images/dropdown.svg') center/contain no-repeat,
|
||||
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_TcHmiFileExplorer-menu-bar .input-search + .clear-search.has-text {
|
||||
background-image: url('Images/search-clear_normal.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-popup.TcHmi_Controls_Helpers_Popup-FileConflictPrompt
|
||||
.TcHmi_Controls_Helpers_Popup-scroll-container {
|
||||
--tchmi-pane-background: var(--tchmi-background-color-4);
|
||||
box-shadow: var(--tchmi-dropdown-shadow);
|
||||
background: var(--tchmi-pane-background);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator *::after,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator *::before {
|
||||
--tchmi-dropdown-background: var(--tchmi-background-color-4);
|
||||
--tchmi-item-background: var(--tchmi-background-color-3);
|
||||
--tchmi-divider-color: var(--tchmi-foreground-color-1);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator {
|
||||
box-shadow: var(--tchmi-dropdown-shadow);
|
||||
background: var(--tchmi-dropdown-background);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li {
|
||||
background-color: var(--tchmi-item-background);
|
||||
background-image: url('Images/sort_inactive.svg');
|
||||
background-repeat: no-repeat;
|
||||
background-position: 5px center;
|
||||
background-size: 20px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li.ascending {
|
||||
background-image: url('Images/sort_ascending.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li.descending {
|
||||
background-image: url('Images/sort_descending.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li.divider {
|
||||
background: unset;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li.divider::after {
|
||||
background: var(--tchmi-divider-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li div.drag-handle {
|
||||
background-image: url('Images/grab.svg');
|
||||
background-size: contain;
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li div.drag-handle:active {
|
||||
cursor: grabbing;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#4c6374;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><polyline class="cls-1" points="35.194 26.599 35.194 18.5 52.107 18.5 61.5 27.417 61.5 53.401"/><line class="cls-1" x1="61.5" y1="53.40057" x2="44.58661" y2="53.40057"/><polyline class="cls-1" points="52.143 18.5 52.143 27.451 61.5 27.451"/><polygon class="cls-1" points="18.5 26.599 35.194 26.599 44.587 35.516 44.587 61.5 18.5 61.5 18.5 26.599"/><polyline class="cls-1" points="35.23 26.599 35.23 35.55 44.587 35.55"/></g></svg>
|
||||
|
After Width: | Height: | Size: 625 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><polyline class="cls-1" points="35.194 26.599 35.194 18.5 52.107 18.5 61.5 27.417 61.5 53.401"/><line class="cls-1" x1="61.5" y1="53.40057" x2="44.58661" y2="53.40057"/><polyline class="cls-1" points="52.143 18.5 52.143 27.451 61.5 27.451"/><polygon class="cls-1" points="18.5 26.599 35.194 26.599 44.587 35.516 44.587 61.5 18.5 61.5 18.5 26.599"/><polyline class="cls-1" points="35.23 26.599 35.23 35.55 44.587 35.55"/></g></svg>
|
||||
|
After Width: | Height: | Size: 625 B |
@@ -0,0 +1,25 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
|
||||
<g>
|
||||
|
||||
<polyline fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
|
||||
61.055,18.457 39.62,18.457 39.58,18.457 33.364,28.222 11.255,28.222 11.255,61.542 61.055,61.542 "/>
|
||||
|
||||
<line fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.457" y1="39.817" x2="36.4" y2="39.817"/>
|
||||
|
||||
<line fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.457" y1="45.92" x2="36.4" y2="45.92"/>
|
||||
|
||||
<line fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.457" y1="51.778" x2="36.4" y2="51.778"/>
|
||||
<g id="pfade">
|
||||
<g xmlns="http://www.w3.org/2000/svg">
|
||||
|
||||
<line fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="50.241" y1="31.082" x2="50.241" y2="50.565" />
|
||||
|
||||
<line fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="60.741" y1="40.583" x2="40.258" y2="40.583" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
@@ -0,0 +1,25 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
|
||||
<g>
|
||||
|
||||
<polyline fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
|
||||
61.055,18.457 39.62,18.457 39.58,18.457 33.364,28.222 11.255,28.222 11.255,61.542 61.055,61.542 "/>
|
||||
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.457" y1="39.817" x2="36.4" y2="39.817"/>
|
||||
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.457" y1="45.92" x2="36.4" y2="45.92"/>
|
||||
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.457" y1="51.778" x2="36.4" y2="51.778"/>
|
||||
<g id="pfade">
|
||||
<g xmlns="http://www.w3.org/2000/svg">
|
||||
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="50.241" y1="31.082" x2="50.241" y2="50.565" />
|
||||
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="60.741" y1="40.583" x2="40.258" y2="40.583" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#4c6374;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><path class="cls-1" d="M18.5,42.14678h43s-3.2568,5.6573-11.6091,5.6573c-9.3909,0-12.7123-5.6573-12.7123-5.6573"/><path class="cls-1" d="M28.0021,41.74148a4.75105,4.75105,0,0,0-9.5021,0"/><path class="cls-1" d="M27.262,58.02558l21.9071-37.0012s-6.5275-.0796-10.7827,7.1073c-4.7843,8.0807-1.6083,13.8212-1.6083,13.8212"/><path class="cls-1" d="M32.4518,50.05578a4.75087,4.75087,0,1,1-4.8411,8.176"/></g></svg>
|
||||
|
After Width: | Height: | Size: 602 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><path class="cls-1" d="M18.5,42.14678h43s-3.2568,5.6573-11.6091,5.6573c-9.3909,0-12.7123-5.6573-12.7123-5.6573"/><path class="cls-1" d="M28.0021,41.74148a4.75105,4.75105,0,0,0-9.5021,0"/><path class="cls-1" d="M27.262,58.02558l21.9071-37.0012s-6.5275-.0796-10.7827,7.1073c-4.7843,8.0807-1.6083,13.8212-1.6083,13.8212"/><path class="cls-1" d="M32.4518,50.05578a4.75087,4.75087,0,1,1-4.8411,8.176"/></g></svg>
|
||||
|
After Width: | Height: | Size: 602 B |
@@ -0,0 +1,20 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
|
||||
<g>
|
||||
|
||||
<rect x="27.185" y="33.893" fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="25.629" height="27.665"/>
|
||||
|
||||
<rect x="21.916" y="24.671" fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="36.167" height="9.222"/>
|
||||
|
||||
<rect x="35.688" y="18.443" fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="8.623" height="6.228"/>
|
||||
|
||||
<line fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="40" y1="38.683" x2="40" y2="56.048"/>
|
||||
|
||||
<line fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="33.892" y1="38.683" x2="33.892" y2="56.048"/>
|
||||
|
||||
<line fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="46.107" y1="38.683" x2="46.107" y2="56.048"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1,20 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
|
||||
<g>
|
||||
|
||||
<rect x="27.186" y="33.893" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="25.629" height="27.665"/>
|
||||
|
||||
<rect x="21.917" y="24.671" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="36.167" height="9.222"/>
|
||||
|
||||
<rect x="35.688" y="18.443" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="8.623" height="6.228"/>
|
||||
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="40" y1="38.683" x2="40" y2="56.048"/>
|
||||
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="33.892" y1="38.683" x2="33.892" y2="56.048"/>
|
||||
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="46.108" y1="38.683" x2="46.108" y2="56.048"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#4c6374;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><polyline class="cls-1" points="18.5 51.671 18.5 61.5 61.5 61.5 61.5 51.671"/><polyline class="cls-1" points="52.627 35.902 39.976 48.553 27.373 35.95"/><line class="cls-1" x1="39.97558" y1="18.5" x2="39.97558" y2="48.55258"/></g></svg>
|
||||
|
After Width: | Height: | Size: 431 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><polyline class="cls-1" points="18.5 51.671 18.5 61.5 61.5 61.5 61.5 51.671"/><polyline class="cls-1" points="52.627 35.902 39.976 48.553 27.373 35.95"/><line class="cls-1" x1="39.97558" y1="18.5" x2="39.97558" y2="48.55258"/></g></svg>
|
||||
|
After Width: | Height: | Size: 431 B |
@@ -0,0 +1,3 @@
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
|
||||
<polyline stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="22.865,12.5 15,20.366 7.135,12.5" stroke="#ffffff" fill="none"></polyline>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 265 B |
@@ -0,0 +1,8 @@
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="22" height="30" viewBox="0 0 22 30">
|
||||
<rect x="5" y="5" width="4" height="4" stroke="none" fill="#4c6374" />
|
||||
<rect x="13" y="5" width="4" height="4" stroke="none" fill="#4c6374" />
|
||||
<rect x="5" y="13" width="4" height="4" stroke="none" fill="#4c6374" />
|
||||
<rect x="13" y="13" width="4" height="4" stroke="none" fill="#4c6374" />
|
||||
<rect x="5" y="21" width="4" height="4" stroke="none" fill="#4c6374" />
|
||||
<rect x="13" y="21" width="4" height="4" stroke="none" fill="#4c6374" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 543 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#4c6374;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><polygon class="cls-1" points="40 32.736 53.759 32.736 61.5 40.085 61.5 61.5 40 61.5 40 32.736"/><polyline class="cls-1" points="53.788 32.736 53.788 40.113 61.5 40.113"/><polyline class="cls-1" points="40 23.983 46.831 23.983 46.831 32.736"/><polyline class="cls-1" points="40 56.24 18.5 56.24 18.5 23.983 25.46 23.983"/><path class="cls-1" d="M35.40705,21.24146a2.74146,2.74146,0,1,0-5.48291,0H25.45979v5.48291H39.87141V21.24146Z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 639 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="pfade"><polygon class="cls-1" points="40 32.736 53.759 32.736 61.5 40.085 61.5 61.5 40 61.5 40 32.736"/><polyline class="cls-1" points="53.788 32.736 53.788 40.113 61.5 40.113"/><polyline class="cls-1" points="40 23.983 46.831 23.983 46.831 32.736"/><polyline class="cls-1" points="40 56.24 18.5 56.24 18.5 23.983 25.46 23.983"/><path class="cls-1" d="M35.40705,21.24146a2.74146,2.74146,0,1,0-5.48291,0H25.45979v5.48291H39.87141V21.24146Z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 639 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke-width:2px;}.cls-1,.cls-2{stroke:#4c6374;stroke-linecap:round;stroke-linejoin:round;}.cls-2{fill:#4c6374;}</style></defs><g id="pfade"><line class="cls-1" x1="51.93664" y1="26.32134" x2="51.93664" y2="53.67866"/><polyline class="cls-1" points="51.937 26.321 48.366 22.75 43.659 22.75"/><rect class="cls-1" x="51.93664" y="31.63447" width="9.56336" height="16.89863"/><polyline class="cls-1" points="43.427 48.533 18.5 48.533 18.5 31.634 43.427 31.634"/><rect class="cls-2" x="22.50091" y="35.45994" width="21.15837" height="8.99998"/><polyline class="cls-1" points="51.937 26.321 55.508 22.75 60.214 22.75"/><polyline class="cls-1" points="51.937 53.679 48.366 57.25 43.659 57.25"/><polyline class="cls-1" points="51.937 53.679 55.508 57.25 60.214 57.25"/></g></svg>
|
||||
|
After Width: | Height: | Size: 862 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><defs><style>.cls-1{fill:none;stroke-width:2px;}.cls-1,.cls-2{stroke:#000000;stroke-linecap:round;stroke-linejoin:round;}.cls-2{fill:#000000;}</style></defs><g id="pfade"><line class="cls-1" x1="51.93664" y1="26.32134" x2="51.93664" y2="53.67866"/><polyline class="cls-1" points="51.937 26.321 48.366 22.75 43.659 22.75"/><rect class="cls-1" x="51.93664" y="31.63447" width="9.56336" height="16.89863"/><polyline class="cls-1" points="43.427 48.533 18.5 48.533 18.5 31.634 43.427 31.634"/><rect class="cls-2" x="22.50091" y="35.45994" width="21.15837" height="8.99998"/><polyline class="cls-1" points="51.937 26.321 55.508 22.75 60.214 22.75"/><polyline class="cls-1" points="51.937 53.679 48.366 57.25 43.659 57.25"/><polyline class="cls-1" points="51.937 53.679 55.508 57.25 60.214 57.25"/></g></svg>
|
||||
|
After Width: | Height: | Size: 862 B |
@@ -0,0 +1,34 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px"
|
||||
height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
|
||||
<g id="hintergrund" display="none">
|
||||
<g display="inline">
|
||||
<g>
|
||||
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="3.7769" y1="-3.1689" x2="76.2232" y2="83.1693">
|
||||
<stop offset="0.5" style="stop-color:#EFF1F3"/>
|
||||
<stop offset="0.9998" style="stop-color:#AEB9C2"/>
|
||||
</linearGradient>
|
||||
<rect fill="url(#SVGID_1_)" width="80" height="80"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g id="grid" display="none">
|
||||
<rect x="18.5" y="18.5" display="inline" fill="none" stroke="#FF00FF" stroke-miterlimit="10" width="43" height="43"/>
|
||||
<line display="inline" fill="none" stroke="#FF00FF" stroke-miterlimit="10" x1="39.5" y1="11" x2="39.5" y2="70"/>
|
||||
<line display="inline" fill="none" stroke="#FF00FF" stroke-miterlimit="10" x1="10" y1="40.5" x2="69" y2="40.5"/>
|
||||
</g>
|
||||
<g id="pfade">
|
||||
<g>
|
||||
<g>
|
||||
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.5" y1="61.5" x2="61.5" y2="18.5"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.5" y1="18.5" x2="61.5" y2="61.5"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
@@ -0,0 +1,34 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px"
|
||||
height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
|
||||
<g id="hintergrund" display="none">
|
||||
<g display="inline">
|
||||
<g>
|
||||
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="3.7769" y1="-3.1689" x2="76.2232" y2="83.1693">
|
||||
<stop offset="0.5" style="stop-color:#EFF1F3"/>
|
||||
<stop offset="0.9998" style="stop-color:#AEB9C2"/>
|
||||
</linearGradient>
|
||||
<rect fill="url(#SVGID_1_)" width="80" height="80"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g id="grid" display="none">
|
||||
<rect x="18.5" y="18.5" display="inline" fill="none" stroke="#FF00FF" stroke-miterlimit="10" width="43" height="43"/>
|
||||
<line display="inline" fill="none" stroke="#FF00FF" stroke-miterlimit="10" x1="39.5" y1="11" x2="39.5" y2="70"/>
|
||||
<line display="inline" fill="none" stroke="#FF00FF" stroke-miterlimit="10" x1="10" y1="40.5" x2="69" y2="40.5"/>
|
||||
</g>
|
||||
<g id="pfade">
|
||||
<g>
|
||||
<g>
|
||||
|
||||
<line fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.5" y1="61.5" x2="61.5" y2="18.5"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<line fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.5" y1="18.5" x2="61.5" y2="61.5"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
@@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
|
||||
<line fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="48.438" y1="50.917" x2="62" y2="64.478"/>
|
||||
<circle fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="36.133" cy="38.608" r="17.133"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 798 B |
@@ -0,0 +1,4 @@
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
|
||||
<rect x="0.5" y="0.5" width="19" height="19" fill="#ffffff" stroke="#d7d7d9" />
|
||||
<polygon points="5,13 15,13 10,6" fill="#4794da" stroke="none" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 252 B |
@@ -0,0 +1,4 @@
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
|
||||
<rect x="0.5" y="0.5" width="19" height="19" fill="#ffffff" stroke="#d7d7d9" />
|
||||
<polygon points="5,7 15,7 10,14" fill="#4794da" stroke="none" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 251 B |
@@ -0,0 +1,3 @@
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
|
||||
<rect x="0.5" y="0.5" width="19" height="19" fill="#ffffff" stroke="#d7d7d9" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 185 B |
@@ -0,0 +1,18 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
|
||||
<polyline fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
|
||||
26.973,31.235 39.604,18.604 52.235,31.235 "/>
|
||||
|
||||
<line fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="39.604" y1="48.669" x2="39.604" y2="18.856"/>
|
||||
</g>
|
||||
|
||||
<polyline fill="none" stroke="#4c6374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
|
||||
18.444,51.536 18.444,61.396 61.556,61.396 61.556,51.536 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
@@ -0,0 +1,18 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="pfade" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
|
||||
<polyline fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
|
||||
26.973,31.235 39.604,18.604 52.235,31.235 "/>
|
||||
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="39.604" y1="48.669" x2="39.604" y2="18.856"/>
|
||||
</g>
|
||||
|
||||
<polyline fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
|
||||
18.444,51.536 18.444,61.396 61.556,61.396 61.556,51.536 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
@@ -0,0 +1,199 @@
|
||||
/** Styles for the theme: Base */
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer {
|
||||
--tchmi-background: var(--tchmi-background-color-1);
|
||||
--tchmi-pane-background: var(--tchmi-background-color-4);
|
||||
--tchmi-border-color: var(--tchmi-background-color-2);
|
||||
--tchmi-file-upload-progress-color: var(--tchmi-highlight-color-1);
|
||||
--tchmi-file-upload-progress-color-inverted: var(--tchmi-foreground-color-2);
|
||||
--tchmi-sort-configurator-text-color: var(--tchmi-foreground-color-1);
|
||||
--tchmi-sort-configurator-background-color-active: var(--tchmi-background-color-3);
|
||||
background-color: var(--tchmi-background);
|
||||
box-shadow: var(--tchmi-card-shadow);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-directory-tree,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-browsing-box {
|
||||
background-color: var(--tchmi-pane-background);
|
||||
border: 1px solid var(--tchmi-border-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-browsing-box li.file[data-metadata-upload-status='InProgress']::after {
|
||||
background: var(--tchmi-file-upload-progress-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-browsing-box
|
||||
li.file.selected[data-metadata-upload-status='InProgress']::after {
|
||||
background: var(--tchmi-file-upload-progress-color-inverted);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar
|
||||
.button-create-folder
|
||||
.TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/create-folder_normal.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar
|
||||
.button-create-folder.down
|
||||
.TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/create-folder_pressed.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-download .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/download_normal.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar
|
||||
.button-download.down
|
||||
.TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/download_pressed.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-upload .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/upload_normal.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-upload.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/upload_pressed.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-rename .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/rename_normal.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-rename.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/rename_pressed.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-copy .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/copy_normal.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-copy.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/copy_pressed.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-cut .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/cut_normal.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-cut.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/cut_pressed.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-paste .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/paste_normal.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-paste.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/paste_pressed.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-delete .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/delete_normal.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .button-delete.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
|
||||
background-image: url('Images/delete_pressed.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .sorting span {
|
||||
background: var(--tchmi-pane-background);
|
||||
border-style: solid;
|
||||
border-color: var(--tchmi-border-color);
|
||||
color: var(--tchmi-sort-configurator-text-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .sorting.active span {
|
||||
background: var(--tchmi-sort-configurator-background-color-active);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .sorting div.open-button {
|
||||
font-size: var(--tchmi-button-font-size);
|
||||
background:
|
||||
url('Images/dropdown.svg') center/contain no-repeat,
|
||||
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_TcHmiFileExplorer-menu-bar .sorting.active div.open-button {
|
||||
background:
|
||||
url('Images/dropdown.svg') center/contain no-repeat,
|
||||
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_TcHmiFileExplorer-menu-bar .input-search + .clear-search {
|
||||
background-image: url('Images/search_normal.svg');
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .input-search + .clear-search.has-text {
|
||||
background-image: url('Images/search-clear_normal.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-menu-bar .input-search + .clear-search.has-text:hover:not(:active) {
|
||||
background-image: url('Images/search-clear_hover.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-popup.TcHmi_Controls_Helpers_Popup-FileConflictPrompt
|
||||
.TcHmi_Controls_Helpers_Popup-scroll-container {
|
||||
--tchmi-pane-background: var(--tchmi-background-color-4);
|
||||
box-shadow: var(--tchmi-dropdown-shadow);
|
||||
background: var(--tchmi-pane-background);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator *::after,
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator *::before {
|
||||
--tchmi-dropdown-background: var(--tchmi-background-color-4);
|
||||
--tchmi-item-background: var(--tchmi-background-color-3);
|
||||
--tchmi-divider-color: var(--tchmi-foreground-color-3);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator {
|
||||
box-shadow: var(--tchmi-dropdown-shadow);
|
||||
background: var(--tchmi-dropdown-background);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li {
|
||||
background-color: var(--tchmi-item-background);
|
||||
background-image: url('Images/sort_inactive.svg');
|
||||
background-repeat: no-repeat;
|
||||
background-position: 5px center;
|
||||
background-size: 20px;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li.ascending {
|
||||
background-image: url('Images/sort_ascending.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li.descending {
|
||||
background-image: url('Images/sort_descending.svg');
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li.divider {
|
||||
background: unset;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li.divider::after {
|
||||
background: var(--tchmi-divider-color);
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li div.drag-handle {
|
||||
background-image: url('Images/grab.svg');
|
||||
background-size: contain;
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
.TcHmi_Controls_Beckhoff_TcHmiFileExplorer-sort-configurator li div.drag-handle:active {
|
||||
cursor: grabbing;
|
||||
}
|
||||