Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Skripten / Logik
  4. JavaScript
  5. Energieanzeige (kWh) über HTML Tabelle - vis

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    17
    1
    386

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.9k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.3k

Energieanzeige (kWh) über HTML Tabelle - vis

Scheduled Pinned Locked Moved JavaScript
javascripttemplate
696 Posts 37 Posters 168.9k Views 46 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • O Oli

    @liv-in-sky

    ich meine die rot markierten Werte

    6c6cc1a6-a8d0-4f72-ad93-74f416c562e6-image.png

    P Offline
    P Offline
    PatrickFro
    wrote on last edited by
    #313

    @Oli let mitMonatBeforeAnzeige=false; auf true, dann ist der Vormonat wieder dabei

    O 1 Reply Last reply
    0
    • liv-in-skyL liv-in-sky

      wieder ein update - erster post - für die material design widget user !

      • die farbe für "alle geräte" widget ist im setting einstellbar - für materialdesign(MD)
      • bugfix bei anwendung der bilder - kam nur bei besonderen daten zum vorschein
      • schalter (ON OFF) sind nun sichtbar im material design - farbe war und ist einstellbar (const farbeSchalterON)
      • die farbe für die EINSPEISUNG ist auch einstellbar für MD
      • im setting sind die MD widgets auf false - bitte auf true setzen ( wenn ihr die html tabelle nicht benötigt, kann braucheEinVISWidget=false eingestellt werden)

      @PatrickFro bitte teste das script ohne änderungen und sieh nach en bildern und den werten

      @oli - mit dem schalten der buttons habe ich mich noch nicht beschäftigt - im material design widget

      P Offline
      P Offline
      PatrickFro
      wrote on last edited by
      #314

      @liv-in-sky leider keine Änderung, Bilder fehlen weiterhin.

      liv-in-skyL 1 Reply Last reply
      0
      • P PatrickFro

        @Oli let mitMonatBeforeAnzeige=false; auf true, dann ist der Vormonat wieder dabei

        O Online
        O Online
        Oli
        wrote on last edited by
        #315

        @PatrickFro

        danke, habe ich bei den ganzen Einstellungsmöglichkeiten total übersehen

        Gruß
        Oliver

        1 Reply Last reply
        0
        • P PatrickFro

          @liv-in-sky leider keine Änderung, Bilder fehlen weiterhin.

          liv-in-skyL Offline
          liv-in-skyL Offline
          liv-in-sky
          wrote on last edited by liv-in-sky
          #316

          @PatrickFro bei mir gehen die auch im /vis.0/Icons ordner (gerade getestet) - starte mal die vis instanz neu (oder iobroker)- vielleicht cache thema

          Image 5.png

          nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

          P 1 Reply Last reply
          0
          • liv-in-skyL liv-in-sky

            @PatrickFro bei mir gehen die auch im /vis.0/Icons ordner (gerade getestet) - starte mal die vis instanz neu (oder iobroker)- vielleicht cache thema

            Image 5.png

            P Offline
            P Offline
            PatrickFro
            wrote on last edited by
            #317

            @liv-in-sky Cache hatte ich schon gemacht, nun auch IoBroker neu gestartet. Keine Änderung...

            liv-in-skyL 1 Reply Last reply
            0
            • P PatrickFro

              @liv-in-sky Cache hatte ich schon gemacht, nun auch IoBroker neu gestartet. Keine Änderung...

              liv-in-skyL Offline
              liv-in-skyL Offline
              liv-in-sky
              wrote on last edited by
              #318

              @PatrickFro

              anderen ordner - alle files nochmal hochladen - script ändern/anpassen

              nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

              P O 2 Replies Last reply
              0
              • liv-in-skyL liv-in-sky

                @PatrickFro

                anderen ordner - alle files nochmal hochladen - script ändern/anpassen

                P Offline
                P Offline
                PatrickFro
                wrote on last edited by
                #319

                @liv-in-sky alles gemacht, keine Änderung

                1 Reply Last reply
                0
                • liv-in-skyL liv-in-sky

                  Energieanzeige (kWh) über HTML Tabelle - vis, iqontrol

                  SCRIPT WIRD NICHT MEHR SUPPORTET ODER WEITERENTwICKELT- siehe SourcAnalytics Adapter

                  dies ist ein weiterführender thread von https://forum.iobroker.net/topic/29022/strom-geräte-als-html-tabelle-vis-iqontrol/284

                  es geht um die energieanzeige (kwh) und den dazugehörigen preis - grundlage ist das script https://forum.iobroker.net/topic/28021/html-table-für-vis-oder-iqontrol-js-und-blockly nur diesmal gefüllt mit energiewerten - das script wird noch entwickelt - wir sind noch in der testphase

                  damit bei manchen geräten auch was zum anzeigen da ist, besteht die möglichkeit über den sourceanalytics adapter mehr infos zu generieren und das script verwendet die daten

                  • es müssen 2 datenpunkte von euch angelegt werden - beschreibung im script ganz oben - und dann auch in script übertragen werden
                  • im 2ten block werden die gewünschten geräte freigeschalten

                  das ganze sollte dann so aussehen :
                  die tabelle hat einige einstellmöglichkeiten - farbe, breite, ...

                  Image 3.png

                  Image 4.png

                  jetzt auch materialdesign widget einbindung

                  1584277649503-ed49a3f2-6dd3-469d-a619-ee6e51c78dff-image.png https://forum.iobroker.net/post/394372


                  Image 3.png Image 1.png Image 5.png


                  https://forum.iobroker.net/post/460819


                  https://forum.iobroker.net/post/389578

                  das momentane script

                  https://github.com/liv-in-sky/iobroker-energy-script

                  virtu.Power Adapter einstellung für dieses script: https://forum.iobroker.net/post/363097

                  bisher integriert

                  hersteller
                  sonoffk.png sonoff pow
                  blitzwolfk.png blitzwolf
                  homeek.jpg homee
                  tuyak.png tuya
                  tplinkk.png tplink
                  xiaomki.png xiaomi, mihome
                  homematick.jpg homematic, homematic-Ip
                  teckink.jpg teckin
                  gosundk.jpg gosund
                  shellyk.jpg shelly
                  meross.png meross
                  sigi234S Online
                  sigi234S Online
                  sigi234
                  Forum Testing Most Active
                  wrote on last edited by
                  #320

                  @liv-in-sky

                  Funktioniert bei mir, wie kann ich den Abstand Icon zu Text ändern?

                  Screenshot (2035).png

                  Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                  Immer Daten sichern!

                  liv-in-skyL 1 Reply Last reply
                  0
                  • liv-in-skyL liv-in-sky

                    @PatrickFro

                    anderen ordner - alle files nochmal hochladen - script ändern/anpassen

                    O Online
                    O Online
                    Oli
                    wrote on last edited by Oli
                    #321

                    @liv-in-sky

                    habe auch noch etwas mit den Widgets gespielt, echt cool

                    ed49a3f2-6dd3-469d-a619-ee6e51c78dff-image.png

                    Materialdesign Widget Table

                    [{"tpl":"tplVis-materialdesign-Table","data":{"oid":"javascript.0.Energieverbrauch.Strom.MaterialWidgetTable","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","countCols":"12","tableLayout":"card","showHeader":"true","headerTextSize":"headline6","showColumn0":"true","colType0":"text","textAlign0":"left","showColumn1":"true","colType1":"image","textAlign1":"center","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,"showColumn2":"true","colType2":"text","textAlign2":"center","showColumn3":"true","colType3":"text","textAlign3":"right","showColumn4":"true","colType4":"text","textAlign4":"right","showColumn5":"true","colType5":"text","textAlign5":"right","showColumn6":"true","colType6":"text","textAlign6":"center","showColumn7":"true","colType7":"text","textAlign7":"right","showColumn8":"true","colType8":"text","textAlign8":"right","showColumn9":"true","colType9":"text","textAlign9":"right","label0":"Gerät","label1":"Bild","label2":"Status","label3":"Strom (A)","label4":"Spannung (V)","label5":"Leistung (W)","label6":"Schalter","label7":"Heute (kWh)","label8":"Monat (kWh)","label9":" Vormonat (kWh)","colorBackground":"#2e2e2e","colorHeaderRowText":"#8f8f8f","colorHeaderRowBackground":"#202020","colorRowText":"#8f8f8f","dividers":"","borderColor":"#202020","padding_left5":"0","showColumn10":"true","colType10":"text","textAlign10":"right","label10":" Heute (€)","imageSize10":"18","rowHeight":"35","padding_right7":"","class":"mdui-table mdui-table-ascard-r250-l mdui-table-striped noSwipemdui-table-ascard-r250-l mdui-table-striped noSwipe","colorRowBackground":"#2e2e2e","padding_right8":"","imageSize1":"20","columnWidth9":"","columnWidth8":"","showColumn11":"true","colType11":"text","textAlign11":"right","showColumn12":"true","colType12":"text","textAlign12":"right","label11":"Monat (€)","label12":"Vormonat (€)"},"style":{"left":"20px","top":"45px","width":"97.69%","height":"286px","overflow-y":"auto"},"widgetSet":"materialdesign"}]
                    

                    Materialdesign Widget Iconlist

                    [{"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.MaterialWidget","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":"424px","width":"calc(100% - 40px)","height":"calc(100% - 120px)","overflow-x":"","overflow-y":"auto","z-index":"1","color":"#8f8f8f"},"widgetSet":"materialdesign"}]
                    

                    Änderungen im Script von Zeile 1546 bis Zeile 1575

                    if (!filterArrAusnahme.includes(val0)) {
                                              
                      mysubText =     `<div>Strom: ${vax3} A</div> 
                                        <div>Spannung: ${vax4} V</div> 
                                        <div>Leistung: ${vax5} W</div>
                                        <div>&ensp; </div>
                                        <div>Heute: ${vax7} kWh</div> 
                                        <div>Monat: ${vax8} kWh</div>
                                        <div>Vormonat: ${vaxMBefore} kWh</div>
                                        <div>&ensp; </div>
                                        <div>Heute: ${vax9} €</div> 
                                        <div>Monat: ${vax10} €</div>
                                        <div>Vormonat: ${vaxKostenBefore} €</div>
                                        <div style="display: flex; flex: 1; text-align: left; align-items: center; position: relative;">
                                        ${vax6}</font></div>`;
                    } else {
                     
                    mysubText =     `     <div style="color: ${farbeMDEinspeisung};  ">EINSPEISUNG Leistung: ${vax5} W</div>
                                          <div>&ensp; </div>  
                                          <div>Heute: ${vax7} kWh</div> 
                                          <div>Monat: ${vax8} kWh</div>
                                          <div>Vormonat: ${vaxMBefore} kWh</div>
                                          <div>&ensp; </div>
                                          <div>Heute: ${vax9} €</div> 
                                          <div>Monat: ${vax10} €</div>
                                          <div>Vormonat: ${vaxKostenBefore} €</div>
                                          <div>Schalter: ${vax6}</font></div>`;
                                          vaxBckGround="#8A4B08";
                    //  // <div>Strom:${vax3}A Spannung: ${vax4}V Leistung: ${vax5}W</div>    //font-size: 80% ;
                    }
                     
                    if (vax1.indexOf("GESAMT VirtualPower")>-1) {
                      mysubText =     ` <div>&ensp; </div>
                                        <div>&ensp; </div>
                                        <div>&ensp; </div>
                                        <div>&ensp; </div>
                                        <div>Heute: ${vax7} kWh</div>
                                        <div>Monat: ${vax8} kWh</div>
                                        <div>Vormonat: ${vaxMBefore} kWh</div>
                                        <div>&ensp; </div>
                                        <div>Heute: ${vax9} € </div>
                                        <div>Monat: ${vax10} €</div>
                                        <div>Vormonat: ${vaxKostenBefore} €</div>
                                        <div>&ensp; </div>`;
                     
                    }
                    if (vax1.indexOf("GESAMT")>-1) {
                      mysubText =     ` <div>&ensp; </div>
                                        <div>&ensp; </div>
                                        <div>&ensp; </div>
                                        <div>&ensp; </div>
                                        <div>Heute: ${vax7} kWh</div>
                                        <div>Monat: ${vax8} kWh</div>
                                        <div>Vormonat: ${vaxMBefore} kWh</div>
                                        <div>&ensp; </div>
                                        <div>Heute: ${vax9} € </div>
                                        <div>Monat: ${vax10} €</div>
                                        <div>Vormonat: ${vaxKostenBefore} €</div>
                                        <div>&ensp; </div>`; 
                    }
                    

                    Gruß
                    Oliver

                    sigi234S liv-in-skyL 2 Replies Last reply
                    0
                    • O Oli

                      @liv-in-sky

                      habe auch noch etwas mit den Widgets gespielt, echt cool

                      ed49a3f2-6dd3-469d-a619-ee6e51c78dff-image.png

                      Materialdesign Widget Table

                      [{"tpl":"tplVis-materialdesign-Table","data":{"oid":"javascript.0.Energieverbrauch.Strom.MaterialWidgetTable","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","countCols":"12","tableLayout":"card","showHeader":"true","headerTextSize":"headline6","showColumn0":"true","colType0":"text","textAlign0":"left","showColumn1":"true","colType1":"image","textAlign1":"center","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,"showColumn2":"true","colType2":"text","textAlign2":"center","showColumn3":"true","colType3":"text","textAlign3":"right","showColumn4":"true","colType4":"text","textAlign4":"right","showColumn5":"true","colType5":"text","textAlign5":"right","showColumn6":"true","colType6":"text","textAlign6":"center","showColumn7":"true","colType7":"text","textAlign7":"right","showColumn8":"true","colType8":"text","textAlign8":"right","showColumn9":"true","colType9":"text","textAlign9":"right","label0":"Gerät","label1":"Bild","label2":"Status","label3":"Strom (A)","label4":"Spannung (V)","label5":"Leistung (W)","label6":"Schalter","label7":"Heute (kWh)","label8":"Monat (kWh)","label9":" Vormonat (kWh)","colorBackground":"#2e2e2e","colorHeaderRowText":"#8f8f8f","colorHeaderRowBackground":"#202020","colorRowText":"#8f8f8f","dividers":"","borderColor":"#202020","padding_left5":"0","showColumn10":"true","colType10":"text","textAlign10":"right","label10":" Heute (€)","imageSize10":"18","rowHeight":"35","padding_right7":"","class":"mdui-table mdui-table-ascard-r250-l mdui-table-striped noSwipemdui-table-ascard-r250-l mdui-table-striped noSwipe","colorRowBackground":"#2e2e2e","padding_right8":"","imageSize1":"20","columnWidth9":"","columnWidth8":"","showColumn11":"true","colType11":"text","textAlign11":"right","showColumn12":"true","colType12":"text","textAlign12":"right","label11":"Monat (€)","label12":"Vormonat (€)"},"style":{"left":"20px","top":"45px","width":"97.69%","height":"286px","overflow-y":"auto"},"widgetSet":"materialdesign"}]
                      

                      Materialdesign Widget Iconlist

                      [{"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.MaterialWidget","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":"424px","width":"calc(100% - 40px)","height":"calc(100% - 120px)","overflow-x":"","overflow-y":"auto","z-index":"1","color":"#8f8f8f"},"widgetSet":"materialdesign"}]
                      

                      Änderungen im Script von Zeile 1546 bis Zeile 1575

                      if (!filterArrAusnahme.includes(val0)) {
                                                
                        mysubText =     `<div>Strom: ${vax3} A</div> 
                                          <div>Spannung: ${vax4} V</div> 
                                          <div>Leistung: ${vax5} W</div>
                                          <div>&ensp; </div>
                                          <div>Heute: ${vax7} kWh</div> 
                                          <div>Monat: ${vax8} kWh</div>
                                          <div>Vormonat: ${vaxMBefore} kWh</div>
                                          <div>&ensp; </div>
                                          <div>Heute: ${vax9} €</div> 
                                          <div>Monat: ${vax10} €</div>
                                          <div>Vormonat: ${vaxKostenBefore} €</div>
                                          <div style="display: flex; flex: 1; text-align: left; align-items: center; position: relative;">
                                          ${vax6}</font></div>`;
                      } else {
                       
                      mysubText =     `     <div style="color: ${farbeMDEinspeisung};  ">EINSPEISUNG Leistung: ${vax5} W</div>
                                            <div>&ensp; </div>  
                                            <div>Heute: ${vax7} kWh</div> 
                                            <div>Monat: ${vax8} kWh</div>
                                            <div>Vormonat: ${vaxMBefore} kWh</div>
                                            <div>&ensp; </div>
                                            <div>Heute: ${vax9} €</div> 
                                            <div>Monat: ${vax10} €</div>
                                            <div>Vormonat: ${vaxKostenBefore} €</div>
                                            <div>Schalter: ${vax6}</font></div>`;
                                            vaxBckGround="#8A4B08";
                      //  // <div>Strom:${vax3}A Spannung: ${vax4}V Leistung: ${vax5}W</div>    //font-size: 80% ;
                      }
                       
                      if (vax1.indexOf("GESAMT VirtualPower")>-1) {
                        mysubText =     ` <div>&ensp; </div>
                                          <div>&ensp; </div>
                                          <div>&ensp; </div>
                                          <div>&ensp; </div>
                                          <div>Heute: ${vax7} kWh</div>
                                          <div>Monat: ${vax8} kWh</div>
                                          <div>Vormonat: ${vaxMBefore} kWh</div>
                                          <div>&ensp; </div>
                                          <div>Heute: ${vax9} € </div>
                                          <div>Monat: ${vax10} €</div>
                                          <div>Vormonat: ${vaxKostenBefore} €</div>
                                          <div>&ensp; </div>`;
                       
                      }
                      if (vax1.indexOf("GESAMT")>-1) {
                        mysubText =     ` <div>&ensp; </div>
                                          <div>&ensp; </div>
                                          <div>&ensp; </div>
                                          <div>&ensp; </div>
                                          <div>Heute: ${vax7} kWh</div>
                                          <div>Monat: ${vax8} kWh</div>
                                          <div>Vormonat: ${vaxMBefore} kWh</div>
                                          <div>&ensp; </div>
                                          <div>Heute: ${vax9} € </div>
                                          <div>Monat: ${vax10} €</div>
                                          <div>Vormonat: ${vaxKostenBefore} €</div>
                                          <div>&ensp; </div>`; 
                      }
                      

                      sigi234S Online
                      sigi234S Online
                      sigi234
                      Forum Testing Most Active
                      wrote on last edited by
                      #322

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

                      habe auch noch etwas mit den Widgets gespielt, echt cool

                      Cool, wie sind deine Einstellungen von der Liste?

                      Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                      Immer Daten sichern!

                      O 1 Reply Last reply
                      0
                      • sigi234S sigi234

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

                        habe auch noch etwas mit den Widgets gespielt, echt cool

                        Cool, wie sind deine Einstellungen von der Liste?

                        O Online
                        O Online
                        Oli
                        wrote on last edited by Oli
                        #323

                        @sigi234

                        hier das Widget

                        [{"tpl":"tplVis-materialdesign-Table","data":{"oid":"javascript.0.Energieverbrauch.Strom.MaterialWidgetTable","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","countCols":"10","tableLayout":"card","showHeader":"true","headerTextSize":"headline6","showColumn0":"true","colType0":"text","textAlign0":"left","showColumn1":"true","colType1":"image","textAlign1":"center","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,"showColumn2":"true","colType2":"text","textAlign2":"center","showColumn3":"true","colType3":"text","textAlign3":"right","showColumn4":"true","colType4":"text","textAlign4":"right","showColumn5":"true","colType5":"text","textAlign5":"right","showColumn6":"true","colType6":"text","textAlign6":"center","showColumn7":"true","colType7":"text","textAlign7":"right","showColumn8":"true","colType8":"text","textAlign8":"right","showColumn9":"true","colType9":"text","textAlign9":"right","label0":"Gerät","label1":"Bild","label2":"Status","label3":"Strom (A)","label4":"Spannung (V)","label5":"Leistung (W)","label6":"Schalter","label7":"Heute (kWh)","label8":"Monat (kWh)","label9":" Heute (€) ","colorBackground":"#2e2e2e","colorHeaderRowText":"#8f8f8f","colorHeaderRowBackground":"#202020","colorRowText":"#8f8f8f","dividers":"","borderColor":"#202020","padding_left5":"0","showColumn10":"true","colType10":"text","textAlign10":"right","label10":"Monat (€)","imageSize10":"18","rowHeight":"35","padding_right7":"","class":"mdui-table mdui-table-ascard-r250-l mdui-table-striped noSwipemdui-table-ascard-r250-l mdui-table-striped noSwipe","colorRowBackground":"#2e2e2e","padding_right8":"","imageSize1":"20","columnWidth9":"","columnWidth8":""},"style":{"left":"20px","top":"45px","width":"97.69%","height":"286px","overflow-y":"auto"},"widgetSet":"materialdesign"}]
                        

                        Wenn du verschieden Bilder haben möchtest musst du das im Script ändern, hier mal der Code Schnippsel

                        var bild_array = val0.split('/ ');
                                   var bild = bild_array[2]
                                   valMarkeDevice=bild  
                        

                        Gruß
                        Oliver

                        1 Reply Last reply
                        1
                        • sigi234S sigi234

                          @liv-in-sky

                          Funktioniert bei mir, wie kann ich den Abstand Icon zu Text ändern?

                          Screenshot (2035).png

                          liv-in-skyL Offline
                          liv-in-skyL Offline
                          liv-in-sky
                          wrote on last edited by
                          #324

                          @sigi234 ja - aber da stimmt noch was nicht - ich werd nochmal das gesamt ansehen müssen - da muss kein schalter stehen - hatte es nicht aktiviert - deshalb ist es mir nicht aufgefallen

                          nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                          1 Reply Last reply
                          0
                          • O Oli

                            @liv-in-sky

                            habe auch noch etwas mit den Widgets gespielt, echt cool

                            ed49a3f2-6dd3-469d-a619-ee6e51c78dff-image.png

                            Materialdesign Widget Table

                            [{"tpl":"tplVis-materialdesign-Table","data":{"oid":"javascript.0.Energieverbrauch.Strom.MaterialWidgetTable","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","countCols":"12","tableLayout":"card","showHeader":"true","headerTextSize":"headline6","showColumn0":"true","colType0":"text","textAlign0":"left","showColumn1":"true","colType1":"image","textAlign1":"center","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,"showColumn2":"true","colType2":"text","textAlign2":"center","showColumn3":"true","colType3":"text","textAlign3":"right","showColumn4":"true","colType4":"text","textAlign4":"right","showColumn5":"true","colType5":"text","textAlign5":"right","showColumn6":"true","colType6":"text","textAlign6":"center","showColumn7":"true","colType7":"text","textAlign7":"right","showColumn8":"true","colType8":"text","textAlign8":"right","showColumn9":"true","colType9":"text","textAlign9":"right","label0":"Gerät","label1":"Bild","label2":"Status","label3":"Strom (A)","label4":"Spannung (V)","label5":"Leistung (W)","label6":"Schalter","label7":"Heute (kWh)","label8":"Monat (kWh)","label9":" Vormonat (kWh)","colorBackground":"#2e2e2e","colorHeaderRowText":"#8f8f8f","colorHeaderRowBackground":"#202020","colorRowText":"#8f8f8f","dividers":"","borderColor":"#202020","padding_left5":"0","showColumn10":"true","colType10":"text","textAlign10":"right","label10":" Heute (€)","imageSize10":"18","rowHeight":"35","padding_right7":"","class":"mdui-table mdui-table-ascard-r250-l mdui-table-striped noSwipemdui-table-ascard-r250-l mdui-table-striped noSwipe","colorRowBackground":"#2e2e2e","padding_right8":"","imageSize1":"20","columnWidth9":"","columnWidth8":"","showColumn11":"true","colType11":"text","textAlign11":"right","showColumn12":"true","colType12":"text","textAlign12":"right","label11":"Monat (€)","label12":"Vormonat (€)"},"style":{"left":"20px","top":"45px","width":"97.69%","height":"286px","overflow-y":"auto"},"widgetSet":"materialdesign"}]
                            

                            Materialdesign Widget Iconlist

                            [{"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.MaterialWidget","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":"424px","width":"calc(100% - 40px)","height":"calc(100% - 120px)","overflow-x":"","overflow-y":"auto","z-index":"1","color":"#8f8f8f"},"widgetSet":"materialdesign"}]
                            

                            Änderungen im Script von Zeile 1546 bis Zeile 1575

                            if (!filterArrAusnahme.includes(val0)) {
                                                      
                              mysubText =     `<div>Strom: ${vax3} A</div> 
                                                <div>Spannung: ${vax4} V</div> 
                                                <div>Leistung: ${vax5} W</div>
                                                <div>&ensp; </div>
                                                <div>Heute: ${vax7} kWh</div> 
                                                <div>Monat: ${vax8} kWh</div>
                                                <div>Vormonat: ${vaxMBefore} kWh</div>
                                                <div>&ensp; </div>
                                                <div>Heute: ${vax9} €</div> 
                                                <div>Monat: ${vax10} €</div>
                                                <div>Vormonat: ${vaxKostenBefore} €</div>
                                                <div style="display: flex; flex: 1; text-align: left; align-items: center; position: relative;">
                                                ${vax6}</font></div>`;
                            } else {
                             
                            mysubText =     `     <div style="color: ${farbeMDEinspeisung};  ">EINSPEISUNG Leistung: ${vax5} W</div>
                                                  <div>&ensp; </div>  
                                                  <div>Heute: ${vax7} kWh</div> 
                                                  <div>Monat: ${vax8} kWh</div>
                                                  <div>Vormonat: ${vaxMBefore} kWh</div>
                                                  <div>&ensp; </div>
                                                  <div>Heute: ${vax9} €</div> 
                                                  <div>Monat: ${vax10} €</div>
                                                  <div>Vormonat: ${vaxKostenBefore} €</div>
                                                  <div>Schalter: ${vax6}</font></div>`;
                                                  vaxBckGround="#8A4B08";
                            //  // <div>Strom:${vax3}A Spannung: ${vax4}V Leistung: ${vax5}W</div>    //font-size: 80% ;
                            }
                             
                            if (vax1.indexOf("GESAMT VirtualPower")>-1) {
                              mysubText =     ` <div>&ensp; </div>
                                                <div>&ensp; </div>
                                                <div>&ensp; </div>
                                                <div>&ensp; </div>
                                                <div>Heute: ${vax7} kWh</div>
                                                <div>Monat: ${vax8} kWh</div>
                                                <div>Vormonat: ${vaxMBefore} kWh</div>
                                                <div>&ensp; </div>
                                                <div>Heute: ${vax9} € </div>
                                                <div>Monat: ${vax10} €</div>
                                                <div>Vormonat: ${vaxKostenBefore} €</div>
                                                <div>&ensp; </div>`;
                             
                            }
                            if (vax1.indexOf("GESAMT")>-1) {
                              mysubText =     ` <div>&ensp; </div>
                                                <div>&ensp; </div>
                                                <div>&ensp; </div>
                                                <div>&ensp; </div>
                                                <div>Heute: ${vax7} kWh</div>
                                                <div>Monat: ${vax8} kWh</div>
                                                <div>Vormonat: ${vaxMBefore} kWh</div>
                                                <div>&ensp; </div>
                                                <div>Heute: ${vax9} € </div>
                                                <div>Monat: ${vax10} €</div>
                                                <div>Vormonat: ${vaxKostenBefore} €</div>
                                                <div>&ensp; </div>`; 
                            }
                            

                            liv-in-skyL Offline
                            liv-in-skyL Offline
                            liv-in-sky
                            wrote on last edited by
                            #325

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

                            @liv-in-sky

                            habe auch noch etwas mit den Widgets gespielt, echt cool

                            ed49a3f2-6dd3-469d-a619-ee6e51c78dff-image.png

                            Kann ich mir die Gesamtwerte der einzelnen Geräte auch getrennt anzeigen lassen?

                            kannst du bitte beide widgets in den post setzen - habe ihn im ersten post hierhin verlinkt

                            nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                            O 1 Reply Last reply
                            0
                            • liv-in-skyL Offline
                              liv-in-skyL Offline
                              liv-in-sky
                              wrote on last edited by
                              #326

                              so noch eine neue version (post 1) für die material design fan's

                              • virtpower gesamt bekommt eigene farbe
                              • gesamt hat eine eigene farbe - keinen schalter und kein strom,spannung oder power mehr
                              • einspeisung hat eigene farbe bekommen

                              Image 11.png Image 13.png

                              neues bildchen: inputk.png

                              ihr könnt alle settings zurück kopieren und müßt nur auf zeile 20 bis 23 aufpassen

                              Image 9.png

                              da kam etwas dazu

                              nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                              O 1 Reply Last reply
                              0
                              • liv-in-skyL liv-in-sky

                                so noch eine neue version (post 1) für die material design fan's

                                • virtpower gesamt bekommt eigene farbe
                                • gesamt hat eine eigene farbe - keinen schalter und kein strom,spannung oder power mehr
                                • einspeisung hat eigene farbe bekommen

                                Image 11.png Image 13.png

                                neues bildchen: inputk.png

                                ihr könnt alle settings zurück kopieren und müßt nur auf zeile 20 bis 23 aufpassen

                                Image 9.png

                                da kam etwas dazu

                                O Online
                                O Online
                                Oli
                                wrote on last edited by Oli
                                #327

                                @liv-in-sky

                                ich bräuchte nochmals deine Hilfe.
                                Ich möchte mir den Gesamtverbrauch nicht in Klammern, sondern als zusätzliche Zeile anzeigen lassen.

                                In deinem Script habe ich folgendes Versucht jedoch ohne Erfolg, wo habe ich den Fehler?

                                var val1; var val2; var val0; var val3; var val4; var val5; var val6; var val7; var val8; var val9; var val10; var valStatus; var gesamtE; var gesamtkWh;
                                
                                function sammleDaten() { 
                                 //   log(gesamtMonth.toString())
                                                 let anzeigeNuller=3; //log(getState(val0help+".Script_Power").val.toString())
                                                 let anzahlStellen=3;
                                                 let anzahlStellen2=3;
                                             if((getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".todaykWh").val).toFixed(3)=="0.000") anzeigeNuller=0; 
                                             if ((getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".MonBeforekWh").val).toFixed(3)=="0.000") anzahlStellen=0;
                                             if ((getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".monkWh").val).toFixed(3)=="0.000")  anzahlStellen2=0;    
                                         //    if (!anzeigeNuller){
                                            val6=(getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".todaykWh").val).toFixed(anzeigeNuller)+" kWh";
                                
                                            if (!mitMonatBeforeAnzeige) {
                                                val7=(getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".monkWh").val).toFixed(anzahlStellen2)+" kWh"; 
                                            }else{
                                                val7=(getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".monkWh").val).toFixed(anzahlStellen2)+" kWh"
                                                gesamtkWh=(getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".MonBeforekWh").val).toFixed(anzahlStellen)+" kWh";
                                            }
                                            
                                            val8=(Math.round((getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".todaykWh").val)*kwhPreis*100)/100).toString()+" €";
                                            
                                            if (!mitMonatBeforeAnzeige) {
                                                val9=(Math.round((getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".monkWh").val)*kwhPreis*100)/100).toString()+" €"; 
                                            }else{
                                                val9=(Math.round((getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".monkWh").val)*kwhPreis*100)/100).toString()+" €"
                                                gesamtE=(Math.round((getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".MonBeforekWh").val)*kwhPreis*100)/100).toString()+" €";
                                            }
                                
                                
                                
                                
                                function makeJsonWidget(vax1,vax2,vax3,vax4,vax5,vax6,vax7,vax8,vax9,vax10,vaxMarke,vaxSwitchvar,gesamtE,gesamtkWh) {
                                   /* vax6=vax6.replace(/((ON|OFF))/g,"$1 "); log("---"+vax6) vax6=vax6.replace(/(OFF|ON).+? ((ON|OFF))/,"$3"); log("2222"+vax6)*/
                                     vaxMarke=pfadBilderMaterialWidget+vaxMarke+".png"
                                      let mycolor;
                                       
                                      if (vax1.indexOf("Gesamt")>-1) vax1="<font color=\'"+farbeMDAlleVirtPow+"\'>"+" GESAMT VirtualPower"+"</font>";
                                      if (vax1.indexOf("alle Geräte")>-1) vax1="<font color=\'"+farbeMDGesamtG+"\'>"+" GESAMT"+"</font>";
                                    // log(vax1+ " und "+ vax2 +" und "+vax3 )
                                 
                                   if ( braucheMaterialDesignWidgetTable) {
                                         
                                if (filterArrAusnahme.includes(val0)) {
                                  
                                    vax1="<font color=\'"+farbeMDEinspeisung+"\'>"+vax1+"</font>";
                                    vaxMarke=pfadBilderMaterialWidget+"inputk"+".png"
                                    mycolor=farbeMDEinspeisung;
                                }
                                 
                                   myJsonWidget.push({
                                       Device : vax1,
                                       marke : vaxMarke,
                                       Status : vax2,
                                       Strom : vax3,
                                       Spannung : vax4,
                                       Power : vax5,                         
                                       Schalter : vax6,
                                       kWhNow : vax7,
                                       kWhMonat  : vax8,
                                       PreisNow : vax9,
                                       PreisMonat : vax10       
                                   }
                                 
                                   );}
                                 
                                //	log(myJsonWidget)
                                if (braucheMaterialDesignWidget) {
                                 
                                 
                                 
                                let mysubText;
                                 
                                if (!filterArrAusnahme.includes(val0)) {
                                                          
                                    mysubText =     `<div>Strom: ${vax3} A</div> 
                                                      <div>Spannung: ${vax4} V</div> 
                                                      <div>Leistung: ${vax5} W</div>
                                                      <div>&ensp; </div>   
                                                      <div>Heute: ${vax7} kWh</div> 
                                                      <div>Monat: ${vax8} kWh</div>
                                                      <div>Gesamt: ${gesamtkWh} kWh</div>                      
                                                      <div>&ensp; </div>
                                                      <div>Heute: ${vax9} €</div> 
                                                      <div>Monat: ${vax10} €</div>
                                                      <div>Gesamt: ${gesamtE} €</div>                      
                                                      <div style="display: flex; flex: 1; text-align: left; align-items: center; position: relative;">
                                                      ${vax2}</div>`
                                } else {
                                 
                                    mysubText = `     <div style="color: red; font-family: RobotoCondensed-Regular">EINSPEISUNG</div>
                                                      <div Strom: ${vax3} A</div>
                                                      <div Spannung: ${vax4} V</div> 
                                                      <div Leistung: ${vax5} W</div>
                                                      <div>&ensp; </div>
                                                      <div>Heute: ${vax7} kWh</div> 
                                                      <div Monat: ${vax8} kWh</div>
                                                      <div>Gesamt: ${gesamtkWh} kWh</div>                       
                                                      <div>&ensp; </div>
                                                      <div>Heute:  ${vax9} €</div> 
                                                      <div Monat:  ${vax10} €</div>
                                                      <div>Gesamt: ${gesamtE} €</div>
                                                      <div style="display: flex; flex: 1; text-align: left; align-items: center; position: relative;">
                                                      ${vax2}</div>`
                                //  // <div>Strom:${vax3}A Spannung: ${vax4}V Leistung: ${vax5}W</div>    //font-size: 80% ;
                                }
                                

                                Das Ergebnis sieht leider so aus

                                c856e6cc-5218-42e2-a60e-4fb985ce4109-image.png

                                Noch eine Frage hätte ich, da ich mir den Status durch den grünen Punkt anzeigen lasse, würde ich mir gerne, in der Linie anzeigen lassen, ob das Gerät ein oder ausgeschaltet ist, was muss ich da in deinem Script ändern?

                                Gruß
                                Oliver

                                liv-in-skyL 1 Reply Last reply
                                0
                                • O Oli

                                  @liv-in-sky

                                  ich bräuchte nochmals deine Hilfe.
                                  Ich möchte mir den Gesamtverbrauch nicht in Klammern, sondern als zusätzliche Zeile anzeigen lassen.

                                  In deinem Script habe ich folgendes Versucht jedoch ohne Erfolg, wo habe ich den Fehler?

                                  var val1; var val2; var val0; var val3; var val4; var val5; var val6; var val7; var val8; var val9; var val10; var valStatus; var gesamtE; var gesamtkWh;
                                  
                                  function sammleDaten() { 
                                   //   log(gesamtMonth.toString())
                                                   let anzeigeNuller=3; //log(getState(val0help+".Script_Power").val.toString())
                                                   let anzahlStellen=3;
                                                   let anzahlStellen2=3;
                                               if((getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".todaykWh").val).toFixed(3)=="0.000") anzeigeNuller=0; 
                                               if ((getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".MonBeforekWh").val).toFixed(3)=="0.000") anzahlStellen=0;
                                               if ((getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".monkWh").val).toFixed(3)=="0.000")  anzahlStellen2=0;    
                                           //    if (!anzeigeNuller){
                                              val6=(getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".todaykWh").val).toFixed(anzeigeNuller)+" kWh";
                                  
                                              if (!mitMonatBeforeAnzeige) {
                                                  val7=(getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".monkWh").val).toFixed(anzahlStellen2)+" kWh"; 
                                              }else{
                                                  val7=(getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".monkWh").val).toFixed(anzahlStellen2)+" kWh"
                                                  gesamtkWh=(getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".MonBeforekWh").val).toFixed(anzahlStellen)+" kWh";
                                              }
                                              
                                              val8=(Math.round((getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".todaykWh").val)*kwhPreis*100)/100).toString()+" €";
                                              
                                              if (!mitMonatBeforeAnzeige) {
                                                  val9=(Math.round((getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".monkWh").val)*kwhPreis*100)/100).toString()+" €"; 
                                              }else{
                                                  val9=(Math.round((getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".monkWh").val)*kwhPreis*100)/100).toString()+" €"
                                                  gesamtE=(Math.round((getState(dpPrefix+"Tabelle_EnergieRechnung."+val0+".MonBeforekWh").val)*kwhPreis*100)/100).toString()+" €";
                                              }
                                  
                                  
                                  
                                  
                                  function makeJsonWidget(vax1,vax2,vax3,vax4,vax5,vax6,vax7,vax8,vax9,vax10,vaxMarke,vaxSwitchvar,gesamtE,gesamtkWh) {
                                     /* vax6=vax6.replace(/((ON|OFF))/g,"$1 "); log("---"+vax6) vax6=vax6.replace(/(OFF|ON).+? ((ON|OFF))/,"$3"); log("2222"+vax6)*/
                                       vaxMarke=pfadBilderMaterialWidget+vaxMarke+".png"
                                        let mycolor;
                                         
                                        if (vax1.indexOf("Gesamt")>-1) vax1="<font color=\'"+farbeMDAlleVirtPow+"\'>"+" GESAMT VirtualPower"+"</font>";
                                        if (vax1.indexOf("alle Geräte")>-1) vax1="<font color=\'"+farbeMDGesamtG+"\'>"+" GESAMT"+"</font>";
                                      // log(vax1+ " und "+ vax2 +" und "+vax3 )
                                   
                                     if ( braucheMaterialDesignWidgetTable) {
                                           
                                  if (filterArrAusnahme.includes(val0)) {
                                    
                                      vax1="<font color=\'"+farbeMDEinspeisung+"\'>"+vax1+"</font>";
                                      vaxMarke=pfadBilderMaterialWidget+"inputk"+".png"
                                      mycolor=farbeMDEinspeisung;
                                  }
                                   
                                     myJsonWidget.push({
                                         Device : vax1,
                                         marke : vaxMarke,
                                         Status : vax2,
                                         Strom : vax3,
                                         Spannung : vax4,
                                         Power : vax5,                         
                                         Schalter : vax6,
                                         kWhNow : vax7,
                                         kWhMonat  : vax8,
                                         PreisNow : vax9,
                                         PreisMonat : vax10       
                                     }
                                   
                                     );}
                                   
                                  //	log(myJsonWidget)
                                  if (braucheMaterialDesignWidget) {
                                   
                                   
                                   
                                  let mysubText;
                                   
                                  if (!filterArrAusnahme.includes(val0)) {
                                                            
                                      mysubText =     `<div>Strom: ${vax3} A</div> 
                                                        <div>Spannung: ${vax4} V</div> 
                                                        <div>Leistung: ${vax5} W</div>
                                                        <div>&ensp; </div>   
                                                        <div>Heute: ${vax7} kWh</div> 
                                                        <div>Monat: ${vax8} kWh</div>
                                                        <div>Gesamt: ${gesamtkWh} kWh</div>                      
                                                        <div>&ensp; </div>
                                                        <div>Heute: ${vax9} €</div> 
                                                        <div>Monat: ${vax10} €</div>
                                                        <div>Gesamt: ${gesamtE} €</div>                      
                                                        <div style="display: flex; flex: 1; text-align: left; align-items: center; position: relative;">
                                                        ${vax2}</div>`
                                  } else {
                                   
                                      mysubText = `     <div style="color: red; font-family: RobotoCondensed-Regular">EINSPEISUNG</div>
                                                        <div Strom: ${vax3} A</div>
                                                        <div Spannung: ${vax4} V</div> 
                                                        <div Leistung: ${vax5} W</div>
                                                        <div>&ensp; </div>
                                                        <div>Heute: ${vax7} kWh</div> 
                                                        <div Monat: ${vax8} kWh</div>
                                                        <div>Gesamt: ${gesamtkWh} kWh</div>                       
                                                        <div>&ensp; </div>
                                                        <div>Heute:  ${vax9} €</div> 
                                                        <div Monat:  ${vax10} €</div>
                                                        <div>Gesamt: ${gesamtE} €</div>
                                                        <div style="display: flex; flex: 1; text-align: left; align-items: center; position: relative;">
                                                        ${vax2}</div>`
                                  //  // <div>Strom:${vax3}A Spannung: ${vax4}V Leistung: ${vax5}W</div>    //font-size: 80% ;
                                  }
                                  

                                  Das Ergebnis sieht leider so aus

                                  c856e6cc-5218-42e2-a60e-4fb985ce4109-image.png

                                  Noch eine Frage hätte ich, da ich mir den Status durch den grünen Punkt anzeigen lasse, würde ich mir gerne, in der Linie anzeigen lassen, ob das Gerät ein oder ausgeschaltet ist, was muss ich da in deinem Script ändern?

                                  liv-in-skyL Offline
                                  liv-in-skyL Offline
                                  liv-in-sky
                                  wrote on last edited by
                                  #328

                                  @Oli der wert in klammern ist nicht der gesamtverbrauch , sondern der verbrauch des letzen monats (also gesamt des letzten monats)

                                  also bei deinem widget:

                                  heute
                                  bisher in diesem monat
                                  im letzten monat gesamt

                                  heute kosten
                                  bisher in diesem monat kosten
                                  im letzten monat gesamt kosten

                                  die letzten monate sind nachträglich ins script "hineingewurschtelt" worden - ich schaum mir nochmal an, wo der beste punkt zum abgreifen ist und integriere das - gebe dir dann bescheid

                                  nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                  O 1 Reply Last reply
                                  0
                                  • liv-in-skyL liv-in-sky

                                    @Oli der wert in klammern ist nicht der gesamtverbrauch , sondern der verbrauch des letzen monats (also gesamt des letzten monats)

                                    also bei deinem widget:

                                    heute
                                    bisher in diesem monat
                                    im letzten monat gesamt

                                    heute kosten
                                    bisher in diesem monat kosten
                                    im letzten monat gesamt kosten

                                    die letzten monate sind nachträglich ins script "hineingewurschtelt" worden - ich schaum mir nochmal an, wo der beste punkt zum abgreifen ist und integriere das - gebe dir dann bescheid

                                    O Online
                                    O Online
                                    Oli
                                    wrote on last edited by
                                    #329

                                    @liv-in-sky

                                    super Dankeschön, aber warum erscheint bei den Werten undefiniert, die Werte des Vormonats wären ja auch interessant?

                                    Gruß
                                    Oliver

                                    liv-in-skyL 2 Replies Last reply
                                    0
                                    • O Oli

                                      @liv-in-sky

                                      super Dankeschön, aber warum erscheint bei den Werten undefiniert, die Werte des Vormonats wären ja auch interessant?

                                      liv-in-skyL Offline
                                      liv-in-skyL Offline
                                      liv-in-sky
                                      wrote on last edited by
                                      #330

                                      @Oli im ersten post ist ein update mit den 2 weiteren werten - energie verbracu letztes monat und kosten letztes monat- durch die beiden neuen werte hat sich das MD table widget geändert - das MD list widget ist nicht betroffen

                                      es sind keine neuen settings dazugekommen - daher sollte dass setting des vorigen scriptes kopiert und eingestzt werden können

                                      könntes du bitte das neue widget für das "table" widget auch in deinem post updaten - ist ja verlinkt zm ersten post

                                      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                      1 Reply Last reply
                                      0
                                      • O Oli

                                        @liv-in-sky

                                        super Dankeschön, aber warum erscheint bei den Werten undefiniert, die Werte des Vormonats wären ja auch interessant?

                                        liv-in-skyL Offline
                                        liv-in-skyL Offline
                                        liv-in-sky
                                        wrote on last edited by
                                        #331

                                        @Oli ich habe dein script nur kurz angesehen

                                        • die var val werte sollten nirgends geändert werden oder neue variablen dazugefügt werden - die sind für die eigentliche html tabelle

                                        du siehst ja in neuem script, wie ich die daten gefunden habe - die müssen aber zweimal hinzugefügt werden, da der punkt gesamt extra behandelt wird und eine extra berechnung für das json hat

                                        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                        O 1 Reply Last reply
                                        0
                                        • liv-in-skyL liv-in-sky

                                          @Oli ich habe dein script nur kurz angesehen

                                          • die var val werte sollten nirgends geändert werden oder neue variablen dazugefügt werden - die sind für die eigentliche html tabelle

                                          du siehst ja in neuem script, wie ich die daten gefunden habe - die müssen aber zweimal hinzugefügt werden, da der punkt gesamt extra behandelt wird und eine extra berechnung für das json hat

                                          O Online
                                          O Online
                                          Oli
                                          wrote on last edited by
                                          #332

                                          @liv-in-sky

                                          muss ich da noch einen Datenpunkt anlegen?

                                          das Script bringt folgenden Warnmeldung

                                          21:06:00.240	warn	javascript.0 (9230) at writeHTML (script.js.Energiekosten.Stromverbrauch_Test:1176:14)
                                          21:06:00.241	warn	javascript.0 (9230) at Object.<anonymous> (script.js.Energiekosten.Stromverbrauch_Test:1242:2)
                                          21:06:00.244	warn	javascript.0 (9230) at writeHTML (script.js.Energiekosten.Stromverbrauch_Test:1177:32)
                                          21:06:00.244	warn	javascript.0 (9230) at Object.<anonymous> (script.js.Energiekosten.Stromverbrauch_Test:1242:2)
                                          21:07:00.407	warn	javascript.0 (9230) at writeHTML (script.js.Energiekosten.Stromverbrauch_Test:1176:14)
                                          21:07:00.408	warn	javascript.0 (9230) at Object.<anonymous> (script.js.Energiekosten.Stromverbrauch_Test:1242:2)
                                          21:07:00.410	warn	javascript.0 (9230) at writeHTML (script.js.Energiekosten.Stromverbrauch_Test:1177:32)
                                          21:07:00.410	warn	javascript.0 (9230) at Object.<anonymous> (script.js.Energiekosten.Stromverbrauch_Test:1242:2)
                                          
                                          valMBefore=getState(dpPrefix+"Energieverbrauch.Strom.Tabelle_EnergieRechnung."+"Gesamt"+".MonBeforekWh").val
                                            valKostenBefore=(Math.round((getState(dpPrefix+"Energieverbrauch.Strom.Tabelle_EnergieRechnung."+"Gesamt"+".MonBeforekWh").val)*kwhPreis*100)/100).toString()
                                          

                                          Gruß
                                          Oliver

                                          liv-in-skyL 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          687

                                          Online

                                          32.7k

                                          Users

                                          82.5k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe