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

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

                              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

                              585

                              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