Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
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

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.9k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.3k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.4k

Energieanzeige (kWh) über HTML Tabelle - vis

Geplant Angeheftet Gesperrt Verschoben JavaScript
javascripttemplate
696 Beiträge 37 Kommentatoren 157.3k Aufrufe 46 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • P PatrickFro

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

    O Online
    O Online
    Oli
    schrieb am zuletzt editiert von
    #315

    @PatrickFro

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

    Gruß
    Oliver

    1 Antwort Letzte Antwort
    0
    • P PatrickFro

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

      liv-in-skyL Offline
      liv-in-skyL Offline
      liv-in-sky
      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #317

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

        liv-in-skyL 1 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #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 Antworten Letzte Antwort
          0
          • liv-in-skyL liv-in-sky

            @PatrickFro

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

            P Offline
            P Offline
            PatrickFro
            schrieb am zuletzt editiert von
            #319

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

            1 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              0
              • liv-in-skyL liv-in-sky

                @PatrickFro

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

                O Online
                O Online
                Oli
                schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        0
                        • liv-in-skyL Offline
                          liv-in-skyL Offline
                          liv-in-sky
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von
                                #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 Antworten Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von
                                    #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 Antwort Letzte Antwort
                                    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
                                      schrieb am zuletzt editiert von
                                      #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 Antwort Letzte Antwort
                                      0
                                      • O Oli

                                        @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()
                                        
                                        liv-in-skyL Offline
                                        liv-in-skyL Offline
                                        liv-in-sky
                                        schrieb am zuletzt editiert von
                                        #333

                                        @Oli

                                        dieser datenpunkt sollte vom script angelegt werden - die fehlermeldung ist auch wenig aussage kräftig - steht mehr im log ?

                                        die zeilennummern sind ungef. 8 auseinander zu meinen - weiß nicht ob das was bedeutet? bei mir steht in zeilennummer 1176

                                         makeJsonWidget(val0+"</font>",symbolOK," - "," - "," - "," - ",valkNow,valkM,valEuNow,valEuM,"infok","leer",valMBefore,valKostenBefore)
                                        

                                        gibt es die datenpunkte? wird am ende etwas angezeigt in den widgets ?

                                        was du testen kannst: installiere dir eine 2te javascript-instanz - stoppe das script - erstelle eine neues script und wähle die 2te instanz für das script aus - kopiere den ganzen inhalt vom alten script in das neue leere angelegte script , du mußt im neuen script nichts anderes einstellen - nur starten - dann werden unter der neuen javascriptinstanz alle datenpunkte neu angelegt - kommen dann auch warnungen ? du kannst später wieder das script der ersten instanz nehmen, damit sind dann die daten wieder da

                                        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 Antwort Letzte Antwort
                                        0
                                        • liv-in-skyL liv-in-sky

                                          @Oli

                                          dieser datenpunkt sollte vom script angelegt werden - die fehlermeldung ist auch wenig aussage kräftig - steht mehr im log ?

                                          die zeilennummern sind ungef. 8 auseinander zu meinen - weiß nicht ob das was bedeutet? bei mir steht in zeilennummer 1176

                                           makeJsonWidget(val0+"</font>",symbolOK," - "," - "," - "," - ",valkNow,valkM,valEuNow,valEuM,"infok","leer",valMBefore,valKostenBefore)
                                          

                                          gibt es die datenpunkte? wird am ende etwas angezeigt in den widgets ?

                                          was du testen kannst: installiere dir eine 2te javascript-instanz - stoppe das script - erstelle eine neues script und wähle die 2te instanz für das script aus - kopiere den ganzen inhalt vom alten script in das neue leere angelegte script , du mußt im neuen script nichts anderes einstellen - nur starten - dann werden unter der neuen javascriptinstanz alle datenpunkte neu angelegt - kommen dann auch warnungen ? du kannst später wieder das script der ersten instanz nehmen, damit sind dann die daten wieder da

                                          O Online
                                          O Online
                                          Oli
                                          schrieb am zuletzt editiert von
                                          #334

                                          @liv-in-sky

                                          ich habe in den ersten Zeilen nur das anlegen der Datenpunkte mit eingefügt, die Datenpunkte werden nicht angelegt, den rest schaue ich heute abend

                                          Gruß
                                          Oliver

                                          1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          779

                                          Online

                                          32.4k

                                          Benutzer

                                          81.6k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe