- Filterbare Labels für {{ dialogTitel }} bearbeiten
+
+ {{ 'app.view.dialogs.filterable-labels-dialog.filterable-label-dialog-component.edit-filterable-labels' | translate:{ 'element': this.dialogTitle} }}
+
-
+
diff --git a/src/app/view/dialogs/filterable-labels-dialog/filterable-labels-form/filterable-label-form.component.ts b/src/app/view/dialogs/filterable-labels-dialog/filterable-labels-form/filterable-label-form.component.ts
index b30679fa..cd405ae4 100644
--- a/src/app/view/dialogs/filterable-labels-dialog/filterable-labels-form/filterable-label-form.component.ts
+++ b/src/app/view/dialogs/filterable-labels-dialog/filterable-labels-form/filterable-label-form.component.ts
@@ -31,7 +31,7 @@ export class FilterableLabelFormComponent implements OnInit {
export interface FilterableLabelsFormComponentModel {
name: string;
- dialogTitel: string;
+ dialogTitle: string;
saveLabelCallback;
deleteLabelCallback;
transferLabelCallback;
diff --git a/src/app/view/dialogs/note-dialog/htmlEditor/html-editor.component.html b/src/app/view/dialogs/note-dialog/htmlEditor/html-editor.component.html
index 4ec876a5..1a497738 100644
--- a/src/app/view/dialogs/note-dialog/htmlEditor/html-editor.component.html
+++ b/src/app/view/dialogs/note-dialog/htmlEditor/html-editor.component.html
@@ -3,10 +3,10 @@
@@ -16,8 +16,8 @@
setClassedTag(color)
}}"
(click)="onColor(color)"
- title="{{ getColorTitle(color) }}"
- style="{{ getColorStyle(color) }}"
+ [title]="getColorTitle(color)"
+ [style]="getColorStyle(color)"
[ngClass]="{'NgxEditor__Color--Active': setActiveColor(color)}"
>
{{ getColorButtonText(color) }}
@@ -29,11 +29,11 @@
cdkFocusInitial
[editor]="editor"
[formControl]="model.getControl('noteText')"
- [placeholder]="'Kommentar hier eingeben...'"
+ [placeholder]="'app.view.dialogs.note-dialog.html-editor.editor-placeholder' | translate"
(focusout)="onUpdate()"
(keydown)="onKeydown($event)"
>
Pflichtfeld{{ 'app.view.dialogs.note-dialog.html-editor.mandatory-field' | translate }}
diff --git a/src/app/view/dialogs/note-dialog/htmlEditor/html-editor.component.scss b/src/app/view/dialogs/note-dialog/htmlEditor/html-editor.component.scss
index e06b1526..5143a7a9 100644
--- a/src/app/view/dialogs/note-dialog/htmlEditor/html-editor.component.scss
+++ b/src/app/view/dialogs/note-dialog/htmlEditor/html-editor.component.scss
@@ -9,7 +9,7 @@
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
- background: whitesmoke;
+ background: var(--sbb-header-lean-background-color);
}
.NgxEditor {
@@ -33,6 +33,8 @@
max-height: 150px;
min-height: 150px;
overflow-y: auto;
+ background: var(--sbb-header-lean-background-color);
+ color: var(--NODE_TEXT_FOCUS);
}
}
@@ -42,9 +44,9 @@
display: inline-flex;
flex-wrap: wrap;
margin: 1px;
- background: whitesmoke;
- border-right: 1px solid rgba(0, 0, 0, 0.2);
- border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+ background: var(--sbb-header-lean-background-color);
+ border-right: 1px solid var(--sbb-header-lean-border-bottom-color);
+ border-bottom: 1px solid var(--sbb-header-lean-border-bottom-color);
}
::ng-deep button.ngx-html-editor-color {
@@ -60,7 +62,7 @@
}
::ng-deep button.ngx-html-editor-color {
- opacity: 0.5;
+ opacity: 0.66;
}
::ng-deep button.ngx-html-editor-color:hover {
@@ -74,3 +76,9 @@
::ng-deep button.ngx-html-editor-color.active:hover {
opacity: 0.85;
}
+
+::ng-deep button.trash {
+ background: var(--sbb-header-lean-background-color);
+ color: var(--NODE_TEXT_FOCUS);
+ transform: translate(2px, 2px);
+}
diff --git a/src/app/view/dialogs/note-dialog/htmlEditor/html-editor.component.ts b/src/app/view/dialogs/note-dialog/htmlEditor/html-editor.component.ts
index 4bb5aefd..7059c0bb 100644
--- a/src/app/view/dialogs/note-dialog/htmlEditor/html-editor.component.ts
+++ b/src/app/view/dialogs/note-dialog/htmlEditor/html-editor.component.ts
@@ -19,45 +19,45 @@ export class HtmlEditorComponent implements OnInit, OnDestroy {
toolbar: Toolbar = [["bold", "italic"], ["bullet_list"], ["link"]];
colorPresets: HtmlEditorColor[] = [
new HtmlEditorColor(
- "Verwende die Frabe des Frabschemas für EC",
+ $localize`:@@app.view.dialogs.note-dialog.html-editor.color-presets.ec.title:Use color of the color scheme for EC`,
"EC",
- "var(--" + StaticDomTags.PREFIX_COLOR_VARIABLE + "_EC)",
+ "var(--" + StaticDomTags.PREFIX_COLOR_VARIABLE + "_EC_" + StaticDomTags.TAG_FOCUS.toUpperCase() + ")",
),
new HtmlEditorColor(
- "Verwende die Frabe des Frabschemas für IC",
+ $localize`:@@app.view.dialogs.note-dialog.html-editor.color-presets.ic.title:Use color of the color scheme for IC`,
"IC",
- "var(--" + StaticDomTags.PREFIX_COLOR_VARIABLE + "_IC)",
+ "var(--" + StaticDomTags.PREFIX_COLOR_VARIABLE + "_IC_" + StaticDomTags.TAG_FOCUS.toUpperCase() + ")",
),
new HtmlEditorColor(
- "Verwende die Frabe des Frabschemas für IR",
+ $localize`:@@app.view.dialogs.note-dialog.html-editor.color-presets.ir.title:Use color of the color scheme for IR`,
"IR",
- "var(--" + StaticDomTags.PREFIX_COLOR_VARIABLE + "_IR)",
+ "var(--" + StaticDomTags.PREFIX_COLOR_VARIABLE + "_IR_" + StaticDomTags.TAG_FOCUS.toUpperCase() + ")",
),
new HtmlEditorColor(
- "Verwende die Frabe des Frabschemas für RE",
+ $localize`:@@app.view.dialogs.note-dialog.html-editor.color-presets.re.title:Use color of the color scheme for RE`,
"RE",
- "var(--" + StaticDomTags.PREFIX_COLOR_VARIABLE + "_RE)",
+ "var(--" + StaticDomTags.PREFIX_COLOR_VARIABLE + "_RE_" + StaticDomTags.TAG_FOCUS.toUpperCase() + ")",
),
new HtmlEditorColor(
- "Verwende die Frabe des Frabschemas für S",
+ $localize`:@@app.view.dialogs.note-dialog.html-editor.color-presets.s.title:Use color of the color scheme for S`,
"S",
- "var(--" + StaticDomTags.PREFIX_COLOR_VARIABLE + "_S)",
+ "var(--" + StaticDomTags.PREFIX_COLOR_VARIABLE + "_S_" + StaticDomTags.TAG_FOCUS.toUpperCase() + ")",
),
new HtmlEditorColor(
- "Verwende die Frabe des Frabschemas für GEX",
+ $localize`:@@app.view.dialogs.note-dialog.html-editor.color-presets.gex.title:Use color of the color scheme for GEX`,
"GEX",
- "var(--" + StaticDomTags.PREFIX_COLOR_VARIABLE + "_GEX)",
+ "var(--" + StaticDomTags.PREFIX_COLOR_VARIABLE + "_GEX_" + StaticDomTags.TAG_FOCUS.toUpperCase() + ")",
),
new HtmlEditorColor(
- "Verwende die Frabe des Frabschemas für G",
+ $localize`:@@app.view.dialogs.note-dialog.html-editor.color-presets.g.title:Use color of the color scheme for G`,
"G",
- "var(--" + StaticDomTags.PREFIX_COLOR_VARIABLE + "_G)",
+ "var(--" + StaticDomTags.PREFIX_COLOR_VARIABLE + "_G_" + StaticDomTags.TAG_FOCUS.toUpperCase() + ")",
),
- new HtmlEditorColor("grün", "", "green"),
- new HtmlEditorColor("blau", "", "blue"),
- new HtmlEditorColor("rosa", "", "magenta"),
- new HtmlEditorColor("rot", "", "red"),
- new HtmlEditorColor("Warnung", "!", "var(--COLOR_Warning)"),
+ new HtmlEditorColor($localize`:@@app.view.dialogs.note-dialog.html-editor.color-presets.green.title:green`, "", "green"),
+ new HtmlEditorColor($localize`:@@app.view.dialogs.note-dialog.html-editor.color-presets.blue.title:blue`, "", "blue"),
+ new HtmlEditorColor($localize`:@@app.view.dialogs.note-dialog.html-editor.color-presets.magenta.title:magenta`, "", "magenta"),
+ new HtmlEditorColor($localize`:@@app.view.dialogs.note-dialog.html-editor.color-presets.red.title:red`, "", "red"),
+ new HtmlEditorColor($localize`:@@app.view.dialogs.note-dialog.html-editor.color-presets.warning.title:warning color`, "!", "var(--COLOR_Warning)"),
];
updateSubscription: Subscription;
@@ -107,11 +107,11 @@ export class HtmlEditorComponent implements OnInit, OnDestroy {
getColorStyle(color: HtmlEditorColor): string {
if (color === undefined) {
if (this.textBasedActiveColor.length > 0) {
- return "background: #e8f0fe;";
+ return "opactiy: 1.0";
}
- return "";
+ return "opacity: 0.25";
}
- return "background: " + color.colorCode + ";";
+ return "background: " + color.colorCode + "; color: var(--sbb-color-white);";
}
setClassedTag(color: HtmlEditorColor): string {
diff --git a/src/app/view/dialogs/note-dialog/note-dialog.component.html b/src/app/view/dialogs/note-dialog/note-dialog.component.html
index 931e8ba8..f7356fa9 100644
--- a/src/app/view/dialogs/note-dialog/note-dialog.component.html
+++ b/src/app/view/dialogs/note-dialog/note-dialog.component.html
@@ -9,19 +9,21 @@
-
+
-
+
();
private deleteNoteCallback = null;
private saveNoteCallback = null;
diff --git a/src/app/view/dialogs/note-dialog/note-edit-element.component.html b/src/app/view/dialogs/note-dialog/note-edit-element.component.html
index 477b3e31..67cfb45c 100644
--- a/src/app/view/dialogs/note-dialog/note-edit-element.component.html
+++ b/src/app/view/dialogs/note-dialog/note-edit-element.component.html
@@ -1,9 +1,9 @@