jarvis v2.2.0 - just another remarkable vis

[Smart81]

@mcu

Moin!

Ich bewundere ja solche Talente Für mich ist das unvorstellbar sowas schreiben zu können

Habe das script erstellt und gestartet , er kopiert nun in vis.0/ring/main die jpgs sauber rein sobald was ausgelöst wird.

Den pfad könnte ich jetzt als displayimage widget bei jarvis eintragen?

Ist es möglich das er immer den selben namen für das Bild nimmt und diesen immer wieder überschreibt? Weil aktuell kopiert er nur die Bilder mit den unterschiedlichen namen in den vis ordner.

[MCU]

@smart81 Nein, da ja das displayImage einen festen Wert haben möchte. Dann müsste man immer den gleichen Bildnamen verwenden. Da ich aber in v3 damit Probleme hatte, habe ich es wieder auf den "filename" umgestellt.
Ja man kann es auch auf ein Bildnamen einstellen, wie gesagt in v3 gab es damit Probleme.
Wird denn jetzt ein Bild in jarvis angezeigt?

[SKB]

@mcu Habe es nun mit einem Hilfsdatenpunkt gemacht. Danke für die Inspiration

Vielleicht hast Du noch eine Idee. Ich habe hier einen DP, der Sekunden anzeigt. Kann man die in V2 auch in HH:MM(ggf. SS) formatieren?

Danke!

[MCU]

@skb Aber nur für die Anzeige in jarvis?
Vermutlich ja

{"value":"val => formatDate(val,'hhmm')"}

Versuch mal in Datenpunkt Eigenschaften

[SKB]

@mcu Genau. Der Datenpunkt liefert Sekunden und ich würde gerne in Jarvis HH:MM oder HH:MM:SS haben.
Geht das ohne "Hilfs"-DP?

[MCU]

@skb sonst musst du im Internet nach Format date

[SKB]

@mcu Klappt mit:

{
  "value": "val => new Date(val * 1000).toISOString().substr(11, 8)"
}

DP: 1067 (Sekunden)
Ausgabe: 00:17:47

[Smart81]

@mcu

Nein , ich weiß nicht wie ich das Script mit Jarvis verwende

Hab jetzt ein JavaScript erstellt und deinen Code reinkopiert und gestartet.

Nur wie bekomme ich das jetzt mittels Blockly in Jarvis?

Muss ich ja dann mit den CustomHMTL Widget irgendwie hinbekommen

[MCU]

@smart81 Du musst doch nur noch Dein DP "0_userdata.0.Camera" in jarvis mit customHTML anzeigen lassen.

[Smart81]

@mcu

Oh !

Ok das hab ich mir komplizierter vorgestellt

Ich schau mal

edit: FUNKTIONIERT

Vielen Dank

[MCU]

@RkcCorian
Hier das Programm zur Analyse der DPs in v3

v3 Analyse Programm für die device States

let devices = getState('jarvis.0.devices').val;
devices = JSON.parse(devices);

let anz=0;
for (let key in devices){
   let devicesArr = devices[key];
   for (let key2 in devicesArr){
       let devicesStates =devicesArr[key2].states;
       for (let key3 in devicesStates){
           if (existsState(devicesStates[key3].state)== false) {
               if (devicesStates[key3].state == undefined){
                   log('Das Gerät '+ devicesArr[key2].name + ' ist mit dem DP '+ key3 + ' angelegt, hat aber keinen Datenpunkt (Anzeige)!')
               }else{
                   log('ID ' + devicesStates[key3].state + ' im Gerät '+ devicesArr[key2].name +' nicht vorhanden Geräte-DP: '+ key3);
                   if (getObject(devicesStates[key3].state)){
                       log('ID ist vorhanden, hat aber einen NULL Wert in ioBroker');
                   }
               }
               
               
           }
       
       }
   }
}

[Diginix]

Hat schon mal jemand eine Animation mit 3 Icons gebaut?
Ich hätte gern eine Ladeanimation vom Akku mit diesen Icons:

Sollte sich bestimmt mit CSS/JSON bauen lassen.

[MCU]

@diginix Was soll die Animation machen?

[Diginix]

@mcu 3 Icons hintereinander anzeigen wie beim Smartphone wenn der Akku lädt. Erst das mit nur einem Balken, dann das mit 2, dann das mit 3 und wieder von vorn.
Sprich das Icon muss nach x Millisek gewechselt werden als loop.

Bisher färbe ich die Icons für Laden bzw. Entladen nur anhand der Leistung pro Datenpunkt

Wenn Wert >0 dann grün und pulsierend mittels "animation":"fader 1.5s linear infinite"

[RkcCorian]

@mcu Dankeeeee!

[Smart81]

@diginix

Grüß dich

Das pulsieren und einfärben machst du direkt über Jarvis?

[SKB]

@smart81 Genau. Geht im CSS Reiter. Gibt Beispiele weiter oben - für Farbe und blink.

[Diginix]

@smart81 Ja, einfärben auch animiert usw geht alles. Aber das Icon selbst lässt sich nur bei Werteänderung tauschen. Ich hätte aber gern das 3 Icons als Animation rotieren. So wie früher animierte GIFs.
Man könnte sicher das Ansteigen der Akkufüllung mit CSS bauen, aber das ist Fummelarbeit. Daher war meine Frage ob man nicht über CSS keyframes 3 Icons infinit loopen lassen könnte.

[Renegade 0]

Moin,
da ich ja Jarvis auf einem Smart-Mirror anzeigen lasse, will ich den Bildschirm in schwarz haben und nur um die einzelnen Tabs einen Rand in der Farbe vom Dark theme.

Kann mir da wer helfen bei den Styles?
Die Leiste und die Tabs hab ich schon schwarz. Der Hintergrund (tabpanel) und die kleine Leiste rechts, wenn man die Topbar ausblendet fehlen mir noch.
Und die Border.

mfG
Rene

[MCU]

@renegade-0 Zeig mal bitte wie es jetzt schon aussieht.
F12 -Elemente

Falls es auch bei Dir die gleiche Klasse ist, dann

.jss19{
  background-color:black;
}

Fürs TabPanel:

.jarvis-TabPanel{
  background-color: black;
}