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 2

    NEWS

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

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

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

      @lesiflo:

      Hallo zusammen und ein frohes neues Jahr auch noch,

      unter viewtopic.php?f=35&t=13917&start=60#p154795 hatte ich ja schon mal meine view eingestellt. Da es immer mal wieder was zu erweitern/verändern/erneuern gibt stelle ich mal wieder was neues ein. Wem's gefällt und etwas davon haben möchte einfach melden.

      Gruß

      Axel

      Bad.JPG

      Einstellungen.JPG

      Backup.JPG

      Fenster.JPG

      Haustechnik.JPG

      Licht.JPG

      Robby.JPG

      Wohnen.JPG

      Heizung.JPG `

      Stark… Ich klinke mich wieder ein...

      Habe damals ja schon viel von dir übernommen... Läuft auch Prima auf meinen Ipads (nen bisschen kleiner) - danke nochmals!

      1 Reply Last reply Reply Quote 0
      • L
        lesiflo Most Active last edited by

        @vatoslocos:

        @lesiflo:

        Hallo zusammen und ein frohes neues Jahr auch noch,

        unter viewtopic.php?f=35&t=13917&start=60#p154795 hatte ich ja schon mal meine view eingestellt. Da es immer mal wieder was zu erweitern/verändern/erneuern gibt stelle ich mal wieder was neues ein. Wem's gefällt und etwas davon haben möchte einfach melden.

        Gruß

        Axel

        Bad.JPG

        Einstellungen.JPG

        Backup.JPG

        Fenster.JPG

        Haustechnik.JPG

        Licht.JPG

        Robby.JPG

        Wohnen.JPG

        Heizung.JPG `

        Stark… Ich klinke mich wieder ein...

        Habe damals ja schon viel von dir übernommen... Läuft auch Prima auf meinen Ipads (nen bisschen kleiner) - danke nochmals! `

        Schön wenn's dir gefällt. Man bastelt halt immer mal wieder rum und sucht nach was neuen. Sonst wird's ja irgenwann langweilig. 😉

        1 Reply Last reply Reply Quote 0
        • G
          gimix last edited by

          @lesiflo:

          Hallo zusammen und ein frohes neues Jahr auch noch,

          unter viewtopic.php?f=35&t=13917&start=60#p154795 hatte ich ja schon mal meine view eingestellt. Da es immer mal wieder was zu erweitern/verändern/erneuern gibt stelle ich mal wieder was neues ein. Wem's gefällt und etwas davon haben möchte einfach melden.

          Gruß

          Axel

          Bad.JPG

          Einstellungen.JPG

          Backup.JPG

          Fenster.JPG

          Haustechnik.JPG

          Licht.JPG

          Robby.JPG

          Wohnen.JPG

          Heizung.JPG `

          wie hast du das mit der Heizungssteuerung gemacht? Kannst du mir dein View zur Verfügung stellen? ^^

          1 Reply Last reply Reply Quote 0
          • L
            lesiflo Most Active last edited by

            @gimix:

            @lesiflo:

            Hallo zusammen und ein frohes neues Jahr auch noch,

            unter viewtopic.php?f=35&t=13917&start=60#p154795 hatte ich ja schon mal meine view eingestellt. Da es immer mal wieder was zu erweitern/verändern/erneuern gibt stelle ich mal wieder was neues ein. Wem's gefällt und etwas davon haben möchte einfach melden.

            Gruß

            Axel

            Bad.JPG

            Einstellungen.JPG

            Backup.JPG

            Fenster.JPG

            Haustechnik.JPG

            Licht.JPG

            Robby.JPG

            Wohnen.JPG

            Heizung.JPG `

            wie hast du das mit der Heizungssteuerung gemacht? Kannst du mir dein View zur Verfügung stellen? ^^ `

            Welches View genau meinst du? Das wo die einzelnen Räume für die Einstellung der Temperatur drauf sind oder das mit der Heizungsanlage?

            1 Reply Last reply Reply Quote 0
            • G
              gimix last edited by

              Genau das mit den einzelnen Räumen 🙂

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

                @SmarthomeMF:

                He noch ne Frage..

                wie kann ich da meine zip Datei einfügen?

                Die ist zu groß 46MB `

                Schicke mir an dogafox@gmail.com.

                1 Reply Last reply Reply Quote 0
                • V
                  vatoslocos last edited by

                  @lesiflo:

                  @arteck:

                  der Sauger sieht gut aus.. könntest du mal ein Export zur Verfügung stellen `

                  Hier die Dateien,

                  sind insgesamt 4 Subviews die in Hauptview eingebaut sind.

                  Saugroboter.rar `

                  Wie hast du das mit dem Javascript und den Zeiten gelöst:

                  S_Zeiten –> z.b.: javascript.0.Eigene_Variablen.Hausgeräte.Saugroboter.Startzeit_Donnerstag

                  1 Reply Last reply Reply Quote 0
                  • L
                    lesiflo Most Active last edited by

                    @vatoslocos:

                    @lesiflo:

                    @arteck:

                    der Sauger sieht gut aus.. könntest du mal ein Export zur Verfügung stellen `

                    Hier die Dateien,

                    sind insgesamt 4 Subviews die in Hauptview eingebaut sind.

                    Saugroboter.rar `

                    Wie hast du das mit dem Javascript und den Zeiten gelöst:

                    S_Zeiten –> z.b.: javascript.0.Eigene_Variablen.Hausgeräte.Saugroboter.Startzeit_Donnerstag `

                    so z.B., einfach ab funktioniert.
                    2716_zeiten_robo.jpg

                    Du musst für jeden Tag zwei Variablen anlegen, Start_ <wochentag>und Startzeit_<wochentag>. Geht bestimmt auch eleganter ab funktiniert bei

                    mir ganz gut.</wochentag></wochentag>

                    1 Reply Last reply Reply Quote 0
                    • V
                      vatoslocos last edited by

                      Ok - probiere ich mal….

                      Total spannend und dann doch einige Veränderungen zur 1.0 Version 😉

                      Wir zentralisiert du deine Views für die Bereiche ?

                      Sprich EG/OG usw.:

                      Ist ja kein direkter Verwes auf die Views: javascript.0.Eigene_Variablen.Vis.Umschalten_EG

                      1 Reply Last reply Reply Quote 0
                      • L
                        lesiflo Most Active last edited by

                        @vatoslocos:

                        Ok - probiere ich mal….

                        Total spannend und dann doch einige Veränderungen zur 1.0 Version 😉

                        Wir zentralisiert du deine Views für die Bereiche ?

                        Sprich EG/OG usw.:

                        Ist ja kein direkter Verwes auf die Views: javascript.0.Eigene_Variablen.Vis.Umschalten_EG `

                        Das Zentralisieren mache ich manuell. Ich verändere die Werte für left und top solange bis es auf meinem 10"" Tablet passt. Anders geht's leider nicht. Es gibt im Material Design keine Funktion dafür. Aber wenn du das einmal für eine View erstellt hast kannst du es auf die anderen Views ja übertragen.

                        V 1 Reply Last reply Reply Quote 0
                        • B
                          Buddinski88 last edited by

                          @lesiflo:

                          So, nachdem nun alles fertig ist hier mal meine Grafiken.

                          Läuft auf einem 10" Samsung Tablet und basiert auf dem Material Design von Uhula. Nochmal vielen Dank dafür. Tolle Arbeit !

                          Bei einigen Geräten oder Anzeigen wie z.B. den Rollläden oder Fenstern gehen zusätzliche Dialoge zum Bedienen oder Anzeigen auf. `

                          Hi Lesiflo,

                          vielen vielen Dank fürs Bereitstellen deines Views 🙂

                          Ich bin gerade dabei diesen zu verstehen und komme soweit auch ganz gut damit klar.

                          Was ich nicht verstehe ist, wie die bnag_eg z.B. arbeitet. Du hast eigene Variablen angelegt, soweit verstanden. Was ich nicht kapiere ist, was in den Variablen drin steht? Wärst du so freundliche und erklärst das mal?

                          Vielen Dank und Grüße

                          Bastian

                          1 Reply Last reply Reply Quote 0
                          • T
                            tempestas last edited by

                            Habe mal ein wenig an meiner Detailanzeige fürs Tageswetter gebastelt. Ich bin ja eher der optische Typ, für den es irgendwie (ja, Geschmacksache, das ist klar) eher fancy aussehen muss als 1 Trillion Infos auf möglichst wenig Platz zu quetschen.

                            Vllt. gefällts ja jemandem..

                            2395_entwurf.png

                            1 Reply Last reply Reply Quote 0
                            • N
                              nousefor82 last edited by

                              HAMMER!!!

                              :shock: 😮 😮 😮 😮

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

                                @tempestas:

                                Habe mal ein wenig an meiner Detailanzeige fürs Tageswetter gebastelt. Ich bin ja eher der optische Typ, für den es irgendwie (ja, Geschmacksache, das ist klar) eher fancy aussehen muss als 1 Trillion Infos auf möglichst wenig Platz zu quetschen.

                                Vllt. gefällts ja jemandem..

                                filename="entwurf.png" index="0">~~ ` Sieht super aus. Ich mag es auch lieber fancy als total überladen.

                                Gesendet von meinem ONEPLUS A5010 mit Tapatalk

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

                                  @tempestas:

                                  Habe mal ein wenig an meiner Detailanzeige fürs Tageswetter gebastelt. Ich bin ja eher der optische Typ, für den es irgendwie (ja, Geschmacksache, das ist klar) eher fancy aussehen muss als 1 Trillion Infos auf möglichst wenig Platz zu quetschen.

                                  Vllt. gefällts ja jemandem..

                                  entwurf.png `

                                  Sieht Hammer aus.

                                  Falls du es zur Verfügung stellst dann würde ich es nehmen 😉

                                  1 Reply Last reply Reply Quote 0
                                  • T
                                    tempestas last edited by

                                    ich schaue die Tage mal, dass ich es einstelle.

                                    Sind auch zwei Skripte dahinter, damit die Zeitanzeige passt und der Sonnenverlauf sich richtig positioniert (ja, auch wenns nur schematisch ist, ist mir klar 🙂

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

                                      @tempestas:

                                      ich schaue die Tage mal, dass ich es einstelle.

                                      Sind auch zwei Skripte dahinter, damit die Zeitanzeige passt und der Sonnenverlauf sich richtig positioniert (ja, auch wenns nur schematisch ist, ist mir klar 🙂 `

                                      Danke 😉

                                      1 Reply Last reply Reply Quote 0
                                      • D
                                        dondaik last edited by

                                        starkt gemacht !!!

                                        1 Reply Last reply Reply Quote 0
                                        • S
                                          schittl last edited by

                                          @tempestas:

                                          Vllt. gefällts ja jemandem.. `
                                          Feine Arbeit. Top!!

                                          1 Reply Last reply Reply Quote 0
                                          • T
                                            tempestas last edited by Jey Cee

                                            Die view hängt an diesem Beitrag als txt dran. Die beiden nachfolgenden Skripte müsst ihr dann noch nutzen.

                                            Skript für die Uhrzeit in Minuten

                                            createState("Zeitplanung.Uhrzeit.Minuten", 0);
                                             schedule('*/1 * * * *', function TimeToMinutes() {
                                                var a = new Date();
                                                var h = a.getHours();
                                                var m = a.getMinutes();
                                            
                                                var timeInMinutes= h*60+m;
                                                setState("Zeitplanung.Uhrzeit.Minuten", timeInMinutes);
                                            });
                                            

                                            Skript für den Sonnenverlauf

                                            // Skript für den Sonnenverlauf in VIS, 
                                            // tempestas 10.1.2019, v0.2
                                             var debug = true;
                                            var force = false;
                                            var i = 0;
                                             var xWidth = 735;       // Breite grafischer Horizont
                                            var xOffset = 60;       // Abstand grafischer Horizont x-Achse vom linken Rand in px
                                            var yOffset = 320;      // Abstand grafischer Horizont zur x-Achse vom oberen Rand in px
                                             var idDayMinutes = "javascript.0.Zeitplanung.Uhrzeit.Minuten"/*Zeitplanung.Uhrzeit.Minuten*/;
                                             var picHeight = 40; // Höhe der Bilder in px 
                                            var picWidth = 40;
                                             var idSunrise = "daswetter.0.NextDaysDetailed.Location_1.Day_1.sun_in"/*sun raise*/;
                                            var idSunhigh = "daswetter.0.NextDaysDetailed.Location_1.Day_1.sun_mid";
                                            var idSunset = "daswetter.0.NextDaysDetailed.Location_1.Day_1.sun_out";
                                             var cronString = "0 1 * * *";  
                                             // initial states anlegen    
                                            function create(){
                                                for (i=1 ; i<25;i++) {
                                                        createState("Sonnenstand.Stundenverlauf."+i+".Y", 0, force);
                                                        createState("Sonnenstand.Stundenverlauf."+i+".X", 0, force);
                                                        createState("Sonnenstand.Stundenverlauf."+i+".BildStatus", 0, force);
                                                    }
                                                        createState("Sonnenstand.Stundenverlauf.UhrzeitX", 0, force);
                                            }
                                             // States berechnen und bespielen
                                            function graph(){
                                            
                                                var rise;
                                                var noon;
                                                var down;
                                                var radius;
                                                var y;
                                                var x;
                                                var count;
                                                var stat;       // Für image 8; status 0 = kein bild, 1 = Sonnenaufgang, Status 2 = Sonne, Status 3 = Untergang
                                                var radWinkel;
                                                         
                                                rise = parseInt(getState(idSunrise).val.substring(0,2) )* 60 + parseInt( getState(idSunrise).val.slice(3,5));
                                                noon = parseInt(getState(idSunhigh).val.substring(0,2))* 60 + parseInt(getState(idSunhigh).val.slice(3,5)  );       
                                                down = parseInt(getState(idSunset).val.substring(0,2)) * 60 + parseInt(getState(idSunset).val.slice(3,5)  );
                                            
                                                radius = Math.round((xWidth / 1440)  * (down - rise )/2) ;   // 1440 sind die Minuten des Tages
                                            
                                                count =  parseInt(getState(idSunset).val.substring(0,2)) - parseInt(getState(idSunrise).val.substring(0,2) )  +1; // für die Anzahl der Bilder
                                                 if(debug) log("count ist "+count);
                                            
                                                if(debug) log("sonnenaufgang zur Minute "+rise +", Sonnenhöchstand zur Minute "+noon + " , Sonnenuntergang zur Minute "+down +"; Der Radius beträgt "+radius +" Pixel");
                                            
                                                for (i=1 ; i<=count ;i++) {
                                                    if(debug) log("Durchgang "+i);
                                            
                                                    var degrees = (180 / (count -1) * (count - i))  ;
                                                    radWinkel = degrees * Math.PI/180; 
                                                    
                                                    x = Math.round(((Math.cos(radWinkel)* radius) + xOffset + noon/1440*xWidth)-picWidth/2) ;
                                                    y = Math.round( yOffset - (Math.sin(radWinkel) * radius + picHeight));
                                            
                                                    if(debug) log("X ist "+x +" und Y ist "+y);
                                            
                                                    setState("Sonnenstand.Stundenverlauf."+i+".Y", y);
                                                    setState("Sonnenstand.Stundenverlauf."+i+".X", x); 
                                            
                                                    if (i == 1) stat = 1;
                                                    else if (i >1 && i < count) stat = 2;
                                                    else if (i == count) stat = 3; 
                                                    else stat = 0;
                                                    if(debug) log("i ist "+i +" und stat ist "+stat);
                                                    setState("Sonnenstand.Stundenverlauf."+i+".BildStatus", stat);
                                                  } 
                                            }
                                             //Zeitzeiger
                                             on(idDayMinutes, function(obj){
                                            
                                             var pointerWidth = 24;
                                             var val = Math.round(obj.state.val /1440 * xWidth + xOffset - pointerWidth / 2);
                                             setState("Sonnenstand.Stundenverlauf.UhrzeitX", val);
                                            
                                            });
                                            // Bei start
                                            create();
                                            setTimeout(graph, 1000);
                                            //schedule
                                            >schedule(cronString, graph);
                                            

                                            Hinweis:

                                            ich nutze den dasWetter Adapter!
                                            2395_wetterdetailed.txt

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            889
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            185
                                            916
                                            352465
                                            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