Energieanzeige (kWh) über HTML Tabelle - vis

[liv-in-sky]

es gibt ein update des scriptes (erster post) - benutzer, die keinenshelly 3M haben oder nicht an materialdesign widget interessiert sind, brauchen nicht unbedingt updaten

• virtPower zustände sichtbar
• materialDesign widgets möglich
• shelly 3M eingepflegt ( @harrym - bitte testen)

vorsicht beim zurückkopieren der settings - es wurden wegen des material widgets einige variabklen hinzugefügt - auch datenpunkte kommen neue - müssen aber nur angelegt werden, wenn man brauche..widget..=true ausgwählt hat

[sigi234]

@liv-in-sky sagte in Energieanzeige (kWh) über HTML Tabelle - vis:

materialDesign widgets möglich

Wo kann ich die Bildchen ändern im Skript?

[liv-in-sky]

@sigi234 eigentlich garnicht - du kannst deine eigenen nur in einen bestimmten ordner kopieren - den pfad im script angleichen und deine bilder richtig benennen - wie die heißen siehst du ja, wenn du die bilder "downloadest"

oder du machst es im script selbst und bei jedem update mußt du es wieder machen

im script gibt es unter jeder einheit diese zuweisung: z.b. "valMarkeDevice=sonoffk" - das bild heißt dann sonoffk.png

[sigi234]

@liv-in-sky sagte in Energieanzeige (kWh) über HTML Tabelle - vis:

eigentlich garnicht

Deshalb:

[sigi234]

@sigi234 sagte in Energieanzeige (kWh) über HTML Tabelle - vis:

@liv-in-sky sagte in Energieanzeige (kWh) über HTML Tabelle - vis:

eigentlich garnicht

Deshalb:

Ok, infok fehlt

[liv-in-sky]

@sigi234 sorry- dachte ich habe das mitkopiert - ist jetzt drin - brauchst du noch was ?

[sigi234]

@liv-in-sky sagte in Energieanzeige (kWh) über HTML Tabelle - vis:

@sigi234 sorry- dachte ich habe das mitkopiert - ist jetzt drin - brauchst du noch was ?

Nö, Danke

[Oli]

@liv-in-sky

wow, echt wieder Klasse, aber wie immer habe ich natürlich wieder ein paar Fragen.

1. Wo kann ich im Script die Schriftfarbe für "alle Geräte" ändern?
2. Kann man beim Icon List Widget durch die untere Farbe anzeigen lassen, ob das Gerät an oder aus ist?
3. Wie bekomme ich meine bereits gespeicherten Verbrauchsdaten in die neuen Widgets?

[liv-in-sky]

@Oli

frage 3 du musst braucheEinVISWidget=true; eingeschaltet lassen
zu 2: nein, denn es zeigt an , ob das gerät (also der sensor) aktiv ist - evtl. werde ich morgen noch den switch selbst mit einbeziehen ( ich hoffte, es fällt niemanden auf, dass sie fehlen )
zu eins: ist keine variable - kann ich aber auch morgen miteinbeziehen und als variable anbieten

[Oli]

@liv-in-sky

zu 3: Wenn ich das mache überschreibt er mir die vorhandenen Werte
zu 2: Das könnte man wie beim unifi Script mit einem zusätzlichen Image lösen

4. In der alten Tabelle hattest du noch den Gesamtverbrauch mit drin, ist der rausgeflogen?
5. Kann man einen Button zum ein und ausschalten mit einbauen, so wie im Script vom Adapterstatus?

Programmieren kann ich nicht, aber Ideen habe ich viele

Hier mal das offizielle homee Logo zum austauschen in deiner Sammlung

[PatrickFro]

@liv-in-sky
Moin,

die Änderungen gefallen mir sehr, ich kann nun die Spalten ausblenden, die ich nicht brauche. Auch das LAyout passt nun deutlich besser zu meiner View. Danke dafür.

Leider bin ich für die Bilder scheinbar zu doof...

Pfad ist korrekt gesetzt, Bilder sind an der Stelle. Trotzdem werden sie nicht angezeigt. Da niemand anderes dieses schreibt, ist mein Raspi wohl wieder was besonderes

Hast Du eine Idee?

[Oli]

@PatrickFro

du musst den Pfad im Script angeben, nicht im Widget.

Sorry habe den Schnippel vom Script übersehen, hast du ja schon

Edit:
Schreib mal das Wort "Icons" im Script so wie im Widget.

[PatrickFro]

@Oli Pfade sind korrekt geschrieben oder was übersehe ich dabei?

[Oli]

@PatrickFro

du schreibst das Wort "Icons" im Script komplett groß im Widget nicht

[liv-in-sky]

@PatrickFro wie has du eigentlich die marke in die 2te spalte bekommen ?

[liv-in-sky]

@PatrickFro kannst du mal bitte den inhalt des datenpunktes für das materialdesign table widget posten ?

[Oli]

@liv-in-sky

ich habe vielleicht auch noch eine interessante Variante für deine Sammlung

Spoiler

[{"tpl":"tplVis-materialdesign-Icon-List","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","wrapItems":true,"listItemDataMethod":"jsonStringObject","countListItems":"1","vibrateOnMobilDevices":"50","listLayout":"card","itemLayout":"vertical","listType0":"text","showValueLabel0":"true","listType1":"text","showValueLabel1":"true","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"json_string_oid":"javascript.0.Energieverbrauch.Strom.EnergyMaterialWidge","maxItemsperRow":"7","iconItemMinWidth":"280","iconHeight":"60","buttonHeight":"","labelFontSize":"16","subLabelFontSize":"14","subLabelFontColor":"#8f8f8f","labelFontFamily":"Arial, Helvetica, sans-serif","subLabelFontFamily":"Arial, Helvetica, sans-serif","horizontalIconContainerWidth":"","listImage0":"","autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockFilterGrayscale":"30","lockApplyOnlyOnImage":"true","verticalIconContainerHeight":"80","buttonLayout":"full","itemBackgroundColor":"#2e2e2e","labelFontColor":"#d7cec1"},"style":{"left":"23px","top":"308px","width":"calc(100% - 40px)","height":"calc(100% - 120px)","overflow-x":"","overflow-y":"auto","z-index":"1","color":"#8f8f8f"},"widgetSet":"materialdesign"}]

Subtextänderungen im Script ab Zeile 1530

mysubText =     `<div>Strom: ${vax3} A</div> 
                      <div>Spannung: ${vax4} V</div> 
                      <div>Leistung: ${vax5} W</div>
                      <div>Heute: ${vax7} kWh</div> 
                      <div>Monat: ${vax8} kWh</div>
                      <div>Heute: ${vax9} €</div> 
                      <div>Monat: ${vax10} €</div>`

[Oli]

@liv-in-sky said in Energieanzeige (kWh) über HTML Tabelle - vis:

wie has du eigentlich die marke in die 2te spalte bekommen ?

das funktioniert, wenn du in deinem Script bei der Json Bildung die Marke als zweites einfügst und anschließend im Widget die Spalten neu konfigurierst.

[liv-in-sky]

@Oli danke, dass weiß ich - ich wollte eigentlich wissen, ob @PatrickFro das script verändert hat - wegen den bildern

[liv-in-sky]

@Oli das sieht gut aus - ich wollte nur nicht so viel platz verschwenden , wenn man mehr von den geräten hat, wird es sonst zu lange

poste doch deine "subtext"einstellung , damit andere das auch haben