wichtiges UPDATE für controller 7.2.2 im stable

[Ro75]

Wie versprochen, die Korrekturen:

• Position für den Hinweistext
• Öffnungszeiten (falsche Zusammenstellung)
• Bei Öffnungszeiten kann nun zusätzlich zum EN-DASH auch der normale Bindestrich (-) Verwendung finden.
• Konfiguration (Schriftgröße, Farbe, Stil) der Felder nun in allen Themen möglich.

const FONT = {
    family: "InterVariable",   // Globale Schriftfamilie für alle Karten

    // STANDARD – neutral, technisch, kühl
    standard: {
        name:    { size: 16, color: "#ffffff", bold: true,  italic: false },  // Name / Praxis / Firma
        address: { size: 13, color: "#d0d7e2", bold: false, italic: false },  // Straße, PLZ, Ort
        contact: { size: 12, color: "#9fb3d9", bold: false, italic: false },  // Tel., Fax, E-Mail
        web:     { size: 12, color: "#6fa8ff", bold: false, italic: false },  // Website-Link
        title:   { size: 13, color: "#ffffff", bold: true,  italic: false },  // Abschnittstitel ("Öffnungszeiten")
        times:   { size: 12, color: "#d0d7e2", bold: false, italic: false },  // Öffnungszeiten-Zeilen
        hint:    { size: 12, color: "#ffcc66", bold: true,  italic: false }   // Hinweis-/Infozeilen
    },

    // WAVE – kühl, frisch, maritim
    wave: {
        name:    { size: 16, color: "#163a70", bold: true, italic: false },   // Name / Praxis / Firma
        address: { size: 13, color: "#173d74", bold: false, italic: false },  // Straße, PLZ, Ort
        contact: { size: 12, color: "#173d74", bold: false, italic: false },  // Tel., Fax, E-Mail
        web:     { size: 12, color: "#2563eb", bold: false, italic: false },  // Website-Link
        title:   { size: 13, color: "#1d4ed8", bold: true, italic: false },   // Abschnittstitel ("Öffnungszeiten")
        times:   { size: 12, color: "#173d74", bold: false, italic: false },  // Öffnungszeiten-Zeilen
        hint:    { size: 12, color: "#1a1a1a", bold: true,  italic: false }   // Hinweis-/Infozeilen
    },

    // TEAL – modern, kühl, glasig
    teal: {
        name:    { size: 16, color: "#ffffff", bold: true, italic: false },   // Name / Praxis / Firma
        address: { size: 13, color: "#e8ffef", bold: false, italic: false },  // Straße, PLZ, Ort
        contact: { size: 12, color: "#e8ffef", bold: false, italic: false },  // Tel., Fax, E-Mail
        web:     { size: 12, color: "#e8ffef", bold: false, italic: false },  // Website-Link
        title:   { size: 13, color: "#e8ffef", bold: true, italic: false },   // Abschnittstitel ("Öffnungszeiten")
        times:   { size: 12, color: "#e8ffef", bold: false, italic: false },  // Öffnungszeiten-Zeilen
        hint:    { size: 12, color: "#1a1a1a", bold: true,  italic: false }   // Hinweis-/Infozeilen
    },

    // WHITE – hell, neutral, klar
    white: {
        name:    { size: 16, color: "#1a1a1a", bold: true, italic: false },   // Name / Praxis / Firma
        address: { size: 13, color: "#2d3748", bold: false, italic: false },  // Straße, PLZ, Ort
        contact: { size: 12, color: "#2d3748", bold: false, italic: false },  // Tel., Fax, E-Mail
        web:     { size: 12, color: "#33691e", bold: false, italic: false },  // Website-Link
        title:   { size: 13, color: "#254618", bold: true, italic: false },   // Abschnittstitel ("Öffnungszeiten")
        times:   { size: 12, color: "#2d3748", bold: false, italic: false },  // Öffnungszeiten-Zeilen
        hint:    { size: 12, color: "#1a1a1a", bold: true,  italic: false }   // Hinweis-/Infozeilen
    },

    // COFFEE – warm, erdig, gemütlich
    coffee: {
        name:    { size: 16, color: "#4E342E", bold: true, italic: false },   // Name / Praxis / Firma
        address: { size: 13, color: "#4E342E", bold: false, italic: false },  // Straße, PLZ, Ort
        contact: { size: 12, color: "#4E342E", bold: false, italic: false },  // Tel., Fax, E-Mail
        web:     { size: 12, color: "#6D4C41", bold: false, italic: false },  // Website-Link
        title:   { size: 13, color: "#4E342E", bold: true, italic: false },   // Abschnittstitel ("Öffnungszeiten")
        times:   { size: 12, color: "#4E342E", bold: false, italic: false },  // Öffnungszeiten-Zeilen
        hint:    { size: 12, color: "#4E342E", bold: true,  italic: false }   // Hinweis-/Infozeilen
    },

    // YELLOW – warm, freundlich, sonnig
    yellow: {
        name:    { size: 16, color: "#5D4037", bold: true, italic: false },   // Name / Praxis / Firma
        address: { size: 13, color: "#4E342E", bold: false, italic: false },  // Straße, PLZ, Ort
        contact: { size: 12, color: "#4E342E", bold: false, italic: false },  // Tel., Fax, E-Mail
        web:     { size: 12, color: "#F57F17", bold: false, italic: false },  // Website-Link
        title:   { size: 13, color: "#5D4037", bold: true, italic: false },   // Abschnittstitel ("Öffnungszeiten")
        times:   { size: 12, color: "#4E342E", bold: false, italic: false },  // Öffnungszeiten-Zeilen
        hint:    { size: 12, color: "#5D4037", bold: true,  italic: false }   // Hinweis-/Infozeilen
    },

    // GREEN – natur, frisch, harmonisch
    green: {
        name:    { size: 16, color: "#1B5E20", bold: true, italic: false },   // Name / Praxis / Firma
        address: { size: 13, color: "#2E7D32", bold: false, italic: false },  // Straße, PLZ, Ort
        contact: { size: 12, color: "#2E7D32", bold: false, italic: false },  // Tel., Fax, E-Mail
        web:     { size: 12, color: "#1B5E20", bold: false, italic: false },  // Website-Link
        title:   { size: 13, color: "#1B5E20", bold: true, italic: false },   // Abschnittstitel ("Öffnungszeiten")
        times:   { size: 12, color: "#2E7D32", bold: false, italic: false },  // Öffnungszeiten-Zeilen
        hint:    { size: 12, color: "#1B5E20", bold: true,  italic: false }   // Hinweis-/Infozeilen
    },

    // RED – kräftig, energisch, dominant
    red: {
        name:    { size: 16, color: "#B71C1C", bold: true, italic: false },   // Name / Praxis / Firma
        address: { size: 13, color: "#C62828", bold: false, italic: false },  // Straße, PLZ, Ort
        contact: { size: 12, color: "#C62828", bold: false, italic: false },  // Tel., Fax, E-Mail
        web:     { size: 12, color: "#B71C1C", bold: false, italic: false },  // Website-Link
        title:   { size: 13, color: "#B71C1C", bold: true, italic: false },   // Abschnittstitel ("Öffnungszeiten")
        times:   { size: 12, color: "#C62828", bold: false, italic: false },  // Öffnungszeiten-Zeilen
        hint:    { size: 12, color: "#B71C1C", bold: true,  italic: false }   // Hinweis-/Infozeilen
    },

    // BLUE – kühl, seriös, sachlich
    blue: {
        name:    { size: 16, color: "#0D47A1", bold: true, italic: false },   // Name / Praxis / Firma
        address: { size: 13, color: "#1E3A5F", bold: false, italic: false },  // Straße, PLZ, Ort
        contact: { size: 12, color: "#1E3A5F", bold: false, italic: false },  // Tel., Fax, E-Mail
        web:     { size: 12, color: "#1565C0", bold: false, italic: false },  // Website-Link
        title:   { size: 13, color: "#0D47A1", bold: true, italic: false },   // Abschnittstitel ("Öffnungszeiten")
        times:   { size: 12, color: "#1E3A5F", bold: false, italic: false },  // Öffnungszeiten-Zeilen
        hint:    { size: 12, color: "#0D47A1", bold: true,  italic: false }   // Hinweis-/Infozeilen
    },

    weight: {
        normal: 400,   // Normalgewicht
        bold:   600    // Fett
    }
};

Script im Eingangspost #1 aktualisiert.

Ro75.

[Nashra]

@ro75
Klasse Update und funktioniert
Aber einen hab ich noch, die kleinen Icons für Adresse, eMail, URL usw. werden wohl mit opacity angezeigt
und könnte man diese auch einstellbar machen. Nutze Wave und da sind sie sehr schwach zu erkennen.

[Ro75]

Danke für die Info. Ich arbeite bereits dran. Wenn das Update fertig ist, kannst du dann auch das Theme entsprechend anpassen. Ist eine reine farbliche Geschichte, keine Transparenz.

Ro75.

[Ro75]

Mit Stand 05.06.2026 gibt es Fehlerkorrekturen.

• Korrektur der Themen "wave" und "teal" - Konfiguration jetzt möglich.

    wave: {
        fontTheme: "wave",
        iconBg: "#60A5FA",                        // Hintergrund der runden Icons
        iconStroke: "#ffffff",                    // Farbe der Icons
        titleUnderline: "#3B82F6",                // Linie unter dem Namen
        avatarStroke: "#93C5FD",                  // Avatar-Rahmen
        timesBoxBg: "rgba(191,219,254,0.38)",     // Öffnungszeiten-Box Hintergrund
        timesBoxBorder: "#93C5FD",                // Öffnungszeiten-Box Rahmen
    },
    teal: {
        fontTheme: "teal",
        iconBg: "#E8FFEF",                        // Hintergrund der runden Icons
        iconStroke: "#4A7763",                    // Farbe der Icons
        titleUnderline: "#FFFFFF",                // Linie unter dem Namen
        avatarStroke: "rgba(255,255,255,0.35)",   // Avatar-Rahmen
        timesBoxBg: "rgba(232,255,239,0.16)",     // Öffnungszeiten-Box Hintergrund
        timesBoxBorder: "rgba(255,255,255,0.45)", // Öffnungszeiten-Box Rahmen
    }

Ro75.

[Nashra]

Hallo @ro75
wollte noch einige Kontakte hinzufügen aber mehr als 9 kann er wohl nicht.
Kannst du mal nachsehen, danke.

[Ro75]

Ich habe 23.
Ro75.

[Nashra]

@Ro75 sagte:

Ich habe 23.
Ro75.

Sorry, war mein Fehler, hatte ein Komma vergessen

[Ro75]

Alles gut. Das kann schon mal passieren. Aber schön, dass es jetzt geht.

Ro75.

[Nashra]

@Ro75 sagte:

Alles gut. Das kann schon mal passieren. Aber schön, dass es jetzt geht.

Ro75.

Jow und auch super jetzt mit der Konfiguration für die Icons usw

[Ro75]

Mit Stand 22.06.2026 gibt es Fehlerkorrekturen.

• In seltenen Fällen konnte die SVG‑Erstellung scheitern, wenn die JSON‑Daten Zeichen wie & oder < enthielten. Durch das Einführen eines zentralen Escapings werden diese Sonderzeichen nun korrekt verarbeitet, sodass die SVG‑Generierung stabil funktioniert.

Das Script in Post #1 wurde aktualisiert.

Hinweis: Die Änderungen betreffen ausschließlich das Script und haben keinerlei Einfluss auf die Daten innerhalb der JSON.
Wenn Anpassungen an Themes (Farben, Schriftgrößen usw.) vorgenommen wurden, sollten diese vorher gesichert und nach dem Einspielen des neuen Scripts wiederhergestellt werden.

Ro75.

[Ro75]

Mit Stand 23.06.2026 gibt es einen Fix.

• betrifft Zeile 598: font-weight="${F_WEIGHT}" ist falsch - korrekt ist font-weight="${F.weight}"

Script in Post #1 ist aktualisiert.

Ro75.