diff --git a/packages/open-scd/src/icons/icons.ts b/packages/open-scd/src/icons/icons.ts index 107b1c245a..456c0a54dd 100644 --- a/packages/open-scd/src/icons/icons.ts +++ b/packages/open-scd/src/icons/icons.ts @@ -236,86 +236,64 @@ export const zeroLineIcon = html``; export const voltageLevelIcon = html` + + + + `; export const bayIcon = html` + + + - - - - `; @@ -592,3 +570,92 @@ export const sizableSmvIcon = svg` export const sizableGooseIcon = svg` `; + +export const substationIcon = svg` + + + + + + + + +`; +export const lineIcon = svg` + + + + + +`; +export const processIcon = svg` + + + + + +`; + +export const transformerWindingIcon = svg` + + + + + + + + + +`; diff --git a/packages/plugins/src/editors/substation/bay-editor.ts b/packages/plugins/src/editors/substation/bay-editor.ts index ed96c9c9bf..cd00e79a35 100644 --- a/packages/plugins/src/editors/substation/bay-editor.ts +++ b/packages/plugins/src/editors/substation/bay-editor.ts @@ -31,6 +31,10 @@ import { SCLTag, tags, } from '@openscd/open-scd/src/foundation.js'; +import { + bayIcon, + voltageLevelIcon, +} from '@openscd/open-scd/src/icons/icons.js'; import { emptyWizard, wizards } from '../../wizards/wizard-library.js'; import { cloneSubstationElement, @@ -185,6 +189,9 @@ export class BayEditor extends LitElement { render(): TemplateResult { return html`${this.renderRedirectUI()} + ${bayIcon} ${getIcon(this.element)} diff --git a/packages/plugins/src/editors/substation/foundation.ts b/packages/plugins/src/editors/substation/foundation.ts index 243646d716..11ff46ab61 100644 --- a/packages/plugins/src/editors/substation/foundation.ts +++ b/packages/plugins/src/editors/substation/foundation.ts @@ -679,4 +679,9 @@ export const styles = css` general-equipment-editor[showfunctions] { margin: 4px 8px 16px; } + + .substation-editor-icon { + width: 24px; + height: 24px; + } `; diff --git a/packages/plugins/src/editors/substation/line-editor.ts b/packages/plugins/src/editors/substation/line-editor.ts index 44541f00a5..b5c899fda9 100644 --- a/packages/plugins/src/editors/substation/line-editor.ts +++ b/packages/plugins/src/editors/substation/line-editor.ts @@ -23,6 +23,7 @@ import './function-editor.js'; import './general-equipment-editor.js'; import './l-node-editor.js'; +import { lineIcon } from '@openscd/open-scd/src/icons/icons.js'; import { styles } from './foundation.js'; import { getChildElementsByTagName, @@ -170,6 +171,9 @@ export class LineEditor extends LitElement { } render(): TemplateResult { return html` + ${lineIcon} ${powerTransformerTwoWindingIcon} diff --git a/packages/plugins/src/editors/substation/process-editor.ts b/packages/plugins/src/editors/substation/process-editor.ts index b4d8efdb3f..13cf43bc05 100644 --- a/packages/plugins/src/editors/substation/process-editor.ts +++ b/packages/plugins/src/editors/substation/process-editor.ts @@ -27,6 +27,7 @@ import './process-editor.js'; import './substation-editor.js'; import './process-editor.js'; +import { processIcon } from '@openscd/open-scd/src/icons/icons.js'; import { styles } from './foundation.js'; import { getChildElementsByTagName, @@ -214,6 +215,9 @@ export class ProcessEditor extends LitElement { render(): TemplateResult { return html` + ${processIcon} + ${substationIcon} + ${transformerWindingIcon} + ${voltageLevelIcon} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +