🌐 localize editor

Author: JonasDoebertin

src/elements/editor.ts

@@ -7,6 +7,7 @@ import {loadHaComponents} from "../functions/hacks";
 import {CardConfig, EntitiesRowConfig} from "../structs/config";
 import {HomeAssistant} from "custom-card-helpers";
 import {setHass} from "../globals";
+import localize from "../localization/localize";
 
 const FORM_SCHEMA = [
     {
@@ -117,19 +118,6 @@ export class TodayCardEditor extends LitElement {
     }
 
     private computeLabel(schema: Record<string, unknown>): string {
-        switch (schema.name) {
-            case "title":
-                return "Title";
-            case "advance":
-                return "Advance (optional)";
-            case "show_all_day_events":
-                return "Show all day events";
-            case "show_past_events":
-                return "Show past events";
-            case "temp_color":
-                return "Fallback color";
-            default:
-                return "";
-        }
+        return localize(`config.label.${schema.name}`);
     };
 }

src/elements/entity-editor.ts

@@ -6,6 +6,7 @@ import {repeat} from "lit/directives/repeat";
 import {fireEvent} from "../functions/config";
 import {HomeAssistant} from "custom-card-helpers";
 import {EntitiesRowConfig} from "../structs/config";
+import localize from "../localization/localize";
 
 @customElement('today-card-entities-editor')
 export class TodayCardEntitiesEditor extends LitElement {
@@ -22,9 +23,7 @@ export class TodayCardEntitiesEditor extends LitElement {
         }
 
         return html`
-            <h3>
-                Entities (required)
-            </h3>
+            <h3>${localize('config.label.entities')}</h3>
             <div class="entities">
                 ${repeat(
                     this.entities,
@@ -38,15 +37,15 @@ export class TodayCardEntitiesEditor extends LitElement {
                             <ha-color-picker
                                 class="color-picker"
                                 .hass=${this.hass}
-                                .label="Color"
+                                .label=${localize('config.label.color')}
                                 .value=${entity.color ?? ""}
                                 .includeNone=${true}
                                 .includeState=${false}
                                 .index=${index}
                                 @value-changed=${this.changeColor}
                             ></ha-color-picker>
                             <ha-icon-button
-                                .label="Clear"
+                                .label=${localize('config.label.clear')}
                                 .path=${mdiClose}
                                 class="remove-icon"
                                 .index=${index}

src/localization/lang/de.json

@@ -13,6 +13,16 @@
     "config": {
         "stub": {
             "title": "Heutiger Terminplan"
+        },
+        "label": {
+            "title": "Titel",
+            "advance": "Vorlauf (optional)",
+            "fallback_color": "Standard-Farbe",
+            "show_all_day_events": "Zeige ganztägige Termine",
+            "show_past_events": "Zeige vergangene Termine",
+            "entities": "Entitäten (benötigt)",
+            "color": "Farbe",
+            "clear": "Entfernen"
         }
     }
 }

src/localization/lang/en.json

@@ -13,6 +13,16 @@
     "config": {
         "stub": {
             "title": "Today's Schedule"
+        },
+        "label": {
+            "title": "Title",
+            "advance": "Advance (optional)",
+            "fallback_color": "Fallback Color",
+            "show_all_day_events": "Show all day events",
+            "show_past_events": "Show past events",
+            "entities": "Entities (required)",
+            "color": "Color",
+            "clear": "Clear"
         }
     }
 }