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
    1.0k

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

Kontakte (Cards)

Geplant Angeheftet Gesperrt Verschoben JavaScript
javascriptmultimediatemplate
21 Beiträge 4 Kommentatoren 368 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
    #4

    Habe den Code im Eingangspost aktualisiert. Da fehlte eine Funktion.

    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
    0
    • NashraN Online
      NashraN Online
      Nashra
      Most Active Forum Testing
      schrieb am zuletzt editiert von
      #5

      Hi, erstmal tolles Skript.
      Aber ich habe ein kleines Problem bei den Zeiten.
      Im json

            "zeiten": [
              "Montag 08.00 – 12.30, 15.00 – 18.00",
              "Dienstag 08.00 – 12.30, 15.00 – 18.00",
              "Mitwoch 08.00 – 12.30",
              "Donnerstag 08.00 – 12.30, 15.00 – 18.00",
              "Freitag 08.00 – 12.30"
            ],
      

      Ausgabe
      Screenshot 2026-05-28 130002.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 am zuletzt editiert von
        #6

        Mittwoch bitte mit 2t, dann klappt das auch.
        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

          Mittwoch bitte mit 2t, dann klappt das auch.
          Ro75.

          NashraN Online
          NashraN Online
          Nashra
          Most Active Forum Testing
          schrieb am zuletzt editiert von
          #7

          @Ro75 sagte:

          Mittwoch bitte mit 2t, dann klappt das auch.
          Ro75.

          🤦 boah, da sucht man die ganze Zeit und übersieht ein "t"
          Danke 😊

          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 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 Online
                NashraN Online
                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 Online
                    NashraN Online
                    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 Online
                          NashraN Online
                          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 Online
                            NashraN Online
                            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 Online
                                  NashraN Online
                                  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.

                                  NegaleinN 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 Online
                                    NashraN Online
                                    Nashra
                                    Most Active Forum Testing
                                    schrieb zuletzt editiert von Nashra
                                    #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.

                                    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
                                    • NashraN Nashra

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

                                      Screenshot 2026-06-02 105645.png

                                      NegaleinN Offline
                                      NegaleinN Offline
                                      Negalein
                                      schrieb zuletzt editiert von
                                      #21

                                      @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": ""
                                          },
                                      

                                      776cad60-9770-45a3-a568-c36d4a06e130-image.jpeg

                                      ° 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

                                      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

                                      582

                                      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