Test Adapter lovelace v1.2.x

? Offline

@fantasticmaxpower Die *.js Datei downloaden. Mit Editor öffnen und kontrollieren ob da eh nicht ein ein HTML Code drinnen steht. Ich weiß nicht warum da manchmal ein HTML Code drinnen ist, aber auf jedenfall funktionierts dann nicht. Falls dem so ist kannst du den Code auf der Github Seite kopieren und in der lokalen Datei dann den HTML Code mit und den kopierten Code ersetzen.
Die js-Datei dann im Lovelace Adapter unter Register "kundenspezifische Karten" per drag&drop hochladen. Dann Adapter neu starten.

fantasticmaxpower

@philo686 Danke dir , ich versuche das mal wenn ich heut abend zu hause bin, weil ich auch hier und da das ein oder andere Problemchen mit der Custom mini-media-player Karte habe.

Ich dachte bisher reicht es aus, die "mini-media-player-bundle" card im Iobroker unter Kundenspezifische Karten einzufügen. Das ich webpack.js brauche stand bisher nirgendwo!!! :thinking_face: Wie bist du dadrauf gekommen?

? Offline

@fantasticmaxpower aus der Verzweiflung raus hab ichs einfach probiert :grin:. Als blutiger Anfänger macht man oft Sachen die man sich selbst nicht erklären kann...:joy:

fantasticmaxpower

@philo686 Ok, mir erschließt sich der Sinn dahinter als Laie auch nicht, zumal ich die Media Player Karte auch angezeigt bekommen auch ohne Webpack.js.. allerdings funktioniert das ein oder andere nicht wie gewünscht.
gibt wohl noch viel zu lernen. Danke trotzdem

Garfonso

@fantasticmaxpower said in Test Adapter lovelace v1.2.x:

@philo686 Kannst du mir kurz sagen wie du/man das installiert?

auch an @philo686: einfach diese Datei hier laden in custom-cards ziehen: https://github.com/kalkih/mini-media-player/releases/download/v1.11.0/mini-media-player-bundle.js
Weitere Dateien braucht man nicht, insbesondere nicht die webpack.config.js. Sondern aus den Releases die eine js Datei. Was man ggf. machen muss ist den Adapter neustarten.

@JB1985 said in Test Adapter lovelace v1.2.x:

Zu Version 1.3.3, welches in iobroker nun drin ist.

Beim installieren kamen bei mir jede Menge Compile Fehler:

iobroker /usr/include/c++/8/bits/stl_algo.h:1885:25: note: parameter passing for argument of type ‘__gnu_cxx::__normal_iterator<cppjieba::DictUnit*, std::vectorcppjieba::DictUnit >’ changed in GCC

Des Weiteren wurde mein Theme gelöscht auch war die Menüleiste nicht mehr zu sehen. Nachdem ich in iobroker "Werkzeugleiste verstecken" deaktiviert habe, kam die Menüleiste wieder. Das sollte aber nicht sein, ich denke das wird ein Bug sein.
Ich möchte nämlich nicht, dass jeder an der Weboberfläche schrauben kann.

Die Compilerfehler kommen relativ sicher nicht von lovelace. Könnte eine NPM Abhänigkeit sein, aber da wüsste ich auch gerade nicht, was da relevantes ist bei lovelace. Ich vermute bei dir gibt es irgendein NPM Paket von dem irgendeine Komponente deines ioBroker Setups abhängt, die nicht kompiliert.

Zur Menuleiste: das ist die Werkzeugleiste, die damit gemeint ist, die versteckt werden soll...? Was hat sich da für dich verändert? Bei mir verhält sich das ganze noch so, wie vorher auch.
Eine Sicherheit bietet das nicht wirklich, weil du ja einfach mit dem URL-Parameter die Werkzeugleiste wieder einblenden kannst (bzw. ein "Angreifer") -> da würde ich mir eher einen ioBroker-User anlegen, der nix ändern darf und mit dem in lovelace anmelden (dann geht editieren nur noch, wenn du dich mit admin anmeldest).
Wurde das Thema wirklich gelöscht, oder ist nur der Thema-Editor strubbelig?

JB1985

@Garfonso sagte in Test Adapter lovelace v1.2.x:

@fantasticmaxpower said in Test Adapter lovelace v1.2.x:

@philo686 Kannst du mir kurz sagen wie du/man das installiert?

auch an @philo686: einfach diese Datei hier laden in custom-cards ziehen: https://github.com/kalkih/mini-media-player/releases/download/v1.11.0/mini-media-player-bundle.js
Weitere Dateien braucht man nicht, insbesondere nicht die webpack.config.js. Sondern aus den Releases die eine js Datei. Was man ggf. machen muss ist den Adapter neustarten.

@JB1985 said in Test Adapter lovelace v1.2.x:
Zu Version 1.3.3, welches in iobroker nun drin ist.

Beim installieren kamen bei mir jede Menge Compile Fehler:
iobroker /usr/include/c++/8/bits/stl_algo.h:1885:25: note: parameter passing for argument of type ‘__gnu_cxx::__normal_iterator<cppjieba::DictUnit*, std::vector<cppjieba::DictUnit> >’ changed in GCC
Des Weiteren wurde mein Theme gelöscht auch war die Menüleiste nicht mehr zu sehen. Nachdem ich in iobroker "Werkzeugleiste verstecken" deaktiviert habe, kam die Menüleiste wieder. Das sollte aber nicht sein, ich denke das wird ein Bug sein.
Ich möchte nämlich nicht, dass jeder an der Weboberfläche schrauben kann.
Die Compilerfehler kommen relativ sicher nicht von lovelace. Könnte eine NPM Abhänigkeit sein, aber da wüsste ich auch gerade nicht, was da relevantes ist bei lovelace. Ich vermute bei dir gibt es irgendein NPM Paket von dem irgendeine Komponente deines ioBroker Setups abhängt, die nicht kompiliert.

Zur Menuleiste: das ist die Werkzeugleiste, die damit gemeint ist, die versteckt werden soll...? Was hat sich da für dich verändert? Bei mir verhält sich das ganze noch so, wie vorher auch.

Die Menüleiste ist dann einfach komplett weg. Müsste eigentlich so aussehen:

Eine Sicherheit bietet das nicht wirklich, weil du ja einfach mit dem URL-Parameter die Werkzeugleiste wieder einblenden kannst (bzw. ein "Angreifer") -> da würde ich mir eher einen ioBroker-User anlegen, der nix ändern darf und mit dem in lovelace anmelden (dann geht editieren nur noch, wenn du dich mit admin anmeldest).

Kannst du mir bitte ein Screenshot bereitstellen über die Rechte? Ich konnte mich bisher nie mit einem anderen Benutzer anmelden. Nur, wenn der Benutzer Admin Rechte bekommen hat. Aber das will ich ja nicht.

Wurde das Thema wirklich gelöscht, oder ist nur der Thema-Editor strubbelig?

Nein, es war komplett weg. Aber das ist nicht so schlimm. Ist ja schnell rein kopiert. Nur scheint das Theme bisschen kaputt zu sein bzw. passen die Farben beim konfigurieren nicht.

David G.

@JB1985

Das mit dem Theme und dem Editor hatte ich auch (ein paar Posts weiter oben.).
Hab so ziemlich alles durchprobiert was geht, um das hinzubekommen ohne dass sich Farben im Theme verändern.
Scheinst das selbe wie ich zu verwenden.
Falls du die entsprechende Zeile im Code findest, wäre ich dankbar für einen Hinweis ^^.

Schlussendlich habe ich ein anderes Theme genommen und so angepasst, dass es wie mein altes aussieht (Muss nur noch eine Farbe abändern hab ich gestern gesehen, hab nur das Wochenende keinen Rechner zum ändern.).
In dem Theme ist alles schön dokumentiert.

JB1985

@David-G sagte in Test Adapter lovelace v1.2.x:

Hab so ziemlich alles durchprobiert was geht, um das hinzubekommen ohne dass sich Farben im Theme verändern.

Dein Theme von oben zeigte bei mir noch weniger an. Mit meinem Theme kann ich wenigstens noch den Code sehen, wenn ich mit der Maus alles markiere. Bei deinem Theme nicht mehr.

Auch wenn eine Steckdose an/aus ist, wechselt nicht die Farbe.

David G.

@JB1985

Das oben ist mein altes Theme.
Anbei das aktuelle. Wie gesagt, muss noch minimal was anpassen.
Die Farbe der Icons in den Karten ist noch falsch.
Wollte ich aber morgen vom PCais ändern.

In ein paar Zeilen hab ich noch eigene Infos hinter.

dark:

  # Background image
  lovelace-background: center / cover no-repeat url("/cards/background.jpg") fixed
  mdc-theme-surface: var(--primary-background-color) # more lovelace background

  # Colors
  text-color: '#DADADB'                                                           # Grey text HAUPT SCHRIFT
  text-medium-light-color: '#A0A2A8'                                              # Medium-light grey text
  text-medium-color: '#80828A'                                                    # Medium grey text
  text-dark-color: '#6A6B74'                                                      # Dark grey text
  accent-color: '#f59042'                                                         # Orange
  accent-medium-color: '#f59042'                                                  # Decent orange
  background-color: '#3b4049'                                                     # Dark grey background  AUSKLAPPMENU
  background-color-2: '#484E59'                                                   # Light grey background
  background-card-color: '#434952'                                                # Grey background HINTERGRUND EDITOR
  border-color: '#383C46'                                                         # Grey border
  ha-card-background: 'rgba(150, 150, 150, 0.1)'
  ha-card-border-radius: '20px'  

  # Header
  app-header-background-color: 'rgba(150, 150, 150, 0.1)'                         # Background color

  # Text
  primary-color: 'var(--text-color)'
  text-primary-color: 'var(--text-color)'

  # Left Menu
  paper-listbox-background-color: 'var(--background-color)'                       # Background
  sidebar-icon-color: 'var(--text-medium-color)'                                  # icons
  sidebar-selected-icon-color: 'var(--text-medium-light-color)'                   # Selected row icon and background (15%)
  sidebar-selected-text-color: 'var(--text-color)'                                # Selected row label

  # UI
  paper-card-header-color: 'var(--text-color)'                                    # Title in settings
  primary-background-color: 'var(--background-color)'                             # Background (also title background in left menu)
  mdc-theme-primary: 'var(--accent-medium-color)'                                 # Action Buttons (save, restart etc.)
  card-background-color: 'var(--background-card-color)'                           # Entity Registry Background

  # Card
  paper-card-background-color: 'var(--background-card-color)'                     # Background
  dark-primary-color: 'var(--text-color)'
  primary-text-color: 'var(--text-color)'
  paper-listbox-color: 'var(--text-color)'
  light-primary-color: 'var(--text-dark-color)'
  secondary-text-color: 'var(--text-medium-color)'
  disabled-text-color: 'var(--text-dark-color)'
  paper-dialog-button-color: 'var(--text-color)'
  secondary-background-color: 'var(--background-color-2)'                         # Background more info title

  # Icons
  paper-item-icon-color: 'var(--text-dark-color)'                                 # Off
  paper-item-icon-active-color: 'var(--accent-color)'                             # On

  # Switches
  switch-checked-button-color: 'var(--text-medium-light-color)'                   # Knob On
  switch-unchecked-button-color: 'var(--text-medium-light-color)'                 # Knob Off
  switch-checked-track-color: '#009FFF'                                           # Background On
  switch-unchecked-track-color: '#767682'                                         # Background Off

  # Slider
  paper-slider-active-color: 'var(--accent-color)'                                # Line On
  paper-slider-knob-color: 'var(--text-medium-light-color)'                       # Knob On
  paper-slider-container-color: 'var(--text-dark-color)'                          # Line Off
  paper-slider-knob-start-color: 'var(--text-medium-light-color)'                 # Knob Off

  # Badges
  label-badge-text-color: 'var(--text-color)'
  label-badge-background-color: 'rgba(54, 57, 65, 0.6)'

  # Shadows
  ha-card-box-shadow: 'inset 0px 0px 0px 1px var(--border-color)'

  # HACS
  hacs-badge-color: 'var(--accent-color)'                                         # New Badge
  hacs-status-installed: 'var(--text-color)'                                      # Installed Icon
  hacs-status-pending-restart: 'var(--text-dark-color)'                           # Restart Icon
  hacs-status-pending-update: 'var(--accent-color)'   ```

JB1985

@David-G sagte in Test Adapter lovelace v1.2.x:

dark: # Background image lovelace-background: center / cover no-repeat url("/cards/background.jpg") fixed mdc-theme-surface: var(--primary-background-color) # more lovelace background # Colors text-color: '#DADADB' # Grey text HAUPT SCHRIFT text-medium-light-color: '#A0A2A8' # Medium-light grey text text-medium-color: '#80828A' # Medium grey text text-dark-color: '#6A6B74' # Dark grey text accent-color: '#f59042' # Orange accent-medium-color: '#f59042' # Decent orange background-color: '#3b4049' # Dark grey background AUSKLAPPMENU background-color-2: '#484E59' # Light grey background background-card-color: '#434952' # Grey background HINTERGRUND EDITOR border-color: '#383C46' # Grey border ha-card-background: 'rgba(150, 150, 150, 0.1)' ha-card-border-radius: '20px' # Header app-header-background-color: 'rgba(150, 150, 150, 0.1)' # Background color # Text primary-color: 'var(--text-color)' text-primary-color: 'var(--text-color)' # Left Menu paper-listbox-background-color: 'var(--background-color)' # Background sidebar-icon-color: 'var(--text-medium-color)' # icons sidebar-selected-icon-color: 'var(--text-medium-light-color)' # Selected row icon and background (15%) sidebar-selected-text-color: 'var(--text-color)' # Selected row label # UI paper-card-header-color: 'var(--text-color)' # Title in settings primary-background-color: 'var(--background-color)' # Background (also title background in left menu) mdc-theme-primary: 'var(--accent-medium-color)' # Action Buttons (save, restart etc.) card-background-color: 'var(--background-card-color)' # Entity Registry Background # Card paper-card-background-color: 'var(--background-card-color)' # Background dark-primary-color: 'var(--text-color)' primary-text-color: 'var(--text-color)' paper-listbox-color: 'var(--text-color)' light-primary-color: 'var(--text-dark-color)' secondary-text-color: 'var(--text-medium-color)' disabled-text-color: 'var(--text-dark-color)' paper-dialog-button-color: 'var(--text-color)' secondary-background-color: 'var(--background-color-2)' # Background more info title # Icons paper-item-icon-color: 'var(--text-dark-color)' # Off paper-item-icon-active-color: 'var(--accent-color)' # On # Switches switch-checked-button-color: 'var(--text-medium-light-color)' # Knob On switch-unchecked-button-color: 'var(--text-medium-light-color)' # Knob Off switch-checked-track-color: '#009FFF' # Background On switch-unchecked-track-color: '#767682' # Background Off # Slider paper-slider-active-color: 'var(--accent-color)' # Line On paper-slider-knob-color: 'var(--text-medium-light-color)' # Knob On paper-slider-container-color: 'var(--text-dark-color)' # Line Off paper-slider-knob-start-color: 'var(--text-medium-light-color)' # Knob Off # Badges label-badge-text-color: 'var(--text-color)' label-badge-background-color: 'rgba(54, 57, 65, 0.6)' # Shadows ha-card-box-shadow: 'inset 0px 0px 0px 1px var(--border-color)' # HACS hacs-badge-color: 'var(--accent-color)' # New Badge hacs-status-installed: 'var(--text-color)' # Installed Icon hacs-status-pending-restart: 'var(--text-dark-color)' # Restart Icon hacs-status-pending-update: 'var(--accent-color)' ```

Das sieht gut aus, allerdings sieht man kein Unterschied auch hier ob Steckdose an/aus ist.

Sieht bei mir so aus:

David G.

@JB1985

Wie gesagt, hab es noch nicht fertig.
Ist mein erster Workarround. Weiter war ich noch nicht gekommen.

Muss man was rumprobieren welcher Wert es ist.

EDIT:
paper-item-icon-color ist für das Steckdosenbildchen in seinem Bild.

Ich teste immer mit der Custom theme maker card.

EDIT2:
Das müssten die Werte für die Blitze sein:
paper-item-icon-color
paper-item-icon-active-color

JB1985

@David-G sagte in Test Adapter lovelace v1.2.x:

EDIT:
paper-item-icon-color ist für das Steckdosenbildchen in seinem Bild.
Ich teste immer mit der Custom theme maker card.
EDIT2:
Das müssten die Werte für die Blitze sein:
paper-item-icon-color
paper-item-icon-active-color

Bei mir will er einfach nicht. Bleiben weiterhin beide weiß.

Garfonso

@JB1985
Zur Toolbar:
Was soll denn dann weg, wenn die versteckt ist? Nur das Menü? grübel Ich muss zugeben, dass ich nur eine Konfig mit Hide-Toolbar hab die nur ein View hat und da war schon immer die ganze bar weg. Hast du vielleicht noch einen Screenshot aus der Vorgängerversion?
//Edit: ok ich hab selber welche gefunden -> das, was früher mal die toolbar war, gibt es anscheinend jetzt einfach nicht mehr. Daher macht es wohl tatsächlich am meisten Sinn einfach das Menü auszublenden (oder müssen Notifications / Spracheingabe auch mit weg? Macht das Sinn? -> naja, ok, wenn es nur einen View gibt ggf. hmm...)

Zum Theme:
Ja, da basteln die bei lovelace irgendwie gerade etwas rum, daher müssen die Themes leider an die neue Version angepasst werden... :-/

JB1985

@Garfonso

Der Toolbar war dieser Bereich:

Der war dann einfach nicht da, sodass niemand mehr "konfigurieren" konnte.

Über ein Screenshot, über die Rechte für einen normalen Benutzer, wäre ich immer noch dankbar. Ich habe keine Lust, dass irgendwer im Haus einfach "aus versehen" an der Konfig spielt.

Garfonso

@JB1985
Also gab es ohne Toolbar auch keine Notifications? Wäre es nicht sinnvoll die auch ohne Toolbar zu haben?

Du kannst in den Instanzeinstellungen den User auswählen bzw. anhaken, dass man sich authentifizieren muss -> der Eintrag "Benutzeroberfläche bearbeiten" taucht nur auf, wenn der User Admin sich einloggt bzw. Admin als default user ausgewählt ist.
Es gibt also zwei Optionen, zum einen eine Konfiguration als "Fix" erklären, da nen anderen User in der Konfiguration wählen und dann kann keiner über die UI was ändern. Oder sich halt einloggen, wobei es da ggf. ein Problem mit dem Speichern der Nutzerdaten gibt (hab ich leider noch nicht 100%ig durchschaut, was da genau läuft und auch nicht, warum Browser die nicht speichern möchten... :-( )

Garfonso

@JB1985 said in Test Adapter lovelace v1.2.x:

Nein, es war komplett weg. Aber das ist nicht so schlimm. Ist ja schnell rein kopiert.

Doch schlimm... das das vorher nicht aufgefallen ist... strange... wenn man in den Settings was ändert & speichert, aber nicht auf den Themen-Tab geklickt hat, wurden die Themes gelöscht. Ein Bug, der da schon von Anfang an (? - zumindest komplett 2020) drin gewesen sein muss.

Garfonso

Nochmal der Aufruf von mir, da ich aktuell nur sporadisch Zeit hab (insbesondere auch für Forum bzw. Forum <-> Entwicklung immer im Konflikt sind) und den Überblick verliere -> bitte für Probleme und auch Wünsche issues im Github ( http://github.com/iobroker/iobroker.lovelace/issues ) anlegen. Danke. :-)

JB1985

Weiß jemand zufällig wie ich ein Zwischenstecker einrichten kann, der nur on/off kennt?

Ich habe es als "Socket" probiert, da kennt iobroker aber nur true/false der Zwischenstecker allerdings reagiert nur auf on/off.

Jemand eine Idee?

Garfonso

@JB1985
Fällt mir gerade nichts einfaches zu ein... hm.
Da müsstest du vermutlich mit einem Service-Call arbeiten: https://forum.iobroker.net/post/483030
(braucht dann vermutlich zwei Knöpfe, geht, wenn es in einer Elements-Liste sein soll mit button-entity-row card).

Die Frage ist was heißt "on/off"? Der State muss auf den Text on/off gesetzt werden? -> dann vermutlich am ehesten über input_text... und dann da mit service "input_text.set_value" und halt den value jeweils on/off

Oder eine Zahl, die im Admin per states auf on/off übersetzt wird (also hast du in Admin ein Dropdown)? -> dann könntest du input_select versuchen und dann den service input_select.select_option ähnlich wie in dem Beispiel aus dem Post konfigurieren.

Dritte Option wäre ein Alias in ioBroker anlegen mit "write": "val ? 'on' : 'off'" und "read": "val === 'on'", falls es tatsächlich text ist, sonst on/off durch die passenden Nummern ersetzen.

Banis

Hallo zusammen,

ich suche gerade eine Möglichkeit über Lovelace Zahlenwerte zu erfassen. Konkret geht es darum, dass ich ca. wöchentlich verschiedene Zählerstände ablesen und erfassen möchte. Ich weiß es gibt viele Möglichkeiten Zähler über verschiedene Schnittstellen automatisch auszulesen, das ist die nächste Zeit bei mir aber kein Thema. Deshalb möchte ich die Werte über Lovelace direkt erfassen.

Über input_nuber bekomme ich nur eine Slider Lösung hin, was für diesen Zweck aber nicht optimal ist. Gibt es eine Möglichkeit über input_number Werte als Zahlen einzugeben?

Community Forum

NEWS

Test Adapter lovelace v1.2.x

Support us

537

32.4k

81.4k

1.3m