Added minimal functionality for Robot teaching

- Added minimal HMI
- Added possibility to open and close all chamber doors
This commit is contained in:
2026-01-17 09:20:39 +01:00
parent 9f058db2a3
commit 2d11c43579
2274 changed files with 912690 additions and 162 deletions

View File

@@ -0,0 +1,840 @@
{
"$schema": "../../TcHmiFramework/Schema/ControlDescription.Schema.json",
"apiVersion": 1,
"name": "TcHmiEventGrid",
"namespace": "TcHmi.Controls.Beckhoff",
"displayName": "Event Grid",
"version": {
"full": "14.4.1.0",
"major": 14,
"minor": 4,
"build": 1,
"revision": 0
},
"visible": true,
"themeable": "Standard",
"base": "TcHmi.Controls.System.TcHmiControl",
"description": "Display Events in a Grid.",
"defaultDesignerEvent": ".onSelectedItemChanged",
"properties": {
"containerControl": false,
"geometry": {
"width": 665,
"height": 400
}
},
"icons": [
{
"name": "Icons/16x16.png",
"width": 16,
"height": 16
}
],
"template": "Template.html",
"dependencyFiles": [
{
"name": "Style.css",
"type": "Stylesheet",
"description": ""
},
{
"name": "../dist/TcHmiEventGrid/TcHmiEventGrid.esm.js",
"type": "EsModule",
"description": "Contains all the main logic as ES module."
}
],
"themes": {
"Base": {
"resources": [
{
"name": "Themes/Base/Defaults.theme",
"type": "ThemedValues",
"description": ""
},
{
"name": "Themes/Base/Style.css",
"type": "Stylesheet",
"description": ""
}
]
},
"Base-Dark": {
"resources": [
{
"name": "Themes/Base-Dark/Defaults.theme",
"type": "ThemedValues",
"description": ""
},
{
"name": "Themes/Base-Dark/Style.css",
"type": "Stylesheet",
"description": ""
}
]
}
},
"attributes": [
{
"name": "data-tchmi-filter",
"displayName": "Filter",
"propertyName": "Filter",
"propertySetterName": "setFilter",
"propertyGetterName": "getFilter",
"visible": true,
"themeable": "Standard",
"type": "tchmi:server#/definitions/eventFilter",
"category": "Common",
"description": "The filter the events should match.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"allowSymbolExpressionsInObject": true,
"defaultValue": [
{
"path": "domain",
"comparator": "==",
"value": "TcHmiEventLogger"
},
{
"logic": "OR"
},
{
"path": "domain",
"comparator": "==",
"value": "TcHmiAlarm"
}
],
"defaultValueInternal": null
},
{
"name": "data-tchmi-columns",
"displayName": "Columns",
"propertyName": "Columns",
"propertySetterName": "setColumns",
"propertyGetterName": "getColumns",
"visible": true,
"themeable": "Standard",
"type": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiEventGrid.ColumnList",
"category": "Common",
"description": "The columns shown in the grid.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"allowSymbolExpressionsInObject": true,
"defaultValue": [
{
"columnName": "type"
},
{
"columnName": "severity"
},
{
"columnName": "timeAndDateRaised"
},
{
"columnName": "text",
"width": 1,
"widthUnit": "factor"
}
],
"defaultValueInternal": []
},
{
"name": "data-tchmi-sorting",
"displayName": "Sorting",
"propertyName": "Sorting",
"propertySetterName": "setSorting",
"propertyGetterName": "getSorting",
"visible": true,
"themeable": "Advanced",
"displayPriority": 10,
"type": "tchmi:framework#/definitions/Sorting",
"category": "Common",
"description": "Defines sorting rules for the displayed data.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"allowSymbolExpressionsInObject": true,
"defaultValue": [
{
"name": "timeRaised",
"order": "Descending"
}
],
"defaultValueInternal": []
},
{
"name": "data-tchmi-server-interval",
"displayName": "Server Interval",
"propertyName": "ServerInterval",
"propertySetterName": "setServerInterval",
"propertyGetterName": "getServerInterval",
"visible": true,
"themeable": "Advanced",
"displayPriority": 60,
"type": "tchmi:general#/definitions/Number",
"category": "Common",
"description": "Sets the interval for the ListEvents subscription in milliseconds. This is quite expensive performance wise, so do not set to a very low value.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": 1000,
"defaultValueInternal": null
},
{
"name": "data-tchmi-allow-details-popup",
"displayName": "Allow Details Popup",
"propertyName": "AllowDetailsPopup",
"propertySetterName": "setAllowDetailsPopup",
"propertyGetterName": "getAllowDetailsPopup",
"visible": true,
"themeable": "Advanced",
"displayPriority": 60,
"type": "tchmi:general#/definitions/Boolean",
"category": "Common",
"description": "Controls whether the details popup is shown when the user doubleclicks an event",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": true
},
{
"name": "data-tchmi-selected-event",
"displayName": "Selected Event",
"propertyName": "SelectedEvent",
"propertyGetterName": "getSelectedEvent",
"visible": true,
"type": "tchmi:framework#/definitions/ServerEvent",
"category": "Common",
"description": "The currently selected event.",
"readOnly": true,
"bindable": false,
"defaultBindingMode": "OneWay",
"heritable": true
},
{
"name": "data-tchmi-header-font-family",
"propertyName": "HeaderFontFamily",
"propertySetterName": "setHeaderFontFamily",
"propertyGetterName": "getHeaderFontFamily",
"displayName": "Header Font Family",
"visible": true,
"themeable": "Standard",
"displayPriority": 60,
"type": "tchmi:framework#/definitions/FontFamily",
"category": "Grid",
"description": "Comma separated list of family name or keyword: 'serif', 'sans-serif', 'monospace'.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "data-tchmi-header-font-size",
"displayName": "Header Font Size",
"propertyName": "HeaderFontSize",
"propertySetterName": "setHeaderFontSize",
"propertyGetterName": "getHeaderFontSize",
"visible": true,
"themeable": "Standard",
"displayPriority": 10,
"type": "tchmi:framework#/definitions/MeasurementValue",
"category": "Grid",
"description": "The font size of the header row.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "data-tchmi-header-font-size-unit",
"displayName": "Header Font Size Unit",
"propertyName": "HeaderFontSizeUnit",
"propertySetterName": "setHeaderFontSizeUnit",
"propertyGetterName": "getHeaderFontSizeUnit",
"refTo": "HeaderFontSize",
"visible": true,
"themeable": "Advanced",
"displayPriority": 10,
"type": "tchmi:framework#/definitions/MeasurementUnit",
"category": "Grid",
"description": "The font size unit of the header row.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": "px"
},
{
"name": "data-tchmi-header-font-style",
"propertyName": "HeaderFontStyle",
"propertySetterName": "setHeaderFontStyle",
"propertyGetterName": "getHeaderFontStyle",
"displayName": "Header Font Style",
"visible": true,
"themeable": "Standard",
"displayPriority": 60,
"type": "tchmi:framework#/definitions/FontStyle",
"category": "Grid",
"description": "'Normal', 'Italic' (slanted with special glyphs), 'Oblique' (slanted normal glyphs) or 'Auto' for inherited.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": "Auto"
},
{
"name": "data-tchmi-header-font-weight",
"propertyName": "HeaderFontWeight",
"propertySetterName": "setHeaderFontWeight",
"propertyGetterName": "getHeaderFontWeight",
"displayName": "Header Font Weight",
"visible": true,
"themeable": "Standard",
"displayPriority": 60,
"type": "tchmi:framework#/definitions/FontWeight",
"category": "Grid",
"description": "'Normal', 'Bold' (glyphs with more weight) or 'Auto' for inherited.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": "Auto"
},
{
"name": "data-tchmi-grid-font-family",
"propertyName": "GridFontFamily",
"propertySetterName": "setGridFontFamily",
"propertyGetterName": "getGridFontFamily",
"displayName": "Grid Font Family",
"visible": true,
"themeable": "Standard",
"displayPriority": 60,
"type": "tchmi:framework#/definitions/FontFamily",
"category": "Grid",
"description": "Comma separated list of family name or keyword: 'serif', 'sans-serif', 'monospace'.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "data-tchmi-grid-font-size",
"displayName": "Grid Font Size",
"propertyName": "GridFontSize",
"propertySetterName": "setGridFontSize",
"propertyGetterName": "getGridFontSize",
"visible": true,
"themeable": "Standard",
"displayPriority": 10,
"type": "tchmi:framework#/definitions/MeasurementValue",
"category": "Grid",
"description": "The font size of rows in the table.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "data-tchmi-grid-font-size-unit",
"displayName": "Grid Font Size Unit",
"propertyName": "GridFontSizeUnit",
"propertySetterName": "setGridFontSizeUnit",
"propertyGetterName": "getGridFontSizeUnit",
"refTo": "GridFontSize",
"visible": true,
"themeable": "Advanced",
"displayPriority": 10,
"type": "tchmi:framework#/definitions/MeasurementUnit",
"category": "Grid",
"description": "The font size unit of rows in the table.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": "px"
},
{
"name": "data-tchmi-grid-font-style",
"propertyName": "GridFontStyle",
"propertySetterName": "setGridFontStyle",
"propertyGetterName": "getGridFontStyle",
"displayName": "Grid Font Style",
"visible": true,
"themeable": "Standard",
"displayPriority": 60,
"type": "tchmi:framework#/definitions/FontStyle",
"category": "Grid",
"description": "'Normal', 'Italic' (slanted with special glyphs), 'Oblique' (slanted normal glyphs) or 'Auto' for inherited.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": "Auto"
},
{
"name": "data-tchmi-grid-font-weight",
"propertyName": "GridFontWeight",
"propertySetterName": "setGridFontWeight",
"propertyGetterName": "getGridFontWeight",
"displayName": "Grid Font Weight",
"visible": true,
"themeable": "Standard",
"displayPriority": 60,
"type": "tchmi:framework#/definitions/FontWeight",
"category": "Grid",
"description": "'Normal', 'Bold' (glyphs with more weight) or 'Auto' for inherited.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": "Auto"
},
{
"name": "data-tchmi-header-height",
"displayName": "Header Height",
"propertyName": "HeaderHeight",
"propertySetterName": "setHeaderHeight",
"propertyGetterName": "getHeaderHeight",
"visible": true,
"themeable": "Standard",
"displayPriority": 10,
"type": "tchmi:framework#/definitions/MeasurementValue",
"category": "Grid",
"description": "The height of the header row.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "data-tchmi-header-height-unit",
"displayName": "Header Height Unit",
"propertyName": "HeaderHeightUnit",
"propertySetterName": "setHeaderHeightUnit",
"propertyGetterName": "getHeaderHeightUnit",
"refTo": "HeaderHeight",
"visible": true,
"themeable": "Advanced",
"displayPriority": 10,
"type": "tchmi:framework#/definitions/MeasurementUnit",
"category": "Grid",
"description": "The height unit of the header row.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": "px"
},
{
"name": "data-tchmi-row-height",
"displayName": "Row Height",
"propertyName": "RowHeight",
"propertySetterName": "setRowHeight",
"propertyGetterName": "getRowHeight",
"visible": true,
"themeable": "Standard",
"displayPriority": 10,
"type": "tchmi:framework#/definitions/MeasurementValue",
"category": "Grid",
"description": "The height of rows in the table.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "data-tchmi-row-height-unit",
"displayName": "Row Height Unit",
"propertyName": "RowHeightUnit",
"propertyGetterName": "getRowHeightUnit",
"refTo": "RowHeight",
"visible": true,
"displayPriority": 10,
"type": "tchmi:framework#/definitions/PixelUnit",
"category": "Grid",
"description": "The height unit of rows in the table.",
"readOnly": true,
"bindable": false,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValueInternal": "px"
},
{
"name": "data-tchmi-ignore-escape-sequences",
"propertyName": "IgnoreEscapeSequences",
"propertySetterName": "setIgnoreEscapeSequences",
"propertyGetterName": "getIgnoreEscapeSequences",
"displayName": "Ignore Escape Sequences",
"visible": true,
"themeable": "Advanced",
"displayPriority": 100,
"type": "tchmi:general#/definitions/Boolean",
"category": "Common",
"description": "When set to true a backslash in an event text will be shown verbatim in the HMI. This affects all columns.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": false
},
{
"name": "data-tchmi-show-menu-bar",
"displayName": "Show Menu Bar",
"propertyName": "ShowMenuBar",
"propertySetterName": "setShowMenuBar",
"propertyGetterName": "getShowMenuBar",
"visible": true,
"themeable": "Advanced",
"displayPriority": 10,
"type": "tchmi:general#/definitions/Boolean",
"category": "Menu Bar",
"description": "Whether to show the menu bar.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": true,
"defaultValueInternal": false
},
{
"name": "data-tchmi-menu-bar-position",
"displayName": "Menu Bar Position",
"propertyName": "MenuBarPosition",
"propertySetterName": "setMenuBarPosition",
"propertyGetterName": "getMenuBarPosition",
"visible": true,
"themeable": "Advanced",
"displayPriority": 20,
"type": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiEventGrid.MenuBarPosition",
"category": "Menu Bar",
"description": "The position of the menu bar.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": "Top"
},
{
"name": "data-tchmi-button-font-family",
"propertyName": "ButtonFontFamily",
"propertySetterName": "setButtonFontFamily",
"propertyGetterName": "getButtonFontFamily",
"displayName": "Button Font Family",
"visible": true,
"themeable": "Standard",
"displayPriority": 60,
"type": "tchmi:framework#/definitions/FontFamily",
"category": "Menu Bar",
"description": "Comma separated list of family name or keyword: 'serif', 'sans-serif', 'monospace'.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "data-tchmi-button-font-size",
"displayName": "Button Font Size",
"propertyName": "ButtonFontSize",
"propertySetterName": "setButtonFontSize",
"propertyGetterName": "getButtonFontSize",
"visible": true,
"themeable": "Standard",
"displayPriority": 10,
"type": "tchmi:framework#/definitions/MeasurementValue",
"category": "Menu Bar",
"description": "The font size of the buttons in the menu bar.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "data-tchmi-button-font-size-unit",
"displayName": "Button Font Size Unit",
"propertyName": "ButtonFontSizeUnit",
"propertySetterName": "setButtonFontSizeUnit",
"propertyGetterName": "getButtonFontSizeUnit",
"refTo": "ButtonFontSize",
"visible": true,
"themeable": "Advanced",
"displayPriority": 10,
"type": "tchmi:framework#/definitions/MeasurementUnit",
"category": "Menu Bar",
"description": "The font size unit of the buttons in the menu bar.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": "px"
},
{
"name": "data-tchmi-button-font-style",
"propertyName": "ButtonFontStyle",
"propertySetterName": "setButtonFontStyle",
"propertyGetterName": "getButtonFontStyle",
"displayName": "Button Font Style",
"visible": true,
"themeable": "Standard",
"displayPriority": 60,
"type": "tchmi:framework#/definitions/FontStyle",
"category": "Menu Bar",
"description": "'Normal', 'Italic' (slanted with special glyphs), 'Oblique' (slanted normal glyphs) or 'Auto' for inherited.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": "Auto"
},
{
"name": "data-tchmi-button-font-weight",
"propertyName": "ButtonFontWeight",
"propertySetterName": "setButtonFontWeight",
"propertyGetterName": "getButtonFontWeight",
"displayName": "Button Font Weight",
"visible": true,
"themeable": "Standard",
"displayPriority": 60,
"type": "tchmi:framework#/definitions/FontWeight",
"category": "Menu Bar",
"description": "'Normal', 'Bold' (glyphs with more weight) or 'Auto' for inherited.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": "Auto"
},
{
"name": "data-tchmi-button-height",
"displayName": "Button Height",
"propertyName": "ButtonHeight",
"propertySetterName": "setButtonHeight",
"propertyGetterName": "getButtonHeight",
"visible": true,
"themeable": "Standard",
"displayPriority": 10,
"type": "tchmi:framework#/definitions/MeasurementValue",
"category": "Menu Bar",
"description": "The height of the buttons in the menu bar.",
"readOnly": false,
"bindable": true,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValue": null,
"defaultValueInternal": 30
},
{
"name": "data-tchmi-button-height-unit",
"displayName": "Button Height Unit",
"propertyName": "ButtonHeightUnit",
"propertyGetterName": "getButtonHeightUnit",
"refTo": "ButtonHeight",
"visible": true,
"displayPriority": 10,
"type": "tchmi:framework#/definitions/PixelUnit",
"category": "Menu Bar",
"description": "The height unit of the buttons in the menu bar.",
"readOnly": true,
"bindable": false,
"defaultBindingMode": "OneWay",
"heritable": true,
"defaultValueInternal": "px"
}
],
"attributeCategories": [
{
"name": "Grid",
"displayPriority": 400,
"defaultCollapsed": true,
"description": "Attributes controlling the appearance of the grid."
},
{
"name": "Menu Bar",
"displayPriority": 500,
"defaultCollapsed": true,
"description": "Attributes controlling the menu bar."
}
],
"themedResources": [
{
"name": "MessageIcon",
"displayName": "Message Icon",
"description": "Icon for messages",
"type": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiEventGrid.IconDefinition"
},
{
"name": "AlarmIcon",
"displayName": "Alarm Icon",
"description": "Icon for alarms",
"type": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiEventGrid.IconDefinition"
},
{
"name": "VerboseIcon",
"displayName": "Verbose Icon",
"description": "Icon for events with severity verbose",
"type": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiEventGrid.IconDefinition"
},
{
"name": "InfoIcon",
"displayName": "Info Icon",
"description": "Icon for events with severity info",
"type": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiEventGrid.IconDefinition"
},
{
"name": "WarningIcon",
"displayName": "Warning Icon",
"description": "Icon for events with severity warning",
"type": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiEventGrid.IconDefinition"
},
{
"name": "ErrorIcon",
"displayName": "Error Icon",
"description": "Icon for events with severity error",
"type": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiEventGrid.IconDefinition"
},
{
"name": "CriticalIcon",
"displayName": "Critical Icon",
"description": "Icon for events with severity critical",
"type": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiEventGrid.IconDefinition"
}
],
"functions": [
{
"name": "confirmSelectedAlarm",
"displayName": "confirmSelectedAlarm",
"visible": true,
"description": "Confirms the currently selected alarm.",
"category": "Alarms",
"params": [
{
"name": "ctx",
"displayName": "ctx",
"type": "tchmi:framework#/definitions/ContextReference",
"description": "Context Reference.",
"bindable": false,
"visible": true
}
],
"type": null,
"heritable": true,
"waitMode": "Asynchronous",
"injectContextObject": true
},
{
"name": "confirmAllAlarms",
"displayName": "confirmAllAlarms",
"visible": true,
"description": "Confirms all alarms.",
"category": "Alarms",
"params": [
{
"name": "ctx",
"displayName": "ctx",
"type": "tchmi:framework#/definitions/ContextReference",
"description": "Context Reference.",
"bindable": false,
"visible": true
}
],
"type": null,
"heritable": true,
"waitMode": "Asynchronous",
"injectContextObject": true
}
],
"events": [
{
"name": ".onSelectedItemChanged",
"displayName": ".onSelectedItemChanged",
"visible": true,
"displayPriority": 5,
"category": "Operator",
"description": "The selecteditemchanged event is fired when the user changed the selected item.",
"heritable": true,
"arguments": [
{
"type": "tchmi:general#/definitions/Any",
"description": "The currently selected row value."
}
]
},
{
"name": ".onItemDoubleClicked",
"displayName": ".onItemDoubleClicked",
"visible": true,
"displayPriority": 5,
"category": "Operator",
"description": "The itemdoubleclicked event is fired when the user doubleclicks an item.",
"heritable": true,
"arguments": [
{
"type": "tchmi:general#/definitions/Any",
"description": "The currently selected row value."
}
]
}
],
"dataTypes": [
{
"schema": "Schema/Types.Schema.json"
}
],
"languages": {
"en": "Lang/Language.en.json",
"de": "Lang/Language.de.json"
},
"access": [
{
"name": "configure",
"displayName": "Configure",
"description": "Controls the ability to configure the sorting, filtering and columns of the grid. This defaults to true.",
"visible": true,
"defaultValueInternal": true,
"dependsOn": [
"operate"
]
},
{
"name": "viewDetails",
"displayName": "View Details",
"description": "Controls the ability to view the details of an event. This defaults to true.",
"visible": true,
"defaultValueInternal": true
}
]
}

View File

@@ -0,0 +1,55 @@
{
"$schema": "../../../TcHmiFramework/Schema/FunctionDescription.Schema.json",
"apiVersion": 1,
"version": {
"full": "14.4.1.0",
"major": 14,
"minor": 4,
"build": 1,
"revision": 0
},
"dependencyFiles": [
{
"name": "../../dist/TcHmiEventGrid/EventClassesProvider/EventClassesProvider.esm.js",
"type": "EsModule",
"description": ""
}
],
"function": {
"name": "EventClassesProvider",
"namespace": "TcHmi.Controls.Beckhoff.TcHmiEventGrid",
"displayName": "EventClassesProvider",
"visible": false,
"description": "Provides classes for Datagrid rows depending on event properties like type, severity and alarm state.",
"category": "Data Conversion",
"returnValue": {
"type": "tchmi:general#/definitions/Array"
},
"arguments": [
{
"name": "rowValue",
"displayName": "RowValue",
"type": "tchmi:general#/definitions/Any",
"description": "The value of the row",
"required": true,
"bindable": true
},
{
"name": "dataIndex",
"displayName": "DataIndex",
"type": "tchmi:general#/definitions/Number",
"description": "The index of the row in the srcData",
"required": false,
"bindable": true
},
{
"name": "rowNumber",
"displayName": "RowNumber",
"type": "tchmi:general#/definitions/Number",
"description": "The rowNumber of the row after sorting",
"required": false,
"bindable": true
}
]
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 506 B

View File

@@ -0,0 +1,89 @@
{
"$schema": "../../../TwinCAT-HMI-Common/JsonSchemas/Language.Schema.json",
"locale": "de",
"localizedText": {
"Button_Tooltip_Message": "Anzeige von Meldungen umschalten",
"Button_Tooltip_Alarm": "Anzeige von Alarmen umschalten",
"Button_Tooltip_Verbose": "Anzeige von ausführlichen Ereignissen umschalten",
"Button_Tooltip_Info": "Anzeige von Informationsereignissen umschalten",
"Button_Tooltip_Warning": "Anzeige von Warnungsereignissen umschalten",
"Button_Tooltip_Error": "Anzeige von Fehlerereignissen umschalten",
"Button_Tooltip_Critical": "Anzeige von kritischen Ereignissen umschalten",
"Button_Tooltip_Filter": "Filterkonfiguration",
"Button_Tooltip_Columns": "Spaltenkonfiguration",
"Button_Tooltip_Export": "Gefilterte Events exportieren",
"Button_Tooltip_Confirm": "Ausgewählten Alarm quittieren",
"Button_Tooltip_ConfirmAll": "Alle unquittierten Alarme quittieren",
"Date_Format_Browser_Timezone": "{0} ({1} Browser-Zeitzone)",
"Date_Format_Timezone": "{0} ({1} {2})",
"Label_Text_Verbose": "Ausführlich",
"Label_Text_Info": "Information",
"Label_Text_Warning": "Warnung",
"Label_Text_Error": "Fehler",
"Label_Text_Critical": "Kritisch",
"Label_Text_Alarm": "Alarm",
"Label_Text_Message": "Meldung",
"Label_Text_Payload": "Nutzlast",
"Label_Text_Raised": "Ausgelöst",
"Label_Text_Confirmed": "Quittiert",
"Label_Text_Cleared": "Beseitigt",
"Label_Text_Cleared_And_Confirmed": "Beseitigt und quittiert",
"Label_Text_Invalid": "Ungültig",
"Label_Text_Raised_NoConfirmation": "Ausgelöst, Quittierung nicht erforderlich",
"Label_Text_Confirmed_NoConfirmation": "Quittiert, Quittierung nicht erforderlich",
"Label_Text_Cleared_NoConfirmation": "Beseitigt, Quittierung nicht erforderlich",
"Label_Text_Cleared_And_Confirmed_NoConfirmation": "Beseitigt und quittiert, Quittierung nicht erforderlich",
"Label_Text_Invalid_NoConfirmation": "Ungültig, Quittierung nicht erforderlich",
"Column_Header_Type": "Typ",
"Column_Header_Severity": "Schweregrad",
"Column_Header_AlarmState": "Alarmstatus",
"Column_Header_Domain": "Domain",
"Column_Header_SourceDomain": "Quelldomain",
"Column_Header_Name": "Name",
"Column_Header_Text": "Text",
"Column_Header_ConfirmationState": "Quittierungsstatus",
"Column_Header_TimeAndDateRaised": "Auslösezeit und -datum",
"Column_Header_TimeRaised": "Auslösezeit",
"Column_Header_DateRaised": "Auslösedatum",
"Column_Header_Raised": "Ausgelöst",
"Column_Header_TimeAndDateConfirmed": "Quittierzeit und -datum",
"Column_Header_TimeConfirmed": "Quittierzeit",
"Column_Header_DateConfirmed": "Quittierdatum",
"Column_Header_Confirmed": "Quittiert",
"Column_Header_TimeAndDateCleared": "Beseitigungszeit und -datum",
"Column_Header_TimeCleared": "Beseitigungszeit",
"Column_Header_DateCleared": "Beseitigungsdatum",
"Column_Header_Cleared": "Beseitigt",
"Column_Header_Received": "Erhalten",
"Column_Header_Parameters": "Parameter",
"Column_Header_Payload": "Nutzlast",
"Header_Text_Columns": "Spalten",
"Header_Text_Details": "Details",
"Header_Text_ConfirmAll": "Alle Alarme quittieren",
"Button_Text_Reset_Config": "Ursprüngliche Konfiguration laden",
"Button_Tooltip_Reset_Config": "Lokal gespeicherte Überschreibungen löschen und ursprüngliche Einstellungen wiederherstellen",
"Button_Text_Ok": "OK",
"Button_Tooltip_Ok": "Änderungen speichern, anwenden und das Popup schließen",
"Button_Text_Cancel": "Abbrechen",
"Button_Tooltip_Cancel": "Änderungen verwerfen und das Popup schließen",
"Button_Tooltip_Column_Up": "Die ausgewählte Spalte eine Ebene nach oben verschieben",
"Button_Tooltip_Column_Down": "Die ausgewählte Spalte eine Ebene nach unten verschieben",
"Label_Text_Column_Width": "Breite",
"Label_Text_Column_Name": "Name",
"Label_Text_Column_Label": "Beschriftung",
"Label_Text_Column_Sortable": "Sortierbar",
"Button_Tooltip_Details_Confirm": "Diesen Alarm quittieren",
"Button_Text_Details_Close": "Schließen",
"Button_Tooltip_Details_Close": "Popup schließen",
"Button_Text_ConfirmAll_Yes": "Ja, alle Alarme quittieren",
"Button_Tooltip_ConfirmAll_Yes": "Alle angezeigten Alarm quittieren und das Popup schließen",
"Button_Tooltip_ConfirmAll_Cancel": "Das Popup schließe ohne einen Alarm zu quittieren",
"Label_Text_ConfirmAll_Sure_Singular": "Sind sie sicher, dass sie diesen Alarm quittieren wollen?",
"Label_Text_ConfirmAll_Sure_Plural": "Sind sie sicher, dass sie diese {0} Alarme quittieren wollen?",
"Enum_ConfirmationState_NotSupported": "Nicht unterstützt",
"Enum_ConfirmationState_NotRequired": "Nicht erforderlich",
"Enum_ConfirmationState_Wait": "Auf Quittierung wartend",
"Enum_ConfirmationState_Confirmed": "Quittiert",
"Enum_ConfirmationState_Reset": "Zurückgesetzt"
}
}

View File

@@ -0,0 +1,89 @@
{
"$schema": "../../../TwinCAT-HMI-Common/JsonSchemas/Language.Schema.json",
"locale": "en",
"localizedText": {
"Button_Tooltip_Message": "Toggle displaying of messages",
"Button_Tooltip_Alarm": "Toggle displaying of alarms",
"Button_Tooltip_Verbose": "Toggle displaying of verbose events",
"Button_Tooltip_Info": "Toggle displaying of info events",
"Button_Tooltip_Warning": "Toggle displaying of warning events",
"Button_Tooltip_Error": "Toggle displaying of error events",
"Button_Tooltip_Critical": "Toggle displaying of critical events",
"Button_Tooltip_Filter": "Configure filters",
"Button_Tooltip_Columns": "Configure displayed columns",
"Button_Tooltip_Export": "Export filtered events",
"Button_Tooltip_Confirm": "Confirm selected alarm",
"Button_Tooltip_ConfirmAll": "Confirm all unconfirmed alarms",
"Date_Format_Browser_Timezone": "{0} ({1} Browser timezone)",
"Date_Format_Timezone": "{0} ({1} {2})",
"Label_Text_Verbose": "Verbose",
"Label_Text_Info": "Info",
"Label_Text_Warning": "Warning",
"Label_Text_Error": "Error",
"Label_Text_Critical": "Critical",
"Label_Text_Alarm": "Alarm",
"Label_Text_Message": "Message",
"Label_Text_Payload": "Payload",
"Label_Text_Raised": "Raised",
"Label_Text_Confirmed": "Confirmed",
"Label_Text_Cleared": "Cleared",
"Label_Text_Cleared_And_Confirmed": "Cleared and confirmed",
"Label_Text_Invalid": "Invalid",
"Label_Text_Raised_NoConfirmation": "Raised, no confirmation needed",
"Label_Text_Confirmed_NoConfirmation": "Confirmed, no confirmation needed",
"Label_Text_Cleared_NoConfirmation": "Cleared, no confirmation needed",
"Label_Text_Cleared_And_Confirmed_NoConfirmation": "Cleared and confirmed, no confirmation needed",
"Label_Text_Invalid_NoConfirmation": "Invalid, no confirmation needed",
"Column_Header_Type": "Type",
"Column_Header_Severity": "Severity",
"Column_Header_AlarmState": "Alarm state",
"Column_Header_Domain": "Domain",
"Column_Header_SourceDomain": "Source domain",
"Column_Header_Name": "Name",
"Column_Header_Text": "Text",
"Column_Header_ConfirmationState": "Confirmation State",
"Column_Header_TimeAndDateRaised": "Time and date raised",
"Column_Header_TimeRaised": "Time raised",
"Column_Header_DateRaised": "Date raised",
"Column_Header_Raised": "Raised",
"Column_Header_TimeAndDateConfirmed": "Time and date confirmed",
"Column_Header_TimeConfirmed": "Time confirmed",
"Column_Header_DateConfirmed": "Date confirmed",
"Column_Header_Confirmed": "Confirmed",
"Column_Header_TimeAndDateCleared": "Time and date cleared",
"Column_Header_TimeCleared": "Time cleared",
"Column_Header_DateCleared": "Date cleared",
"Column_Header_Cleared": "Cleared",
"Column_Header_Received": "Received",
"Column_Header_Parameters": "Parameters",
"Column_Header_Payload": "Payload",
"Header_Text_Columns": "Columns",
"Header_Text_Details": "Details",
"Header_Text_ConfirmAll": "Confirm All Alarms",
"Button_Text_Reset_Config": "Load initial configuration",
"Button_Tooltip_Reset_Config": "Remove locally configured overrides and restore initial settings",
"Button_Text_Ok": "OK",
"Button_Tooltip_Ok": "Save and apply changes and close the popup",
"Button_Text_Cancel": "Cancel",
"Button_Tooltip_Cancel": "Discard changes and close the popup",
"Button_Tooltip_Column_Up": "Move the selected column up",
"Button_Tooltip_Column_Down": "Move the selected column down",
"Label_Text_Column_Width": "Width",
"Label_Text_Column_Name": "Name",
"Label_Text_Column_Label": "Label",
"Label_Text_Column_Sortable": "Sortable",
"Button_Tooltip_Details_Confirm": "Confirm this alarm",
"Button_Text_Details_Close": "Close",
"Button_Tooltip_Details_Close": "Close popup",
"Button_Text_ConfirmAll_Yes": "Yes, confirm all alarms",
"Button_Tooltip_ConfirmAll_Yes": "Confirm all displayed alarms and close the popup",
"Button_Tooltip_ConfirmAll_Cancel": "Close the popup without confirming any alarm",
"Label_Text_ConfirmAll_Sure_Singular": "Are you sure you want to confirm this alarm?",
"Label_Text_ConfirmAll_Sure_Plural": "Are you sure you want to confirm these {0} alarms?",
"Enum_ConfirmationState_NotSupported": "Not supported",
"Enum_ConfirmationState_NotRequired": "Not required",
"Enum_ConfirmationState_Wait": "Waiting for confirmation",
"Enum_ConfirmationState_Confirmed": "Confirmed",
"Enum_ConfirmationState_Reset": "Reset"
}
}

View File

@@ -0,0 +1,281 @@
{
"$schema": "http://json-schema.org/draft-04/schema",
"definitions": {
"EventGridColumnList": {
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiEventGrid.ColumnList"
},
"EventGridMenuBarPosition": {
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiEventGrid.MenuBarPosition"
},
"TcHmi.Controls.Beckhoff.TcHmiEventGrid": {
"$schema": "http://json-schema.org/draft-04/schema",
"type": "object",
"frameworkInstanceOf": "TcHmi.Controls.System.TcHmiControl",
"frameworkControlType": "TcHmiEventGrid",
"frameworkControlNamespace": "TcHmi.Controls.Beckhoff"
},
"TcHmi.Controls.Beckhoff.TcHmiEventGrid.ColumnList": {
"title": "ColumnList",
"type": "array",
"items": {
"anyOf": [
{
"title": "Column",
"type": "object",
"engineeringColumns": ["columnName"],
"propertiesMeta": [
{
"name": "columnName",
"displayName": "Column Name",
"category": "General",
"displayPriority": 10,
"description": "Source of this column",
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "width",
"displayName": "Width",
"category": "General",
"displayPriority": 10,
"description": "Width of this column",
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "widthUnit",
"refTo": "width",
"displayName": "Width Unit",
"category": "General",
"displayPriority": 10,
"description": "Width unit of this column. px defines an absolute width, % is relative to the control width and factor can be used to divide the available space into fractions.",
"defaultValue": null,
"defaultValueInternal": "px"
},
{
"name": "sortable",
"displayName": "Sortable",
"category": "General",
"displayPriority": 10,
"description": "Whether it should be possible to sort this column",
"defaultValue": true,
"defaultValueInternal": null
},
{
"name": "format",
"displayName": "Format",
"category": "General",
"displayPriority": 10,
"description": "A reference of function which is called with each entry",
"allowedFunctions": {
"returnType": "tchmi:general#/definitions/String",
"requiredArguments": [
{
"type": "tchmi:general#/definitions/Any",
"description": "The value to format."
}
],
"requiredWaitMode": "Synchronous"
},
"defaultValue": null,
"defaultValueInternal": null
}
],
"properties": {
"columnName": {
"type": "string",
"enum": [
"severity",
"type",
"alarmState",
"confirmationState",
"domain",
"sourceDomain",
"name",
"text",
"timeAndDateRaised",
"timeRaised",
"dateRaised",
"timeAndDateConfirmed",
"timeConfirmed",
"dateConfirmed",
"timeAndDateCleared",
"timeCleared",
"dateCleared"
]
},
"width": {
"$ref": "tchmi:framework#/definitions/MeasurementValue"
},
"widthUnit": {
"$ref": "tchmi:framework#/definitions/MeasurementUnitOrFactor"
},
"sortable": {
"type": "boolean",
"default": true
},
"format": {
"$ref": "tchmi:framework#/definitions/Function"
}
},
"required": ["columnName"],
"additionalProperties": false
},
{
"title": "Custom column",
"type": "object",
"engineeringColumns": ["columnName"],
"propertiesMeta": [
{
"name": "columnName",
"displayName": "Column Name",
"category": "General",
"displayPriority": 10,
"description": "Source of this column",
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "label",
"displayName": "Label",
"category": "General",
"displayPriority": 10,
"description": "Label of this column",
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "width",
"displayName": "Width",
"category": "General",
"displayPriority": 10,
"description": "Width of this column",
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "widthUnit",
"refTo": "width",
"displayName": "Width Unit",
"category": "General",
"displayPriority": 10,
"description": "Width unit of this column. px defines an absolute width, % is relative to the control width and factor can be used to divide the available space into fractions.",
"defaultValue": null,
"defaultValueInternal": "px"
},
{
"name": "sortable",
"displayName": "Sortable",
"category": "General",
"displayPriority": 10,
"description": "Whether it should be possible to sort this column",
"defaultValue": true,
"defaultValueInternal": null
},
{
"name": "format",
"displayName": "Format",
"category": "General",
"displayPriority": 10,
"description": "A reference of function which is called with each entry",
"allowedFunctions": {
"returnType": "tchmi:general#/definitions/String",
"requiredArguments": [
{
"type": "tchmi:general#/definitions/Any",
"description": "The value to format."
}
],
"requiredWaitMode": "Synchronous"
},
"defaultValue": null,
"defaultValueInternal": null
}
],
"properties": {
"columnName": {
"type": "string",
"pattern": "^params::"
},
"label": {
"type": "string"
},
"width": {
"$ref": "tchmi:framework#/definitions/MeasurementValue"
},
"widthUnit": {
"$ref": "tchmi:framework#/definitions/MeasurementUnitOrFactor"
},
"sortable": {
"type": "boolean",
"default": true
},
"format": {
"$ref": "tchmi:framework#/definitions/Function"
}
},
"required": ["columnName"],
"additionalProperties": false
}
]
}
},
"TcHmi.Controls.Beckhoff.TcHmiEventGrid.MenuBarPosition": {
"type": "string",
"enum": ["Top", "Bottom", "Left", "Right"],
"default": "Top"
},
"TcHmi.Controls.Beckhoff.TcHmiEventGrid.ServerEvent": {
"$ref": "tchmi:framework#/definitions/ServerEvent"
},
"TcHmi.Controls.Beckhoff.TcHmiEventGrid.IconDefinition": {
"title": "IconDefinition",
"type": "object",
"propertiesMeta": [
{
"name": "imagePath",
"category": "General",
"displayName": "Image Path",
"displayPriority": 10,
"description": "Path to a Pixel or Vector Image.",
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "width",
"category": "General",
"displayName": "Width",
"displayPriority": 10,
"description": "Width of the icon",
"defaultValue": null,
"defaultValueInternal": null
},
{
"name": "height",
"category": "General",
"displayName": "Height",
"displayPriority": 10,
"description": "Height of the icon",
"defaultValue": null,
"defaultValueInternal": null
}
],
"properties": {
"imagePath": {
"$ref": "tchmi:framework#/definitions/Path"
},
"width": {
"type": "number"
},
"height": {
"type": "number"
}
},
"additionalProperties": false,
"required": ["imagePath", "width", "height"]
},
"TcHmiEventGrid": {
"$ref": "tchmi:framework#/definitions/TcHmi.Controls.Beckhoff.TcHmiEventGrid"
}
}
}

View File

@@ -0,0 +1,433 @@
/** Styles for all themes */
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template,
.tchmi-event-grid-template {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-menu-bar,
.tchmi-event-grid-template-menu-bar {
display: flex;
flex-shrink: 1;
flex-wrap: wrap;
margin-left: -5px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-menu-bar > div,
.tchmi-event-grid-template-menu-bar > div {
display: flex;
flex-wrap: wrap;
flex-direction: inherit;
margin-left: 5px;
padding: 2.5px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-menu-bar .TcHmi_Controls_System_TcHmiControl,
.tchmi-event-grid-template-menu-bar .tchmi-control {
position: relative;
margin: 2.5px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-menu-bar .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-menu-bar .tchmi-button-template {
background-size: contain;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-grid-container,
.tchmi-event-grid-template-grid-container {
flex-grow: 1;
position: relative;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup,
.tchmi-event-grid-template-popup {
display: flex;
flex-direction: column;
box-sizing: border-box;
overflow: auto;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup > h1,
.tchmi-event-grid-template-popup > h1 {
margin-top: 0;
margin-bottom: 10px;
flex-shrink: 0;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup-content,
.tchmi-event-grid-template-popup-content {
flex-grow: 1;
flex-shrink: 1;
margin-bottom: 10px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup-footer,
.tchmi-event-grid-template-popup-footer {
display: flex;
justify-content: flex-end;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup-footer .TcHmi_Controls_System_TcHmiControl,
.tchmi-event-grid-template-popup-footer .tchmi-control {
position: relative;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup-footer .TcHmi_Controls_System_TcHmiControl:not(:first-child),
.tchmi-event-grid-template-popup-footer .tchmi-control:not(:first-child) {
position: relative;
margin-left: 5px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup-footer .TcHmi_Controls_System_TcHmiControl.align-left,
.tchmi-event-grid-template-popup-footer .tchmi-control.align-left {
margin-right: auto;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid .TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup,
.tchmi-event-grid .tchmi-event-grid-template-popup {
display: none;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-details-popup
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup-content,
.tchmi-event-grid-template-details-popup .tchmi-event-grid-template-popup-content {
overflow: auto;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-details-popup dl,
.tchmi-event-grid-template-details-popup dl {
display: flex;
flex-wrap: wrap;
max-width: 702px;
margin: 0;
text-align: left;
user-select: text;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-details-popup dt,
.tchmi-event-grid-template-details-popup dt {
width: 92px;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 1px;
padding: 5px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-details-popup dd,
.tchmi-event-grid-template-details-popup dd {
width: calc(100% - 112px);
margin-left: 0;
overflow-wrap: break-word;
margin-bottom: 1px;
padding: 5px;
white-space: pre-wrap;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-details-popup dd dl,
.tchmi-event-grid-template-details-popup dd dl {
display: inline;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-details-popup dd dt,
.tchmi-event-grid-template-details-popup dd dt {
width: auto;
min-width: 16px;
padding: 0;
margin-right: 5px;
margin-bottom: 0;
float: left;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-details-popup dd dd,
.tchmi-event-grid-template-details-popup dd dd {
display: block;
width: auto;
min-height: 16px;
padding: 0;
padding-left: 20px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-details-popup dd dd dl,
.tchmi-event-grid-template-details-popup dd dd dl {
display: inline-block;
width: 100%;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-popup
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup-content,
.tchmi-event-grid-template-columns-popup .tchmi-event-grid-template-popup-content {
display: flex;
flex-direction: row;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-popup
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-selector,
.tchmi-event-grid-template-columns-popup .tchmi-event-grid-template-columns-selector {
display: flex;
margin: 0 -3px 5px -3px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-popup
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-selector
> div,
.tchmi-event-grid-template-columns-popup .tchmi-event-grid-template-columns-selector > div {
margin: 0 3px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-popup
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-selector
.TcHmi_Controls_System_TcHmiControl,
.tchmi-event-grid-template-columns-popup .tchmi-event-grid-template-columns-selector .tchmi-control {
position: relative;
margin-bottom: 5px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-available-columns,
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-selected-columns,
.tchmi-event-grid-template-columns-config-available-columns,
.tchmi-event-grid-template-columns-config-selected-columns {
width: 170px;
overflow: auto;
white-space: nowrap;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column,
.tchmi-event-grid-template-columns-config-column {
padding: 5px;
position: relative;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column span,
.tchmi-event-grid-template-columns-config-column span {
pointer-events: none;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column-selection-toggle,
.tchmi-event-grid-template-columns-config-column-selection-toggle {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 26px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-column-properties,
.tchmi-event-grid-template-column-properties {
display: flex;
flex-direction: column;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-column-properties > div,
.tchmi-event-grid-template-column-properties > div {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
margin-left: 10px;
margin-bottom: 2px;
position: relative;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-column-properties > div.hidden,
.tchmi-event-grid-template-column-properties > div.hidden {
display: none;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-column-property-label,
.tchmi-event-grid-template-column-property-label {
margin-right: 3px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-column-properties div[data-tchmi-type],
.tchmi-event-grid-template-column-properties div[data-tchmi-type] {
position: relative;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-column-properties div[data-tchmi-type] + div[data-tchmi-type],
.tchmi-event-grid-template-column-properties div[data-tchmi-type] + div[data-tchmi-type] {
margin-left: 2px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-in-textbox,
.tchmi-event-grid-template-in-textbox {
position: absolute;
z-index: 1;
width: 0;
right: 117px;
line-height: 26px;
color: #4c6374;
pointer-events: none;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-confirm-all-popup .TcHmi_Controls_Beckhoff_TcHmiDatagrid,
.tchmi-event-grid-template-confirm-all-popup .tchmi-datagrid {
position: relative;
margin-top: 6px;
width: 528px;
max-width: 100%;
height: calc(100% - 16px);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-confirm-all-popup
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup-content,
.tchmi-event-grid-template-confirm-all-popup .tchmi-event-grid-template-popup-content {
display: flex;
flex-direction: column;
max-height: 370px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-popup
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup-content,
.tchmi-event-grid-template-filter-popup .tchmi-event-grid-template-popup-content {
display: flex;
flex-direction: column;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-popup .TcHmi_Controls_Beckhoff_TcHmiButton,
.tchmi-event-grid-template-filter-popup .tchmi-button {
position: relative;
display: inline-block;
margin-right: 5px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-popup table,
.tchmi-event-grid-template-filter-popup table {
border-collapse: collapse;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-table-header,
.tchmi-event-grid-template-filter-table-header {
display: block;
overflow: hidden;
flex-shrink: 0;
position: relative;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-table-header th,
.tchmi-event-grid-template-filter-table-header th {
height: 30px;
padding: 0;
box-sizing: border-box;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-table-header
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-scroll-placeholder,
.tchmi-event-grid-template-filter-table-header .tchmi-event-grid-template-filter-scroll-placeholder {
width: 200px;
position: absolute;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-table,
.tchmi-event-grid-template-filter-table {
overflow: auto;
display: block;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-table
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-indentation-column,
.tchmi-event-grid-template-filter-table .tchmi-event-grid-template-filter-indentation-column {
display: flex;
padding: 0;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-selection-column,
.tchmi-event-grid-template-filter-selection-column {
min-width: 30px;
max-width: 30px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-logic-column,
.tchmi-event-grid-template-filter-logic-column {
min-width: 60px;
max-width: 60px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-path-column,
.tchmi-event-grid-template-filter-path-column {
min-width: 120px;
max-width: 120px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-comparator-column,
.tchmi-event-grid-template-filter-comparator-column {
min-width: 160px;
max-width: 160px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-value-column,
.tchmi-event-grid-template-filter-value-column {
min-width: 250px;
max-width: 250px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-table td,
.tchmi-event-grid-template-filter-table td {
position: relative;
white-space: nowrap;
border-right: 1px solid;
border-bottom: 1px solid;
padding: 0;
height: 30px;
overflow: hidden;
cursor: default;
box-sizing: border-box;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-table
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-indentation-marker,
.tchmi-event-grid-template-filter-table .tchmi-event-grid-template-filter-indentation-marker {
width: 5px;
height: 30px;
border-left: 1px solid;
float: left;
box-sizing: border-box;
margin-left: 4px;
margin-right: -3px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-table
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-indentation-marker:last-child,
.tchmi-event-grid-template-filter-table .tchmi-event-grid-template-filter-indentation-marker:last-child {
margin-right: 1px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-table
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-indentation-marker.first,
.tchmi-event-grid-template-filter-table .tchmi-event-grid-template-filter-indentation-marker.first {
border-top: 1px solid;
height: 28px;
margin-top: 2px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-table
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-indentation-marker.last,
.tchmi-event-grid-template-filter-table .tchmi-event-grid-template-filter-indentation-marker.last {
border-bottom: 1px solid;
height: 28px;
margin-bottom: 2px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-table .TcHmi_Controls_Beckhoff_TcHmiCombobox,
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-table .TcHmi_Controls_Beckhoff_TcHmiTextbox,
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-table .TcHmi_Controls_Beckhoff_TcHmiCheckbox,
.tchmi-event-grid-template-filter-table .tchmi-combobox,
.tchmi-event-grid-template-filter-table .tchmi-textbox,
.tchmi-event-grid-template-filter-table .tchmi-checkbox {
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 30px; /* Fix for IE who refuses to properly size absolutely positioned elements in table cells */
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-table .TcHmi_Controls_Beckhoff_TcHmiButton,
.tchmi-event-grid-template-filter-table .tchmi-button {
margin: 0;
position: absolute;
top: 0;
right: 0;
}

View File

@@ -0,0 +1,907 @@
// Compatibility file for non-module typescript compiles without adjustments.
// Use the following line for modern code (needs adjustments to tsconfig.json#configOptions/paths)
// import { TcHmiControl } from "Beckhoff.TwinCAT.HMI.Framework/index.esm.js";
// ***************************************************************************
declare class TcHmiEventGrid extends TcHmi.Controls.System.TcHmiControl {
#private;
constructor(element: JQuery, pcElement: JQuery, attrs: TcHmi.Controls.ControlAttributeList);
/** member variables */
/** Reference to the root dom element of the current control template as jquery object. */
protected __elementTemplateRoot: JQuery;
protected __elementGridContainer: JQuery;
protected __elementMenuBar: JQuery;
protected __elementTypeToggles: JQuery;
protected __elementSeverityToggles: JQuery;
protected __elementOptions: JQuery;
protected __elementMessageActions: JQuery;
protected __elementFilterPopup: JQuery;
protected __elementColumnsPopup: JQuery;
protected __elementDetailsPopup: JQuery;
protected __elementConfirmAllPopup: JQuery;
protected __filter: TcHmi.Filter | null | undefined;
protected __internalFilter: TcHmi.Filter;
protected __noPayloadsFilter: import("Beckhoff.TwinCAT.HMI.Framework/dist/API/FilterInstance.js").FilterInstance<any>;
protected __serverInterval: number | null | undefined;
protected __columns: Column[] | undefined;
protected __internalColumns: Column[];
protected __allowDetailsPopup: boolean | undefined;
protected __showMenuBar: boolean | undefined;
protected __menuBarPosition: 'Top' | 'Bottom' | 'Left' | 'Right' | undefined;
protected __buttonFontFamily: string | undefined;
protected __buttonFontSize: number | undefined;
protected __buttonFontSizeUnit: TcHmi.FontSizeUnit | undefined;
protected __buttonFontStyle: TcHmi.FontStyle | undefined;
protected __buttonFontWeight: TcHmi.FontWeight | undefined;
protected __buttonHeight: number | undefined;
protected __storage: TcHmi.LocalStorage<{
filter: TcHmi.Filter;
columns: Column[];
}, {
filter: ReturnType<TcHmiEventGrid['getFilter']>;
columns: ReturnType<TcHmiEventGrid['getColumns']>;
}> | undefined;
protected __datagrid: TcHmiDatagrid.Control;
protected __sortingInitialized: boolean;
protected __headerFontFamilyInitialized: boolean;
protected __headerFontSizeInitialized: boolean;
protected __headerFontSizeUnitInitialized: boolean;
protected __headerFontStyleInitialized: boolean;
protected __headerFontWeightInitialized: boolean;
protected __gridFontFamilyInitialized: boolean;
protected __gridFontSizeInitialized: boolean;
protected __gridFontSizeUnitInitialized: boolean;
protected __gridFontStyleInitialized: boolean;
protected __gridFontWeightInitialized: boolean;
protected __headerHeightInitialized: boolean;
protected __headerHeightUnitInitialized: boolean;
protected __rowHeightInitialized: boolean;
/** Internal reference to the attribute "data-tchmi-ignore-escape-sequences" */
protected __ignoreEscapeSequences: boolean | undefined;
protected __typeToggles: Map<import("Beckhoff.TwinCAT.HMI.Framework/dist/API/Server.Events.js").Type, TcHmiToggleButton | undefined>;
protected __severityToggles: Map<import("Beckhoff.TwinCAT.HMI.Framework/dist/API/Server.Events.js").Severity, TcHmiToggleButton | undefined>;
protected __menuBarButtons: Map<string, TcHmiButton | undefined>;
protected __buttonTooltips: {
message: string;
alarm: string;
verbose: string;
info: string;
warning: string;
error: string;
critical: string;
filter: string;
columns: string;
export: string;
confirm: string;
confirmAll: string;
};
protected __canConfirm: boolean;
protected __filterPrompt: FilterPrompt | null;
protected __columnsPopup: ColumnsPopup | null;
protected __detailsPopup: DetailsPopup | null;
protected __confirmAllPopup: ConfirmAllPopup | null;
protected __typesToShow: Map<import("Beckhoff.TwinCAT.HMI.Framework/dist/API/Server.Events.js").Type, boolean>;
protected __severitiesToShow: Map<import("Beckhoff.TwinCAT.HMI.Framework/dist/API/Server.Events.js").Severity, boolean>;
protected __themedIcons: {
types: Map<import("Beckhoff.TwinCAT.HMI.Framework/dist/API/Server.Events.js").Type, Icon | null>;
severities: Map<import("Beckhoff.TwinCAT.HMI.Framework/dist/API/Server.Events.js").Severity, Icon | null>;
};
protected __localizedElements: Map<HTMLElement, {
key: string;
parameters?: any[];
}>;
protected __localizationReader: TcHmi.Locale.LocalizationReader | undefined;
protected __subscriptionId: number | null;
protected __availableColumns: TcHmi.Dictionary<TcHmiDatagrid.Column>;
protected __doubletapStartTime: number;
/**
* If raised, the control object exists in control cache and constructor of each inheritation level was called.
* This function is only to be used by the System. Other function calls are not intended.
*/
__previnit(): void;
/**
* If raised, all attributes have been set to it's default or dom values.
* This function is only to be used by the System. Other function calls are not intended.
*/
__init(): void;
/**
* Is called by the system after the control instance gets part of the current DOM.
* This function is only to be used by the System. Other function calls are not intended.
*/
__attach(): void;
/**
* Is called by the system after the control instance is no longer part of the current DOM.
* This function is only to be used by the System. Other function calls are not intended.
*/
__detach(): void;
/**
* Destroy the current control instance.
* Will be called automatically if system destroys control!
*/
destroy(): void;
/**
* Add an element to be localized.
* @param element The element.
* @param key The localization key.
* @param parameters Optional parameters to pass to tchmi_format_string.
*/
__addLocalizedElement(element: HTMLElement, key: string, ...parameters: any[]): void;
/**
* Remove a localized element.
* @param element The element to remove.
*/
__removeLocalizedElement(element: HTMLElement): void;
/**
* Handles the onResized event of the control.
*/
protected __onResized(): void;
/**
* Handles the onThemeDataChanged event.
*/
protected __onThemeDataChanged(): void;
/**
* Creates an event handler for toggle state changed events of type toggle buttons.
* @param toggleButton The toggle button for which to create an event handler.
* @param type The type this event handler should control.
*/
protected __getTypeToggleStateChangedHandler(toggleButton: TcHmiToggleButton, type: TcHmi.Server.Events.Type): () => void;
/**
* Creates an event handler for toggle state changed events of severity toggle buttons.
* @param toggleButton The toggle button for which to create an event handler.
* @param severity The severity this event handler should control.
*/
protected __getSeverityToggleStateChangedHandler(toggleButton: TcHmiToggleButton, severity: TcHmi.Server.Events.Severity): () => void;
/**
* Handles the selectedItemChanged event of the datagrid.
*/
protected __onSelectedItemChanged(): void;
/**
* Handles the onPropertyChanged event of the datagrid.
*/
private __onDataGridPropertyChanged;
/**
* Handles the onPressedEvent of the filter button.
*/
protected __onFilterPressed(): void;
/**
* Handles the onPressedEvent of the columns button.
*/
protected __onColumnsPressed(): void;
/**
* Handles the onPressedEvent of the export button.
*/
protected __onExportPressed(): void;
/**
* Handles the onPressed event of the confirm button.
*/
protected __onConfirmPressed(): void;
/**
* Handles the onPressed event of the confirmAll button.
*/
protected __onConfirmAllPressed(): void;
/**
* Handles double clicks on table rows.
*/
protected __onDoubleclick(event: MouseEvent): void;
/**
* Handles touchstart events on table rows.
*/
protected __onTouchStart(event: TouchEvent): void;
/**
* Handles scroll events.
*/
protected __onScroll(event: Event): void;
/**
* Shows the details popup
*/
protected __showDetails(): void;
/**
* Processes the currently seleceted datagrid item.
*/
protected __processSelectedItem(): void;
/**
* Updates the subscription getting metadata for the eventgrid.
* @param unsubscribeOnly Should be set to true when this method is called from __detach. Prevents a new subscription being created after the existing subscription was unsubscribed.
*/
protected __updateSubscription(unsubscribeOnly?: boolean): void;
/**
* Gets a handler that checks the incomming response for errors and executes the specified functions for each command.
* @param commands The commands that are expected to be present in the response, and their respective handlers.
*/
protected __getServerResponseHandler(commands: Map<TcHmi.Server.ICommand, (response: TcHmi.Server.ICommand, data: TcHmi.Server.IResultObject) => void>): (data: TcHmi.Server.IResultObject) => void;
/**
* Generates the commands and handlers for the numbers in the toggle buttons.
*/
protected __getToggleButtonCommands(): Map<TcHmi.Server.ICommand<any, any>, (command: TcHmi.Server.ICommand, data: TcHmi.Server.IResultObject) => void>;
/**
* Generates the command and handler for the number of confirmable alarms.
*/
protected __getConfirmAllCommand(): readonly [TcHmi.Server.ICommand<any, any>, (command: TcHmi.Server.ICommand, data: TcHmi.Server.IResultObject) => void];
/**
* Gets the filter for all confirmable alarms.
*/
protected __getConfirmAllFilter(): TcHmi.Filter;
/**
* Generates the command and handler for the symbol access level to ConfirmAlarm
*/
protected __getCanConfirmCommand(): readonly [TcHmi.Server.ICommand<"ConfirmAlarm", import("Beckhoff.TwinCAT.HMI.Framework/dist/API/Server.js").ACCESS>, (cmd: TcHmi.Server.ICommand<"ConfirmAlarm", import("Beckhoff.TwinCAT.HMI.Framework/dist/API/Server.js").ACCESS>, data: TcHmi.Server.IResultObject) => void];
/**
* Gets the themed icon values from the ThemeManager.
*/
protected __getThemedIcons(): {
types: Map<import("Beckhoff.TwinCAT.HMI.Framework/dist/API/Server.Events.js").Type, Icon | null>;
severities: Map<import("Beckhoff.TwinCAT.HMI.Framework/dist/API/Server.Events.js").Severity, Icon | null>;
};
/**
* Sets the columns value and calls the associated process function.
* @param valueNew The new value for columns.
*/
setColumns(valueNew: Column[] | null): void;
/**
* The watch callback for the columns object resolver.
*/
protected __onResolverForColumnsWatchCallback(data: TcHmi.Symbol.ObjectResolver.IWatchResultObject<Column[]>): void;
/**
* Returns the current value of columns.
*/
getColumns(): Column[] | undefined;
/**
* Processes the current columns value.
*/
protected __processColumns(): void;
/**
* Updates the columns of the datagrid.
* @param columns The names of the column definitions to set.
*/
protected __updateColumns(columns: Column[], forceRaiseEvent?: boolean): void;
/**
* Sets the filter value and calls the associated process function.
* @param valueNew The new value for filter.
*/
setFilter(valueNew: TcHmi.Filter | null): void;
/**
* The watch callback for the filter object resolver.
*/
protected __onResolverForFilterWatchCallback(data: TcHmi.Symbol.ObjectResolver.IWatchResultObject<TcHmi.Filter>): void;
/**
* Returns the current value of filter.
*/
getFilter(): TcHmi.Filter | null | undefined;
/**
* Processes the current filter value.
*/
protected __processFilter(): void;
/**
* Updates the internal filter.
* @param filter The filter to set.
*/
protected __updateFilter(filter: TcHmi.Filter, forceRaiseEvent?: boolean): void;
/**
* Updates the filter of the datagrid.
*/
protected __updateDatagridFilter(): void;
/**
* Sets the sorting value.
* @param valueNew The new value for sorting
*/
setSorting(valueNew: TcHmi.SortingInfo[] | null): void;
/**
* Returns the current value of sorting.
*/
getSorting(): TcHmi.SortingInfo[] | undefined;
/**
* Sets the serverInterval value and calls the associated process function.
* @param valueNew The new value for serverInterval.
*/
setServerInterval(valueNew: number | null): void;
/**
* Returns the current value of serverInterval.
*/
getServerInterval(): number | null | undefined;
/**
* Processes the current serverInterval value.
*/
protected __processServerInterval(): void;
/**
* Sets the headerFontFamily value.
* @param valueNew The new value for headerFontFamily
*/
setHeaderFontFamily(valueNew: TcHmi.FontFamily | null): void;
/**
* Returns the current value of headerFontFamily.
*/
getHeaderFontFamily(): string | null | undefined;
/**
* Sets the headerFontSize value.
* @param valueNew The new value for headerFontSize
*/
setHeaderFontSize(valueNew: number | null): void;
/**
* Returns the current value of headerFontSize.
*/
getHeaderFontSize(): number | undefined;
/**
* Sets the headerFontSizeUnit value.
* @param valueNew The new value for headerFontSizeUnit
*/
setHeaderFontSizeUnit(valueNew: TcHmi.FontSizeUnit | null): void;
/**
* Returns the current value of headerFontSizeUnit.
*/
getHeaderFontSizeUnit(): TcHmi.FontSizeUnit | undefined;
/**
* Sets the headerFontStyle value.
* @param valueNew The new value for headerFontStyle
*/
setHeaderFontStyle(valueNew: TcHmi.FontStyle | null): void;
/**
* Returns the current value of headerFontStyle.
*/
getHeaderFontStyle(): TcHmi.FontStyle | undefined;
/**
* Sets the headerFontWeight value.
* @param valueNew The new value for headerFontWeight
*/
setHeaderFontWeight(valueNew: TcHmi.FontWeight | null): void;
/**
* Returns the current value of headerFontWeight.
*/
getHeaderFontWeight(): TcHmi.FontWeight | undefined;
/**
* Sets the gridFontFamily value.
* @param valueNew The new value for gridFontFamily
*/
setGridFontFamily(valueNew: TcHmi.FontFamily | null): void;
/**
* Returns the current value of gridFontFamily.
*/
getGridFontFamily(): string | null | undefined;
/**
* Sets the gridFontSize value.
* @param valueNew The new value for gridFontSize
*/
setGridFontSize(valueNew: number | null): void;
/**
* Returns the current value of gridFontSize.
*/
getGridFontSize(): number | undefined;
/**
* Sets the gridFontSizeUnit value.
* @param valueNew The new value for gridFontSizeUnit
*/
setGridFontSizeUnit(valueNew: TcHmi.FontSizeUnit | null): void;
/**
* Returns the current value of gridFontSizeUnit.
*/
getGridFontSizeUnit(): TcHmi.FontSizeUnit | undefined;
/**
* Sets the gridFontStyle value.
* @param valueNew The new value for gridFontStyle
*/
setGridFontStyle(valueNew: TcHmi.FontStyle | null): void;
/**
* Returns the current value of gridFontStyle.
*/
getGridFontStyle(): TcHmi.FontStyle | undefined;
/**
* Sets the gridFontWeight value.
* @param valueNew The new value for gridFontWeight
*/
setGridFontWeight(valueNew: TcHmi.FontWeight | null): void;
/**
* Returns the current value of gridFontWeight.
*/
getGridFontWeight(): TcHmi.FontWeight | undefined;
/**
* Sets the headerHeight value.
* @param valueNew The new value for headerHeight
*/
setHeaderHeight(valueNew: number | null): void;
/**
* Returns the current value of headerHeight.
*/
getHeaderHeight(): number | undefined;
/**
* Sets the headerHeightUnit value.
* @param valueNew The new value for headerHeightUnit
*/
setHeaderHeightUnit(valueNew: TcHmi.DimensionUnit | null): void;
/**
* Returns the current value of headerHeightUnit.
*/
getHeaderHeightUnit(): TcHmi.DimensionUnit | undefined;
/**
* Sets the rowHeight value.
* @param valueNew The new value for rowHeight
*/
setRowHeight(valueNew: number | null): void;
/**
* Returns the current value of rowHeight.
*/
getRowHeight(): number | undefined;
/**
* Returns the current value of rowHeightUnit.
*/
getRowHeightUnit(): string;
/**
* Sets the value of the member variable IgnoreEscapeSequences.
* @param valueNew The new value for IgnoreEscapeSequences
*/
setIgnoreEscapeSequences(valueNew: boolean | null | undefined): void;
/**
* Returns the current value of IgnoreEscapeSequences.
* @returns The current value of IgnoreEscapeSequences.
*/
getIgnoreEscapeSequences(): boolean | undefined;
/**
* Sets the allowDetailsPopup value and calls the associated process function.
* @param valueNew The new value for allowDetailsPopup.
*/
setAllowDetailsPopup(valueNew: boolean | null): void;
/**
* Returns the current value of allowDetailsPopup.
*/
getAllowDetailsPopup(): boolean | undefined;
/**
* Processes the current allowDetailsPopup value.
*/
protected __processAllowDetailsPopup(): void;
/**
* Sets the showMenuBar value and calls the associated process function.
* @param valueNew The new value for showMenuBar.
*/
setShowMenuBar(valueNew: boolean | null): void;
/**
* Returns the current value of showMenuBar.
*/
getShowMenuBar(): boolean | undefined;
/**
* Processes the current showMenuBar value.
*/
protected __processShowMenuBar(): void;
/**
* Sets the menuBarPosition value and calls the associated process function.
* @param valueNew The new value for menuBarPosition.
*/
setMenuBarPosition(valueNew: 'Top' | 'Bottom' | 'Left' | 'Right' | null): void;
/**
* Returns the current value of menuBarPosition.
*/
getMenuBarPosition(): "Left" | "Right" | "Top" | "Bottom" | undefined;
/**
* Processes the current menuBarPosition value.
*/
protected __processMenuBarPosition(): void;
/**
* Sets the buttonFontFamily value and calls the associated process function.
* @param valueNew The new value for buttonFontFamily.
*/
setButtonFontFamily(valueNew: TcHmi.FontFamily | null): void;
/**
* Returns the current value of buttonFontFamily.
*/
getButtonFontFamily(): string | undefined;
/**
* Processes the current buttonFontFamily value.
*/
protected __processButtonFontFamily(): void;
/**
* Sets the buttonFontSize value and calls the associated process function.
* @param valueNew The new value for buttonFontSize.
*/
setButtonFontSize(valueNew: number | null): void;
/**
* Returns the current value of buttonFontSize.
*/
getButtonFontSize(): number | undefined;
/**
* Processes the current buttonFontSize value.
*/
protected __processButtonFontSize(): void;
/**
* Sets the buttonFontSizeUnit value and calls the associated process function.
* @param valueNew The new value for buttonFontSizeUnit.
*/
setButtonFontSizeUnit(valueNew: TcHmi.DimensionUnit | null): void;
/**
* Returns the current value of buttonFontSizeUnit.
*/
getButtonFontSizeUnit(): TcHmi.FontSizeUnit | undefined;
/**
* Processes the current buttonFontSizeUnit value.
*/
protected __processButtonFontSizeUnit(): void;
/**
* Sets the buttonFontStyle value and calls the associated process function.
* @param valueNew The new value for buttonFontStyle.
*/
setButtonFontStyle(valueNew: TcHmi.FontStyle | null): void;
/**
* Returns the current value of buttonFontStyle.
*/
getButtonFontStyle(): TcHmi.FontStyle | undefined;
/**
* Processes the current buttonFontStyle value.
*/
protected __processButtonFontStyle(): void;
/**
* Sets the buttonFontWeight value and calls the associated process function.
* @param valueNew The new value for buttonFontWeight.
*/
setButtonFontWeight(valueNew: TcHmi.FontWeight | null): void;
/**
* Returns the current value of buttonFontWeight.
*/
getButtonFontWeight(): TcHmi.FontWeight | undefined;
/**
* Processes the current buttonFontWeight value.
*/
protected __processButtonFontWeight(): void;
/**
* Sets the buttonHeight value and calls the associated process function.
* @param valueNew The new value for buttonHeight.
*/
setButtonHeight(valueNew: number | null): void;
/**
* Returns the current value of buttonHeight.
*/
getButtonHeight(): number | undefined;
/**
* Processes the current buttonHeight value.
*/
protected __processButtonHeight(): void;
/**
* Returns the current value of buttonHeightUnit.
*/
getButtonHeightUnit(): string;
/**
* Flexbox has a bug in all major browsers, where the width of a flexbox column does not grow when its child elements wrap. This method fixes that by setting min-width explicitly.
*/
protected __fixVerticalMenuBarWidth(): void;
/**
* Returns the currently selected event.
*/
getSelectedEvent(): TcHmi.Server.Events.Event<any, TcHmi.Dictionary<any>> | null;
/**
* Confirms the selected alarm.
* @param ctx Context object which provides context specific data and functions.
*/
confirmSelectedAlarm(ctx: TcHmi.SelectableRequired<TcHmi.Context, 'success' | 'error'>): void;
/**
* Confirm all alarms
* @param ctx Context object which provides context specific data and functions.
*/
confirmAllAlarms(ctx: TcHmi.SelectableRequired<TcHmi.Context, 'success' | 'error'>): void;
/**
* Processes the current enabled status.
*/
__processIsEnabled(): void;
/**
* Processes the current access config.
*/
__processAccessConfig(): void;
/**
* Hides all popups.
*/
protected __hideAllPopups(): void;
/**
* Sets the internal canConfirm variable. This should not be called from outside the control but needs to be public so the confirmAll popup can call it.
* @param value Whether the current user has the necessary rights to confirm alarms.
*/
protected __setCanConfirm(value: boolean): void;
/**
* Gets the internal canConfirm variable.
*/
__getCanConfirm(): boolean;
}
export interface Column {
columnName: string;
label?: string;
width?: number;
widthUnit?: TcHmi.DimensionUnit | 'factor';
sortable?: boolean;
format?: TcHmi.IFunction;
}
export interface Icon {
imagePath: string;
width: number;
height: number;
}
export { TcHmiEventGrid as Control };
declare const _TcHmiEventGrid: typeof TcHmiEventGrid;
type tTcHmiEventGrid = TcHmiEventGrid;
type tColumn = Column;
type tIcon = Icon;
declare global {
namespace TcHmi.Controls.Beckhoff {
const TcHmiEventGrid: typeof _TcHmiEventGrid;
type TcHmiEventGrid = tTcHmiEventGrid;
namespace TcHmiEventGrid {
type Column = tColumn;
type Icon = tIcon;
}
}
}
/**
* A basic popup. No controls are instatiated
*/
export declare abstract class Popup {
/**
* Creates a new Popup.
* @param element The HTML element that hosts the popup.
* @param name The name of the popup. Used for control instantiation.
* @param control The control owning the popup.
*/
constructor(element: HTMLElement, name: string, control: TcHmiEventGrid);
protected __name: string;
protected __parentControl: TcHmiEventGrid;
protected __element: HTMLElement;
protected __elementContent: HTMLDivElement;
protected __elementFooter: HTMLDivElement;
protected __eventDestroyers: TcHmi.DestroyFunction[];
protected __isShowing: boolean;
/**
* Shows the popup.
*/
show(): void;
/**
* Hides the popup.
*/
hide(): void;
/**
* Destroys the popup and all its controls.
*/
destroy(): void;
isShowing(): boolean;
}
/**
* A basic settings popup. This popup contains an OK and a Cancel button.
*/
export declare abstract class SettingsPopup<S> extends Popup {
/**
* Creates a new SettingsPopup.
* @param element The HTML element that hosts the popup.
* @param name The name of the popup. Used for control instantiation.
* @param control The control owning the popup.
*/
constructor(element: HTMLElement, name: string, control: TcHmiEventGrid);
protected __resetButton: TcHmiButton;
protected __resetHandlers: (() => void)[];
protected __okHandlers: (() => void | boolean)[];
protected __cancelHandlers: (() => void | boolean)[];
protected abstract __settings: S;
protected __updateRequired: boolean;
/**
* Handles the pressed event of a button.
*/
protected __onButtonPressed(handlers: (() => void | boolean)[], hide: boolean): void;
/**
* Registers a handler function for presses of the Reset button. Returns a function to unregister the handler.
* @param handler The handler to register.
*/
registerResetButtonHandler(handler: () => void): () => void;
/**
* Registers a handler function for presses of the OK button. Returns a function to unregister the handler.
* @param handler The handler to register. If one or more of the registered handlers returns false, the popup will not be hidden.
*/
registerOkButtonHandler(handler: () => void | boolean): () => void;
/**
* Registers a handler function for presses of the Cancel button. Returns a function to unregister the handler.
* @param handler The handler to register. If one or more of the registered handlers returns false, the popup will not be hidden.
*/
registerCancelButtonHandler(handler: () => void | boolean): () => void;
/**
* Updates the settings this popup should modify.
* @param settings The new settings.
* @param resetable Whether the reset button should be enabled or disabled.
*/
update(settings: S, resetable?: boolean): void;
/**
* Gets the current settings.
*/
getSettings(): S;
/**
* Checks if an update of the settings is required.
*/
requiresUpdate(): boolean;
}
/**
* A popup for configuring the columns of the event grid.
*/
export declare class ColumnsPopup extends SettingsPopup<Column[]> {
/**
* Creates a new ColumnsPopup.
* @param element The HTML element that hosts the popup.
* @param control The control owning the popup.
*/
constructor(element: HTMLElement, control: TcHmiEventGrid);
protected __settings: Column[];
protected __elementAvailableColumns: HTMLElement;
protected __elementSelectedColumns: HTMLElement;
protected __elementColumnName: HTMLElement;
protected __elementColumnLabel: HTMLElement;
protected __upButton: TcHmiButton;
protected __downButton: TcHmiButton;
protected __widthTextbox: TcHmiTextbox;
protected __widthUnitCombobox: TcHmiCombobox.Control<TcHmi.DimensionUnit | 'factor', TcHmiCombobox.ListItemGeneric<TcHmi.DimensionUnit | 'factor'>[]>;
protected __nameTextbox: TcHmiTextbox;
protected __labelTextbox: TcHmiTextbox;
protected __sortableCheckbox: TcHmiCheckbox;
protected __availableColumns: TcHmi.List<{
name: string;
element: HTMLElement;
}>;
protected __selectedColumns: TcHmi.List<{
name: string;
element: HTMLElement;
}>;
protected __columns: TcHmi.Dictionary<{
label: string;
order: number;
allowSortable: boolean;
}>;
protected __activeElement: HTMLElement | null;
protected __activeColumn: Column | null;
/**
* Destroys the popup and all its controls. Also removes all DOM event handlers
*/
destroy(): void;
/**
* Updates the column configuration.
* @param columns The current column configuration.
* @param resetable Whether the reset button should be enabled or disabled.
*/
update(columns: Column[], resetable: boolean): void;
/**
* Handles clicks inside the availableColumns element.
* @param event The click event.
*/
protected __onAvailableColumnClick(event: MouseEvent): void;
/**
* Handles clicks inside the selectedColumns element.
* @param event The click event.
*/
protected __onSelectedColumnClick(event: MouseEvent): void;
/**
* Handles the pressed event of the up button.
*/
protected __onUpPressed(): void;
/**
* Handles the pressed event of the down button.
*/
protected __onDownPressed(): void;
/**
* Handles the textChanged event of the width textbox
*/
protected __onWidthChanged(): void;
/**
* Handles the selectionChanged event of the width unit combobox
*/
protected __onWidthUnitChanged(): void;
/**
* Handles the textChanged event of the name textbox
*/
protected __onNameChanged(): void;
/**
* Handles the textChanged event of the label textbox
*/
protected __onLabelChanged(): void;
/**
* Handles the toggleStateChanged event of the sortable checkbox
*/
protected __onSortableChanged(): void;
/**
* Marks a column element as active.
* @param element The element to activate.
*/
protected __activateColumn(element: HTMLElement | null): void;
/**
* Updates the select, deselect, up, down buttons according to the currently active column.
*/
protected __updateButtons(): void;
/**
* Updates the column properties controls according to the currently active column.
*/
protected __updateColumnProperties(): void;
/**
* Creates an element representing a column.
* @param label The label of the column.
*/
protected __createColumnDiv(label: string, localize?: boolean): HTMLDivElement;
}
/**
* A popup showing details of events. Contains a close button.
*/
export declare class DetailsPopup extends Popup {
#private;
/**
* Creates a new DetailsPopup.
* @param element The HTML element that hosts the popup.
* @param control The control owning the popup.
*/
constructor(element: HTMLElement, control: TcHmiEventGrid);
protected __event: TcHmi.Server.Events.Event | null;
protected __confirmButton: TcHmiButton;
protected __localizedElements: HTMLElement[];
protected __destroyersToCallOnHide: TcHmi.DestroyFunction[];
/**
* Shows the popup.
*/
show(): void;
/**
* Hides the popup.
*/
hide(): void;
/**
* Destroys the popup and all its controls. Also removes all DOM event handlers
*/
destroy(): void;
/**
* Updates the content of the popup.
* @param event The event whose details should be shown.
*/
update(event: TcHmi.Server.Events.Event): void;
/**
* Returns the currently shown event.
*/
getEvent(): TcHmi.Server.Events.Event<any, TcHmi.Dictionary<any>> | null;
__setCanConfirm(value: boolean): void;
}
/**
* A popup asking for confirmation berfore confirming all alarms. Contains a yes and a no button.
*/
export declare class ConfirmAllPopup extends Popup {
#private;
/**
* Creates a new ConfirmAllPopup.
* @param element The HTML element that hosts the popup.
* @param control The control owning the popup.
*/
constructor(element: HTMLElement, control: TcHmiEventGrid);
protected __alarms: TcHmi.Server.Events.Alarm[];
protected __datagrid: TcHmiDatagrid;
protected __yesButton: TcHmiButton;
protected __elementAlarmCount: HTMLElement;
/**
* Destroys the popup and all its controls. Also removes all DOM event handlers
*/
destroy(): void;
/**
* Updates the content of the popup.
* @param event The event whose details should be shown.
*/
update(alarms: TcHmi.Server.Events.Alarm[]): void;
/**
* Returns the currently shown alarms.
*/
getAlarms(): TcHmi.Server.Events.Alarm<TcHmi.Dictionary<any>>[];
}

View File

@@ -0,0 +1,174 @@
<div class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template tchmi-event-grid-template">
<div class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-menu-bar tchmi-event-grid-template-menu-bar">
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-type-toggles tchmi-event-grid-template-type-toggles"
></div>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-severity-toggles tchmi-event-grid-template-severity-toggles"
></div>
<div class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-options tchmi-event-grid-template-options"></div>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-event-actions tchmi-event-grid-template-event-actions"
></div>
</div>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-grid-container tchmi-event-grid-template-grid-container"
></div>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup tchmi-event-grid-template-popup TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-popup tchmi-event-grid-template-filter-popup"
>
<h1 data-tchmi-localized-content-key="Header_Text_Filter">Header_Text_Filter</h1>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup-content tchmi-event-grid-template-popup-content"
>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-menubar tchmi-event-grid-template-filter-menubar"
></div>
<table
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-table-header tchmi-event-grid-template-filter-table-header"
>
<thead>
<tr>
<th
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-selection-column tchmi-event-grid-template-filter-selection-column"
></th>
<th
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-indentation-column tchmi-event-grid-template-filter-indentation-column"
></th>
<th
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-logic-column tchmi-event-grid-template-filter-logic-column"
data-tchmi-localized-content-key="Column_Header_Filter_Logic"
>
Column_Header_Filter_Logic
</th>
<th
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-path-column tchmi-event-grid-template-filter-path-column"
data-tchmi-localized-content-key="Column_Header_Filter_Path"
>
Column_Header_Filter_Path
</th>
<th
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-comparator-column tchmi-event-grid-template-filter-comparator-column"
data-tchmi-localized-content-key="Column_Header_Filter_Operator"
>
Column_Header_Filter_Operator
</th>
<th
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-value-column tchmi-event-grid-template-filter-value-column"
data-tchmi-localized-content-key="Column_Header_Filter_Value"
>
Column_Header_Filter_Value
</th>
<th
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-scroll-placeholder tchmi-event-grid-template-filter-scroll-placeholder"
></th>
</tr>
</thead>
</table>
<table
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-table tchmi-event-grid-template-filter-table"
>
<tbody></tbody>
</table>
</div>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup-footer tchmi-event-grid-template-popup-footer"
></div>
</div>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup tchmi-event-grid-template-popup TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-popup tchmi-event-grid-template-columns-popup"
>
<h1 data-tchmi-localized-content-key="Header_Text_Columns">Header_Text_Columns</h1>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup-content tchmi-event-grid-template-popup-content"
>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-selector tchmi-event-grid-template-columns-selector"
>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-available-columns tchmi-event-grid-template-columns-config-available-columns"
></div>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-order-buttons tchmi-event-grid-template-columns-config-order-buttons"
></div>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-selected-columns tchmi-event-grid-template-columns-config-selected-columns"
></div>
</div>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-column-properties tchmi-event-grid-template-column-properties"
>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-column-width tchmi-event-grid-template-column-width"
>
<span
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-column-property-label tchmi-event-grid-template-column-property-label"
data-tchmi-localized-content-key="Label_Text_Column_Width"
>Label_Text_Column_Width</span
>
</div>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-column-name tchmi-event-grid-template-column-name hidden"
>
<span
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-column-property-label tchmi-event-grid-template-column-property-label"
data-tchmi-localized-content-key="Label_Text_Column_Name"
>Label_Text_Column_Name</span
>
<span
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-in-textbox tchmi-event-grid-template-in-textbox"
>params::</span
>
</div>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-column-label tchmi-event-grid-template-column-label hidden"
>
<span
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-column-property-label tchmi-event-grid-template-column-property-label"
data-tchmi-localized-content-key="Label_Text_Column_Label"
>Label_Text_Column_Label</span
>
</div>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-column-sortable tchmi-event-grid-template-column-sortable"
>
<span
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-column-property-label tchmi-event-grid-template-column-property-label"
data-tchmi-localized-content-key="Label_Text_Column_Sortable"
>Label_Text_Column_Sortable</span
>
</div>
</div>
</div>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup-footer tchmi-event-grid-template-popup-footer"
></div>
</div>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup tchmi-event-grid-template-popup TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-details-popup tchmi-event-grid-template-details-popup"
>
<h1 data-tchmi-localized-content-key="Header_Text_Details">Header_Text_Details</h1>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup-content tchmi-event-grid-template-popup-content"
></div>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup-footer tchmi-event-grid-template-popup-footer"
></div>
</div>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup tchmi-event-grid-template-popup TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-confirm-all-popup tchmi-event-grid-template-confirm-all-popup"
>
<h1 data-tchmi-localized-content-key="Header_Text_ConfirmAll">Header_Text_ConfirmAll</h1>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup-content tchmi-event-grid-template-popup-content"
>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-confirm-all-popup-alarm-count tchmi-event-grid-template-confirm-all-popup-alarm-count"
></div>
</div>
<div
class="TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup-footer tchmi-event-grid-template-popup-footer"
></div>
</div>
</div>

View File

@@ -0,0 +1,45 @@
{
"$schema": "../../../../TcHmiFramework/Schema/ThemeDescription.Schema.json",
"controlTypeValues": {
"TcHmi.Controls.Beckhoff.TcHmiEventGrid": {
"attributes": {},
"themedResources": {
"MessageIcon": {
"imagePath": "Images/message.svg",
"width": 30,
"height": 30
},
"AlarmIcon": {
"imagePath": "Images/alarm.svg",
"width": 30,
"height": 30
},
"VerboseIcon": {
"imagePath": "Images/verbose.svg",
"width": 30,
"height": 30
},
"InfoIcon": {
"imagePath": "Images/info.svg",
"width": 30,
"height": 30
},
"WarningIcon": {
"imagePath": "Images/warning.svg",
"width": 30,
"height": 30
},
"ErrorIcon": {
"imagePath": "Images/error.svg",
"width": 30,
"height": 30
},
"CriticalIcon": {
"imagePath": "Images/critical.svg",
"width": 30,
"height": 30
}
}
}
}
}

View File

@@ -0,0 +1,24 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>alarms bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="alarms-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(4.000000, 7.000000)" fill="#000000">
<g id="normal">
<g id="icon-base">
<g id="Page-1">
<path d="M7.72292889,11.2387244 L14.1601289,11.2387244 L13.4673733,4.73210222 L8.41568444,4.73210222 L7.72292889,11.2387244 Z M14.7135511,12.2165022 C14.7106178,12.2165022 14.7071956,12.2160133 14.7037733,12.2165022 L7.17928444,12.2165022 C7.04044,12.2165022 6.90795111,12.1573467 6.81555111,12.0541911 C6.72315111,11.9515244 6.67817333,11.8136578 6.69332889,11.6757911 L7.49021778,4.19139111 C7.51661778,3.94303556 7.72635111,3.75432444 7.97666222,3.75432444 L13.9063956,3.75432444 C14.1567067,3.75432444 14.36644,3.94303556 14.39284,4.19139111 L15.1799511,11.57948 C15.1946178,11.6264133 15.20244,11.67628 15.20244,11.7276133 C15.20244,11.99748 14.9839067,12.2165022 14.7135511,12.2165022 Z" id="Fill-1"></path>
<path d="M10.8610578,14.8471644 C10.5911911,14.8471644 10.3721689,14.6281422 10.3721689,14.3582756 L10.3721689,11.7275644 C10.3721689,11.4576978 10.5911911,11.2386756 10.8610578,11.2386756 C11.1309244,11.2386756 11.3499467,11.4576978 11.3499467,11.7275644 L11.3499467,14.3582756 C11.3499467,14.6281422 11.1309244,14.8471644 10.8610578,14.8471644" id="Fill-3"></path>
<path d="M3.55397778,15.7996178 C3.42882222,15.7996178 3.30366667,15.7517067 3.20833333,15.6563733 C1.13935556,13.5869067 -0.000244444444,10.8364178 -0.000244444444,7.91041778 C-0.000244444444,4.98490667 1.13935556,2.23392889 3.20833333,0.164951111 C3.39948889,-0.0262044444 3.70846667,-0.0262044444 3.89962222,0.164951111 C4.09077778,0.355617778 4.09077778,0.665084444 3.89962222,0.85624 C2.01544444,2.74090667 0.977533333,5.24597333 0.977533333,7.91041778 C0.977533333,10.5748622 2.01544444,13.0804178 3.89962222,14.9650844 C4.09077778,15.15624 4.09077778,15.4657067 3.89962222,15.6563733 C3.80428889,15.7517067 3.67913333,15.7996178 3.55397778,15.7996178" id="Fill-5"></path>
<path d="M18.3543556,15.7996178 C18.2292,15.7996178 18.1040444,15.7517067 18.0087111,15.6563733 C17.8175556,15.4657067 17.8175556,15.15624 18.0087111,14.9650844 C19.8928889,13.0804178 20.9308,10.5748622 20.9308,7.91041778 C20.9308,5.23472889 19.8850667,2.72232889 17.9872,0.835706667 C17.7955556,0.64504 17.7945778,0.335573333 17.9852444,0.144417778 C18.1759111,-0.0467377778 18.4853778,-0.0482044444 18.6765333,0.141973333 C20.7606667,2.21339556 21.9085778,4.97268444 21.9085778,7.91041778 C21.9085778,10.8364178 20.7689778,13.5869067 18.7,15.6563733 C18.6046667,15.7517067 18.4795111,15.7996178 18.3543556,15.7996178" id="Fill-8"></path>
<path d="M5.55250667,13.7977644 C5.42735111,13.7977644 5.30219556,13.7498533 5.20686222,13.65452 C3.67175111,12.1194089 2.82646222,10.0782978 2.82646222,7.90714222 C2.82646222,5.73696444 3.67175111,3.69634222 5.20686222,2.16074222 C5.39752889,1.97007556 5.70699556,1.97007556 5.89815111,2.16074222 C6.08930667,2.35140889 6.08930667,2.66136444 5.89815111,2.85203111 C4.54784,4.20332 3.80424,5.99803111 3.80424,7.90714222 C3.80424,9.81723111 4.54784,11.61292 5.89815111,12.9632311 C6.08930667,13.1543867 6.08930667,13.4633644 5.89815111,13.65452 C5.80281778,13.7498533 5.67766222,13.7977644 5.55250667,13.7977644" id="Fill-11"></path>
<path d="M16.3553378,13.7977644 C16.2301822,13.7977644 16.1050267,13.7498533 16.0096933,13.65452 C15.8185378,13.4633644 15.8185378,13.1538978 16.0096933,12.9632311 C17.3600044,11.6134089 18.1036044,9.81772 18.1036044,7.90714222 C18.1036044,5.98972 17.3546267,4.18914222 15.9945378,2.83785333 C15.8028933,2.64718667 15.8019156,2.33772 15.9920933,2.14607556 C16.1832489,1.95540889 16.4922267,1.95345333 16.6838711,2.14412 C18.2297378,3.68069778 19.0813822,5.72767556 19.0813822,7.90714222 C19.0813822,10.0792756 18.2360933,12.1198978 16.7009822,13.65452 C16.6056489,13.7498533 16.4804933,13.7977644 16.3553378,13.7977644" id="Fill-13"></path>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.5 KiB

View File

@@ -0,0 +1,24 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>alarms bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="alarms-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(4.000000, 7.000000)" fill="#FFFFFF">
<g id="normal">
<g id="icon-base">
<g id="Page-1">
<path d="M7.72292889,11.2387244 L14.1601289,11.2387244 L13.4673733,4.73210222 L8.41568444,4.73210222 L7.72292889,11.2387244 Z M14.7135511,12.2165022 C14.7106178,12.2165022 14.7071956,12.2160133 14.7037733,12.2165022 L7.17928444,12.2165022 C7.04044,12.2165022 6.90795111,12.1573467 6.81555111,12.0541911 C6.72315111,11.9515244 6.67817333,11.8136578 6.69332889,11.6757911 L7.49021778,4.19139111 C7.51661778,3.94303556 7.72635111,3.75432444 7.97666222,3.75432444 L13.9063956,3.75432444 C14.1567067,3.75432444 14.36644,3.94303556 14.39284,4.19139111 L15.1799511,11.57948 C15.1946178,11.6264133 15.20244,11.67628 15.20244,11.7276133 C15.20244,11.99748 14.9839067,12.2165022 14.7135511,12.2165022 Z" id="Fill-1"></path>
<path d="M10.8610578,14.8471644 C10.5911911,14.8471644 10.3721689,14.6281422 10.3721689,14.3582756 L10.3721689,11.7275644 C10.3721689,11.4576978 10.5911911,11.2386756 10.8610578,11.2386756 C11.1309244,11.2386756 11.3499467,11.4576978 11.3499467,11.7275644 L11.3499467,14.3582756 C11.3499467,14.6281422 11.1309244,14.8471644 10.8610578,14.8471644" id="Fill-3"></path>
<path d="M3.55397778,15.7996178 C3.42882222,15.7996178 3.30366667,15.7517067 3.20833333,15.6563733 C1.13935556,13.5869067 -0.000244444444,10.8364178 -0.000244444444,7.91041778 C-0.000244444444,4.98490667 1.13935556,2.23392889 3.20833333,0.164951111 C3.39948889,-0.0262044444 3.70846667,-0.0262044444 3.89962222,0.164951111 C4.09077778,0.355617778 4.09077778,0.665084444 3.89962222,0.85624 C2.01544444,2.74090667 0.977533333,5.24597333 0.977533333,7.91041778 C0.977533333,10.5748622 2.01544444,13.0804178 3.89962222,14.9650844 C4.09077778,15.15624 4.09077778,15.4657067 3.89962222,15.6563733 C3.80428889,15.7517067 3.67913333,15.7996178 3.55397778,15.7996178" id="Fill-5"></path>
<path d="M18.3543556,15.7996178 C18.2292,15.7996178 18.1040444,15.7517067 18.0087111,15.6563733 C17.8175556,15.4657067 17.8175556,15.15624 18.0087111,14.9650844 C19.8928889,13.0804178 20.9308,10.5748622 20.9308,7.91041778 C20.9308,5.23472889 19.8850667,2.72232889 17.9872,0.835706667 C17.7955556,0.64504 17.7945778,0.335573333 17.9852444,0.144417778 C18.1759111,-0.0467377778 18.4853778,-0.0482044444 18.6765333,0.141973333 C20.7606667,2.21339556 21.9085778,4.97268444 21.9085778,7.91041778 C21.9085778,10.8364178 20.7689778,13.5869067 18.7,15.6563733 C18.6046667,15.7517067 18.4795111,15.7996178 18.3543556,15.7996178" id="Fill-8"></path>
<path d="M5.55250667,13.7977644 C5.42735111,13.7977644 5.30219556,13.7498533 5.20686222,13.65452 C3.67175111,12.1194089 2.82646222,10.0782978 2.82646222,7.90714222 C2.82646222,5.73696444 3.67175111,3.69634222 5.20686222,2.16074222 C5.39752889,1.97007556 5.70699556,1.97007556 5.89815111,2.16074222 C6.08930667,2.35140889 6.08930667,2.66136444 5.89815111,2.85203111 C4.54784,4.20332 3.80424,5.99803111 3.80424,7.90714222 C3.80424,9.81723111 4.54784,11.61292 5.89815111,12.9632311 C6.08930667,13.1543867 6.08930667,13.4633644 5.89815111,13.65452 C5.80281778,13.7498533 5.67766222,13.7977644 5.55250667,13.7977644" id="Fill-11"></path>
<path d="M16.3553378,13.7977644 C16.2301822,13.7977644 16.1050267,13.7498533 16.0096933,13.65452 C15.8185378,13.4633644 15.8185378,13.1538978 16.0096933,12.9632311 C17.3600044,11.6134089 18.1036044,9.81772 18.1036044,7.90714222 C18.1036044,5.98972 17.3546267,4.18914222 15.9945378,2.83785333 C15.8028933,2.64718667 15.8019156,2.33772 15.9920933,2.14607556 C16.1832489,1.95540889 16.4922267,1.95345333 16.6838711,2.14412 C18.2297378,3.68069778 19.0813822,5.72767556 19.0813822,7.90714222 C19.0813822,10.0792756 18.2360933,12.1198978 16.7009822,13.65452 C16.6056489,13.7498533 16.4804933,13.7977644 16.3553378,13.7977644" id="Fill-13"></path>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.5 KiB

View File

@@ -0,0 +1,22 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>edit table bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="edit-table-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(5.000000, 6.000000)" fill="#000000">
<g id="normal">
<g id="icon-base">
<path d="M0.948472412,15.996732 L18.9926858,15.996732 L18.9926858,0.958605664 L0.948472412,0.958605664 L0.948472412,15.996732 Z M19.466922,16.9553377 L0.474236206,16.9553377 C0.21245782,16.9553377 0,16.74061 0,16.4760349 L0,0.479302832 C0,0.214727669 0.21245782,0 0.474236206,0 L19.466922,0 C19.7287004,0 19.9411582,0.214727669 19.9411582,0.479302832 L19.9411582,16.4760349 C19.9411582,16.74061 19.7287004,16.9553377 19.466922,16.9553377 Z" id="Fill-1"></path>
<path d="M19.4668272,4.58448366 L0.474141359,4.58448366 C0.212362973,4.58448366 -9.48472412e-05,4.36975599 -9.48472412e-05,4.10518083 C-9.48472412e-05,3.84060566 0.212362973,3.625878 0.474141359,3.625878 L19.4668272,3.625878 C19.7286056,3.625878 19.9410634,3.84060566 19.9410634,4.10518083 C19.9410634,4.36975599 19.7286056,4.58448366 19.4668272,4.58448366" id="Fill-3"></path>
<path d="M4.30223621,16.86987 C4.02623621,16.86987 3.80223621,16.762478 3.80223621,16.6301557 L3.80223621,0.329583577 C3.80223621,0.197261285 4.02623621,0.089869281 4.30223621,0.089869281 C4.57823621,0.089869281 4.80223621,0.197261285 4.80223621,0.329583577 L4.80223621,16.6301557 C4.80223621,16.762478 4.57823621,16.86987 4.30223621,16.86987" id="Fill-4"></path>
<path d="M7.62188965,16.86987 C7.34588965,16.86987 7.12188965,16.762478 7.12188965,16.6301557 L7.12188965,0.329583577 C7.12188965,0.197261285 7.34588965,0.089869281 7.62188965,0.089869281 C7.89788965,0.089869281 8.12188965,0.197261285 8.12188965,0.329583577 L8.12188965,16.6301557 C8.12188965,16.762478 7.89788965,16.86987 7.62188965,16.86987" id="Fill-5"></path>
<path d="M13.2471245,14.3093464 C12.9853461,14.3093464 12.7728883,14.0946187 12.7728883,13.8300436 L12.7728883,6.80010893 C12.7728883,6.53553377 12.9853461,6.3208061 13.2471245,6.3208061 C13.5089029,6.3208061 13.7213607,6.53553377 13.7213607,6.80010893 L13.7213607,13.8300436 C13.7213607,14.0946187 13.5089029,14.3093464 13.2471245,14.3093464" id="Fill-6"></path>
<path d="M16.7251728,10.7946187 L9.76955039,10.7946187 C9.507772,10.7946187 9.29531418,10.5798911 9.29531418,10.3153159 C9.29531418,10.0507407 9.507772,9.83601307 9.76955039,9.83601307 L16.7251728,9.83601307 C16.9869512,9.83601307 17.199409,10.0507407 17.199409,10.3153159 C17.199409,10.5798911 16.9869512,10.7946187 16.7251728,10.7946187" id="Fill-7"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

View File

@@ -0,0 +1,22 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>edit table bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="edit-table-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(5.000000, 6.000000)" fill="#FFFFFF">
<g id="normal">
<g id="icon-base">
<path d="M0.948472412,15.996732 L18.9926858,15.996732 L18.9926858,0.958605664 L0.948472412,0.958605664 L0.948472412,15.996732 Z M19.466922,16.9553377 L0.474236206,16.9553377 C0.21245782,16.9553377 0,16.74061 0,16.4760349 L0,0.479302832 C0,0.214727669 0.21245782,0 0.474236206,0 L19.466922,0 C19.7287004,0 19.9411582,0.214727669 19.9411582,0.479302832 L19.9411582,16.4760349 C19.9411582,16.74061 19.7287004,16.9553377 19.466922,16.9553377 Z" id="Fill-1"></path>
<path d="M19.4668272,4.58448366 L0.474141359,4.58448366 C0.212362973,4.58448366 -9.48472412e-05,4.36975599 -9.48472412e-05,4.10518083 C-9.48472412e-05,3.84060566 0.212362973,3.625878 0.474141359,3.625878 L19.4668272,3.625878 C19.7286056,3.625878 19.9410634,3.84060566 19.9410634,4.10518083 C19.9410634,4.36975599 19.7286056,4.58448366 19.4668272,4.58448366" id="Fill-3"></path>
<path d="M4.30223621,16.86987 C4.02623621,16.86987 3.80223621,16.762478 3.80223621,16.6301557 L3.80223621,0.329583577 C3.80223621,0.197261285 4.02623621,0.089869281 4.30223621,0.089869281 C4.57823621,0.089869281 4.80223621,0.197261285 4.80223621,0.329583577 L4.80223621,16.6301557 C4.80223621,16.762478 4.57823621,16.86987 4.30223621,16.86987" id="Fill-4"></path>
<path d="M7.62188965,16.86987 C7.34588965,16.86987 7.12188965,16.762478 7.12188965,16.6301557 L7.12188965,0.329583577 C7.12188965,0.197261285 7.34588965,0.089869281 7.62188965,0.089869281 C7.89788965,0.089869281 8.12188965,0.197261285 8.12188965,0.329583577 L8.12188965,16.6301557 C8.12188965,16.762478 7.89788965,16.86987 7.62188965,16.86987" id="Fill-5"></path>
<path d="M13.2471245,14.3093464 C12.9853461,14.3093464 12.7728883,14.0946187 12.7728883,13.8300436 L12.7728883,6.80010893 C12.7728883,6.53553377 12.9853461,6.3208061 13.2471245,6.3208061 C13.5089029,6.3208061 13.7213607,6.53553377 13.7213607,6.80010893 L13.7213607,13.8300436 C13.7213607,14.0946187 13.5089029,14.3093464 13.2471245,14.3093464" id="Fill-6"></path>
<path d="M16.7251728,10.7946187 L9.76955039,10.7946187 C9.507772,10.7946187 9.29531418,10.5798911 9.29531418,10.3153159 C9.29531418,10.0507407 9.507772,9.83601307 9.76955039,9.83601307 L16.7251728,9.83601307 C16.9869512,9.83601307 17.199409,10.0507407 17.199409,10.3153159 C17.199409,10.5798911 16.9869512,10.7946187 16.7251728,10.7946187" id="Fill-7"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

View File

@@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
<title>verify bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="verify-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(6.000000, 6.000000)" fill="#000000">
<g id="normal">
<g id="icon-base">
<path d="M4.67178333,17.747775 C4.66228333,17.747775 4.65187857,17.747325 4.64237857,17.746875 C4.49399762,17.737425 4.36099762,17.655975 4.28454524,17.529975 L0.0647357143,10.557225 C-0.0641928571,10.344825 0.00502142857,10.068075 0.218997619,9.939825 C0.432521429,9.811125 0.710735714,9.880425 0.839664286,10.093275 L4.72380714,16.511175 L17.8247595,0.169425 C17.9817357,-0.024975 18.2662833,-0.056025 18.4603548,0.097875 C18.6562357,0.253125 18.6879024,0.536175 18.5327357,0.730575 L5.02554524,17.578125 C4.93959286,17.685675 4.80885476,17.747775 4.67178333,17.747775" id="Fill-1"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
<title>verify bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="verify-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(6.000000, 6.000000)" fill="#FFFFFF">
<g id="normal">
<g id="icon-base">
<path d="M4.67178333,17.747775 C4.66228333,17.747775 4.65187857,17.747325 4.64237857,17.746875 C4.49399762,17.737425 4.36099762,17.655975 4.28454524,17.529975 L0.0647357143,10.557225 C-0.0641928571,10.344825 0.00502142857,10.068075 0.218997619,9.939825 C0.432521429,9.811125 0.710735714,9.880425 0.839664286,10.093275 L4.72380714,16.511175 L17.8247595,0.169425 C17.9817357,-0.024975 18.2662833,-0.056025 18.4603548,0.097875 C18.6562357,0.253125 18.6879024,0.536175 18.5327357,0.730575 L5.02554524,17.578125 C4.93959286,17.685675 4.80885476,17.747775 4.67178333,17.747775" id="Fill-1"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
<title>verify multiple bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="verify-multiple-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(4.000000, 7.000000)" fill="#000000">
<g id="normal">
<g id="icon-base">
<path d="M17.7085245,0.092565 C17.5223547,-0.05321 17.2489585,-0.02346 17.0988075,0.16014 L4.53126038,15.594015 L0.80569434,9.532665 C0.682015094,9.331215 0.414260377,9.265765 0.210298113,9.38774 C0.0046,9.50844 -0.0613622642,9.77024 0.0623169811,9.97084 L4.10944906,16.55579 C4.18278868,16.675215 4.31080755,16.751715 4.45271321,16.761065 C4.46226038,16.76149 4.47180755,16.761915 4.48135472,16.761915 C4.61241132,16.761915 4.73782642,16.703265 4.82071321,16.60169 L17.7775245,0.68969 C17.9268075,0.506515 17.8964302,0.23919 17.7085245,0.092565" id="Fill-1"></path>
<path d="M22.4821094,0.092565 C22.2950717,-0.05321 22.0225434,-0.02346 21.8723925,0.16014 L9.30484528,15.594015 L8.57361887,14.40444 C8.44993962,14.20299 8.18305283,14.137965 7.97822264,14.259515 C7.77252453,14.380215 7.70656226,14.641165 7.83024151,14.842615 L8.88303396,16.55579 C8.95593962,16.675215 9.08439245,16.751715 9.22629811,16.761065 C9.23584528,16.76149 9.24539245,16.761915 9.25493962,16.761915 C9.38599623,16.761915 9.51141132,16.703265 9.59429811,16.60169 L22.5511094,0.68969 C22.7003925,0.506515 22.6700151,0.23919 22.4821094,0.092565" id="Fill-4"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
<title>verify multiple bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="verify-multiple-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(4.000000, 7.000000)" fill="#FFFFFF">
<g id="normal">
<g id="icon-base">
<path d="M17.7085245,0.092565 C17.5223547,-0.05321 17.2489585,-0.02346 17.0988075,0.16014 L4.53126038,15.594015 L0.80569434,9.532665 C0.682015094,9.331215 0.414260377,9.265765 0.210298113,9.38774 C0.0046,9.50844 -0.0613622642,9.77024 0.0623169811,9.97084 L4.10944906,16.55579 C4.18278868,16.675215 4.31080755,16.751715 4.45271321,16.761065 C4.46226038,16.76149 4.47180755,16.761915 4.48135472,16.761915 C4.61241132,16.761915 4.73782642,16.703265 4.82071321,16.60169 L17.7775245,0.68969 C17.9268075,0.506515 17.8964302,0.23919 17.7085245,0.092565" id="Fill-1"></path>
<path d="M22.4821094,0.092565 C22.2950717,-0.05321 22.0225434,-0.02346 21.8723925,0.16014 L9.30484528,15.594015 L8.57361887,14.40444 C8.44993962,14.20299 8.18305283,14.137965 7.97822264,14.259515 C7.77252453,14.380215 7.70656226,14.641165 7.83024151,14.842615 L8.88303396,16.55579 C8.95593962,16.675215 9.08439245,16.751715 9.22629811,16.761065 C9.23584528,16.76149 9.24539245,16.761915 9.25493962,16.761915 C9.38599623,16.761915 9.51141132,16.703265 9.59429811,16.60169 L22.5511094,0.68969 C22.7003925,0.506515 22.6700151,0.23919 22.4821094,0.092565" id="Fill-4"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>critical bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="critical-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#000000">
<g id="normal">
<g id="icon-base">
<path d="M10.0002358,0.943373977 C5.0064857,0.943373977 0.943373977,5.00601401 0.943373977,10.0002358 C0.943373977,14.993986 5.0064857,19.056626 10.0002358,19.056626 C14.993986,19.056626 19.0570977,14.993986 19.0570977,10.0002358 C19.0570977,5.00601401 14.993986,0.943373977 10.0002358,0.943373977 M10.0002358,20 C4.48621495,20 0,15.5142567 0,10.0002358 C0,4.48621495 4.48621495,0 10.0002358,0 C15.5142567,0 20.0004717,4.48621495 20.0004717,10.0002358 C20.0004717,15.5142567 15.5142567,20 10.0002358,20" id="Fill-1"></path>
<path d="M14.5877475,15.1804446 C14.4360791,15.1804446 14.2844107,15.1223841 14.1688821,15.0068554 L5.17364299,6.01102388 C4.94258567,5.77996656 4.94258567,5.40494276 5.17364299,5.17329299 C5.40529276,4.94223567 5.78031656,4.94223567 6.01137388,5.17329299 L15.006613,14.1691245 C15.2382627,14.4007743 15.2382627,14.7752057 15.006613,15.0068554 C14.8910843,15.1223841 14.7394159,15.1804446 14.5877475,15.1804446" id="Fill-1"></path>
<path d="M5.59260277,15.1804446 C5.44093438,15.1804446 5.28926599,15.1223841 5.17373733,15.0068554 C4.94208756,14.7752057 4.94208756,14.4007743 5.17373733,14.1691245 L14.1689764,5.17329299 C14.4000337,4.94223567 14.7750575,4.94223567 15.0067073,5.17329299 C15.2377646,5.40494276 15.2377646,5.77996656 15.0067073,6.01102388 L6.01146822,15.0068554 C5.89593956,15.1223841 5.74427117,15.1804446 5.59260277,15.1804446" id="Fill-3"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>critical bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="critical-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#ffffff">
<g id="normal">
<g id="icon-base">
<path d="M10.0002358,0.943373977 C5.0064857,0.943373977 0.943373977,5.00601401 0.943373977,10.0002358 C0.943373977,14.993986 5.0064857,19.056626 10.0002358,19.056626 C14.993986,19.056626 19.0570977,14.993986 19.0570977,10.0002358 C19.0570977,5.00601401 14.993986,0.943373977 10.0002358,0.943373977 M10.0002358,20 C4.48621495,20 0,15.5142567 0,10.0002358 C0,4.48621495 4.48621495,0 10.0002358,0 C15.5142567,0 20.0004717,4.48621495 20.0004717,10.0002358 C20.0004717,15.5142567 15.5142567,20 10.0002358,20" id="Fill-1"></path>
<path d="M14.5877475,15.1804446 C14.4360791,15.1804446 14.2844107,15.1223841 14.1688821,15.0068554 L5.17364299,6.01102388 C4.94258567,5.77996656 4.94258567,5.40494276 5.17364299,5.17329299 C5.40529276,4.94223567 5.78031656,4.94223567 6.01137388,5.17329299 L15.006613,14.1691245 C15.2382627,14.4007743 15.2382627,14.7752057 15.006613,15.0068554 C14.8910843,15.1223841 14.7394159,15.1804446 14.5877475,15.1804446" id="Fill-1"></path>
<path d="M5.59260277,15.1804446 C5.44093438,15.1804446 5.28926599,15.1223841 5.17373733,15.0068554 C4.94208756,14.7752057 4.94208756,14.4007743 5.17373733,14.1691245 L14.1689764,5.17329299 C14.4000337,4.94223567 14.7750575,4.94223567 15.0067073,5.17329299 C15.2377646,5.40494276 15.2377646,5.77996656 15.0067073,6.01102388 L6.01146822,15.0068554 C5.89593956,15.1223841 5.74427117,15.1804446 5.59260277,15.1804446" id="Fill-3"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="26px" height="26px" viewBox="0 0 26 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="#4C6374" stroke-width="1.05" fill="none" transform="translate(5, 5)">
<line x1="0.5" y1="0.5" x2="15.5" y2="15.5" />
<line x1="0.5" y1="15.5" x2="15.5" y2="0.5" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 382 B

View File

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="26px" height="26px" viewBox="0 0 26 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="#FFFFFF" stroke-width="1.05" fill="none" transform="translate(5, 5)">
<line x1="0.5" y1="0.5" x2="15.5" y2="15.5" />
<line x1="0.5" y1="15.5" x2="15.5" y2="0.5" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 382 B

View File

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="26px" height="26px" viewBox="0 0 26 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="#ffffff" stroke-width="1.05" fill="none" transform="translate(5, 5)">
<line x1="0.5" y1="0.5" x2="15.5" y2="15.5" />
<line x1="0.5" y1="15.5" x2="15.5" y2="0.5" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 382 B

View File

@@ -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

View File

@@ -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

View File

@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>error bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="error-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#000000">
<g id="normal">
<g id="icon-base">
<path d="M10.0002358,0.943373977 C5.0064857,0.943373977 0.943373977,5.00601401 0.943373977,10.0002358 C0.943373977,14.993986 5.0064857,19.056626 10.0002358,19.056626 C14.993986,19.056626 19.0570977,14.993986 19.0570977,10.0002358 C19.0570977,5.00601401 14.993986,0.943373977 10.0002358,0.943373977 M10.0002358,20 C4.48621495,20 0,15.5142567 0,10.0002358 C0,4.48621495 4.48621495,0 10.0002358,0 C15.5142567,0 20.0004717,4.48621495 20.0004717,10.0002358 C20.0004717,15.5142567 15.5142567,20 10.0002358,20" id="Fill-1"></path>
<path d="M11.0395723,10.4157806 C11.0076728,10.7055341 10.9471967,10.6231271 10.7185839,10.6231271 L9.85131706,10.6231271 C9.62403335,10.6231271 9.56222813,10.7055341 9.53232238,10.4157806 L9.19737796,4.51105607 C9.18275737,4.25253746 9.18275737,4.29374094 9.18275737,4.20402368 C9.18275737,4.00465201 9.33361527,4 9.45589657,4 L11.0840986,4 C11.2063799,4 11.3878081,4.02857661 11.3878081,4.22595457 C11.3878081,4.31766554 11.3878081,4.23791687 11.3731875,4.49710005 L11.0395723,10.4157806 Z M10.292593,15 C9.56222813,15 9,14.4072015 9,13.7246858 C9,12.9923272 9.56222813,12.4281054 10.292593,12.4281054 C11.0076728,12.4281054 11.5718946,13.0069478 11.5718946,13.7246858 C11.5718946,14.4072015 10.9923876,15 10.292593,15 Z" id="Fill-4"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>error bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="error-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#ffffff">
<g id="normal">
<g id="icon-base">
<path d="M10.0002358,0.943373977 C5.0064857,0.943373977 0.943373977,5.00601401 0.943373977,10.0002358 C0.943373977,14.993986 5.0064857,19.056626 10.0002358,19.056626 C14.993986,19.056626 19.0570977,14.993986 19.0570977,10.0002358 C19.0570977,5.00601401 14.993986,0.943373977 10.0002358,0.943373977 M10.0002358,20 C4.48621495,20 0,15.5142567 0,10.0002358 C0,4.48621495 4.48621495,0 10.0002358,0 C15.5142567,0 20.0004717,4.48621495 20.0004717,10.0002358 C20.0004717,15.5142567 15.5142567,20 10.0002358,20" id="Fill-1"></path>
<path d="M11.0395723,10.4157806 C11.0076728,10.7055341 10.9471967,10.6231271 10.7185839,10.6231271 L9.85131706,10.6231271 C9.62403335,10.6231271 9.56222813,10.7055341 9.53232238,10.4157806 L9.19737796,4.51105607 C9.18275737,4.25253746 9.18275737,4.29374094 9.18275737,4.20402368 C9.18275737,4.00465201 9.33361527,4 9.45589657,4 L11.0840986,4 C11.2063799,4 11.3878081,4.02857661 11.3878081,4.22595457 C11.3878081,4.31766554 11.3878081,4.23791687 11.3731875,4.49710005 L11.0395723,10.4157806 Z M10.292593,15 C9.56222813,15 9,14.4072015 9,13.7246858 C9,12.9923272 9.56222813,12.4281054 10.292593,12.4281054 C11.0076728,12.4281054 11.5718946,13.0069478 11.5718946,13.7246858 C11.5718946,14.4072015 10.9923876,15 10.292593,15 Z" id="Fill-4"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
<title>filter bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="filter-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(6.000000, 6.000000)" fill="#000000">
<g id="normal">
<g id="icon-base">
<path d="M1.56847111,0.84893617 L8.47433778,6.76644574 C8.56891556,6.84709468 8.62296,6.96509681 8.62296,7.08946596 L8.62296,18.306884 L11.21456,16.0678149 L11.21456,6.98801809 C11.21456,6.8721383 11.2614267,6.7617766 11.3441822,6.68155213 L17.3878711,0.84893617 L1.56847111,0.84893617 Z M8.20073778,19.6562681 C8.14078222,19.6562681 8.08082667,19.6431096 8.02467111,19.6176415 C7.87478222,19.5484532 7.77851556,19.3973426 7.77851556,19.2318 L7.77851556,7.28557021 L0.148537778,0.747488298 C0.0134266667,0.632032979 -0.0351288889,0.444842553 0.0260933333,0.277602128 C0.0868933333,0.11078617 0.245226667,0 0.422137778,0 L18.4370933,0 C18.60936,0 18.7647378,0.105268085 18.8289156,0.266141489 C18.8930933,0.427014894 18.8538267,0.610385106 18.7296933,0.730934043 L12.0590044,7.16884149 L12.0590044,16.2626457 C12.0590044,16.386166 12.0053822,16.5037436 11.9120711,16.5843926 L8.47602667,19.5535468 C8.39791556,19.6210372 8.29953778,19.6562681 8.20073778,19.6562681 Z" id="Fill-1"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
<title>filter bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="filter-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(6.000000, 6.000000)" fill="#FFFFFF">
<g id="normal">
<g id="icon-base">
<path d="M1.56847111,0.84893617 L8.47433778,6.76644574 C8.56891556,6.84709468 8.62296,6.96509681 8.62296,7.08946596 L8.62296,18.306884 L11.21456,16.0678149 L11.21456,6.98801809 C11.21456,6.8721383 11.2614267,6.7617766 11.3441822,6.68155213 L17.3878711,0.84893617 L1.56847111,0.84893617 Z M8.20073778,19.6562681 C8.14078222,19.6562681 8.08082667,19.6431096 8.02467111,19.6176415 C7.87478222,19.5484532 7.77851556,19.3973426 7.77851556,19.2318 L7.77851556,7.28557021 L0.148537778,0.747488298 C0.0134266667,0.632032979 -0.0351288889,0.444842553 0.0260933333,0.277602128 C0.0868933333,0.11078617 0.245226667,0 0.422137778,0 L18.4370933,0 C18.60936,0 18.7647378,0.105268085 18.8289156,0.266141489 C18.8930933,0.427014894 18.8538267,0.610385106 18.7296933,0.730934043 L12.0590044,7.16884149 L12.0590044,16.2626457 C12.0590044,16.386166 12.0053822,16.5037436 11.9120711,16.5843926 L8.47602667,19.5535468 C8.39791556,19.6210372 8.29953778,19.6562681 8.20073778,19.6562681 Z" id="Fill-1"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@@ -0,0 +1,22 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>info bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="info-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(8.000000, 5.000000)" fill="#000000">
<g id="normal">
<g id="icon-base">
<path d="M0.9375,18.6945938 L13.9945312,18.6945938 L13.9945312,4.47740625 L10.3954687,0.93740625 L0.9375,0.93740625 L0.9375,18.6945938 Z M14.4632812,19.6320938 L0.46875,19.6320938 C0.21,19.6320938 0,19.4220938 0,19.1633438 L0,0.46865625 C0,0.20990625 0.21,-9.375e-05 0.46875,-9.375e-05 L10.5871875,-9.375e-05 C10.71,-9.375e-05 10.828125,0.0481875 10.9157812,0.1344375 L14.7923438,3.94678125 C14.881875,4.03490625 14.9320312,4.155375 14.9320312,4.281 L14.9320312,19.1633438 C14.9320312,19.4220938 14.7225,19.6320938 14.4632812,19.6320938 Z" id="Fill-1"></path>
<path d="M14.4635156,4.74975 L10.5869531,4.74975 C10.3282031,4.74975 10.1182031,4.53975 10.1182031,4.281 L10.1182031,0.46865625 C10.1182031,0.20990625 10.3282031,-9.375e-05 10.5869531,-9.375e-05 C10.8461719,-9.375e-05 11.0557031,0.20990625 11.0557031,0.46865625 L11.0557031,3.81225 L14.4635156,3.81225 C14.7222656,3.81225 14.9322656,4.02225 14.9322656,4.281 C14.9322656,4.53975 14.7222656,4.74975 14.4635156,4.74975" id="Fill-3"></path>
<rect id="Rectangle" x="7" y="9" width="1" height="7"></rect>
<rect id="Rectangle-Copy-3" x="6" y="6" width="2" height="2"></rect>
<rect id="Rectangle-Copy" transform="translate(7.500000, 15.500000) rotate(-270.000000) translate(-7.500000, -15.500000) " x="7" y="13" width="1" height="5"></rect>
<rect id="Rectangle-Copy-2" transform="translate(6.500000, 9.500000) rotate(-270.000000) translate(-6.500000, -9.500000) " x="6" y="8" width="1" height="3"></rect>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@@ -0,0 +1,22 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>info bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="info-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(8.000000, 5.000000)" fill="#FFFFFF">
<g id="normal">
<g id="icon-base">
<path d="M0.9375,18.6945938 L13.9945312,18.6945938 L13.9945312,4.47740625 L10.3954687,0.93740625 L0.9375,0.93740625 L0.9375,18.6945938 Z M14.4632812,19.6320938 L0.46875,19.6320938 C0.21,19.6320938 0,19.4220938 0,19.1633438 L0,0.46865625 C0,0.20990625 0.21,-9.375e-05 0.46875,-9.375e-05 L10.5871875,-9.375e-05 C10.71,-9.375e-05 10.828125,0.0481875 10.9157812,0.1344375 L14.7923438,3.94678125 C14.881875,4.03490625 14.9320312,4.155375 14.9320312,4.281 L14.9320312,19.1633438 C14.9320312,19.4220938 14.7225,19.6320938 14.4632812,19.6320938 Z" id="Fill-1"></path>
<path d="M14.4635156,4.74975 L10.5869531,4.74975 C10.3282031,4.74975 10.1182031,4.53975 10.1182031,4.281 L10.1182031,0.46865625 C10.1182031,0.20990625 10.3282031,-9.375e-05 10.5869531,-9.375e-05 C10.8461719,-9.375e-05 11.0557031,0.20990625 11.0557031,0.46865625 L11.0557031,3.81225 L14.4635156,3.81225 C14.7222656,3.81225 14.9322656,4.02225 14.9322656,4.281 C14.9322656,4.53975 14.7222656,4.74975 14.4635156,4.74975" id="Fill-3"></path>
<rect id="Rectangle" x="7" y="9" width="1" height="7"></rect>
<rect id="Rectangle-Copy-3" x="6" y="6" width="2" height="2"></rect>
<rect id="Rectangle-Copy" transform="translate(7.500000, 15.500000) rotate(-270.000000) translate(-7.500000, -15.500000) " x="7" y="13" width="1" height="5"></rect>
<rect id="Rectangle-Copy-2" transform="translate(6.500000, 9.500000) rotate(-270.000000) translate(-6.500000, -9.500000) " x="6" y="8" width="1" height="3"></rect>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@@ -0,0 +1,20 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>messages bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="messages-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(5.000000, 6.000000)" fill="#000000">
<g id="normal">
<g id="icon-base">
<path d="M14.9797884,5.49706744 L5.57081163,5.49706744 C5.30123023,5.49706744 5.08243953,5.27827674 5.08243953,5.00869535 C5.08243953,4.73911395 5.30123023,4.52032326 5.57081163,4.52032326 L14.9797884,4.52032326 C15.2493698,4.52032326 15.4681605,4.73911395 15.4681605,5.00869535 C15.4681605,5.27827674 15.2493698,5.49706744 14.9797884,5.49706744" id="Fill-1"></path>
<path d="M14.9797884,8.80403023 L5.57081163,8.80403023 C5.30123023,8.80403023 5.08243953,8.58523953 5.08243953,8.31565814 C5.08243953,8.04607674 5.30123023,7.82728605 5.57081163,7.82728605 L14.9797884,7.82728605 C15.2493698,7.82728605 15.4681605,8.04607674 15.4681605,8.31565814 C15.4681605,8.58523953 15.2493698,8.80403023 14.9797884,8.80403023" id="Fill-3"></path>
<path d="M14.9797884,12.1735535 L5.57081163,12.1735535 C5.30123023,12.1735535 5.08243953,11.9547628 5.08243953,11.6851814 C5.08243953,11.4156 5.30123023,11.1968093 5.57081163,11.1968093 L14.9797884,11.1968093 C15.2493698,11.1968093 15.4681605,11.4156 15.4681605,11.6851814 C15.4681605,11.9547628 15.2493698,12.1735535 14.9797884,12.1735535" id="Fill-5"></path>
<path d="M10.2753488,0.976744186 C5.14793023,0.976744186 0.976744186,4.24004651 0.976744186,8.25153488 C0.976744186,9.72788372 1.55155814,11.154907 2.63867442,12.3777907 L3.05281395,12.8422326 C3.17344186,12.9775116 3.2095814,13.1689535 3.14560465,13.3384186 L2.91753488,13.9488837 C2.66406977,14.623814 2.42916279,15.3666279 2.26702326,15.9946744 C3.15146512,15.7094651 4.34651163,15.2831163 5.4687907,14.8494419 L5.74081395,14.7449302 C5.8502093,14.7024419 5.97181395,14.7019535 6.08267442,14.742 L6.3542093,14.8406512 C7.59027907,15.2963023 8.90888372,15.526814 10.2753488,15.526814 C15.4032558,15.526814 19.5749302,12.2630233 19.5749302,8.25153488 C19.5749302,4.24004651 15.4032558,0.976744186 10.2753488,0.976744186 M1.60967442,17.1926512 C1.49002326,17.1926512 1.37281395,17.1486977 1.28148837,17.0661628 C1.15793023,16.9538372 1.09981395,16.7863256 1.12862791,16.6212558 C1.26097674,15.8506047 1.60430233,14.6667907 2.00281395,13.6055581 L2.12734884,13.2724884 L1.90904651,13.027814 C0.66027907,11.6222791 0,9.97109302 0,8.25153488 C0,3.70137209 4.60925581,0 10.2753488,0 C15.9419302,0 20.5516744,3.70137209 20.5516744,8.25153488 C20.5516744,12.8016977 15.9419302,16.5035581 10.2753488,16.5035581 C8.79313953,16.5035581 7.36123256,16.2525349 6.01869767,15.7583023 L5.92053488,15.7221628 L5.81993023,15.7607442 C4.26153488,16.3633953 2.6215814,16.9318605 1.73909302,17.1750698 C1.69660465,17.1867907 1.65313953,17.1926512 1.60967442,17.1926512" id="Fill-7"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@@ -0,0 +1,20 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>messages bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="messages-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(5.000000, 6.000000)" fill="#FFFFFF">
<g id="normal">
<g id="icon-base">
<path d="M14.9797884,5.49706744 L5.57081163,5.49706744 C5.30123023,5.49706744 5.08243953,5.27827674 5.08243953,5.00869535 C5.08243953,4.73911395 5.30123023,4.52032326 5.57081163,4.52032326 L14.9797884,4.52032326 C15.2493698,4.52032326 15.4681605,4.73911395 15.4681605,5.00869535 C15.4681605,5.27827674 15.2493698,5.49706744 14.9797884,5.49706744" id="Fill-1"></path>
<path d="M14.9797884,8.80403023 L5.57081163,8.80403023 C5.30123023,8.80403023 5.08243953,8.58523953 5.08243953,8.31565814 C5.08243953,8.04607674 5.30123023,7.82728605 5.57081163,7.82728605 L14.9797884,7.82728605 C15.2493698,7.82728605 15.4681605,8.04607674 15.4681605,8.31565814 C15.4681605,8.58523953 15.2493698,8.80403023 14.9797884,8.80403023" id="Fill-3"></path>
<path d="M14.9797884,12.1735535 L5.57081163,12.1735535 C5.30123023,12.1735535 5.08243953,11.9547628 5.08243953,11.6851814 C5.08243953,11.4156 5.30123023,11.1968093 5.57081163,11.1968093 L14.9797884,11.1968093 C15.2493698,11.1968093 15.4681605,11.4156 15.4681605,11.6851814 C15.4681605,11.9547628 15.2493698,12.1735535 14.9797884,12.1735535" id="Fill-5"></path>
<path d="M10.2753488,0.976744186 C5.14793023,0.976744186 0.976744186,4.24004651 0.976744186,8.25153488 C0.976744186,9.72788372 1.55155814,11.154907 2.63867442,12.3777907 L3.05281395,12.8422326 C3.17344186,12.9775116 3.2095814,13.1689535 3.14560465,13.3384186 L2.91753488,13.9488837 C2.66406977,14.623814 2.42916279,15.3666279 2.26702326,15.9946744 C3.15146512,15.7094651 4.34651163,15.2831163 5.4687907,14.8494419 L5.74081395,14.7449302 C5.8502093,14.7024419 5.97181395,14.7019535 6.08267442,14.742 L6.3542093,14.8406512 C7.59027907,15.2963023 8.90888372,15.526814 10.2753488,15.526814 C15.4032558,15.526814 19.5749302,12.2630233 19.5749302,8.25153488 C19.5749302,4.24004651 15.4032558,0.976744186 10.2753488,0.976744186 M1.60967442,17.1926512 C1.49002326,17.1926512 1.37281395,17.1486977 1.28148837,17.0661628 C1.15793023,16.9538372 1.09981395,16.7863256 1.12862791,16.6212558 C1.26097674,15.8506047 1.60430233,14.6667907 2.00281395,13.6055581 L2.12734884,13.2724884 L1.90904651,13.027814 C0.66027907,11.6222791 0,9.97109302 0,8.25153488 C0,3.70137209 4.60925581,0 10.2753488,0 C15.9419302,0 20.5516744,3.70137209 20.5516744,8.25153488 C20.5516744,12.8016977 15.9419302,16.5035581 10.2753488,16.5035581 C8.79313953,16.5035581 7.36123256,16.2525349 6.01869767,15.7583023 L5.92053488,15.7221628 L5.81993023,15.7607442 C4.26153488,16.3633953 2.6215814,16.9318605 1.73909302,17.1750698 C1.69660465,17.1867907 1.65313953,17.1926512 1.60967442,17.1926512" id="Fill-7"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="#000000" stroke-width="1.1" fill="none" transform="translate(5, 5)">
<polyline points="0,5 10,15 20,5" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 318 B

View File

@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="#FFFFFF" stroke-width="1.1" fill="none" transform="translate(5, 5)">
<polyline points="0,5 10,15 20,5" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 318 B

View File

@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="#000000" stroke-width="1.1" fill="none" transform="translate(5, 5)">
<polyline points="0,15 10,5 20,15" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 319 B

View File

@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="#FFFFFF" stroke-width="1.1" fill="none" transform="translate(5, 5)">
<polyline points="0,15 10,5 20,15" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 319 B

View File

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="26px" height="26px" viewBox="0 0 26 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="#4C6374" stroke-width="1.05" fill="none" transform="translate(5, 5)">
<line x1="0" y1="8.5" x2="16.5" y2="8.5" />
<polyline points="8.5,0.5 16.5,8.5 8.5, 16.5" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 375 B

View File

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="26px" height="26px" viewBox="0 0 26 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="#ffffff" stroke-width="1.05" fill="none" transform="translate(5, 5)">
<line x1="0" y1="8.5" x2="16.5" y2="8.5" />
<polyline points="8.5,0.5 16.5,8.5 8.5, 16.5" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 375 B

View File

@@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>verbose bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="verbose-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(8.000000, 5.000000)" fill="#000000">
<g id="normal">
<g id="icon-base">
<path d="M0.9375,18.6945938 L13.9945312,18.6945938 L13.9945312,4.47740625 L10.3954687,0.93740625 L0.9375,0.93740625 L0.9375,18.6945938 Z M14.4632812,19.6320938 L0.46875,19.6320938 C0.21,19.6320938 0,19.4220938 0,19.1633438 L0,0.46865625 C0,0.20990625 0.21,-9.375e-05 0.46875,-9.375e-05 L10.5871875,-9.375e-05 C10.71,-9.375e-05 10.828125,0.0481875 10.9157812,0.1344375 L14.7923438,3.94678125 C14.881875,4.03490625 14.9320312,4.155375 14.9320312,4.281 L14.9320312,19.1633438 C14.9320312,19.4220938 14.7225,19.6320938 14.4632812,19.6320938 Z" id="Fill-1"></path>
<path d="M14.4635156,4.74975 L10.5869531,4.74975 C10.3282031,4.74975 10.1182031,4.53975 10.1182031,4.281 L10.1182031,0.46865625 C10.1182031,0.20990625 10.3282031,-9.375e-05 10.5869531,-9.375e-05 C10.8461719,-9.375e-05 11.0557031,0.20990625 11.0557031,0.46865625 L11.0557031,3.81225 L14.4635156,3.81225 C14.7222656,3.81225 14.9322656,4.02225 14.9322656,4.281 C14.9322656,4.53975 14.7222656,4.74975 14.4635156,4.74975" id="Fill-3"></path>
<path d="M10.812375,10.4006406 L4.1195625,10.4006406 C3.9901875,10.4006406 3.8851875,10.1766406 3.8851875,9.90064062 C3.8851875,9.62464062 3.9901875,9.40064062 4.1195625,9.40064062 L10.812375,9.40064062 C10.94175,9.40064062 11.04675,9.62464062 11.04675,9.90064062 C11.04675,10.1766406 10.94175,10.4006406 10.812375,10.4006406" id="Fill-6"></path>
<path d="M10.7473594,7.30201563 L4.18485937,7.30201563 C4.05548437,7.30201563 3.95048437,7.07801563 3.95048437,6.80201563 C3.95048437,6.52601563 4.05548437,6.30201563 4.18485937,6.30201563 L10.7473594,6.30201563 C10.8767344,6.30201563 10.9817344,6.52601563 10.9817344,6.80201563 C10.9817344,7.07801563 10.8767344,7.30201563 10.7473594,7.30201563" id="Fill-8"></path>
<path d="M10.7461512,13.3957656 L4.18481772,13.3957656 C4.05546571,13.3957656 3.95048437,13.1717656 3.95048437,12.8957656 C3.95048437,12.6197656 4.05546571,12.3957656 4.18481772,12.3957656 L10.7461512,12.3957656 C10.8755032,12.3957656 10.9804846,12.6197656 10.9804846,12.8957656 C10.9804846,13.1717656 10.8755032,13.3957656 10.7461512,13.3957656" id="Fill-10"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>verbose bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="verbose-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(8.000000, 5.000000)" fill="#FFFFFF">
<g id="normal">
<g id="icon-base">
<path d="M0.9375,18.6945938 L13.9945312,18.6945938 L13.9945312,4.47740625 L10.3954687,0.93740625 L0.9375,0.93740625 L0.9375,18.6945938 Z M14.4632812,19.6320938 L0.46875,19.6320938 C0.21,19.6320938 0,19.4220938 0,19.1633438 L0,0.46865625 C0,0.20990625 0.21,-9.375e-05 0.46875,-9.375e-05 L10.5871875,-9.375e-05 C10.71,-9.375e-05 10.828125,0.0481875 10.9157812,0.1344375 L14.7923438,3.94678125 C14.881875,4.03490625 14.9320312,4.155375 14.9320312,4.281 L14.9320312,19.1633438 C14.9320312,19.4220938 14.7225,19.6320938 14.4632812,19.6320938 Z" id="Fill-1"></path>
<path d="M14.4635156,4.74975 L10.5869531,4.74975 C10.3282031,4.74975 10.1182031,4.53975 10.1182031,4.281 L10.1182031,0.46865625 C10.1182031,0.20990625 10.3282031,-9.375e-05 10.5869531,-9.375e-05 C10.8461719,-9.375e-05 11.0557031,0.20990625 11.0557031,0.46865625 L11.0557031,3.81225 L14.4635156,3.81225 C14.7222656,3.81225 14.9322656,4.02225 14.9322656,4.281 C14.9322656,4.53975 14.7222656,4.74975 14.4635156,4.74975" id="Fill-3"></path>
<path d="M10.812375,10.4006406 L4.1195625,10.4006406 C3.9901875,10.4006406 3.8851875,10.1766406 3.8851875,9.90064062 C3.8851875,9.62464062 3.9901875,9.40064062 4.1195625,9.40064062 L10.812375,9.40064062 C10.94175,9.40064062 11.04675,9.62464062 11.04675,9.90064062 C11.04675,10.1766406 10.94175,10.4006406 10.812375,10.4006406" id="Fill-6"></path>
<path d="M10.7473594,7.30201563 L4.18485937,7.30201563 C4.05548437,7.30201563 3.95048437,7.07801563 3.95048437,6.80201563 C3.95048437,6.52601563 4.05548437,6.30201563 4.18485937,6.30201563 L10.7473594,6.30201563 C10.8767344,6.30201563 10.9817344,6.52601563 10.9817344,6.80201563 C10.9817344,7.07801563 10.8767344,7.30201563 10.7473594,7.30201563" id="Fill-8"></path>
<path d="M10.7461512,13.3957656 L4.18481772,13.3957656 C4.05546571,13.3957656 3.95048437,13.1717656 3.95048437,12.8957656 C3.95048437,12.6197656 4.05546571,12.3957656 4.18481772,12.3957656 L10.7461512,12.3957656 C10.8755032,12.3957656 10.9804846,12.6197656 10.9804846,12.8957656 C10.9804846,13.1717656 10.8755032,13.3957656 10.7461512,13.3957656" id="Fill-10"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>warning bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="warning-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#000000">
<g id="normal">
<g id="icon-base">
<path d="M1.34375581,16.6384953 L19.2113372,16.6384953 L10.3092907,1.45158837 L1.34375581,16.6384953 Z M20.0738023,17.6152395 C20.0703837,17.6152395 20.0674535,17.6152395 20.0640349,17.6152395 L0.488616279,17.6152395 C0.313290698,17.6152395 0.151151163,17.5214721 0.0642209302,17.3691 C-0.0227093023,17.2167279 -0.021244186,17.0296814 0.0676395349,16.8787744 L9.89026744,0.239937209 C9.97817442,0.091472093 10.1378721,0.000146511628 10.3107558,0.000146511628 L10.3112442,0.000146511628 C10.4846163,0.000146511628 10.644314,0.0919604651 10.7322209,0.241402326 L20.4420349,16.806007 C20.5167558,16.8919605 20.5621744,17.004286 20.5621744,17.1268674 C20.5621744,17.3964488 20.3433837,17.6152395 20.0738023,17.6152395 Z" id="Fill-1"></path>
<path d="M10.8247674,11.2220581 C10.8013256,11.4349884 10.7568837,11.3744302 10.5888837,11.3744302 L9.95155814,11.3744302 C9.78453488,11.3744302 9.73911628,11.4349884 9.71713953,11.2220581 L9.471,6.88287209 C9.46025581,6.69289535 9.46025581,6.72317442 9.46025581,6.65724419 C9.46025581,6.51073256 9.57111628,6.50731395 9.66097674,6.50731395 L10.8574884,6.50731395 C10.9473488,6.50731395 11.0806744,6.52831395 11.0806744,6.67336047 C11.0806744,6.74075581 11.0806744,6.68215116 11.0699302,6.87261628 L10.8247674,11.2220581 Z M10.2758372,14.5908488 C9.73911628,14.5908488 9.32595349,14.1552209 9.32595349,13.6536628 C9.32595349,13.1154767 9.73911628,12.7008488 10.2758372,12.7008488 C10.8013256,12.7008488 11.2159535,13.1262209 11.2159535,13.6536628 C11.2159535,14.1552209 10.790093,14.5908488 10.2758372,14.5908488 Z" id="Fill-4"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>warning bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="warning-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#ffffff">
<g id="normal">
<g id="icon-base">
<path d="M1.34375581,16.6384953 L19.2113372,16.6384953 L10.3092907,1.45158837 L1.34375581,16.6384953 Z M20.0738023,17.6152395 C20.0703837,17.6152395 20.0674535,17.6152395 20.0640349,17.6152395 L0.488616279,17.6152395 C0.313290698,17.6152395 0.151151163,17.5214721 0.0642209302,17.3691 C-0.0227093023,17.2167279 -0.021244186,17.0296814 0.0676395349,16.8787744 L9.89026744,0.239937209 C9.97817442,0.091472093 10.1378721,0.000146511628 10.3107558,0.000146511628 L10.3112442,0.000146511628 C10.4846163,0.000146511628 10.644314,0.0919604651 10.7322209,0.241402326 L20.4420349,16.806007 C20.5167558,16.8919605 20.5621744,17.004286 20.5621744,17.1268674 C20.5621744,17.3964488 20.3433837,17.6152395 20.0738023,17.6152395 Z" id="Fill-1"></path>
<path d="M10.8247674,11.2220581 C10.8013256,11.4349884 10.7568837,11.3744302 10.5888837,11.3744302 L9.95155814,11.3744302 C9.78453488,11.3744302 9.73911628,11.4349884 9.71713953,11.2220581 L9.471,6.88287209 C9.46025581,6.69289535 9.46025581,6.72317442 9.46025581,6.65724419 C9.46025581,6.51073256 9.57111628,6.50731395 9.66097674,6.50731395 L10.8574884,6.50731395 C10.9473488,6.50731395 11.0806744,6.52831395 11.0806744,6.67336047 C11.0806744,6.74075581 11.0806744,6.68215116 11.0699302,6.87261628 L10.8247674,11.2220581 Z M10.2758372,14.5908488 C9.73911628,14.5908488 9.32595349,14.1552209 9.32595349,13.6536628 C9.32595349,13.1154767 9.73911628,12.7008488 10.2758372,12.7008488 C10.8013256,12.7008488 11.2159535,13.1262209 11.2159535,13.6536628 C11.2159535,14.1552209 10.790093,14.5908488 10.2758372,14.5908488 Z" id="Fill-4"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@@ -0,0 +1,374 @@
/** Styles for the theme: Base-Dark */
.TcHmi_Controls_Beckhoff_TcHmiEventGrid,
.tchmi-event-grid {
--tchmi-background: var(--tchmi-background-color-1);
background-color: var(--tchmi-background);
box-shadow: var(--tchmi-card-shadow);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid,
.tchmi-event-grid,
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup,
.tchmi-event-grid-template-popup {
--tchmi-alarm-raised-color: var(--tchmi-error-color);
--tchmi-alarm-confirmed-color: var(--tchmi-warning-color);
--tchmi-alarm-cleared-color: var(--tchmi-confirmed-color);
--tchmi-alarm-cleared-and-confirmed-color: var(--tchmi-ready-color);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template .tchmi-button-template,
.tchmi-event-grid-template-popup .tchmi-button-template {
background-repeat: no-repeat;
background-position: center;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-filter-button .tchmi-button-template {
background-image: url('Images/filter.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-button.down .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-filter-button.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/filter-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-columns-button .tchmi-button-template {
background-image: url('Images/columns.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-button.down .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-columns-button.down .tchmi-button-template {
background-image: url('Images/columns-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-export-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-export-button .tchmi-button-template {
background-image: url('Images/download_normal.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-export-button.down .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-export-button.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/download_pressed.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-confirm-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-confirm-button .tchmi-button-template {
background-image: url('Images/confirm.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-confirm-button.down .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-confirm-button.down .tchmi-button-template {
background-image: url('Images/confirm-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-confirmall-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-confirmall-button .tchmi-button-template {
background-image: url('Images/confirmall.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-confirmall-button.down .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-confirmall-button.down .tchmi-button-template {
background-image: url('Images/confirmall-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-move-up-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-move-up-button .tchmi-button-template {
background-image: url('Images/move-up.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-move-up-button.down .TcHmi_Controls_Beckhoff_TcHmiButton-templatem,
.tchmi-event-grid-template-move-up-button.down .tchmi-button-template {
background-image: url('Images/move-up-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-move-down-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-move-down-button .tchmi-button-template {
background-image: url('Images/move-down.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-move-down-button.down .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-move-down-button.down .tchmi-button-template {
background-image: url('Images/move-down-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template .TcHmi_Controls_Beckhoff_TcHmiDatagrid,
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup .TcHmi_Controls_Beckhoff_TcHmiDatagrid,
.tchmi-event-grid-template .tchmi-datagrid,
.tchmi-event-grid-template-popup .tchmi-datagrid {
--tchmi-background-focused-row: var(--tchmi-background-focused-cell);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup,
.tchmi-event-grid-template-popup {
--tchmi-popup-background: var(--tchmi-background-color-1);
--tchmi-popup-color: var(--tchmi-foreground-color-1);
--tchmi-popup-details-background: var(--tchmi-foreground-color-2);
--tchmi-popup-details-color: var(--tchmi-foreground-color-1);
--tchmi-popup-details-content-background: var(--tchmi-background-color-3);
--tchmi-popup-details-content-color: var(--tchmi-foreground-color-1);
--tchmi-popup-config-background: var(--tchmi-background-color-3);
--tchmi-popup-config-background-hover: var(--tchmi-background-color-4);
--tchmi-popup-config-background-active: var(--tchmi-highlight-color-1);
--tchmi-popup-config-color: var(--tchmi-foreground-color-1);
--tchmi-popup-config-color-hover: var(--tchmi-foreground-color-1);
--tchmi-popup-config-color-active: var(--tchmi-foreground-color-1);
background: var(--tchmi-popup-background);
box-shadow: var(--tchmi-popup-shadow);
padding: 10px;
font-size: 12px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup > h1,
.tchmi-event-grid-template-popup > h1 {
font-size: 18px;
font-weight: normal;
color: var(--tchmi-popup-color);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-column-property-label {
color: var(--tchmi-popup-color);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-details-popup dt,
.tchmi-event-grid-template-details-popup dt {
background-color: var(--tchmi-popup-details-background);
color: var(--tchmi-popup-details-color);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-details-popup dd,
.tchmi-event-grid-template-details-popup dd {
background-color: var(--tchmi-popup-details-content-background);
color: var(--tchmi-popup-details-content-color);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-details-popup dd dt,
.tchmi-event-grid-template-details-popup dd dt {
background-color: transparent;
font-weight: bold;
color: var(--tchmi-popup-color);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-details-popup dd dt::after,
.tchmi-event-grid-template-details-popup dd dt::after {
content: ':';
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-details-popup dd dd,
.tchmi-event-grid-template-details-popup dd dd {
background-color: transparent;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column,
.tchmi-event-grid-template-columns-config-column {
background: var(--tchmi-popup-config-background);
color: var(--tchmi-popup-config-color);
border-bottom: 1px solid var(--tchmi-popup-background);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-selected-columns
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column:not(.active):hover,
.tchmi-event-grid-template-columns-config-selected-columns
.tchmi-event-grid-template-columns-config-column:not(.active):hover {
background: var(--tchmi-popup-config-background-hover);
color: var(--tchmi-popup-config-color-hover);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column.active,
.tchmi-event-grid-template-columns-config-column.active {
background: var(--tchmi-popup-config-background-active);
color: var(--tchmi-popup-config-color-active);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-available-columns
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column-selection-toggle,
.tchmi-event-grid-template-columns-config-available-columns
.tchmi-event-grid-template-columns-config-column-selection-toggle {
background-image: url('Images/select.svg');
background-position: center;
background-repeat: no-repeat;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-available-columns
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column-selection-toggle:active,
.tchmi-event-grid-template-columns-config-available-columns
.tchmi-event-grid-template-columns-config-column-selection-toggle:active {
background-image: url('Images/select-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-selected-columns
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column-selection-toggle,
.tchmi-event-grid-template-columns-config-selected-columns
.tchmi-event-grid-template-columns-config-column-selection-toggle {
background-image: url('Images/deselect.svg');
background-position: center;
background-repeat: no-repeat;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-selected-columns
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column-selection-toggle:active,
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-selected-columns
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column.active
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column-selection-toggle:active,
.tchmi-event-grid-template-columns-config-selected-columns
.tchmi-event-grid-template-columns-config-column-selection-toggle:active,
.tchmi-event-grid-template-columns-config-selected-columns
.tchmi-event-grid-template-columns-config-column.active
.tchmi-event-grid-template-columns-config-column-selection-toggle:active {
background-image: url('Images/deselect-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-selected-columns
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column.active
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column-selection-toggle
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-selected-columns
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column.active
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column-selection-toggle,
.tchmi-event-grid-template-columns-config-selected-columns
.tchmi-event-grid-template-columns-config-column.active
.tchmi-event-grid-template-columns-config-column-selection-toggle
.tchmi-event-grid-template-columns-config-selected-columns
.tchmi-event-grid-template-columns-config-column.active
.tchmi-event-grid-template-columns-config-column-selection-toggle {
background-image: url('Images/deselect-selected.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template
td.TcHmi_Controls_Beckhoff_TcHmiDatagrid-template-cell:not([data-column-name='type']):not(
[data-column-name='severity']
),
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup
td.TcHmi_Controls_Beckhoff_TcHmiDatagrid-template-cell:not([data-column-name='type']):not(
[data-column-name='severity']
),
.tchmi-event-grid-template
td.tchmi-datagrid-template-cell:not([data-column-name='type']):not([data-column-name='severity']),
.tchmi-event-grid-template-popup
td.tchmi-datagrid-template-cell:not([data-column-name='type']):not([data-column-name='severity']) {
padding: 0 5px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template td[data-column-name='alarmState'],
.tchmi-event-grid-template td[data-column-name='alarmState'] {
font-size: 0;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template tr.raised td[data-column-name='alarmState'],
.tchmi-event-grid-template tr.raised td[data-column-name='alarmState'] {
background: var(--tchmi-alarm-raised-color);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template tr.confirmed td[data-column-name='alarmState'],
.tchmi-event-grid-template tr.confirmed td[data-column-name='alarmState'] {
background: var(--tchmi-alarm-confirmed-color);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template tr.cleared td[data-column-name='alarmState'],
.tchmi-event-grid-template tr.cleared td[data-column-name='alarmState'] {
background: var(--tchmi-alarm-cleared-color);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template tr.cleared-and-confirmed td[data-column-name='alarmState'],
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template tr.cleared.no-confirmation-needed td[data-column-name='alarmState'],
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template tr.cleared.confirmation-reset td[data-column-name='alarmState'],
.tchmi-event-grid-template tr.cleared-and-confirmed td[data-column-name='alarmState'],
.tchmi-event-grid-template tr.cleared.no-confirmation-needed td[data-column-name='alarmState'],
.tchmi-event-grid-template tr.cleared.confirmation-reset td[data-column-name='alarmState'] {
background: var(--tchmi-alarm-cleared-and-confirmed-color);
}
/* Do not show focus overlay over alarm state cells, as that somewhat obscures the colors. */
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template tr.raised td[data-column-name='alarmState']::before,
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template tr.confirmed td[data-column-name='alarmState']::before,
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template tr.cleared td[data-column-name='alarmState']::before,
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template tr.cleared-and-confirmed td[data-column-name='alarmState']::before,
.tchmi-event-grid-template tr.raised td[data-column-name='alarmState']::before,
.tchmi-event-grid-template tr.confirmed td[data-column-name='alarmState']::before,
.tchmi-event-grid-template tr.cleared td[data-column-name='alarmState']::before,
.tchmi-event-grid-template tr.cleared-and-confirmed td[data-column-name='alarmState']::before {
display: none;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-alarm-toggle-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-alarm-toggle-button .tchmi-button-template {
background-image: url('Images/alarm.svg');
background-position: 0% 50%;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-alarm-toggle-button.down .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-alarm-toggle-button.down .tchmi-button-template {
background-image: url('Images/alarm-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-message-toggle-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-message-toggle-button .tchmi-button-template {
background-image: url('Images/message.svg');
background-position: 0% 50%;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-message-toggle-button.down
.TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-message-toggle-button.down .tchmi-button-template {
background-image: url('Images/message-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-verbose-toggle-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-verbose-toggle-button .tchmi-button-template {
background-image: url('Images/verbose.svg');
background-position: 0% 50%;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-verbose-toggle-button.down
.TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-verbose-toggle-button.down .tchmi-button-template {
background-image: url('Images/verbose-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-info-toggle-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-info-toggle-button .tchmi-button-template {
background-image: url('Images/info.svg');
background-position: 0% 50%;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-info-toggle-button.down .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-info-toggle-button.down .tchmi-button-template {
background-image: url('Images/info-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-warning-toggle-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-warning-toggle-button .tchmi-button-template {
background-image: url('Images/warning.svg');
background-position: 0% 50%;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-warning-toggle-button.down
.TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-warning-toggle-button.down .tchmi-button-template {
background-image: url('Images/warning-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-error-toggle-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-error-toggle-button .tchmi-button-template {
background-image: url('Images/error.svg');
background-position: 0% 50%;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-error-toggle-button.down .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-error-toggle-button.down .tchmi-button-template {
background-image: url('Images/error-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-critical-toggle-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-critical-toggle-button .tchmi-button-template {
background-image: url('Images/critical.svg');
background-position: 0% 50%;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-critical-toggle-button.down
.TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-critical-toggle-button.down .tchmi-button-template {
background-image: url('Images/critical-active.svg');
}

View File

@@ -0,0 +1,45 @@
{
"$schema": "../../../../TcHmiFramework/Schema/ThemeDescription.Schema.json",
"controlTypeValues": {
"TcHmi.Controls.Beckhoff.TcHmiEventGrid": {
"attributes": {},
"themedResources": {
"MessageIcon": {
"imagePath": "Images/message.svg",
"width": 30,
"height": 30
},
"AlarmIcon": {
"imagePath": "Images/alarm.svg",
"width": 30,
"height": 30
},
"VerboseIcon": {
"imagePath": "Images/verbose.svg",
"width": 30,
"height": 30
},
"InfoIcon": {
"imagePath": "Images/info.svg",
"width": 30,
"height": 30
},
"WarningIcon": {
"imagePath": "Images/warning.svg",
"width": 30,
"height": 30
},
"ErrorIcon": {
"imagePath": "Images/error.svg",
"width": 30,
"height": 30
},
"CriticalIcon": {
"imagePath": "Images/critical.svg",
"width": 30,
"height": 30
}
}
}
}
}

View File

@@ -0,0 +1,24 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>alarms bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="alarms-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(4.000000, 7.000000)" fill="#000000">
<g id="normal">
<g id="icon-base">
<g id="Page-1">
<path d="M7.72292889,11.2387244 L14.1601289,11.2387244 L13.4673733,4.73210222 L8.41568444,4.73210222 L7.72292889,11.2387244 Z M14.7135511,12.2165022 C14.7106178,12.2165022 14.7071956,12.2160133 14.7037733,12.2165022 L7.17928444,12.2165022 C7.04044,12.2165022 6.90795111,12.1573467 6.81555111,12.0541911 C6.72315111,11.9515244 6.67817333,11.8136578 6.69332889,11.6757911 L7.49021778,4.19139111 C7.51661778,3.94303556 7.72635111,3.75432444 7.97666222,3.75432444 L13.9063956,3.75432444 C14.1567067,3.75432444 14.36644,3.94303556 14.39284,4.19139111 L15.1799511,11.57948 C15.1946178,11.6264133 15.20244,11.67628 15.20244,11.7276133 C15.20244,11.99748 14.9839067,12.2165022 14.7135511,12.2165022 Z" id="Fill-1"></path>
<path d="M10.8610578,14.8471644 C10.5911911,14.8471644 10.3721689,14.6281422 10.3721689,14.3582756 L10.3721689,11.7275644 C10.3721689,11.4576978 10.5911911,11.2386756 10.8610578,11.2386756 C11.1309244,11.2386756 11.3499467,11.4576978 11.3499467,11.7275644 L11.3499467,14.3582756 C11.3499467,14.6281422 11.1309244,14.8471644 10.8610578,14.8471644" id="Fill-3"></path>
<path d="M3.55397778,15.7996178 C3.42882222,15.7996178 3.30366667,15.7517067 3.20833333,15.6563733 C1.13935556,13.5869067 -0.000244444444,10.8364178 -0.000244444444,7.91041778 C-0.000244444444,4.98490667 1.13935556,2.23392889 3.20833333,0.164951111 C3.39948889,-0.0262044444 3.70846667,-0.0262044444 3.89962222,0.164951111 C4.09077778,0.355617778 4.09077778,0.665084444 3.89962222,0.85624 C2.01544444,2.74090667 0.977533333,5.24597333 0.977533333,7.91041778 C0.977533333,10.5748622 2.01544444,13.0804178 3.89962222,14.9650844 C4.09077778,15.15624 4.09077778,15.4657067 3.89962222,15.6563733 C3.80428889,15.7517067 3.67913333,15.7996178 3.55397778,15.7996178" id="Fill-5"></path>
<path d="M18.3543556,15.7996178 C18.2292,15.7996178 18.1040444,15.7517067 18.0087111,15.6563733 C17.8175556,15.4657067 17.8175556,15.15624 18.0087111,14.9650844 C19.8928889,13.0804178 20.9308,10.5748622 20.9308,7.91041778 C20.9308,5.23472889 19.8850667,2.72232889 17.9872,0.835706667 C17.7955556,0.64504 17.7945778,0.335573333 17.9852444,0.144417778 C18.1759111,-0.0467377778 18.4853778,-0.0482044444 18.6765333,0.141973333 C20.7606667,2.21339556 21.9085778,4.97268444 21.9085778,7.91041778 C21.9085778,10.8364178 20.7689778,13.5869067 18.7,15.6563733 C18.6046667,15.7517067 18.4795111,15.7996178 18.3543556,15.7996178" id="Fill-8"></path>
<path d="M5.55250667,13.7977644 C5.42735111,13.7977644 5.30219556,13.7498533 5.20686222,13.65452 C3.67175111,12.1194089 2.82646222,10.0782978 2.82646222,7.90714222 C2.82646222,5.73696444 3.67175111,3.69634222 5.20686222,2.16074222 C5.39752889,1.97007556 5.70699556,1.97007556 5.89815111,2.16074222 C6.08930667,2.35140889 6.08930667,2.66136444 5.89815111,2.85203111 C4.54784,4.20332 3.80424,5.99803111 3.80424,7.90714222 C3.80424,9.81723111 4.54784,11.61292 5.89815111,12.9632311 C6.08930667,13.1543867 6.08930667,13.4633644 5.89815111,13.65452 C5.80281778,13.7498533 5.67766222,13.7977644 5.55250667,13.7977644" id="Fill-11"></path>
<path d="M16.3553378,13.7977644 C16.2301822,13.7977644 16.1050267,13.7498533 16.0096933,13.65452 C15.8185378,13.4633644 15.8185378,13.1538978 16.0096933,12.9632311 C17.3600044,11.6134089 18.1036044,9.81772 18.1036044,7.90714222 C18.1036044,5.98972 17.3546267,4.18914222 15.9945378,2.83785333 C15.8028933,2.64718667 15.8019156,2.33772 15.9920933,2.14607556 C16.1832489,1.95540889 16.4922267,1.95345333 16.6838711,2.14412 C18.2297378,3.68069778 19.0813822,5.72767556 19.0813822,7.90714222 C19.0813822,10.0792756 18.2360933,12.1198978 16.7009822,13.65452 C16.6056489,13.7498533 16.4804933,13.7977644 16.3553378,13.7977644" id="Fill-13"></path>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.5 KiB

View File

@@ -0,0 +1,24 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>alarms bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="alarms-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(4.000000, 7.000000)" fill="#4794DA">
<g id="normal">
<g id="icon-base">
<g id="Page-1">
<path d="M7.72292889,11.2387244 L14.1601289,11.2387244 L13.4673733,4.73210222 L8.41568444,4.73210222 L7.72292889,11.2387244 Z M14.7135511,12.2165022 C14.7106178,12.2165022 14.7071956,12.2160133 14.7037733,12.2165022 L7.17928444,12.2165022 C7.04044,12.2165022 6.90795111,12.1573467 6.81555111,12.0541911 C6.72315111,11.9515244 6.67817333,11.8136578 6.69332889,11.6757911 L7.49021778,4.19139111 C7.51661778,3.94303556 7.72635111,3.75432444 7.97666222,3.75432444 L13.9063956,3.75432444 C14.1567067,3.75432444 14.36644,3.94303556 14.39284,4.19139111 L15.1799511,11.57948 C15.1946178,11.6264133 15.20244,11.67628 15.20244,11.7276133 C15.20244,11.99748 14.9839067,12.2165022 14.7135511,12.2165022 Z" id="Fill-1"></path>
<path d="M10.8610578,14.8471644 C10.5911911,14.8471644 10.3721689,14.6281422 10.3721689,14.3582756 L10.3721689,11.7275644 C10.3721689,11.4576978 10.5911911,11.2386756 10.8610578,11.2386756 C11.1309244,11.2386756 11.3499467,11.4576978 11.3499467,11.7275644 L11.3499467,14.3582756 C11.3499467,14.6281422 11.1309244,14.8471644 10.8610578,14.8471644" id="Fill-3"></path>
<path d="M3.55397778,15.7996178 C3.42882222,15.7996178 3.30366667,15.7517067 3.20833333,15.6563733 C1.13935556,13.5869067 -0.000244444444,10.8364178 -0.000244444444,7.91041778 C-0.000244444444,4.98490667 1.13935556,2.23392889 3.20833333,0.164951111 C3.39948889,-0.0262044444 3.70846667,-0.0262044444 3.89962222,0.164951111 C4.09077778,0.355617778 4.09077778,0.665084444 3.89962222,0.85624 C2.01544444,2.74090667 0.977533333,5.24597333 0.977533333,7.91041778 C0.977533333,10.5748622 2.01544444,13.0804178 3.89962222,14.9650844 C4.09077778,15.15624 4.09077778,15.4657067 3.89962222,15.6563733 C3.80428889,15.7517067 3.67913333,15.7996178 3.55397778,15.7996178" id="Fill-5"></path>
<path d="M18.3543556,15.7996178 C18.2292,15.7996178 18.1040444,15.7517067 18.0087111,15.6563733 C17.8175556,15.4657067 17.8175556,15.15624 18.0087111,14.9650844 C19.8928889,13.0804178 20.9308,10.5748622 20.9308,7.91041778 C20.9308,5.23472889 19.8850667,2.72232889 17.9872,0.835706667 C17.7955556,0.64504 17.7945778,0.335573333 17.9852444,0.144417778 C18.1759111,-0.0467377778 18.4853778,-0.0482044444 18.6765333,0.141973333 C20.7606667,2.21339556 21.9085778,4.97268444 21.9085778,7.91041778 C21.9085778,10.8364178 20.7689778,13.5869067 18.7,15.6563733 C18.6046667,15.7517067 18.4795111,15.7996178 18.3543556,15.7996178" id="Fill-8"></path>
<path d="M5.55250667,13.7977644 C5.42735111,13.7977644 5.30219556,13.7498533 5.20686222,13.65452 C3.67175111,12.1194089 2.82646222,10.0782978 2.82646222,7.90714222 C2.82646222,5.73696444 3.67175111,3.69634222 5.20686222,2.16074222 C5.39752889,1.97007556 5.70699556,1.97007556 5.89815111,2.16074222 C6.08930667,2.35140889 6.08930667,2.66136444 5.89815111,2.85203111 C4.54784,4.20332 3.80424,5.99803111 3.80424,7.90714222 C3.80424,9.81723111 4.54784,11.61292 5.89815111,12.9632311 C6.08930667,13.1543867 6.08930667,13.4633644 5.89815111,13.65452 C5.80281778,13.7498533 5.67766222,13.7977644 5.55250667,13.7977644" id="Fill-11"></path>
<path d="M16.3553378,13.7977644 C16.2301822,13.7977644 16.1050267,13.7498533 16.0096933,13.65452 C15.8185378,13.4633644 15.8185378,13.1538978 16.0096933,12.9632311 C17.3600044,11.6134089 18.1036044,9.81772 18.1036044,7.90714222 C18.1036044,5.98972 17.3546267,4.18914222 15.9945378,2.83785333 C15.8028933,2.64718667 15.8019156,2.33772 15.9920933,2.14607556 C16.1832489,1.95540889 16.4922267,1.95345333 16.6838711,2.14412 C18.2297378,3.68069778 19.0813822,5.72767556 19.0813822,7.90714222 C19.0813822,10.0792756 18.2360933,12.1198978 16.7009822,13.65452 C16.6056489,13.7498533 16.4804933,13.7977644 16.3553378,13.7977644" id="Fill-13"></path>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.5 KiB

View File

@@ -0,0 +1,22 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>edit table bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="edit-table-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(5.000000, 6.000000)" fill="#000000">
<g id="normal">
<g id="icon-base">
<path d="M0.948472412,15.996732 L18.9926858,15.996732 L18.9926858,0.958605664 L0.948472412,0.958605664 L0.948472412,15.996732 Z M19.466922,16.9553377 L0.474236206,16.9553377 C0.21245782,16.9553377 0,16.74061 0,16.4760349 L0,0.479302832 C0,0.214727669 0.21245782,0 0.474236206,0 L19.466922,0 C19.7287004,0 19.9411582,0.214727669 19.9411582,0.479302832 L19.9411582,16.4760349 C19.9411582,16.74061 19.7287004,16.9553377 19.466922,16.9553377 Z" id="Fill-1"></path>
<path d="M19.4668272,4.58448366 L0.474141359,4.58448366 C0.212362973,4.58448366 -9.48472412e-05,4.36975599 -9.48472412e-05,4.10518083 C-9.48472412e-05,3.84060566 0.212362973,3.625878 0.474141359,3.625878 L19.4668272,3.625878 C19.7286056,3.625878 19.9410634,3.84060566 19.9410634,4.10518083 C19.9410634,4.36975599 19.7286056,4.58448366 19.4668272,4.58448366" id="Fill-3"></path>
<path d="M4.30223621,16.86987 C4.02623621,16.86987 3.80223621,16.762478 3.80223621,16.6301557 L3.80223621,0.329583577 C3.80223621,0.197261285 4.02623621,0.089869281 4.30223621,0.089869281 C4.57823621,0.089869281 4.80223621,0.197261285 4.80223621,0.329583577 L4.80223621,16.6301557 C4.80223621,16.762478 4.57823621,16.86987 4.30223621,16.86987" id="Fill-4"></path>
<path d="M7.62188965,16.86987 C7.34588965,16.86987 7.12188965,16.762478 7.12188965,16.6301557 L7.12188965,0.329583577 C7.12188965,0.197261285 7.34588965,0.089869281 7.62188965,0.089869281 C7.89788965,0.089869281 8.12188965,0.197261285 8.12188965,0.329583577 L8.12188965,16.6301557 C8.12188965,16.762478 7.89788965,16.86987 7.62188965,16.86987" id="Fill-5"></path>
<path d="M13.2471245,14.3093464 C12.9853461,14.3093464 12.7728883,14.0946187 12.7728883,13.8300436 L12.7728883,6.80010893 C12.7728883,6.53553377 12.9853461,6.3208061 13.2471245,6.3208061 C13.5089029,6.3208061 13.7213607,6.53553377 13.7213607,6.80010893 L13.7213607,13.8300436 C13.7213607,14.0946187 13.5089029,14.3093464 13.2471245,14.3093464" id="Fill-6"></path>
<path d="M16.7251728,10.7946187 L9.76955039,10.7946187 C9.507772,10.7946187 9.29531418,10.5798911 9.29531418,10.3153159 C9.29531418,10.0507407 9.507772,9.83601307 9.76955039,9.83601307 L16.7251728,9.83601307 C16.9869512,9.83601307 17.199409,10.0507407 17.199409,10.3153159 C17.199409,10.5798911 16.9869512,10.7946187 16.7251728,10.7946187" id="Fill-7"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

View File

@@ -0,0 +1,22 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>edit table bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="edit-table-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(5.000000, 6.000000)" fill="#4C6374">
<g id="normal">
<g id="icon-base">
<path d="M0.948472412,15.996732 L18.9926858,15.996732 L18.9926858,0.958605664 L0.948472412,0.958605664 L0.948472412,15.996732 Z M19.466922,16.9553377 L0.474236206,16.9553377 C0.21245782,16.9553377 0,16.74061 0,16.4760349 L0,0.479302832 C0,0.214727669 0.21245782,0 0.474236206,0 L19.466922,0 C19.7287004,0 19.9411582,0.214727669 19.9411582,0.479302832 L19.9411582,16.4760349 C19.9411582,16.74061 19.7287004,16.9553377 19.466922,16.9553377 Z" id="Fill-1"></path>
<path d="M19.4668272,4.58448366 L0.474141359,4.58448366 C0.212362973,4.58448366 -9.48472412e-05,4.36975599 -9.48472412e-05,4.10518083 C-9.48472412e-05,3.84060566 0.212362973,3.625878 0.474141359,3.625878 L19.4668272,3.625878 C19.7286056,3.625878 19.9410634,3.84060566 19.9410634,4.10518083 C19.9410634,4.36975599 19.7286056,4.58448366 19.4668272,4.58448366" id="Fill-3"></path>
<path d="M4.30223621,16.86987 C4.02623621,16.86987 3.80223621,16.762478 3.80223621,16.6301557 L3.80223621,0.329583577 C3.80223621,0.197261285 4.02623621,0.089869281 4.30223621,0.089869281 C4.57823621,0.089869281 4.80223621,0.197261285 4.80223621,0.329583577 L4.80223621,16.6301557 C4.80223621,16.762478 4.57823621,16.86987 4.30223621,16.86987" id="Fill-4"></path>
<path d="M7.62188965,16.86987 C7.34588965,16.86987 7.12188965,16.762478 7.12188965,16.6301557 L7.12188965,0.329583577 C7.12188965,0.197261285 7.34588965,0.089869281 7.62188965,0.089869281 C7.89788965,0.089869281 8.12188965,0.197261285 8.12188965,0.329583577 L8.12188965,16.6301557 C8.12188965,16.762478 7.89788965,16.86987 7.62188965,16.86987" id="Fill-5"></path>
<path d="M13.2471245,14.3093464 C12.9853461,14.3093464 12.7728883,14.0946187 12.7728883,13.8300436 L12.7728883,6.80010893 C12.7728883,6.53553377 12.9853461,6.3208061 13.2471245,6.3208061 C13.5089029,6.3208061 13.7213607,6.53553377 13.7213607,6.80010893 L13.7213607,13.8300436 C13.7213607,14.0946187 13.5089029,14.3093464 13.2471245,14.3093464" id="Fill-6"></path>
<path d="M16.7251728,10.7946187 L9.76955039,10.7946187 C9.507772,10.7946187 9.29531418,10.5798911 9.29531418,10.3153159 C9.29531418,10.0507407 9.507772,9.83601307 9.76955039,9.83601307 L16.7251728,9.83601307 C16.9869512,9.83601307 17.199409,10.0507407 17.199409,10.3153159 C17.199409,10.5798911 16.9869512,10.7946187 16.7251728,10.7946187" id="Fill-7"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

View File

@@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
<title>verify bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="verify-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(6.000000, 6.000000)" fill="#000000">
<g id="normal">
<g id="icon-base">
<path d="M4.67178333,17.747775 C4.66228333,17.747775 4.65187857,17.747325 4.64237857,17.746875 C4.49399762,17.737425 4.36099762,17.655975 4.28454524,17.529975 L0.0647357143,10.557225 C-0.0641928571,10.344825 0.00502142857,10.068075 0.218997619,9.939825 C0.432521429,9.811125 0.710735714,9.880425 0.839664286,10.093275 L4.72380714,16.511175 L17.8247595,0.169425 C17.9817357,-0.024975 18.2662833,-0.056025 18.4603548,0.097875 C18.6562357,0.253125 18.6879024,0.536175 18.5327357,0.730575 L5.02554524,17.578125 C4.93959286,17.685675 4.80885476,17.747775 4.67178333,17.747775" id="Fill-1"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
<title>verify bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="verify-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(6.000000, 6.000000)" fill="#4C6374">
<g id="normal">
<g id="icon-base">
<path d="M4.67178333,17.747775 C4.66228333,17.747775 4.65187857,17.747325 4.64237857,17.746875 C4.49399762,17.737425 4.36099762,17.655975 4.28454524,17.529975 L0.0647357143,10.557225 C-0.0641928571,10.344825 0.00502142857,10.068075 0.218997619,9.939825 C0.432521429,9.811125 0.710735714,9.880425 0.839664286,10.093275 L4.72380714,16.511175 L17.8247595,0.169425 C17.9817357,-0.024975 18.2662833,-0.056025 18.4603548,0.097875 C18.6562357,0.253125 18.6879024,0.536175 18.5327357,0.730575 L5.02554524,17.578125 C4.93959286,17.685675 4.80885476,17.747775 4.67178333,17.747775" id="Fill-1"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
<title>verify multiple bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="verify-multiple-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(4.000000, 7.000000)" fill="#000000">
<g id="normal">
<g id="icon-base">
<path d="M17.7085245,0.092565 C17.5223547,-0.05321 17.2489585,-0.02346 17.0988075,0.16014 L4.53126038,15.594015 L0.80569434,9.532665 C0.682015094,9.331215 0.414260377,9.265765 0.210298113,9.38774 C0.0046,9.50844 -0.0613622642,9.77024 0.0623169811,9.97084 L4.10944906,16.55579 C4.18278868,16.675215 4.31080755,16.751715 4.45271321,16.761065 C4.46226038,16.76149 4.47180755,16.761915 4.48135472,16.761915 C4.61241132,16.761915 4.73782642,16.703265 4.82071321,16.60169 L17.7775245,0.68969 C17.9268075,0.506515 17.8964302,0.23919 17.7085245,0.092565" id="Fill-1"></path>
<path d="M22.4821094,0.092565 C22.2950717,-0.05321 22.0225434,-0.02346 21.8723925,0.16014 L9.30484528,15.594015 L8.57361887,14.40444 C8.44993962,14.20299 8.18305283,14.137965 7.97822264,14.259515 C7.77252453,14.380215 7.70656226,14.641165 7.83024151,14.842615 L8.88303396,16.55579 C8.95593962,16.675215 9.08439245,16.751715 9.22629811,16.761065 C9.23584528,16.76149 9.24539245,16.761915 9.25493962,16.761915 C9.38599623,16.761915 9.51141132,16.703265 9.59429811,16.60169 L22.5511094,0.68969 C22.7003925,0.506515 22.6700151,0.23919 22.4821094,0.092565" id="Fill-4"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
<title>verify multiple bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="verify-multiple-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(4.000000, 7.000000)" fill="#4C6374">
<g id="normal">
<g id="icon-base">
<path d="M17.7085245,0.092565 C17.5223547,-0.05321 17.2489585,-0.02346 17.0988075,0.16014 L4.53126038,15.594015 L0.80569434,9.532665 C0.682015094,9.331215 0.414260377,9.265765 0.210298113,9.38774 C0.0046,9.50844 -0.0613622642,9.77024 0.0623169811,9.97084 L4.10944906,16.55579 C4.18278868,16.675215 4.31080755,16.751715 4.45271321,16.761065 C4.46226038,16.76149 4.47180755,16.761915 4.48135472,16.761915 C4.61241132,16.761915 4.73782642,16.703265 4.82071321,16.60169 L17.7775245,0.68969 C17.9268075,0.506515 17.8964302,0.23919 17.7085245,0.092565" id="Fill-1"></path>
<path d="M22.4821094,0.092565 C22.2950717,-0.05321 22.0225434,-0.02346 21.8723925,0.16014 L9.30484528,15.594015 L8.57361887,14.40444 C8.44993962,14.20299 8.18305283,14.137965 7.97822264,14.259515 C7.77252453,14.380215 7.70656226,14.641165 7.83024151,14.842615 L8.88303396,16.55579 C8.95593962,16.675215 9.08439245,16.751715 9.22629811,16.761065 C9.23584528,16.76149 9.24539245,16.761915 9.25493962,16.761915 C9.38599623,16.761915 9.51141132,16.703265 9.59429811,16.60169 L22.5511094,0.68969 C22.7003925,0.506515 22.6700151,0.23919 22.4821094,0.092565" id="Fill-4"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>critical bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="critical-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#000000">
<g id="normal">
<g id="icon-base">
<path d="M10.0002358,0.943373977 C5.0064857,0.943373977 0.943373977,5.00601401 0.943373977,10.0002358 C0.943373977,14.993986 5.0064857,19.056626 10.0002358,19.056626 C14.993986,19.056626 19.0570977,14.993986 19.0570977,10.0002358 C19.0570977,5.00601401 14.993986,0.943373977 10.0002358,0.943373977 M10.0002358,20 C4.48621495,20 0,15.5142567 0,10.0002358 C0,4.48621495 4.48621495,0 10.0002358,0 C15.5142567,0 20.0004717,4.48621495 20.0004717,10.0002358 C20.0004717,15.5142567 15.5142567,20 10.0002358,20" id="Fill-1"></path>
<path d="M14.5877475,15.1804446 C14.4360791,15.1804446 14.2844107,15.1223841 14.1688821,15.0068554 L5.17364299,6.01102388 C4.94258567,5.77996656 4.94258567,5.40494276 5.17364299,5.17329299 C5.40529276,4.94223567 5.78031656,4.94223567 6.01137388,5.17329299 L15.006613,14.1691245 C15.2382627,14.4007743 15.2382627,14.7752057 15.006613,15.0068554 C14.8910843,15.1223841 14.7394159,15.1804446 14.5877475,15.1804446" id="Fill-1"></path>
<path d="M5.59260277,15.1804446 C5.44093438,15.1804446 5.28926599,15.1223841 5.17373733,15.0068554 C4.94208756,14.7752057 4.94208756,14.4007743 5.17373733,14.1691245 L14.1689764,5.17329299 C14.4000337,4.94223567 14.7750575,4.94223567 15.0067073,5.17329299 C15.2377646,5.40494276 15.2377646,5.77996656 15.0067073,6.01102388 L6.01146822,15.0068554 C5.89593956,15.1223841 5.74427117,15.1804446 5.59260277,15.1804446" id="Fill-3"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>critical bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="critical-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#E30613">
<g id="normal">
<g id="icon-base">
<path d="M10.0002358,0.943373977 C5.0064857,0.943373977 0.943373977,5.00601401 0.943373977,10.0002358 C0.943373977,14.993986 5.0064857,19.056626 10.0002358,19.056626 C14.993986,19.056626 19.0570977,14.993986 19.0570977,10.0002358 C19.0570977,5.00601401 14.993986,0.943373977 10.0002358,0.943373977 M10.0002358,20 C4.48621495,20 0,15.5142567 0,10.0002358 C0,4.48621495 4.48621495,0 10.0002358,0 C15.5142567,0 20.0004717,4.48621495 20.0004717,10.0002358 C20.0004717,15.5142567 15.5142567,20 10.0002358,20" id="Fill-1"></path>
<path d="M14.5877475,15.1804446 C14.4360791,15.1804446 14.2844107,15.1223841 14.1688821,15.0068554 L5.17364299,6.01102388 C4.94258567,5.77996656 4.94258567,5.40494276 5.17364299,5.17329299 C5.40529276,4.94223567 5.78031656,4.94223567 6.01137388,5.17329299 L15.006613,14.1691245 C15.2382627,14.4007743 15.2382627,14.7752057 15.006613,15.0068554 C14.8910843,15.1223841 14.7394159,15.1804446 14.5877475,15.1804446" id="Fill-1"></path>
<path d="M5.59260277,15.1804446 C5.44093438,15.1804446 5.28926599,15.1223841 5.17373733,15.0068554 C4.94208756,14.7752057 4.94208756,14.4007743 5.17373733,14.1691245 L14.1689764,5.17329299 C14.4000337,4.94223567 14.7750575,4.94223567 15.0067073,5.17329299 C15.2377646,5.40494276 15.2377646,5.77996656 15.0067073,6.01102388 L6.01146822,15.0068554 C5.89593956,15.1223841 5.74427117,15.1804446 5.59260277,15.1804446" id="Fill-3"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="26px" height="26px" viewBox="0 0 26 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="#4C6374" stroke-width="1.05" fill="none" transform="translate(5, 5)">
<line x1="0.5" y1="0.5" x2="15.5" y2="15.5" />
<line x1="0.5" y1="15.5" x2="15.5" y2="0.5" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 382 B

View File

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="26px" height="26px" viewBox="0 0 26 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="#FFFFFF" stroke-width="1.05" fill="none" transform="translate(5, 5)">
<line x1="0.5" y1="0.5" x2="15.5" y2="15.5" />
<line x1="0.5" y1="15.5" x2="15.5" y2="0.5" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 382 B

View File

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="26px" height="26px" viewBox="0 0 26 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="#4C6374" stroke-width="1.05" fill="none" transform="translate(5, 5)">
<line x1="0.5" y1="0.5" x2="15.5" y2="15.5" />
<line x1="0.5" y1="15.5" x2="15.5" y2="0.5" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 382 B

View File

@@ -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

View File

@@ -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

View File

@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>error bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="error-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#000000">
<g id="normal">
<g id="icon-base">
<path d="M10.0002358,0.943373977 C5.0064857,0.943373977 0.943373977,5.00601401 0.943373977,10.0002358 C0.943373977,14.993986 5.0064857,19.056626 10.0002358,19.056626 C14.993986,19.056626 19.0570977,14.993986 19.0570977,10.0002358 C19.0570977,5.00601401 14.993986,0.943373977 10.0002358,0.943373977 M10.0002358,20 C4.48621495,20 0,15.5142567 0,10.0002358 C0,4.48621495 4.48621495,0 10.0002358,0 C15.5142567,0 20.0004717,4.48621495 20.0004717,10.0002358 C20.0004717,15.5142567 15.5142567,20 10.0002358,20" id="Fill-1"></path>
<path d="M11.0395723,10.4157806 C11.0076728,10.7055341 10.9471967,10.6231271 10.7185839,10.6231271 L9.85131706,10.6231271 C9.62403335,10.6231271 9.56222813,10.7055341 9.53232238,10.4157806 L9.19737796,4.51105607 C9.18275737,4.25253746 9.18275737,4.29374094 9.18275737,4.20402368 C9.18275737,4.00465201 9.33361527,4 9.45589657,4 L11.0840986,4 C11.2063799,4 11.3878081,4.02857661 11.3878081,4.22595457 C11.3878081,4.31766554 11.3878081,4.23791687 11.3731875,4.49710005 L11.0395723,10.4157806 Z M10.292593,15 C9.56222813,15 9,14.4072015 9,13.7246858 C9,12.9923272 9.56222813,12.4281054 10.292593,12.4281054 C11.0076728,12.4281054 11.5718946,13.0069478 11.5718946,13.7246858 C11.5718946,14.4072015 10.9923876,15 10.292593,15 Z" id="Fill-4"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>error bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="error-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#E40E1B">
<g id="normal">
<g id="icon-base">
<path d="M10.0002358,0.943373977 C5.0064857,0.943373977 0.943373977,5.00601401 0.943373977,10.0002358 C0.943373977,14.993986 5.0064857,19.056626 10.0002358,19.056626 C14.993986,19.056626 19.0570977,14.993986 19.0570977,10.0002358 C19.0570977,5.00601401 14.993986,0.943373977 10.0002358,0.943373977 M10.0002358,20 C4.48621495,20 0,15.5142567 0,10.0002358 C0,4.48621495 4.48621495,0 10.0002358,0 C15.5142567,0 20.0004717,4.48621495 20.0004717,10.0002358 C20.0004717,15.5142567 15.5142567,20 10.0002358,20" id="Fill-1"></path>
<path d="M11.0395723,10.4157806 C11.0076728,10.7055341 10.9471967,10.6231271 10.7185839,10.6231271 L9.85131706,10.6231271 C9.62403335,10.6231271 9.56222813,10.7055341 9.53232238,10.4157806 L9.19737796,4.51105607 C9.18275737,4.25253746 9.18275737,4.29374094 9.18275737,4.20402368 C9.18275737,4.00465201 9.33361527,4 9.45589657,4 L11.0840986,4 C11.2063799,4 11.3878081,4.02857661 11.3878081,4.22595457 C11.3878081,4.31766554 11.3878081,4.23791687 11.3731875,4.49710005 L11.0395723,10.4157806 Z M10.292593,15 C9.56222813,15 9,14.4072015 9,13.7246858 C9,12.9923272 9.56222813,12.4281054 10.292593,12.4281054 C11.0076728,12.4281054 11.5718946,13.0069478 11.5718946,13.7246858 C11.5718946,14.4072015 10.9923876,15 10.292593,15 Z" id="Fill-4"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
<title>filter bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="filter-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(6.000000, 6.000000)" fill="#000000">
<g id="normal">
<g id="icon-base">
<path d="M1.56847111,0.84893617 L8.47433778,6.76644574 C8.56891556,6.84709468 8.62296,6.96509681 8.62296,7.08946596 L8.62296,18.306884 L11.21456,16.0678149 L11.21456,6.98801809 C11.21456,6.8721383 11.2614267,6.7617766 11.3441822,6.68155213 L17.3878711,0.84893617 L1.56847111,0.84893617 Z M8.20073778,19.6562681 C8.14078222,19.6562681 8.08082667,19.6431096 8.02467111,19.6176415 C7.87478222,19.5484532 7.77851556,19.3973426 7.77851556,19.2318 L7.77851556,7.28557021 L0.148537778,0.747488298 C0.0134266667,0.632032979 -0.0351288889,0.444842553 0.0260933333,0.277602128 C0.0868933333,0.11078617 0.245226667,0 0.422137778,0 L18.4370933,0 C18.60936,0 18.7647378,0.105268085 18.8289156,0.266141489 C18.8930933,0.427014894 18.8538267,0.610385106 18.7296933,0.730934043 L12.0590044,7.16884149 L12.0590044,16.2626457 C12.0590044,16.386166 12.0053822,16.5037436 11.9120711,16.5843926 L8.47602667,19.5535468 C8.39791556,19.6210372 8.29953778,19.6562681 8.20073778,19.6562681 Z" id="Fill-1"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
<title>filter bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="filter-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(6.000000, 6.000000)" fill="#4C6374">
<g id="normal">
<g id="icon-base">
<path d="M1.56847111,0.84893617 L8.47433778,6.76644574 C8.56891556,6.84709468 8.62296,6.96509681 8.62296,7.08946596 L8.62296,18.306884 L11.21456,16.0678149 L11.21456,6.98801809 C11.21456,6.8721383 11.2614267,6.7617766 11.3441822,6.68155213 L17.3878711,0.84893617 L1.56847111,0.84893617 Z M8.20073778,19.6562681 C8.14078222,19.6562681 8.08082667,19.6431096 8.02467111,19.6176415 C7.87478222,19.5484532 7.77851556,19.3973426 7.77851556,19.2318 L7.77851556,7.28557021 L0.148537778,0.747488298 C0.0134266667,0.632032979 -0.0351288889,0.444842553 0.0260933333,0.277602128 C0.0868933333,0.11078617 0.245226667,0 0.422137778,0 L18.4370933,0 C18.60936,0 18.7647378,0.105268085 18.8289156,0.266141489 C18.8930933,0.427014894 18.8538267,0.610385106 18.7296933,0.730934043 L12.0590044,7.16884149 L12.0590044,16.2626457 C12.0590044,16.386166 12.0053822,16.5037436 11.9120711,16.5843926 L8.47602667,19.5535468 C8.39791556,19.6210372 8.29953778,19.6562681 8.20073778,19.6562681 Z" id="Fill-1"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@@ -0,0 +1,22 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>info bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="info-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(8.000000, 5.000000)" fill="#000000">
<g id="normal">
<g id="icon-base">
<path d="M0.9375,18.6945938 L13.9945312,18.6945938 L13.9945312,4.47740625 L10.3954687,0.93740625 L0.9375,0.93740625 L0.9375,18.6945938 Z M14.4632812,19.6320938 L0.46875,19.6320938 C0.21,19.6320938 0,19.4220938 0,19.1633438 L0,0.46865625 C0,0.20990625 0.21,-9.375e-05 0.46875,-9.375e-05 L10.5871875,-9.375e-05 C10.71,-9.375e-05 10.828125,0.0481875 10.9157812,0.1344375 L14.7923438,3.94678125 C14.881875,4.03490625 14.9320312,4.155375 14.9320312,4.281 L14.9320312,19.1633438 C14.9320312,19.4220938 14.7225,19.6320938 14.4632812,19.6320938 Z" id="Fill-1"></path>
<path d="M14.4635156,4.74975 L10.5869531,4.74975 C10.3282031,4.74975 10.1182031,4.53975 10.1182031,4.281 L10.1182031,0.46865625 C10.1182031,0.20990625 10.3282031,-9.375e-05 10.5869531,-9.375e-05 C10.8461719,-9.375e-05 11.0557031,0.20990625 11.0557031,0.46865625 L11.0557031,3.81225 L14.4635156,3.81225 C14.7222656,3.81225 14.9322656,4.02225 14.9322656,4.281 C14.9322656,4.53975 14.7222656,4.74975 14.4635156,4.74975" id="Fill-3"></path>
<rect id="Rectangle" x="7" y="9" width="1" height="7"></rect>
<rect id="Rectangle-Copy-3" x="6" y="6" width="2" height="2"></rect>
<rect id="Rectangle-Copy" transform="translate(7.500000, 15.500000) rotate(-270.000000) translate(-7.500000, -15.500000) " x="7" y="13" width="1" height="5"></rect>
<rect id="Rectangle-Copy-2" transform="translate(6.500000, 9.500000) rotate(-270.000000) translate(-6.500000, -9.500000) " x="6" y="8" width="1" height="3"></rect>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@@ -0,0 +1,22 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>info bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="info-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(8.000000, 5.000000)" fill="#4794DA">
<g id="normal">
<g id="icon-base">
<path d="M0.9375,18.6945938 L13.9945312,18.6945938 L13.9945312,4.47740625 L10.3954687,0.93740625 L0.9375,0.93740625 L0.9375,18.6945938 Z M14.4632812,19.6320938 L0.46875,19.6320938 C0.21,19.6320938 0,19.4220938 0,19.1633438 L0,0.46865625 C0,0.20990625 0.21,-9.375e-05 0.46875,-9.375e-05 L10.5871875,-9.375e-05 C10.71,-9.375e-05 10.828125,0.0481875 10.9157812,0.1344375 L14.7923438,3.94678125 C14.881875,4.03490625 14.9320312,4.155375 14.9320312,4.281 L14.9320312,19.1633438 C14.9320312,19.4220938 14.7225,19.6320938 14.4632812,19.6320938 Z" id="Fill-1"></path>
<path d="M14.4635156,4.74975 L10.5869531,4.74975 C10.3282031,4.74975 10.1182031,4.53975 10.1182031,4.281 L10.1182031,0.46865625 C10.1182031,0.20990625 10.3282031,-9.375e-05 10.5869531,-9.375e-05 C10.8461719,-9.375e-05 11.0557031,0.20990625 11.0557031,0.46865625 L11.0557031,3.81225 L14.4635156,3.81225 C14.7222656,3.81225 14.9322656,4.02225 14.9322656,4.281 C14.9322656,4.53975 14.7222656,4.74975 14.4635156,4.74975" id="Fill-3"></path>
<rect id="Rectangle" x="7" y="9" width="1" height="7"></rect>
<rect id="Rectangle-Copy-3" x="6" y="6" width="2" height="2"></rect>
<rect id="Rectangle-Copy" transform="translate(7.500000, 15.500000) rotate(-270.000000) translate(-7.500000, -15.500000) " x="7" y="13" width="1" height="5"></rect>
<rect id="Rectangle-Copy-2" transform="translate(6.500000, 9.500000) rotate(-270.000000) translate(-6.500000, -9.500000) " x="6" y="8" width="1" height="3"></rect>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@@ -0,0 +1,20 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>messages bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="messages-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(5.000000, 6.000000)" fill="#000000">
<g id="normal">
<g id="icon-base">
<path d="M14.9797884,5.49706744 L5.57081163,5.49706744 C5.30123023,5.49706744 5.08243953,5.27827674 5.08243953,5.00869535 C5.08243953,4.73911395 5.30123023,4.52032326 5.57081163,4.52032326 L14.9797884,4.52032326 C15.2493698,4.52032326 15.4681605,4.73911395 15.4681605,5.00869535 C15.4681605,5.27827674 15.2493698,5.49706744 14.9797884,5.49706744" id="Fill-1"></path>
<path d="M14.9797884,8.80403023 L5.57081163,8.80403023 C5.30123023,8.80403023 5.08243953,8.58523953 5.08243953,8.31565814 C5.08243953,8.04607674 5.30123023,7.82728605 5.57081163,7.82728605 L14.9797884,7.82728605 C15.2493698,7.82728605 15.4681605,8.04607674 15.4681605,8.31565814 C15.4681605,8.58523953 15.2493698,8.80403023 14.9797884,8.80403023" id="Fill-3"></path>
<path d="M14.9797884,12.1735535 L5.57081163,12.1735535 C5.30123023,12.1735535 5.08243953,11.9547628 5.08243953,11.6851814 C5.08243953,11.4156 5.30123023,11.1968093 5.57081163,11.1968093 L14.9797884,11.1968093 C15.2493698,11.1968093 15.4681605,11.4156 15.4681605,11.6851814 C15.4681605,11.9547628 15.2493698,12.1735535 14.9797884,12.1735535" id="Fill-5"></path>
<path d="M10.2753488,0.976744186 C5.14793023,0.976744186 0.976744186,4.24004651 0.976744186,8.25153488 C0.976744186,9.72788372 1.55155814,11.154907 2.63867442,12.3777907 L3.05281395,12.8422326 C3.17344186,12.9775116 3.2095814,13.1689535 3.14560465,13.3384186 L2.91753488,13.9488837 C2.66406977,14.623814 2.42916279,15.3666279 2.26702326,15.9946744 C3.15146512,15.7094651 4.34651163,15.2831163 5.4687907,14.8494419 L5.74081395,14.7449302 C5.8502093,14.7024419 5.97181395,14.7019535 6.08267442,14.742 L6.3542093,14.8406512 C7.59027907,15.2963023 8.90888372,15.526814 10.2753488,15.526814 C15.4032558,15.526814 19.5749302,12.2630233 19.5749302,8.25153488 C19.5749302,4.24004651 15.4032558,0.976744186 10.2753488,0.976744186 M1.60967442,17.1926512 C1.49002326,17.1926512 1.37281395,17.1486977 1.28148837,17.0661628 C1.15793023,16.9538372 1.09981395,16.7863256 1.12862791,16.6212558 C1.26097674,15.8506047 1.60430233,14.6667907 2.00281395,13.6055581 L2.12734884,13.2724884 L1.90904651,13.027814 C0.66027907,11.6222791 0,9.97109302 0,8.25153488 C0,3.70137209 4.60925581,0 10.2753488,0 C15.9419302,0 20.5516744,3.70137209 20.5516744,8.25153488 C20.5516744,12.8016977 15.9419302,16.5035581 10.2753488,16.5035581 C8.79313953,16.5035581 7.36123256,16.2525349 6.01869767,15.7583023 L5.92053488,15.7221628 L5.81993023,15.7607442 C4.26153488,16.3633953 2.6215814,16.9318605 1.73909302,17.1750698 C1.69660465,17.1867907 1.65313953,17.1926512 1.60967442,17.1926512" id="Fill-7"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@@ -0,0 +1,20 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>messages bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="messages-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(5.000000, 6.000000)" fill="#4794DA">
<g id="normal">
<g id="icon-base">
<path d="M14.9797884,5.49706744 L5.57081163,5.49706744 C5.30123023,5.49706744 5.08243953,5.27827674 5.08243953,5.00869535 C5.08243953,4.73911395 5.30123023,4.52032326 5.57081163,4.52032326 L14.9797884,4.52032326 C15.2493698,4.52032326 15.4681605,4.73911395 15.4681605,5.00869535 C15.4681605,5.27827674 15.2493698,5.49706744 14.9797884,5.49706744" id="Fill-1"></path>
<path d="M14.9797884,8.80403023 L5.57081163,8.80403023 C5.30123023,8.80403023 5.08243953,8.58523953 5.08243953,8.31565814 C5.08243953,8.04607674 5.30123023,7.82728605 5.57081163,7.82728605 L14.9797884,7.82728605 C15.2493698,7.82728605 15.4681605,8.04607674 15.4681605,8.31565814 C15.4681605,8.58523953 15.2493698,8.80403023 14.9797884,8.80403023" id="Fill-3"></path>
<path d="M14.9797884,12.1735535 L5.57081163,12.1735535 C5.30123023,12.1735535 5.08243953,11.9547628 5.08243953,11.6851814 C5.08243953,11.4156 5.30123023,11.1968093 5.57081163,11.1968093 L14.9797884,11.1968093 C15.2493698,11.1968093 15.4681605,11.4156 15.4681605,11.6851814 C15.4681605,11.9547628 15.2493698,12.1735535 14.9797884,12.1735535" id="Fill-5"></path>
<path d="M10.2753488,0.976744186 C5.14793023,0.976744186 0.976744186,4.24004651 0.976744186,8.25153488 C0.976744186,9.72788372 1.55155814,11.154907 2.63867442,12.3777907 L3.05281395,12.8422326 C3.17344186,12.9775116 3.2095814,13.1689535 3.14560465,13.3384186 L2.91753488,13.9488837 C2.66406977,14.623814 2.42916279,15.3666279 2.26702326,15.9946744 C3.15146512,15.7094651 4.34651163,15.2831163 5.4687907,14.8494419 L5.74081395,14.7449302 C5.8502093,14.7024419 5.97181395,14.7019535 6.08267442,14.742 L6.3542093,14.8406512 C7.59027907,15.2963023 8.90888372,15.526814 10.2753488,15.526814 C15.4032558,15.526814 19.5749302,12.2630233 19.5749302,8.25153488 C19.5749302,4.24004651 15.4032558,0.976744186 10.2753488,0.976744186 M1.60967442,17.1926512 C1.49002326,17.1926512 1.37281395,17.1486977 1.28148837,17.0661628 C1.15793023,16.9538372 1.09981395,16.7863256 1.12862791,16.6212558 C1.26097674,15.8506047 1.60430233,14.6667907 2.00281395,13.6055581 L2.12734884,13.2724884 L1.90904651,13.027814 C0.66027907,11.6222791 0,9.97109302 0,8.25153488 C0,3.70137209 4.60925581,0 10.2753488,0 C15.9419302,0 20.5516744,3.70137209 20.5516744,8.25153488 C20.5516744,12.8016977 15.9419302,16.5035581 10.2753488,16.5035581 C8.79313953,16.5035581 7.36123256,16.2525349 6.01869767,15.7583023 L5.92053488,15.7221628 L5.81993023,15.7607442 C4.26153488,16.3633953 2.6215814,16.9318605 1.73909302,17.1750698 C1.69660465,17.1867907 1.65313953,17.1926512 1.60967442,17.1926512" id="Fill-7"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="#000000" stroke-width="1.1" fill="none" transform="translate(5, 5)">
<polyline points="0,5 10,15 20,5" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 318 B

View File

@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="#4C6374" stroke-width="1.1" fill="none" transform="translate(5, 5)">
<polyline points="0,5 10,15 20,5" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 318 B

View File

@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="#000000" stroke-width="1.1" fill="none" transform="translate(5, 5)">
<polyline points="0,15 10,5 20,15" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 319 B

View File

@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="#4C6374" stroke-width="1.1" fill="none" transform="translate(5, 5)">
<polyline points="0,15 10,5 20,15" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 319 B

View File

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="26px" height="26px" viewBox="0 0 26 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="#4C6374" stroke-width="1.05" fill="none" transform="translate(5, 5)">
<line x1="0" y1="8.5" x2="16.5" y2="8.5" />
<polyline points="8.5,0.5 16.5,8.5 8.5, 16.5" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 375 B

View File

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="26px" height="26px" viewBox="0 0 26 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="#4C6374" stroke-width="1.05" fill="none" transform="translate(5, 5)">
<line x1="0" y1="8.5" x2="16.5" y2="8.5" />
<polyline points="8.5,0.5 16.5,8.5 8.5, 16.5" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 375 B

View File

@@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>verbose bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="verbose-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(8.000000, 5.000000)" fill="#000000">
<g id="normal">
<g id="icon-base">
<path d="M0.9375,18.6945938 L13.9945312,18.6945938 L13.9945312,4.47740625 L10.3954687,0.93740625 L0.9375,0.93740625 L0.9375,18.6945938 Z M14.4632812,19.6320938 L0.46875,19.6320938 C0.21,19.6320938 0,19.4220938 0,19.1633438 L0,0.46865625 C0,0.20990625 0.21,-9.375e-05 0.46875,-9.375e-05 L10.5871875,-9.375e-05 C10.71,-9.375e-05 10.828125,0.0481875 10.9157812,0.1344375 L14.7923438,3.94678125 C14.881875,4.03490625 14.9320312,4.155375 14.9320312,4.281 L14.9320312,19.1633438 C14.9320312,19.4220938 14.7225,19.6320938 14.4632812,19.6320938 Z" id="Fill-1"></path>
<path d="M14.4635156,4.74975 L10.5869531,4.74975 C10.3282031,4.74975 10.1182031,4.53975 10.1182031,4.281 L10.1182031,0.46865625 C10.1182031,0.20990625 10.3282031,-9.375e-05 10.5869531,-9.375e-05 C10.8461719,-9.375e-05 11.0557031,0.20990625 11.0557031,0.46865625 L11.0557031,3.81225 L14.4635156,3.81225 C14.7222656,3.81225 14.9322656,4.02225 14.9322656,4.281 C14.9322656,4.53975 14.7222656,4.74975 14.4635156,4.74975" id="Fill-3"></path>
<path d="M10.812375,10.4006406 L4.1195625,10.4006406 C3.9901875,10.4006406 3.8851875,10.1766406 3.8851875,9.90064062 C3.8851875,9.62464062 3.9901875,9.40064062 4.1195625,9.40064062 L10.812375,9.40064062 C10.94175,9.40064062 11.04675,9.62464062 11.04675,9.90064062 C11.04675,10.1766406 10.94175,10.4006406 10.812375,10.4006406" id="Fill-6"></path>
<path d="M10.7473594,7.30201563 L4.18485937,7.30201563 C4.05548437,7.30201563 3.95048437,7.07801563 3.95048437,6.80201563 C3.95048437,6.52601563 4.05548437,6.30201563 4.18485937,6.30201563 L10.7473594,6.30201563 C10.8767344,6.30201563 10.9817344,6.52601563 10.9817344,6.80201563 C10.9817344,7.07801563 10.8767344,7.30201563 10.7473594,7.30201563" id="Fill-8"></path>
<path d="M10.7461512,13.3957656 L4.18481772,13.3957656 C4.05546571,13.3957656 3.95048437,13.1717656 3.95048437,12.8957656 C3.95048437,12.6197656 4.05546571,12.3957656 4.18481772,12.3957656 L10.7461512,12.3957656 C10.8755032,12.3957656 10.9804846,12.6197656 10.9804846,12.8957656 C10.9804846,13.1717656 10.8755032,13.3957656 10.7461512,13.3957656" id="Fill-10"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>verbose bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="verbose-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(8.000000, 5.000000)" fill="#4794DA">
<g id="normal">
<g id="icon-base">
<path d="M0.9375,18.6945938 L13.9945312,18.6945938 L13.9945312,4.47740625 L10.3954687,0.93740625 L0.9375,0.93740625 L0.9375,18.6945938 Z M14.4632812,19.6320938 L0.46875,19.6320938 C0.21,19.6320938 0,19.4220938 0,19.1633438 L0,0.46865625 C0,0.20990625 0.21,-9.375e-05 0.46875,-9.375e-05 L10.5871875,-9.375e-05 C10.71,-9.375e-05 10.828125,0.0481875 10.9157812,0.1344375 L14.7923438,3.94678125 C14.881875,4.03490625 14.9320312,4.155375 14.9320312,4.281 L14.9320312,19.1633438 C14.9320312,19.4220938 14.7225,19.6320938 14.4632812,19.6320938 Z" id="Fill-1"></path>
<path d="M14.4635156,4.74975 L10.5869531,4.74975 C10.3282031,4.74975 10.1182031,4.53975 10.1182031,4.281 L10.1182031,0.46865625 C10.1182031,0.20990625 10.3282031,-9.375e-05 10.5869531,-9.375e-05 C10.8461719,-9.375e-05 11.0557031,0.20990625 11.0557031,0.46865625 L11.0557031,3.81225 L14.4635156,3.81225 C14.7222656,3.81225 14.9322656,4.02225 14.9322656,4.281 C14.9322656,4.53975 14.7222656,4.74975 14.4635156,4.74975" id="Fill-3"></path>
<path d="M10.812375,10.4006406 L4.1195625,10.4006406 C3.9901875,10.4006406 3.8851875,10.1766406 3.8851875,9.90064062 C3.8851875,9.62464062 3.9901875,9.40064062 4.1195625,9.40064062 L10.812375,9.40064062 C10.94175,9.40064062 11.04675,9.62464062 11.04675,9.90064062 C11.04675,10.1766406 10.94175,10.4006406 10.812375,10.4006406" id="Fill-6"></path>
<path d="M10.7473594,7.30201563 L4.18485937,7.30201563 C4.05548437,7.30201563 3.95048437,7.07801563 3.95048437,6.80201563 C3.95048437,6.52601563 4.05548437,6.30201563 4.18485937,6.30201563 L10.7473594,6.30201563 C10.8767344,6.30201563 10.9817344,6.52601563 10.9817344,6.80201563 C10.9817344,7.07801563 10.8767344,7.30201563 10.7473594,7.30201563" id="Fill-8"></path>
<path d="M10.7461512,13.3957656 L4.18481772,13.3957656 C4.05546571,13.3957656 3.95048437,13.1717656 3.95048437,12.8957656 C3.95048437,12.6197656 4.05546571,12.3957656 4.18481772,12.3957656 L10.7461512,12.3957656 C10.8755032,12.3957656 10.9804846,12.6197656 10.9804846,12.8957656 C10.9804846,13.1717656 10.8755032,13.3957656 10.7461512,13.3957656" id="Fill-10"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>warning bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="warning-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#000000">
<g id="normal">
<g id="icon-base">
<path d="M1.34375581,16.6384953 L19.2113372,16.6384953 L10.3092907,1.45158837 L1.34375581,16.6384953 Z M20.0738023,17.6152395 C20.0703837,17.6152395 20.0674535,17.6152395 20.0640349,17.6152395 L0.488616279,17.6152395 C0.313290698,17.6152395 0.151151163,17.5214721 0.0642209302,17.3691 C-0.0227093023,17.2167279 -0.021244186,17.0296814 0.0676395349,16.8787744 L9.89026744,0.239937209 C9.97817442,0.091472093 10.1378721,0.000146511628 10.3107558,0.000146511628 L10.3112442,0.000146511628 C10.4846163,0.000146511628 10.644314,0.0919604651 10.7322209,0.241402326 L20.4420349,16.806007 C20.5167558,16.8919605 20.5621744,17.004286 20.5621744,17.1268674 C20.5621744,17.3964488 20.3433837,17.6152395 20.0738023,17.6152395 Z" id="Fill-1"></path>
<path d="M10.8247674,11.2220581 C10.8013256,11.4349884 10.7568837,11.3744302 10.5888837,11.3744302 L9.95155814,11.3744302 C9.78453488,11.3744302 9.73911628,11.4349884 9.71713953,11.2220581 L9.471,6.88287209 C9.46025581,6.69289535 9.46025581,6.72317442 9.46025581,6.65724419 C9.46025581,6.51073256 9.57111628,6.50731395 9.66097674,6.50731395 L10.8574884,6.50731395 C10.9473488,6.50731395 11.0806744,6.52831395 11.0806744,6.67336047 C11.0806744,6.74075581 11.0806744,6.68215116 11.0699302,6.87261628 L10.8247674,11.2220581 Z M10.2758372,14.5908488 C9.73911628,14.5908488 9.32595349,14.1552209 9.32595349,13.6536628 C9.32595349,13.1154767 9.73911628,12.7008488 10.2758372,12.7008488 C10.8013256,12.7008488 11.2159535,13.1262209 11.2159535,13.6536628 C11.2159535,14.1552209 10.790093,14.5908488 10.2758372,14.5908488 Z" id="Fill-4"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>warning bg less</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="warning-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="backgrounds"></g>
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#F39200">
<g id="normal">
<g id="icon-base">
<path d="M1.34375581,16.6384953 L19.2113372,16.6384953 L10.3092907,1.45158837 L1.34375581,16.6384953 Z M20.0738023,17.6152395 C20.0703837,17.6152395 20.0674535,17.6152395 20.0640349,17.6152395 L0.488616279,17.6152395 C0.313290698,17.6152395 0.151151163,17.5214721 0.0642209302,17.3691 C-0.0227093023,17.2167279 -0.021244186,17.0296814 0.0676395349,16.8787744 L9.89026744,0.239937209 C9.97817442,0.091472093 10.1378721,0.000146511628 10.3107558,0.000146511628 L10.3112442,0.000146511628 C10.4846163,0.000146511628 10.644314,0.0919604651 10.7322209,0.241402326 L20.4420349,16.806007 C20.5167558,16.8919605 20.5621744,17.004286 20.5621744,17.1268674 C20.5621744,17.3964488 20.3433837,17.6152395 20.0738023,17.6152395 Z" id="Fill-1"></path>
<path d="M10.8247674,11.2220581 C10.8013256,11.4349884 10.7568837,11.3744302 10.5888837,11.3744302 L9.95155814,11.3744302 C9.78453488,11.3744302 9.73911628,11.4349884 9.71713953,11.2220581 L9.471,6.88287209 C9.46025581,6.69289535 9.46025581,6.72317442 9.46025581,6.65724419 C9.46025581,6.51073256 9.57111628,6.50731395 9.66097674,6.50731395 L10.8574884,6.50731395 C10.9473488,6.50731395 11.0806744,6.52831395 11.0806744,6.67336047 C11.0806744,6.74075581 11.0806744,6.68215116 11.0699302,6.87261628 L10.8247674,11.2220581 Z M10.2758372,14.5908488 C9.73911628,14.5908488 9.32595349,14.1552209 9.32595349,13.6536628 C9.32595349,13.1154767 9.73911628,12.7008488 10.2758372,12.7008488 C10.8013256,12.7008488 11.2159535,13.1262209 11.2159535,13.6536628 C11.2159535,14.1552209 10.790093,14.5908488 10.2758372,14.5908488 Z" id="Fill-4"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@@ -0,0 +1,367 @@
/** Styles for the theme: Base */
.TcHmi_Controls_Beckhoff_TcHmiEventGrid,
.tchmi-event-grid {
--tchmi-background: var(--tchmi-background-color-1);
background-color: var(--tchmi-background);
box-shadow: var(--tchmi-card-shadow);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid,
.tchmi-event-grid,
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup,
.tchmi-event-grid-template-popup {
--tchmi-alarm-raised-color: var(--tchmi-error-color);
--tchmi-alarm-confirmed-color: var(--tchmi-warning-color);
--tchmi-alarm-cleared-color: var(--tchmi-confirmed-color);
--tchmi-alarm-cleared-and-confirmed-color: var(--tchmi-ready-color);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template .tchmi-button-template,
.tchmi-event-grid-template-popup .tchmi-button-template {
background-repeat: no-repeat;
background-position: center;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-filter-button .tchmi-button-template {
background-image: url('Images/filter.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-filter-button.down .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-filter-button.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/filter-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-columns-button .tchmi-button-template {
background-image: url('Images/columns.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-button.down .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-columns-button.down .tchmi-button-template {
background-image: url('Images/columns-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-export-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-export-button .tchmi-button-template {
background-image: url('Images/download_normal.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-export-button.down .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-export-button.down .TcHmi_Controls_Beckhoff_TcHmiButton-template {
background-image: url('Images/download_pressed.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-confirm-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-confirm-button .tchmi-button-template {
background-image: url('Images/confirm.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-confirm-button.down .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-confirm-button.down .tchmi-button-template {
background-image: url('Images/confirm-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-confirmall-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-confirmall-button .tchmi-button-template {
background-image: url('Images/confirmall.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-confirmall-button.down .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-confirmall-button.down .tchmi-button-template {
background-image: url('Images/confirmall-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-move-up-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-move-up-button .tchmi-button-template {
background-image: url('Images/move-up.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-move-up-button.down .TcHmi_Controls_Beckhoff_TcHmiButton-templatem,
.tchmi-event-grid-template-move-up-button.down .tchmi-button-template {
background-image: url('Images/move-up-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-move-down-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-move-down-button .tchmi-button-template {
background-image: url('Images/move-down.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-move-down-button.down .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-move-down-button.down .tchmi-button-template {
background-image: url('Images/move-down-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template .TcHmi_Controls_Beckhoff_TcHmiDatagrid,
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup .TcHmi_Controls_Beckhoff_TcHmiDatagrid,
.tchmi-event-grid-template .tchmi-datagrid,
.tchmi-event-grid-template-popup .tchmi-datagrid {
--tchmi-background-focused-row: var(--tchmi-background-focused-cell);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup,
.tchmi-event-grid-template-popup {
--tchmi-popup-background: var(--tchmi-background-color-4);
--tchmi-popup-color: var(--tchmi-foreground-color-1);
--tchmi-popup-details-background: var(--tchmi-foreground-color-1);
--tchmi-popup-details-color: var(--tchmi-foreground-color-2);
--tchmi-popup-details-content-background: var(--tchmi-background-color-3);
--tchmi-popup-details-content-color: var(--tchmi-foreground-color-1);
--tchmi-popup-config-background: var(--tchmi-background-color-1);
--tchmi-popup-config-background-hover: var(--tchmi-background-color-3);
--tchmi-popup-config-background-active: var(--tchmi-highlight-color-1);
--tchmi-popup-config-color: var(--tchmi-foreground-color-1);
--tchmi-popup-config-color-hover: var(--tchmi-foreground-color-1);
--tchmi-popup-config-color-active: var(--tchmi-background-color-4);
background: var(--tchmi-popup-background);
box-shadow: var(--tchmi-popup-shadow);
padding: 10px;
font-size: 12px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup > h1,
.tchmi-event-grid-template-popup > h1 {
font-size: 18px;
font-weight: normal;
color: var(--tchmi-popup-color);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-column-property-label {
color: var(--tchmi-popup-color);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-details-popup dt,
.tchmi-event-grid-template-details-popup dt {
background-color: var(--tchmi-popup-details-background);
color: var(--tchmi-popup-details-color);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-details-popup dd,
.tchmi-event-grid-template-details-popup dd {
background-color: var(--tchmi-popup-details-content-background);
color: var(--tchmi-popup-details-content-color);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-details-popup dd dt,
.tchmi-event-grid-template-details-popup dd dt {
background-color: transparent;
font-weight: bold;
color: var(--tchmi-popup-color);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-details-popup dd dt::after,
.tchmi-event-grid-template-details-popup dd dt::after {
content: ':';
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-details-popup dd dd,
.tchmi-event-grid-template-details-popup dd dd {
background-color: transparent;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column,
.tchmi-event-grid-template-columns-config-column {
background: var(--tchmi-popup-config-background);
color: var(--tchmi-popup-config-color);
border-bottom: 1px solid var(--tchmi-popup-background);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-selected-columns
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column:not(.active):hover,
.tchmi-event-grid-template-columns-config-selected-columns
.tchmi-event-grid-template-columns-config-column:not(.active):hover {
background: var(--tchmi-popup-config-background-hover);
color: var(--tchmi-popup-config-color-hover);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column.active,
.tchmi-event-grid-template-columns-config-column.active {
background: var(--tchmi-popup-config-background-active);
color: var(--tchmi-popup-config-color-active);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-available-columns
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column-selection-toggle,
.tchmi-event-grid-template-columns-config-available-columns
.tchmi-event-grid-template-columns-config-column-selection-toggle {
background-image: url('Images/select.svg');
background-position: center;
background-repeat: no-repeat;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-available-columns
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column-selection-toggle:active,
.tchmi-event-grid-template-columns-config-available-columns
.tchmi-event-grid-template-columns-config-column-selection-toggle:active {
background-image: url('Images/select-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-selected-columns
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column-selection-toggle,
.tchmi-event-grid-template-columns-config-selected-columns
.tchmi-event-grid-template-columns-config-column-selection-toggle {
background-image: url('Images/deselect.svg');
background-position: center;
background-repeat: no-repeat;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-selected-columns
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column-selection-toggle:active,
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-selected-columns
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column.active
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column-selection-toggle:active,
.tchmi-event-grid-template-columns-config-selected-columns
.tchmi-event-grid-template-columns-config-column-selection-toggle:active,
.tchmi-event-grid-template-columns-config-selected-columns
.tchmi-event-grid-template-columns-config-column.active
.tchmi-event-grid-template-columns-config-column-selection-toggle:active {
background-image: url('Images/deselect-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-selected-columns
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column.active
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column-selection-toggle
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-selected-columns
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column.active
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-columns-config-column-selection-toggle,
.tchmi-event-grid-template-columns-config-selected-columns
.tchmi-event-grid-template-columns-config-column.active
.tchmi-event-grid-template-columns-config-column-selection-toggle
.tchmi-event-grid-template-columns-config-selected-columns
.tchmi-event-grid-template-columns-config-column.active
.tchmi-event-grid-template-columns-config-column-selection-toggle {
background-image: url('Images/deselect-selected.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template
td.TcHmi_Controls_Beckhoff_TcHmiDatagrid-template-cell:not([data-column-name='type']):not(
[data-column-name='severity']
),
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-popup
td.TcHmi_Controls_Beckhoff_TcHmiDatagrid-template-cell:not([data-column-name='type']):not(
[data-column-name='severity']
),
.tchmi-event-grid-template
td.tchmi-datagrid-template-cell:not([data-column-name='type']):not([data-column-name='severity']),
.tchmi-event-grid-template-popup
td.tchmi-datagrid-template-cell:not([data-column-name='type']):not([data-column-name='severity']) {
padding: 0 5px;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template td[data-column-name='alarmState'],
.tchmi-event-grid-template td[data-column-name='alarmState'] {
font-size: 0;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template tr.raised td[data-column-name='alarmState'],
.tchmi-event-grid-template tr.raised td[data-column-name='alarmState'] {
background: var(--tchmi-alarm-raised-color);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template tr.confirmed td[data-column-name='alarmState'],
.tchmi-event-grid-template tr.confirmed td[data-column-name='alarmState'] {
background: var(--tchmi-alarm-confirmed-color);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template tr.cleared td[data-column-name='alarmState'],
.tchmi-event-grid-template tr.cleared td[data-column-name='alarmState'] {
background: var(--tchmi-alarm-cleared-color);
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template tr.cleared-and-confirmed td[data-column-name='alarmState'],
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template tr.cleared.no-confirmation-needed td[data-column-name='alarmState'],
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template tr.cleared.confirmation-reset td[data-column-name='alarmState'],
.tchmi-event-grid-template tr.cleared-and-confirmed td[data-column-name='alarmState'],
.tchmi-event-grid-template tr.cleared.no-confirmation-needed td[data-column-name='alarmState'],
.tchmi-event-grid-template tr.cleared.confirmation-reset td[data-column-name='alarmState'] {
background: var(--tchmi-alarm-cleared-and-confirmed-color);
}
/* Do not show focus overlay over alarm state cells, as that somewhat obscures the colors. */
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template tr.raised td[data-column-name='alarmState']::before,
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template tr.confirmed td[data-column-name='alarmState']::before,
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template tr.cleared td[data-column-name='alarmState']::before,
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template tr.cleared-and-confirmed td[data-column-name='alarmState']::before,
.tchmi-event-grid-template tr.raised td[data-column-name='alarmState']::before,
.tchmi-event-grid-template tr.confirmed td[data-column-name='alarmState']::before,
.tchmi-event-grid-template tr.cleared td[data-column-name='alarmState']::before,
.tchmi-event-grid-template tr.cleared-and-confirmed td[data-column-name='alarmState']::before {
display: none;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-alarm-toggle-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-alarm-toggle-button .tchmi-button-template {
background-image: url('Images/alarm.svg');
background-position: 0% 50%;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-alarm-toggle-button.down .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-alarm-toggle-button.down .tchmi-button-template {
background-image: url('Images/alarm-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-message-toggle-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-message-toggle-button .tchmi-button-template {
background-image: url('Images/message.svg');
background-position: 0% 50%;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-message-toggle-button.down
.TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-message-toggle-button.down .tchmi-button-template {
background-image: url('Images/message-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-verbose-toggle-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-verbose-toggle-button .tchmi-button-template {
background-image: url('Images/verbose.svg');
background-position: 0% 50%;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-verbose-toggle-button.down
.TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-verbose-toggle-button.down .tchmi-button-template {
background-image: url('Images/verbose-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-info-toggle-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-info-toggle-button .tchmi-button-template {
background-image: url('Images/info.svg');
background-position: 0% 50%;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-info-toggle-button.down .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-info-toggle-button.down .tchmi-button-template {
background-image: url('Images/info-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-warning-toggle-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-warning-toggle-button .tchmi-button-template {
background-image: url('Images/warning.svg');
background-position: 0% 50%;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-warning-toggle-button.down
.TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-warning-toggle-button.down .tchmi-button-template {
background-image: url('Images/warning-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-error-toggle-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-error-toggle-button .tchmi-button-template {
background-image: url('Images/error.svg');
background-position: 0% 50%;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-error-toggle-button.down .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-error-toggle-button.down .tchmi-button-template {
background-image: url('Images/error-active.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-critical-toggle-button .TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-critical-toggle-button .tchmi-button-template {
background-image: url('Images/critical.svg');
background-position: 0% 50%;
}
.TcHmi_Controls_Beckhoff_TcHmiEventGrid-template-critical-toggle-button.down
.TcHmi_Controls_Beckhoff_TcHmiButton-template,
.tchmi-event-grid-template-critical-toggle-button.down .tchmi-button-template {
background-image: url('Images/critical-active.svg');
}