Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Skripten / Logik
    4. JavaScript
    5. Energieanzeige (kWh) über HTML Tabelle - vis

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Energieanzeige (kWh) über HTML Tabelle - vis

    This topic has been deleted. Only users with topic management privileges can see it.
    • harrym
      harrym last edited by

      json von nem Shelly 3EM 😉

      txtshelly.0.SHEM-3#DC4F227646FB.json

      liv-in-sky 1 Reply Last reply Reply Quote 0
      • liv-in-sky
        liv-in-sky @harrym last edited by liv-in-sky

        @harrym im ersten test ist das alles schon drin im existierendem script - das script muss nur neugestartet werden, nachdem der shelly im adapter ist

        Image 3.png

        1 Reply Last reply Reply Quote 1
        • liv-in-sky
          liv-in-sky last edited by liv-in-sky

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

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

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

          Image 1.png Image 3.png

          Image 6.png

          sigi234 1 Reply Last reply Reply Quote 0
          • sigi234
            sigi234 Forum Testing Most Active @liv-in-sky last edited by

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

            materialDesign widgets möglich

            Wo kann ich die Bildchen ändern im Skript?

            liv-in-sky 1 Reply Last reply Reply Quote 0
            • liv-in-sky
              liv-in-sky @sigi234 last edited by

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

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

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

              sigi234 1 Reply Last reply Reply Quote 0
              • sigi234
                sigi234 Forum Testing Most Active @liv-in-sky last edited by

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

                eigentlich garnicht

                Deshalb:

                Screenshot (2030).png

                sigi234 1 Reply Last reply Reply Quote 0
                • sigi234
                  sigi234 Forum Testing Most Active @sigi234 last edited by sigi234

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

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

                  eigentlich garnicht

                  Deshalb:

                  Ok, infok fehlt

                  liv-in-sky 1 Reply Last reply Reply Quote 0
                  • liv-in-sky
                    liv-in-sky @sigi234 last edited by

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

                    sigi234 O 2 Replies Last reply Reply Quote 0
                    • sigi234
                      sigi234 Forum Testing Most Active @liv-in-sky last edited by

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

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

                      Nö, Danke

                      1 Reply Last reply Reply Quote 0
                      • O
                        Oli @liv-in-sky last edited by

                        @liv-in-sky

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

                        1. Wo kann ich im Script die Schriftfarbe für "alle Geräte" ändern?
                        2. Kann man beim Icon List Widget durch die untere Farbe anzeigen lassen, ob das Gerät an oder aus ist?
                        3. Wie bekomme ich meine bereits gespeicherten Verbrauchsdaten in die neuen Widgets?
                        liv-in-sky 1 Reply Last reply Reply Quote 0
                        • liv-in-sky
                          liv-in-sky @Oli last edited by liv-in-sky

                          @Oli

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

                          O P 2 Replies Last reply Reply Quote 0
                          • O
                            Oli @liv-in-sky last edited by Oli

                            @liv-in-sky

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

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

                            Programmieren kann ich nicht, aber Ideen habe ich viele 😁

                            Hier mal das offizielle homee Logo zum austauschen in deiner Sammlung

                            homeek.png

                            1 Reply Last reply Reply Quote 0
                            • P
                              PatrickFro @liv-in-sky last edited by

                              @liv-in-sky
                              Moin,

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

                              Leider bin ich für die Bilder scheinbar zu doof...
                              748066ed-fc2f-4ca9-bc1c-c918fbb8769f-image.png
                              87a7a9b2-3622-4843-8a51-c0ca6cf0e1b5-image.png

                              db445622-395c-43af-b499-0f6c94f167eb-image.png

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

                              Hast Du eine Idee?

                              O liv-in-sky 4 Replies Last reply Reply Quote 0
                              • O
                                Oli @PatrickFro last edited by Oli

                                @PatrickFro

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

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

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

                                P 1 Reply Last reply Reply Quote 0
                                • P
                                  PatrickFro @Oli last edited by

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

                                  O 1 Reply Last reply Reply Quote 0
                                  • O
                                    Oli @PatrickFro last edited by

                                    @PatrickFro

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

                                    P 1 Reply Last reply Reply Quote 0
                                    • liv-in-sky
                                      liv-in-sky @PatrickFro last edited by

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

                                      O 1 Reply Last reply Reply Quote 0
                                      • liv-in-sky
                                        liv-in-sky @PatrickFro last edited by

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

                                        O 1 Reply Last reply Reply Quote 0
                                        • O
                                          Oli @liv-in-sky last edited by Oli

                                          @liv-in-sky

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

                                          385a88f4-8e4b-42a6-9b3f-7ba9662842af-image.png

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

                                          Subtextänderungen im Script ab Zeile 1530

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

                                          liv-in-sky 1 Reply Last reply Reply Quote 1
                                          • O
                                            Oli @liv-in-sky last edited by

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

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

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

                                            liv-in-sky 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            470
                                            Online

                                            31.9k
                                            Users

                                            80.2k
                                            Topics

                                            1.3m
                                            Posts

                                            javascript template
                                            37
                                            696
                                            130317
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo