Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Skripten / Logik
  4. JavaScript
  5. Kontakte (Cards)

NEWS

  • Neues YouTube-Video: Visualisierung im Devices-Adapter
    BluefoxB
    Bluefox
    13
    1
    999

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    8
    1
    2.1k

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    11
    1
    971

Kontakte (Cards)

Geplant Angeheftet Gesperrt Verschoben JavaScript
javascriptmultimediatemplate
20 Beiträge 4 Kommentatoren 359 Aufrufe 5 Beobachtet
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • Ro75R Online
    Ro75R Online
    Ro75
    schrieb am zuletzt editiert von
    #8

    Ich habe am Script 2 kleine Modifikationen vorgenommen. Ab jetzt kann im Konfigurationsbereich die Schrift und der Textschatten konfiguriert werden.

    const FONT_FAMILY         = "InterVariable";
    const TEXT_SHADOW_ENABLED = true;   // globaler Text‑Shadow an/aus
    

    Diese Einstellungen sind die bisherigen Basiswerte und waren bereits fest definiert. Ab jetzt sind sie konfigurierbar.

    Das Script kann 1:1 aus dem Post#1 übernommen werden. Falls

    const root     = "0_userdata.0.Kontakte."
    

    angepasst wurde, bitte nach Scriptübernahme wieder korrigieren.

    Ro75.

    SERVER = Beelink U59 16GB DDR4 RAM 512GB SSD, FB 7490, FritzDect 200+301+440, ConBee II, Zigbee Aqara Sensoren + NOUS A1Z, NOUS A1T, Philips Hue ** ioBroker, REDIS, influxdb2, Grafana, PiHole, Plex-Mediaserver, paperless-ngx (Docker), MariaDB + phpmyadmin *** VIS-Runtime = Intel NUC 8GB RAM 128GB SSD + 24" Touchscreen

    1 Antwort Letzte Antwort
    1
    • Ro75R Online
      Ro75R Online
      Ro75
      schrieb am zuletzt editiert von
      #9

      Es gibt neue Funktionen.

      CARDS.png

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

      SERVER = Beelink U59 16GB DDR4 RAM 512GB SSD, FB 7490, FritzDect 200+301+440, ConBee II, Zigbee Aqara Sensoren + NOUS A1Z, NOUS A1T, Philips Hue ** ioBroker, REDIS, influxdb2, Grafana, PiHole, Plex-Mediaserver, paperless-ngx (Docker), MariaDB + phpmyadmin *** VIS-Runtime = Intel NUC 8GB RAM 128GB SSD + 24" Touchscreen

      1 Antwort Letzte Antwort
      1
      • NashraN Offline
        NashraN Offline
        Nashra
        Most Active Forum Testing
        schrieb am zuletzt editiert von Nashra
        #10

        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
        Screenshot 2026-06-01 114620.png

        Gruß Ralf
        Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

        1 Antwort Letzte Antwort
        0
        • Ro75R Online
          Ro75R Online
          Ro75
          schrieb zuletzt editiert von
          #11

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

          Ro75

          SERVER = Beelink U59 16GB DDR4 RAM 512GB SSD, FB 7490, FritzDect 200+301+440, ConBee II, Zigbee Aqara Sensoren + NOUS A1Z, NOUS A1T, Philips Hue ** ioBroker, REDIS, influxdb2, Grafana, PiHole, Plex-Mediaserver, paperless-ngx (Docker), MariaDB + phpmyadmin *** VIS-Runtime = Intel NUC 8GB RAM 128GB SSD + 24" Touchscreen

          NashraN 1 Antwort Letzte Antwort
          0
          • Ro75R 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

            NashraN Offline
            NashraN Offline
            Nashra
            Most Active Forum Testing
            schrieb zuletzt editiert von
            #12

            @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"
                  ],
            

            Screenshot 2026-06-01 135218.png

            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"
                  ],
            

            Screenshot 2026-06-01 135402.png

            und dann werden Änderungen bei z.B.

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

            bei mir nicht übernommen.

            Gruß Ralf
            Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

            Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

            1 Antwort Letzte Antwort
            0
            • NegaleinN Offline
              NegaleinN Offline
              Negalein
              schrieb zuletzt editiert von
              #13

              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

              ° Node.js & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
              ° Node.js Fixer ---> iob nodejs-update
              ° Fixer ---> iob fix

              NashraN 1 Antwort Letzte Antwort
              0
              • Ro75R Online
                Ro75R Online
                Ro75
                schrieb zuletzt editiert von Ro75
                #14

                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

                SERVER = Beelink U59 16GB DDR4 RAM 512GB SSD, FB 7490, FritzDect 200+301+440, ConBee II, Zigbee Aqara Sensoren + NOUS A1Z, NOUS A1T, Philips Hue ** ioBroker, REDIS, influxdb2, Grafana, PiHole, Plex-Mediaserver, paperless-ngx (Docker), MariaDB + phpmyadmin *** VIS-Runtime = Intel NUC 8GB RAM 128GB SSD + 24" Touchscreen

                1 Antwort Letzte Antwort
                1
                • NashraN Offline
                  NashraN Offline
                  Nashra
                  Most Active Forum Testing
                  schrieb zuletzt editiert von
                  #15

                  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.

                  Gruß Ralf
                  Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

                  Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                  1 Antwort Letzte Antwort
                  1
                  • NegaleinN 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

                    NashraN Offline
                    NashraN Offline
                    Nashra
                    Most Active Forum Testing
                    schrieb zuletzt editiert von Nashra
                    #16

                    @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)

                    Gruß Ralf
                    Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

                    Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                    1 Antwort Letzte Antwort
                    0
                    • Ro75R Online
                      Ro75R Online
                      Ro75
                      schrieb zuletzt editiert von Ro75
                      #17

                      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.

                      SERVER = Beelink U59 16GB DDR4 RAM 512GB SSD, FB 7490, FritzDect 200+301+440, ConBee II, Zigbee Aqara Sensoren + NOUS A1Z, NOUS A1T, Philips Hue ** ioBroker, REDIS, influxdb2, Grafana, PiHole, Plex-Mediaserver, paperless-ngx (Docker), MariaDB + phpmyadmin *** VIS-Runtime = Intel NUC 8GB RAM 128GB SSD + 24" Touchscreen

                      NashraN 1 Antwort Letzte Antwort
                      0
                      • Ro75R Ro75

                        mit einem Basic - String (unescaped). Hier VIS1.
                        76ae27c0-3e71-4d7d-b2de-9f15c0dff723-image.jpeg

                        Ro75.

                        NegaleinN Offline
                        NegaleinN Offline
                        Negalein
                        schrieb zuletzt editiert von
                        #18

                        @Ro75 sagte:

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

                        das funktioniert bei mir nicht

                        Vis-Edit
                        Edit-vis-02-06-2026_09_45.png

                        Vis-Runtime
                        vis-02-06-2026_09_45.png

                        ° Node.js & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
                        ° Node.js Fixer ---> iob nodejs-update
                        ° Fixer ---> iob fix

                        1 Antwort Letzte Antwort
                        0
                        • NashraN Offline
                          NashraN Offline
                          Nashra
                          Most Active Forum Testing
                          schrieb zuletzt editiert von
                          #19

                          @negalein
                          du mußt die svg Datenpunkte nehmen
                          Screenshot 2026-06-02 105714.png

                          Screenshot 2026-06-02 105645.png

                          Gruß Ralf
                          Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

                          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                          1 Antwort Letzte Antwort
                          0
                          • Ro75R 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.

                            NashraN Offline
                            NashraN Offline
                            Nashra
                            Most Active Forum Testing
                            schrieb zuletzt editiert von
                            #20

                            @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. Aber einen hab ich noch, der hat aber auch Sprechzeiten
                            Screenshot 2026-06-02 110019.png

                            Gruß Ralf
                            Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

                            Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                            1 Antwort Letzte Antwort
                            0

                            Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                            Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                            Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                            Registrieren Anmelden
                            Antworten
                            • In einem neuen Thema antworten
                            Anmelden zum Antworten
                            • Älteste zuerst
                            • Neuste zuerst
                            • Meiste Stimmen


                            Support us

                            ioBroker
                            Community Adapters
                            Donate

                            554

                            Online

                            32.9k

                            Benutzer

                            83.1k

                            Themen

                            1.3m

                            Beiträge
                            Community
                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                            ioBroker Community 2014-2026
                            logo
                            • Anmelden

                            • Du hast noch kein Konto? Registrieren

                            • Anmelden oder registrieren, um zu suchen
                            • Erster Beitrag
                              Letzter Beitrag
                            0
                            • Home
                            • Aktuell
                            • Tags
                            • Ungelesen 0
                            • Kategorien
                            • Unreplied
                            • Beliebt
                            • GitHub
                            • Docu
                            • Hilfe