Neues YouTube-Video: Visualisierung im Devices-Adapter

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

[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