wichtiges UPDATE für controller 7.2.2 im stable

[Ro75]

Es gibt neue Funktionen.

• Themen: 9 verschiedene Themen stehen via Datenpunkt (theme) zur Auswahl. Standard = standard.
• Opacity: Die Deckkraft kann gesteuert werden. Standard = 1 (100%).
• Text-Shadow: Kann nun ebenfalls via Datenpunkt (textshadow) gesteuert werden. Standard = false.

Zusätzlich können Details zentral konfiguriert werden

const FONT = {
    family: "InterVariable",   // globale Schriftfamilie

    fields: {
        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
    },

    weight: {
        normal: 400,  // normales Schriftgewicht
        bold:   600   // fettes Schriftgewicht
    }
};

Sollte selbsterklärend sein. Script im Eingangspost #1 aktualisiert.

Ro75.

[Nashra]

Kleine Änderung bitte bei den Öffnungszeiten. Die Umrandung ist etwas zu knapp wenn
der Text "Termine nach Vereinbarung" angezeigt wird.
Sonst super und ein dickes Danke von meiner Frau, die ist happy

Edit: Bild vergessen

[Ro75]

Danke für das Feedback. Ich schaue mir das mit dem Design an, damit es auch übergreifend passt. Kann aber paar Tage dauern.

Ro75

[Nashra]

@Ro75 sagte:

Danke für das Feedback. Ich schaue mir das mit dem Design an, damit es auch übergreifend passt. Kann aber paar Tage dauern.

Ro75

Kein Thema, eilt nicht. Habe noch etwas, sag mal, seltsames mit der Anzeige

      "zeiten": [
        "Montag 08.00 – 12.30, 14.30 – 18.00",
        "Dienstag 08.00 – 12.30, 14.30 – 18.00",
        "Mittwoch 08.00 – 12.30",
        "Donnerstag 08.00 – 12.30, 14.30 – 18.00",
        "Freitag 08.00 – 12.30"
      ],

anderer Eintrag...

      "zeiten": [
        "Montag 08.00 – 11.45, 14.00 – 16.45",
        "Dienstag 08.00 – 11.45, 14.00 – 16.45",
        "Mittwoch 08.00 – 11.45",
        "Donnerstag 08.30 – 11.45, 14.00 – 16.45",
        "Freitag 08.30 – 11.45"
      ],

und dann werden Änderungen bei z.B.

        times:   { size: 12, color: "#d0d7e2", bold: true, italic: false },  // Öffnungszeiten-Zeilen

bei mir nicht übernommen.

[Negalein]

Servus @ro75

Ich steh noch etwas daneben.

• Jeder Eintrag benötigt eine eindeutige ID und muss sich exakt an die Struktur der Beispieldaten halten.
• Öffnungszeiten müssen exakt im Format „Wochentag HH.MM – HH.MM[, HH.MM – HH.MM]“ stehen
und dabei zwingend den echten EN‑DASH (–) verwenden — kein Minuszeichen (-).

• wie bring ich diese Base64 Beispieldaten in verständliches editierbares Format?
• alle Kontakte in 1 JSON, oder je Kontakt eine eigene?
• wie macht man den En-Dash?

Danke

[Ro75]

Das Script erstellt, sofern es das erste mal gestartet wird die Beispieldaten selbst. Genau dafür wird der Base64 Code benötigt. Du selbst musst damit gar nichts machen.

Sobald das Script läuft siehst die den Datenpunkt. Anklicken, ansehen und damit arbeiten. Also anpassen, hinzufügen. Wenn gespeichert wird sofort der SVG Code aktualisiert.

Ro75

[Nashra]

Moin @ro75
das mit der Anzeige (Uhrzeiten) hat sich erledigt.
Es hatten sich Bindestriche eingeschlichen, kam wohl dadurch das ich
alles in Notepad++ bearbeitet habe und beim tippen diese dann mit
reingehauen hatte. Jetzt wird alles richtig angezeigt.

[Nashra]

@negalein

• alle Kontakte in 1 JSON, oder je Kontakt eine eigene?

kommt alles in eine json, d.h. alles im DP editieren

• wie macht man den En-Dash?

Bei Windows: Alt + 0150 (auf dem Ziffernblock)

[Ro75]

Die Position vom Hinweis passe ich noch an. Schaue auch, das ich den Bindestrich mit unterstütze. Und auch die Konfiguration. Wie gesagt, kann paar Tage dauern.

Ro75.

[Negalein]

@Ro75 sagte:

mit einem Basic - String (unescaped). Hier VIS1.

das funktioniert bei mir nicht

Vis-Edit

Vis-Runtime

[Nashra]

@negalein
du mußt die svg Datenpunkte nehmen

[Nashra]

@Ro75 sagte:

Die Position vom Hinweis passe ich noch an. Schaue auch, das ich den Bindestrich mit unterstütze. Und auch die Konfiguration. Wie gesagt, kann paar Tage dauern.

Ro75.

Wie schon geschrieben, keine Eile.

[Negalein]

@Nashra sagte:

du mußt die svg Datenpunkte nehmen

danke

@ro75

die id1 schaut so aus.
in der view wir vom freitag nichts angezeigt.

und geht es, dass nicht

Mo-Mi
Di-Do

steht, sondern entweder jeder tag extra untereinander, oder zumindest
Mo, Mi
Di, Do

    {
      "id": 1,
      "karte": "large",
      "typ": "hausarzt",
      "name": "Hausarzt – Dr. Bernhard Hohenberger",
      "bild": "https://gruentalpraxis.at/wp-content/uploads/2025/04/GruentalPraxis_LOGO_4c.png",
      "adresse": {
        "strasse": "Kenzianweg 9",
        "plz": "4780",
        "ort": "Schärding"
      },
      "zeiten": [
        "Montag 8:30 – 12:00",
        "Dienstag 15:00 – 19:00",
        "Mittwoch 8:30 – 12:00",
        "Donnerstag 15:00 – 19:00",
        "Freitag 8:30 – 12:00 und (alle 4 Wochen) 13:00 – 16:00"
      ],
      "kontakt": {
        "telefon": "+43 7712 355 30",
        "email": "office@gruentalpraxis.at",
        "web": "https://gruentalpraxis.at/"
      },
      "hinweis": ""
    },

[Nashra]

@negalein

ändere mal

"Freitag 8:30 – 12:00 und (alle 4 Wochen) 13:00 – 16:00"

in

"Freitag 8:30 – 12:00, 13:00 – 16:00"

um. Mit dem Text dazwischen kann er nichts anfangen
und wenn das nur alle 4 Wochen ist würde ich das
unter Hinweis eintragen.

[Ro75]

Freitag (alle 4 Wochen) 13-16 Uhr würde ich als Hinweis eintragen, dann stimmt es a wieder.

Ro75

[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.