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
    #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

                          548

                          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