Test Adapter lovelace v1.2.x

[nachon]

@nukleuz Das mache ich auch gerade (Bilder umwandeln). Denke, das ist die einfachste Möglichkeit.
Damit wäre dies zumindest bei mir gelöst.

So kommt man immer einen Schritt vorwärts. thumbup
Danke nochmal.

[nachon]

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

@nachon

Hier mal ein JavaScript, das genau das macht, was du brauchst:

schedule("* * * * *", async function () {

var getId, setId, differenzStdMin, diffMs, diffSek;

    getId = 'eufy-security.0.XXXX.cameras.XXXX.person_detected';
    setId = '0_userdata.0.Test.lastChanged-Eufy-TK-Person';

    diffMs = new Date() - new Date(getState(getId).lc);
    //console.log(diffMs);
    diffSek = diffMs / 1000;
    //console.log(diffSek);
    differenzStdMin = Math.floor(diffSek / 3600 )+'h ' + Math.floor( (diffSek % 3600) / 60 )+'min';
    //console.log(differenzMin);

    setState(setId, differenzStdMin);

});

Habe den Timer etwas abgeändert für die Personendetektion meiner Türklingel - brauchte ich eh

Ganz kurze Frage:
Von welchem Typ ist Dein Datenpunkt?

[nukleuz]

@nachon

Vom Typ string...

[nachon]

@nukleuz Super. Das Script klappt schonmal und der Datenpunkt enthält nun die genaue Onlinezeit.
Jetzt muss ich das noch etwas zusammen basteln.

[nukleuz]

@garfonso

Dann will ich mal berichten, was ich bisher gemacht habe:

1. Nach dieser Anleitung browser_mod und card-tools installiert (Wusste gar nicht mehr, dass du vor knapp nem halben Jahr schon mal danach gefragt hattest ) Ich unter anderem auch
   https://github.com/ioBroker/ioBroker.lovelace/issues/150

2. browser-player Card eingefügt um die entityID zu erhalten, die man benötigt, um andere Browser/Geräte ansprechen zu können:

type: custom:browser-player

Damit erhält man eine Card inkl. entityID

3. Im RAW-Konfigurationseditor folgendes definiert: (Beginn Zeile 4 / Ende Zeile 13)

- title: Test
  path: test
  badges: []
  popup_cards:
    light.Buero_Licht_Decke:
      title: Mein Popup
      card:
        type: entities
        entities:
          - light.Buero_Licht_Decke
          - light.Buero_Licht_Decke
          - light.Buero_Licht_Decke
          - light.Buero_Licht_Decke
  cards:

Wenn nun die Entity: light.Buero_Licht_Decke definiert wird, erhält man ein PopUp wie definiert:
Ich habe das bisher nur mit der Entity-Card versucht!!!

4. Anwendungsfälle
   4.1 - Ein Nachrichten PopUp auf allen Geräten, wenn Tür klingelt oder Bewegung erkannt wurde
   4.2 - Da werde ich / vielleicht die anderen Lovelace User bestimmt noch kreativ werden

5. Code-Schnipsel (das wäre so mein Favorit - wenn Bewegung, dann zeig mir Kamera -> einfach ausgedrückt):
   Das ist auch das Beispiel aus dem Kochbuch: https://github.com/thomasloven/hass-browser_mod/wiki/Cookbook

- id: popup_camera_when_human_detected
  alias: Popup Camera When Human Detected
  hide_entity: true
  initial_state: 'true'
  trigger:
    platform: state
    entity_id: binary_sensor.human
    to: 'on'
  action:
    - service: browser_mod.more_info
      data:
        entity_id: camera.main
        deviceID:
          - 12345678-12345678

Mehr habe ich erst mal nicht zu berichten.
Vielleicht reicht das für den Anfang!?

PS: Es gibt da noch ne besondere Unterstützung für FullyKiosk User, was ich auch nutze, nur da bin ich noch nicht und muss das auch erst mal alles verstehen...

thost96 created this issue in ioBroker/ioBroker.lovelace

closed support for browser_mod custom card #150

[nukleuz]

@garfonso

Soeben versucht die apexcharts-card.js hochzuladen - OHNE Erfolg - es passiert nichts.
https://github.com/RomRider/apexcharts-card/releases/tag/v1.9.0

Dateigröße: 731KB

Scheint ggf. doch etwas nicht zu passen?

Auch Adapter im Debug-Modus bringt keine Meldung.

[nukleuz]

@Garfonso

Hier werde ich mal die gewünschten Codeschnipsel sammeln, die du nur noch kopieren brauchst...
Weitere Codebeispiele (die nicht funktionieren):

type: custom:button-card
icon: mdi:bulb
show_state: true
name: test1
show_label: true
tap_action:
  action: call-service
  service: browser_mod.toast
  service_data:
    message: Short message

Fehlermeldung im LOG:

Unknown entity: undefined for service call {"type":"call_service","domain":"browser_mod","service":"toast","service_data":{"message":"Short message"},"id":272}

[Garfonso]

@nukleuz
hm... ne, das kann da eigentlich nicht sein. Die Datei wird an der Stelle noch gar nicht geprüft... die wird da nur vom UI direkt ins ioBroker-Dateisystem geschleust... der Adapter (und damit auch Lovelace) kriegt das da noch gar nicht mit...

@nachon könntest du mir ein Bild, was nicht geht, per E-Mail an garfonso@mobo.info schicken, damit ich damit mal testen kann und gucken, wo das Problem ist oder mindestens ne Fehlermeldung ausgeben lasse, wenn was nicht geht?

[Garfonso]

@nukleuz
ok, danke.

Hm... was soll das denn machen? Eine Nachricht auf allen UIs? Ich sehe, ich muss mir das Cookbook selber angucken.

[nukleuz]

@garfonso

Ja, es soll auf allen UIs eine Nachricht gesendet werden...

[nukleuz]

@garfonso

Kannst du die Karte denn hochladen?

[nachon]

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

@nachon könntest du mir ein Bild, was nicht geht, per E-Mail an garfonso@mobo.info schicken, damit ich damit mal testen kann und gucken, wo das Problem ist oder mindestens ne Fehlermeldung ausgeben lasse, wenn was nicht geht?

Ist raus.
Danke.

[gyle]

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

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

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

iobroker file write PFAD_ZUR_DATEI /lovelace.0/cards/DATEINAME

pi@iobroker:/opt/iobroker/iobroker-data/files/lovelace.0/cards $ iobroker file write /opt/iobroker/iobroker-data/files/lovelace.0/mini-media-player-bundle.js /opt/iobroker/iobroker-data/files/lovelace.0/cards/mini-media-player.js
 Cannot write file iobroker/iobroker-data/files/lovelace.0/cards/mini-media-player.js: opt is not an object of type "meta"
File "/opt/iobroker/iobroker-data/files/lovelace.0/mini-media-player-bundle.js" stored as "iobroker/iobroker-data/files/lovelace.0/cards/mini-media-player.js"

habe ich ausprobiert - das kam raus...!?

Dein Zielpfad ist falsch. Da nicht den Pfad im Dateisystem angeben, sondern den im "iobroker system", also tatsächlich nur /lovelace.0/cards/XYZ.js (ggf. noch Instanz anpassen)

Das andere solltest du mit iobroker del iobroker/iobroker-data/files/lovelace.0/cards/mini-media-player.js besser wieder löschen
Aber naja.. da scheint es ja halbwegs zu gehen... hm.. strange.

danke damit hat's geklappt---komisch...

[Garfonso]

@nukleuz
Nein. Es liegt an der Dateigröße. Ist ein Problem mit admin5. Ich gucke mal, dass ich einen workaround mache.

Bis dahin geht der Upload von "größeren" Dateien (weiß nicht genau, wo das Limit ist) nur per Konsole, leider...

@nachon
Danke

@gyle
Warum komisch? Siehe oben: Ist ein Problem in admin 5, muss da oder in lovelace behoben werden. Die Methode über die Konsole funktioniert daher noch.

//Edit:
Wer mutig ist kann den workaround im dev-branch testen. (Von Git Url installieren und dann Garfonso/iobroker.lovelace#dev reinkopieren).

[nukleuz]

@garfonso

Ich habe den folgenden Befehl ausgeführt:

 iobroker file write /home/iobroker/apexcharts-card.js /lovelace.0/cards/apexcharts-card.js
File "/home/iobroker/apexcharts-card.js" stored as "cards/apexcharts-card.js"

Karte ist unter Meine Karten zu sehen - leider wird sie nicht erkannt bzw. :

Besondere Installationsabhängigkeiten scheint es nicht zu geben:
https://github.com/RomRider/apexcharts-card#manual-install

[nukleuz]

@nukleuz
Ok, ok...

Karte gelöscht:

iobroker file del /lovelace.0/cards/apexcharts-card.js

Neustart von Lovelace Adapter und mit wget runtergeladen:

wget https://github.com/RomRider/apexcharts-card/releases/download/v1.9.0/apexcharts-card.js

und erneut iobroker file write ausgeführt -> Loveleace Neustart und schon wurde die Karte erkannt...

[nachon]

@garfonso
Guten Morgen,
ich habe nochmal etwas mit den Bildern gespielt, die ich nicht hochladen konnte.
Dabei habe ich diese nochmal von der Größe deutlich verkleinert. Und schwupps, hat es damit funktioniert. Es scheint in meinem Fall bei den Bildern also tatsächlich an der Größe gelegen zu haben. Nun funktioniert es gerade einwandfrei, wie gewünscht.

Das wollte ich nochmal mitteilen. Ich weiß nicht, wo genau die Größenbegrenzung liegt, aber größer als 1MB geht wohl eher nicht.

[Smolo]

Hallo,

ich versuche mich grad in Lovelace einzuarbeiten und suche jetzt seit 2h eine Möglichkeit Bilder über die UI hochzuladen bzw. wo das "richtige" Verzeichnis für den Webspace abgelegt ist kann mich mal jemand abholen?

Außerdem würde es mich interessieren wo das oder die Yaml Files liegen, wenn ich diese direkt mit Visual Studio Code editieren möchte?

Vielen Dank.

Grüße Smolo

*Edit: Also die Frage mit den Bildern hat sich erledigt. Die Anleitung die hier verlinkt ist habe ich in den 2h nicht gefunden es wäre doch schön wenn die im GitHub Repo verlinkt wird.

Was mich echt zum Wahnsinn getrieben hat das ich noch keinen LoveLace.0 Ordner hatte weil keine Karte/Bild abgelegt war da hätte ich noch Tage suchen können grumpf*

[nachon]

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

Außerdem würde es mich interessieren wo das oder die Yaml Files liegen, wenn ich diese direkt mit Visual Studio Code editieren möchte?

Wenn ich mich nicht täusche ist sie wie folgt zu finden:

• Starte den Lovelace Adapter
• Öffne die Visualisierung
• Oben rechts findest Du drei Punkte, öffne das Menü und wähle "Benutzeroberfläche konfigurieren"
• Du kommst in den Bearbeitungsmodus
• Klicke erneut oben rechts auf die drei Punkte und wähle "RAW Konfigurationseditor"

Dann solltest Du den Inhalt sehen. Wo die Datei physisch liegt kann ich so aus dem Stehgreif leider nicht gerade sagen. Aber vielleicht hilft das schonmal.
VG

[Garfonso]

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

Hallo,

ich versuche mich grad in Lovelace einzuarbeiten und suche jetzt seit 2h eine Möglichkeit Bilder über die UI hochzuladen bzw. wo das "richtige" Verzeichnis für den Webspace abgelegt ist kann mich mal jemand abholen?

Außerdem würde es mich interessieren wo das oder die Yaml Files liegen, wenn ich diese direkt mit Visual Studio Code editieren möchte?

Die gibt es nicht physisch.
Die Konfiguration erhält das Frontend als JSON und das liegt im Objekt lovelace.x.configuration (im Objekt, nicht im State und da im native-Teil).

Das yaml kannst du im Frontend im raw-konfigurations Editor bearbeiten -> wenn du das unbedingt im Yaml machen willst, musst du es da zur Not rauskopieren und dann in Visual Studio arbeiten.

Vielen Dank.

Grüße Smolo

*Edit: Also die Frage mit den Bildern hat sich erledigt. Die Anleitung die hier verlinkt ist habe ich in den 2h nicht gefunden es wäre doch schön wenn die im GitHub Repo verlinkt wird.

Was mich echt zum Wahnsinn getrieben hat das ich noch keinen LoveLace.0 Ordner hatte weil keine Karte/Bild abgelegt war da hätte ich noch Tage suchen können grumpf*

Welche Anleitung hat dir gesagt die Bilder in einen Ordner zu kopieren? Das ist falsch. Die Bilder müssen entweder über die Instanzkonfiguration hochgeladen werden oder mit den ein paar Posts weiter oben beschriebenen Kommandozeilenbefehlen.
Es kann sein, dass es so erstmal funktioniert. Wenn du aber was an ioBroker änderst (oder ioBroker sich nochmal verändert), kann es sein, dass die Dateien dann plötzlich nicht mehr gefunden werden, obwohl sie da sind.