Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Praktische Anwendungen (Showcase)
    4. Einfach mal zeigen will….. :-) - Teil 3

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Einfach mal zeigen will….. :-) - Teil 3

    This topic has been deleted. Only users with topic management privileges can see it.
    • Walter.O.
      Walter.O. @sigi234 last edited by

      @sigi234
      Hallo sigi234 sag mal gibt es zum View Spritpreise:
      https://forum.iobroker.net/topic/28717/vis-von-sigi234/25?page=2
      eigentlich noch ein Java script.?
      z.b.: (javascript.0.scriptDatenPunkte.Sprit_AT.Treffer_1.Logo_1)
      Müsste doch ein script sein oder täusche ich mich?

      Gleiches fehlt mir doch dann wohl auch bei: Fritzbox VIEW IT und Fritz Anrufmonitor

      Negalein 1 Reply Last reply Reply Quote 0
      • Negalein
        Negalein Global Moderator @Walter.O. last edited by Negalein

        @walter-o sagte in Einfach mal zeigen will….. 🙂 - Teil 3:

        eigentlich noch ein Java script.?

        https://forum.iobroker.net/topic/20314/skripten-des-e-control-spritpreisrechners

        //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
        //  "Spritpreise_AT v.0.5"                                                                                                              //
        //  e-control Spritpreise                                                                                                               //    
        //  ursprüngl. Script von steinejo_io vom                                                                                               //
        //                                                                                                                                      //
        //  Zwingend erforderlich sind der Parser Adapter und die URL aus der API. Links und Hilfe zum Erstellemn findet ihr im Folgenden Lnk:  //
        //  https://forum.iobroker.net/topic/20314/skripten-des-e-control-spritpreisrechners                                                    //
        //  Das manuelle Anlegen von Daenpunkten ist nicht mehr notwendig. erledigt das Script beim ersten Aufruf.                              //
        //  Auf das "E" Zeichen habe ich verzichtet, da es in VIS genz einfach an der jeweils gewünschten Stelle produzierbar ist.              //
        //                                                                                                                                      //
        //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
         
        on({id: "parser.0.Spritpreisrechner"/*Spritpreisrechner*/, change: 'any'}, function(obj)
        {
        log("Start Spritvergleich");
         
        var gasStation = JSON.parse(obj.state.val);
        if (!Array.isArray(gasStation) || gasStation.length === 0) return;
        gasStation = gasStation.filter(g => g.prices.length > 0);
        if (gasStation.length === 0) return;
            //Aral=1, eni=2, Shell=3, OMV=4, avanti=5, bp=6, JET=7, Turmöl=8, Lagerhaus=9, AVIA=10, A1=11, Diskont=12, IQ=13
            var arrMarke = ['Aral', 'eni', 'Shell', 'OMV', 'avanti', 'BP', 'JET', 'Turmöl', 'Lagerhaus', 'AVIA', 'A1', 'Diskont', 'DISKONT', 'IQ', 'SB-Tankstelle', 'bp', 'Land', 'Bp'];
        	var i = 0;
            for (var i = 1; i <= 5; i++) {
                // console.log(i);
                // console.log("javascript.0.Sprit_AT.name_"+i);
                createState("javascript.0.Sprit_AT.Treffer_"+i+".Name_"+i, {type: "string", name: "Platz "+i, read: true, write: true});
                createState("javascript.0.Sprit_AT.Treffer_"+i+".Preis_"+i, {type: "string", name: "Platz "+i, read: true, write: true});
                createState("javascript.0.Sprit_AT.Treffer_"+i+".PreisP_"+i, {type: "string", name: "Platz "+i, read: true, write: true});
        		createState("javascript.0.Sprit_AT.Treffer_"+i+".Strasse_"+i, {type: "string", name: "Platz "+i, read: true, write: true});
                createState("javascript.0.Sprit_AT.Treffer_"+i+".PLZ_Ort_"+i, {type: "string", name: "Platz "+i, read: true, write: true});
                createState("javascript.0.Sprit_AT.Treffer_"+i+".Logo_"+i, {type: "number", name: "Logo "+i, read: true, write: true});
        		createState("javascript.0.Sprit_AT.Treffer_"+i+".Latitude_"+i, {type: "number", name: "Latitude "+i, read: true, write: true});
        		createState("javascript.0.Sprit_AT.Treffer_"+i+".Longitude_"+i, {type: "number", name: "Longitude "+i, read: true, write: true});
        		createState("javascript.0.Sprit_AT.Treffer_"+i+".offen_"+i, {type: "boolean", name: "offen "+i, read: true, write: true});
        	}
        	
         
            var index = 0;
            //for (index = 0; index < gasStation.length; ++index) {
            for (index = 0; index <= 4; ++index) {
        	if (gasStation[index].prices.length < 1) continue;
        	var arrname = gasStation[index].name.split(' ');
        		if (arrname.length > 0) {
        				var markenname = arrname[0];
        			}
        			else
        			{
        				var markenname = gasStation[index].name;
        			}
        		var station = gasStation[index].name;
            setState("javascript.0.Sprit_AT.Treffer_"+(index+1)+".Name_"+(index+1), gasStation[index].name);
            setState("javascript.0.Sprit_AT.Treffer_"+(index+1)+".Preis_"+(index+1), (gasStation[index].prices[0].amount).toString().replace(".",","));
            setState("javascript.0.Sprit_AT.Treffer_"+(index+1)+".PreisP_"+(index+1), (gasStation[index].prices[0].amount).toString().replace(".","."));
        	setState("javascript.0.Sprit_AT.Treffer_"+(index+1)+".Strasse_"+(index+1), (gasStation[index].location.address));
            setState("javascript.0.Sprit_AT.Treffer_"+(index+1)+".PLZ_Ort_"+(index+1), (gasStation[index].location.postalCode) + " " + (gasStation[index].location.city));
            setState("javascript.0.Sprit_AT.Treffer_"+(index+1)+".Latitude_"+(index+1), (gasStation[index].location.latitude));
        	setState("javascript.0.Sprit_AT.Treffer_"+(index+1)+".Longitude_"+(index+1), (gasStation[index].location.longitude));
        	setState("javascript.0.Sprit_AT.Treffer_"+(index+1)+".offen_"+(index+1), (gasStation[index].open));
        	
        	//Aral=1, eni=2, Shell=3, OMV=4, avanti=5, bp=6, JET=7, Turmöl=8, Lagerhaus=9, AVIA=10, A1=11, Diskont=12, IQ=13
        	
        	var markennameklein=markenname.toLowerCase();
        	var x= 0;
        	for (x=0; x < arrMarke.length; x++) {
        		var arrMklein=arrMarke[x].toLowerCase();
        		//console.log("x=" + x + "/ Markennameklein =" + markennameklein + "/ Array =" + arrMklein);
        		if (arrMklein == markennameklein) {
        			setState("javascript.0.Sprit_AT.Treffer_"+(index+1)+".Logo_"+(index+1), (x+1));
        		}
        	}
        	
        	}
         
        log("Ende Spritvergleich");
        });
        
        Walter.O. 1 Reply Last reply Reply Quote 0
        • Walter.O.
          Walter.O. @Negalein last edited by

          @negalein Ich danke dir.
          weist du auch wo ich die anderen Finde?

          Ups, stelle gerade fest daß das nur für AT ist.
          geht das auch mit einem Deutschen Anbieter wie zb. Tankerkönig?

          Negalein 1 Reply Last reply Reply Quote 0
          • Negalein
            Negalein Global Moderator @Walter.O. last edited by

            @walter-o sagte in Einfach mal zeigen will….. 🙂 - Teil 3:

            geht das auch mit einem Deutschen Anbieter wie zb. Tankerkönig?

            gibt einen Adapter füt Tankerkönig
            https://forum.iobroker.net/topic/2658/iobroker-tankerkoenig-spritpreis-adapter

            1 Reply Last reply Reply Quote 0
            • D3ltoroxp
              D3ltoroxp @Bostil last edited by

              @bostil Hallo,
              ich würde dein View auch gern mal laden und mir mal anschauen, wie das gelöst ist. Bei deinem DL Link soll ich ein Premium Konto abschließen...

              1 Reply Last reply Reply Quote 0
              • Bostil
                Bostil last edited by

                Bitte entschuldigt die späte Reaktion. Habe leider nicht mehr viel weiter optimiert. Wird sicher demnächst irgendwann geschehen. Aber für euch sollte dies erstmal als Template gut genügen. Viel Spaß damit und bin gespannt auf eure Versionen!

                2021-12-13-Bostil VIS-Template_v1.1.zip

                @D3ltoroxp @rookie123 @Nachtschatten81

                wendy2702 1 Reply Last reply Reply Quote 1
                • D3ltoroxp
                  D3ltoroxp last edited by

                  So in die Richtung möchte ich das alles gestalten. Das ist mal die Wetter Ansicht, ich möchte das nach einer gewissen Zeit, die View wechselt, Wetter, Kalender, Haus Infos usw..
                  Dabei kann man von jeder View das Menu aufrufen, muss ich mal noch schauen, wie ich das hinbekomme. Vllt mit dem Material Design, da gibts ja das Side Menu dazu. Aber muss ich noch schauen, wie ich dann dort die View wechseln lassen kann.

                  8ed45f2f-8fba-4d4e-927b-5d610d47413a-grafik.png

                  C Bluelinux T 3 Replies Last reply Reply Quote 1
                  • C
                    Coffeelover @D3ltoroxp last edited by

                    @d3ltoroxp sieht gut aus. Wie wechselst du aktuell die Views? Wenn du ein View in Widget nutzt, musst du nur per Script die Variable bzw den Datenpunkt dazu ändern.

                    D3ltoroxp 1 Reply Last reply Reply Quote 0
                    • D3ltoroxp
                      D3ltoroxp @Coffeelover last edited by D3ltoroxp

                      @coffeelover Also momentan noch gar nicht. Ich habe hier nur ein Blockly was mit den Kamera Feed aufschaltet, wenn jemand klingelt. Damit hätte ich dann auch die anderen Views gewechselt. Momentan nutze ich ja von Scrounger die Sidebar und View in 8 Widget. Weiß nicht in wie weit ich das weiter nutzen kann. So sieht die Index momentan aus.

                      6500b6a3-bc84-4f28-9156-9373b61ad18f-grafik.png

                      Wenn ich das Menu beibehalten könnte, wäre super, ansonsten müsste ich halt ein eigenes Menu bauen und dann auf jeder View ein Menu Button packen.

                      1 Reply Last reply Reply Quote 0
                      • Bluelinux
                        Bluelinux @D3ltoroxp last edited by

                        @d3ltoroxp sagte in Einfach mal zeigen will….. 🙂 - Teil 3:

                        So in die Richtung möchte ich das alles gestalten. Das ist mal die Wetter Ansicht, ich möchte das nach einer gewissen Zeit, die View wechselt, Wetter, Kalender, Haus Infos usw..
                        Dabei kann man von jeder View das Menu aufrufen, muss ich mal noch schauen, wie ich das hinbekomme. Vllt mit dem Material Design, da gibts ja das Side Menu dazu. Aber muss ich noch schauen, wie ich dann dort die View wechseln lassen kann.

                        8ed45f2f-8fba-4d4e-927b-5d610d47413a-grafik.png

                        Sieht ja klasse aus... würdest du die zur Verfügung stellen?

                        D3ltoroxp 2 Replies Last reply Reply Quote 0
                        • D3ltoroxp
                          D3ltoroxp @Bluelinux last edited by D3ltoroxp

                          @bluelinux

                          Ja klar. Ist aber erst mal die erste View, mein jetziges sieht komplett anders aus. Aber kann ich die hier gern schon mal bereit stellen.
                          Kann ich denn einzelne Views exportieren ? Das Fenster ist bei mir leer.
                          Ansonsten muss ich halt die ganze VIS exportieren...

                          Das Script für den Hintergrund gibts im verlinkten Thread, etwas weiter unten. Das ist das Tagesbild von Bing. Falls du das haben möchtest.

                          https://forum.iobroker.net/topic/29759/gelöst-dynamische-url-aus-datenpunkt-als-view-hintergrund?_=1639333925238

                          1 Reply Last reply Reply Quote 0
                          • wendy2702
                            wendy2702 @Bostil last edited by

                            @bostil sagte in Einfach mal zeigen will….. 🙂 - Teil 3:

                            Bitte entschuldigt die späte Reaktion. Habe leider nicht mehr viel weiter optimiert. Wird sicher demnächst irgendwann geschehen. Aber für euch sollte dies erstmal als Template gut genügen. Viel Spaß damit und bin gespannt auf eure Versionen!

                            2021-12-13-Bostil VIS-Template_v1.1.zip

                            @D3ltoroxp @rookie123 @Nachtschatten81

                            Hi,

                            wollte meiner besseren hälfte mal deinen View Zeigen aber wie importiert man denn ein JSON File als View?

                            D3ltoroxp 1 Reply Last reply Reply Quote 0
                            • D3ltoroxp
                              D3ltoroxp @wendy2702 last edited by

                              @wendy2702 Musst du nicht nur auf Projekt importieren und die zip dort ins Fenster ziehen ?

                              wendy2702 1 Reply Last reply Reply Quote 1
                              • wendy2702
                                wendy2702 @D3ltoroxp last edited by wendy2702

                                @d3ltoroxp Hast recht.

                                Allerdings fehlt mir jetzt schon der Hintergrund. Mal gucken.....

                                Sieht bei euch der Editor nach Import auch so aus:

                                9424df8d-a049-4e72-8137-a8c1e3e93673-grafik.png

                                Wenn ich eines meiner alten Projecte lade sieht es wieder so aus:

                                8315bdf7-ec56-41d4-bf00-31fcada3fd54-grafik.png

                                D3ltoroxp Glasfaser 2 Replies Last reply Reply Quote 0
                                • D3ltoroxp
                                  D3ltoroxp @wendy2702 last edited by

                                  @wendy2702 Nope. Wenn ich was importiere, sieht er normal aus. Mal die Seite schließen und neu laden ?

                                  1 Reply Last reply Reply Quote 0
                                  • Glasfaser
                                    Glasfaser @wendy2702 last edited by

                                    @wendy2702 sagte in Einfach mal zeigen will….. 🙂 - Teil 3:

                                    Sieht bei euch der Editor nach Import auch so aus:

                                    Das liegt daran , das die CSS Anweisung auf die Ganze Seite wirkt.

                                    mache ein Punkt davor .

                                    37338b8f-3780-4e1a-9d14-eaa50d1c2a8f-grafik.png

                                    wendy2702 1 Reply Last reply Reply Quote 0
                                    • wendy2702
                                      wendy2702 @Glasfaser last edited by

                                      @glasfaser danke.

                                      Kann ich erst morgen testen.

                                      1 Reply Last reply Reply Quote 0
                                      • D3ltoroxp
                                        D3ltoroxp last edited by

                                        Kann man denn den Hintergrund von "View in Widget" transparent machen ?

                                        66cd1a65-ed80-4098-9325-f86dbc119fa7-grafik.png

                                        Hab dann so nen blöden Hintergrund.

                                        Glasfaser 1 Reply Last reply Reply Quote 0
                                        • Glasfaser
                                          Glasfaser @D3ltoroxp last edited by

                                          @d3ltoroxp

                                          Keine Ahnung was du meinst .
                                          Das View in Widget übernimmt nur 1:1 den Inhalt von deiner ausgewählen View.

                                          Wenn der Hintergrund dunkel ist , dann wird er auch so übernommen .

                                          Oder meinst du das " schraffierte " das ist im Editormodus

                                          1.JPG

                                          2.JPG

                                          34714f62-450a-441a-a7c6-c04bfbb5c1bf-grafik.png

                                          D3ltoroxp 1 Reply Last reply Reply Quote 0
                                          • D3ltoroxp
                                            D3ltoroxp @Glasfaser last edited by D3ltoroxp

                                            @glasfaser Ich habe ja dort folgendes Erstellt.

                                            abdbeb38-5a5d-47cb-b692-b56ea565df89-grafik.png

                                            Damit ich das nicht in jeder View erstellen muss, mach ich das über View in Widget. Nun hat der graue Kasten ja einen Schatten. Den soll es in der View mit anzeigen. Aber dadurch sehe ich den weißen Rand auch noch mit in der View in Widget.

                                            So wie im Bild oben. Oder kann ich den weißen Hintergrund der View transparent machen ?

                                            a033c83c-c2c5-41c8-9b46-c348cce328e3-grafik.png

                                            Das weiße soll transparent sein... ich hab jetzt mal in der View no Background angeklickt.

                                            054ce7a7-899f-403d-891e-8217d8943a79-grafik.png

                                            Aber auch hier bekomme ich das weiße am Rand.

                                            EDIT::

                                            Ich habs, ich habe bei Background unter color einfach transparent geschrieben, nun ist der weiße Rand weg und so wie es sein soll.

                                            77cb4d91-1e92-488c-ade8-364a6af48c15-grafik.png

                                            Glasfaser 2 Replies Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            572
                                            Online

                                            31.7k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

                                            vis vis editor visualisierung visualization
                                            155
                                            813
                                            250411
                                            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