Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Skripten / Logik
    4. JavaScript
    5. [Vorlage] Automatischer View-Wechsel u. Slideshow

    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

    [Vorlage] Automatischer View-Wechsel u. Slideshow

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

      Das glaube ich garnicht, denke dass das System generell nicht so ausgelegt ist das unterscheiden zu können.

      Wenn du an Tablet eins die View wechselst, passiert dann am zweiten das gleiche?

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

        Nein. Aber ich denke wenn der Wechsel vom Broker ausgelöst wird müsste doch der Befehl an beide gehen.
        Wenn ich am Tablet den View wechsle fordere ich den ja nur lokal an.

        1 Reply Last reply Reply Quote 0
        • W
          web4wasch @Peoples last edited by

          @Peoples

          danke dir! 👍

          werde es heute Abend ausprobieren..... THX

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

            Wirklich ein tolles Script @Peoples

            Vielleicht bist du so nett und unterstützt mich kurz bei meinem Problem:

            • Folgendes würde ich gerne über jeweils zwei Schalter in meiner VIS (siehe Screenshot) einstellen können:
            1. Aktivierung eines echten Bildschirmschones, der einfach nach einer vorgegebenen Zeit eine definierte Reihenfolge von Views mit Vollbild-Fotos in meiner VIS abspielt
            2. Aktivierung eines zweiten Bildschirmschoners, der andere Views abspielt, als die oben definierten - eher informative Bildschirme

            Ich habe aktuell bereits mit dem Screensaver das Problem, dass mit Aktivierung dessen auf "true" der Timer nicht startet und alleine die Funktionalität des Bildschirmschoners noch nicht funktioniert. Das würde mir fürs Erste wirklich reichen und sehr weiterbringen.

            Hast du eine Idee ? Das Script habe ich eins zu eins von dir übernommen und nur die paar Variablen geändert. Unterhalb das Script + Screenshots. Vielen lieben Dank!

            Schalter in VIS:
            Anmerkung 2020-01-04 144426.png

            Objekte:
            Anmerkung 2020-01-04 144122.png

            Einstellung Schalter für Bildschirmschoner:
            Anmerkung 2020-01-04 144834.png

            Script

            //
            // Seitenwechsel-Script
            // Autor: Peoples
            //
            //
            // Funktionen:  1. Bei Viewwechsel wird geprüft ob eine andere View als Home gewählt ist
            //                 wenn das der Fall ist wird ein Timer gesetzt nach dessen Ablauf wieder zurück
            //                 auf Home gewechselt wird.
            //              2. Wenn die Alarmanlage eingeschalten ist wird die PinEingabeView angezeigt.
            //              3. Bei SystemView läuft kein Timer
            //
            //
            // v2.0.0 - 30.09.2018  Neue Version - Grundaufbau geändert
            // v2.0.1 - 09.03.2019  Slideshow aller gewünschen Views integriert
            // v2.0.2 - 23.03.2019  Zusatzfunktion zum steuern der Sonderdatenpunkte eingebaut
            // v2.0.3 - 28.03.2019  Zahlenwerte durch parseInt konvertiert
            // v2.0.4 - 21.05.2019  Fehlerkorrekturen
            // v2.0.5 - 14.09.2019  AutoViewWechsel als Screensaver möglich
            // *******************************************************************************************************
             
            // -----------------------------------------------------------------------------
            // allgemeine Variablen
            // -----------------------------------------------------------------------------
            var logging = false;                                        // Logging on/off
            var instanz = 'javascript.0';   instanz = instanz + '.';    // 
                                                                        //
            var pfad0 =   'System.Iobroker';      pfad0 = pfad0 + '.';  // Pfad innerhalb der Instanz 
            var timerTout;
            var timerAutoSV;
            var DefaultView = 'Main';                                   // Standard-View
             
            // Aus Datenpunkt vis.0.control.data entnehmen 
            // der Teil vor dem Slash ist der Projektname:
            // "Wandtablet/Home"
            var project = "Vision";     project = project + '/';    // Name des Vis-Projekts
             
            var DisplayTime = '1';                                     // Darstellungszeit der Views bei Autowechsel
            var startView = 1;                                          // Startview bei Autowechsel
            var screenSv_time = 1;                                     // Zeit nach der der ScreenSaver Seitenwechsel angeht in Minuten
             
            //Alle vorhandenen Views
            var VisViews = [
                
                    /* View Name */                  /* Anzeigezeit */   /* In Slideshow anzeigen? */
             
                {'view':'Screensaver1',             'SWSec':180,            'ShowIAV':'yes'},
                {'view':'Screensaver2',         'SWSec':180,            'ShowIAV':'yes'},
                {'view':'Screensaver3',                     'SWSec':180,            'ShowIAV':'yes'},
                {'view':'Screensaver4',                      'SWSec':180,            'ShowIAV':'yes'},
                {'view':'Screensaver5',                     'SWSec':120,            'ShowIAV':'yes'},
                {'view':'Screensaver6',                       'SWSec':60,             'ShowIAV':'yes'},
                {'view':'Screensaver7',            'SWSec':40,             'ShowIAV':'yes'},
                {'view':'Screensaver8',                   'SWSec':180,            'ShowIAV':'yes'},
                {'view':'Screensaver9',                   'SWSec':180,            'ShowIAV':'yes'},
                {'view':'Screensaver10',       'SWSec':90,             'ShowIAV':'yes'},
                {'view':'Main',                         'SWSec':0,              'ShowIAV':'yes'},
                {'view':'Screensaver11',                      'SWSec':90,             'ShowIAV':'yes'},
                {'view':'Screensaver12',                'SWSec':60,             'ShowIAV':'no'},
            
            ];
            // -----------------------------------------------------------------------------
            // Objekte
            // -----------------------------------------------------------------------------
            // Objekt für Alle Automatischen Abläufe
            createState(pfad0 + 'Timer_View_Switch',  {def: '0',type: 'number',name: 'Timer für Wechsel auf DefaultView'});
            createState(pfad0 + 'Auto_Switch_View',  {def: 'false',type: 'boolean',name: 'Alle Views durchlaufen lassen'});
            createState(pfad0 + 'ScreenSaverAcitve',  {def: 'true',type: 'boolean',name: 'Bildschirmschoner'});
             
             
            if(logging)log("Total "+Object.keys(VisViews).length+" entries");
             
            // $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
            // $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
            // $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
            // $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
             
            // #############################################################################
            // #                                                                           #
            // #  Funktion zum automatischen Viewwechsel nach Timerablauf                  #
            // #                                                                           #
            // #############################################################################
             
            function switchToHomeView() {
                    timerTout = setTimeout(function () {
                        var timer = parseInt(getState(pfad0 + 'Timer_View_Switch').val, 10);
                        if (timer > 1) {
                            setState(pfad0 + 'Timer_View_Switch',timer - 1);
                            switchToHomeView();
                        }
                        else{
                            setState(pfad0 + 'Timer_View_Switch', 0);
                            setState('vis.0.control.instance', 'FFFFFFFF'); //getState("vis.0.control.instance").val/*Control vis*/);
                            setState('vis.0.control.data', project + DefaultView);
                            setState('vis.0.control.command', 'changeView');
                        }
                    }, 1000);
            }
             
            // #############################################################################
            // #                                                                           #
            // #  Funktion zum automatisch umlaufenden Viewwechsel                         #
            // #                                                                           #
            // #############################################################################
             
            function autoSwitchView(dspTime,i) {
                    if(i === '') i = 0;
                    if(logging) log(i);
                    if(i < Object.keys(VisViews).length){
                        if(VisViews[i].ShowIAV == 'yes'){
                            timerAutoSV = setTimeout(function () {
                                var timer = parseInt(getState(pfad0 + 'Timer_View_Switch').val, 10);
                                if (timer > 1) {
                                    setState(pfad0 + 'Timer_View_Switch', timer - 1);
                                    autoSwitchView(dspTime, i);
                                }
                                else{
                                        setState(pfad0 + 'Timer_View_Switch', 0);
                                        if(getState(pfad0 + 'Auto_Switch_View').val === true) switchView(project+VisViews[i].view);
                                        startAutoSwitchView(dspTime,(i+1));
                                }
                            }, 1000);
                        }
                        else{
                            startAutoSwitchView(dspTime,(i+1));
                        }
                    }
                    else{
                       startAutoSwitchView(dspTime,startView); 
                    }
            }
             
            // #############################################################################
            // #                                                                           #
            // #  Funktion zum Starten und Stoppen des automatischen Viewwechsel           #
            // #                                                                           #
            // #############################################################################
            function startAutoSwitchView(dspTime,i){
                if(getState(pfad0 + 'Auto_Switch_View').val === true){
                    if(dspTime !== ''){
                        setState(pfad0 + 'Timer_View_Switch',parseInt(dspTime, 10));
                    }
                    else{
                        setState(pfad0 + 'Timer_View_Switch',15);
                    }
                    autoSwitchView(dspTime,i);
                } 
                else{
                    if(timerTout) clearTimeout(timerTout);
                    switchView(project + DefaultView);
                    setStateDelayed(pfad0 + 'Timer_View_Switch',0,2000);
                }
            }
            //
            // Beobachten des View Datenpunktes
            on({id:"javascript.0.System.Iobroker.Auto_Switch_View", change: "ne"}, function (dp) {
            //    if(dp.state.val === true){
                    startAutoSwitchView(DisplayTime,startView);
            //    }
            });
             
            // #############################################################################
            // #                                                                           #
            // #  Funktion zum Scriptbasierten Viewwechsel                                 #
            // #                                                                           #
            // #############################################################################
             
            function switchView(view){
                setState('vis.0.control.instance', 'FFFFFFFF');
                setState('vis.0.control.data', view);
                setState('vis.0.control.command', 'changeView');
            }
             
            // #############################################################################
            // #                                                                           #
            // #  Funktion zum Prüfen der Wunsch View und zum auslesen der Darstellzeit    #
            // #                                                                           #
            // #############################################################################
             
            function checkView(wishView){
                if(logging) log('View to check:'+wishView);
                if(getState(pfad0 + 'Auto_Switch_View').val === false ){
                    for(var i = 0; i < Object.keys(VisViews).length; i++) {  
                        if(project+VisViews[i].view == wishView) {
                            if(logging) log('View found in:' + i);
                            if(timerTout) clearTimeout(timerTout);
                            setState(pfad0 + 'Timer_View_Switch', 0);
                            if(VisViews[i].SWSec !== 0){
                                setState(pfad0 + 'Timer_View_Switch', VisViews[i].SWSec);
                                switchToHomeView();
                            }
                        }
                    }
                }
            }
            // #############################################################################
            // #                                                                           #
            // #  Zusatzfunktion um ZusatzDatenpunke zu steuern                            #
            // #                                                                           #
            // #############################################################################
            function additionalActions(dp){
                if(dp == "Wandtablet/System"){
                    setState(pfad0 + "Letzte_System_Meldungen_prio", '');
                }
                if(dp == "Wandtablet/Kamera_Bilder_Haustuere"){
                    setState(pfad0 + "Tuerklingel_in_Abwesenheit", false);
                }
            }
            // #############################################################################
            // #                                                                           #
            // #  ScreenSaver Funktion zum Durchschalten der Views als Bildschirmschoner   #
            // #                                                                           #
            // #############################################################################
            function screenSaver(){
                svTimer = setTimeout(function() {
                    if(getState(pfad0 + 'ScreenSaverActive').val === true){
                        if((new Date().getTime() - getState('vis.0.control.data').lc)/60000 > screenSv_time){
                            setState(pfad0 + 'Auto_Switch_View', true);
                        }
                        else{
                            setState(pfad0 + 'Auto_Switch_View', false);
                        }  
                        screenSaver();  
                    }
                }, 60000);
                
            }
             
            // Beobachten des Datenpunktes Screensaver um die Autoview einzuschalten
            on({id:'javascript.0.System.Iobroker.ScreenSaverActive'/*Bildschirmschoner*/, change: "ne"}, function (dp) {
                if(dp.state.val === true){
                    screenSaver();
                    if(logging) log('Screensaver On');
                }
                else{
                    if(svTimer) clearTimeout(svTimer);
                    setState(pfad0 + 'Auto_Switch_View', false);
                    switchView(project + DefaultView);
                } 
            });
             
             
            // Beobachten des View Datenpunktes für Auswertung
            on({id:"vis.0.control.data", change: "ne"}, function (dp) {
                checkView(dp.state.val);
                    // Zusatzfunktion um den Datenpunkt zurück zu setzten
                additionalActions(dp.state.val);
            });
             
             
             
            //Bei aktiver Alarmanlage auf Pin-View umschalten
            on({id: "javascript.0.Alarmanlage.Status.Status"/*Status für Scharfmeldung*/, change: 'any'}, function (dp) {
                if(dp.state.val == 2 || dp.state.val == '2'){
                    switchView('Alarmanlage_code');
                }
                else{
                    switchView(DefaultView);
                }
            });
             
            //Bei Bewegung auf Kamerabild umschalten
            on({id:"hm-rpc.0.XXXXXXXXXX.1.MOTION"/*Bewegungsmelder.Aussen.Haustuere.XXXXXXXXX:1.MOTION*/, change: 'any'}, function (dp) {
                if(dp.state.val === true ){
                     if(getState("javascript.0.Alarmanlage.Status.Status").val != 2 || getState("javascript.0.Alarmanlage.Status.Status").val != '2'){
                       switchView('Kamera_Garage');
                     }
                     else{
                        switchView('Alarmanlage_code');
                     }
                }
            });
             
             
            
            
            Peoples 1 Reply Last reply Reply Quote 0
            • Peoples
              Peoples @Bostil last edited by

              @Bostil
              pack mal den ganzen code in die code tags ist bissl unübersichtlich so

              Bostil 1 Reply Last reply Reply Quote 1
              • D
                dos1973 last edited by dos1973

                @Bostil
                Ist zwar offtopic,
                aber würdest den view bereitstellen. Sieht Bombe aus! Danke

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

                  @dos1973 Hi @dos1973 mache ich gerne, sobald das Teil mal einen etwas kompletteren Status erreicht hat. Meine VIS ist sehr an die folgende VIS angelehnt, die ich eins hier und bei Youtube gefunden hatte: https://www.youtube.com/watch?v=znWigptw0GE

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

                    @Peoples Danke für den Hinweis. Habe ich oben nun mit der richtigen Code-Funktion ergänzt. Irgendwo in deinem Script hatte ich noch einen vermeintlichen Schreibfehler (ScreenSaverAcitve) korrigiert - hoffe nicht, dass die Korrektur es noch verschlimmbessert hatte.

                    Aktuell sieht bei diesem Script bei mir die Funktionalität aus, dass irgendwann (vllt. 10 Minuten später) kurz auf ein Screensaver-Bild geschaltet wird, und dann wieder zurück auf meinen Main-View.

                    Keine Sorge - liegt sicherlich 100% an meinem noch stümperhaften Getue ....

                    Aber: Danke fürs Reinschauen.

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

                      @Bostil
                      Das mit dem Schreibfehler hat es teilweise verschlimmert, weil du nur einen der Schreibfehler korrigiert hast 😁

                      Wenn ich oben nachsehe hast du Zeile 215 korrigiert, aber die Zeile 67 in der das Objekt angelegt wird nicht.

                      Besser die mal aus und sag Bescheid ob sich was ändert.

                      Bostil 1 Reply Last reply Reply Quote 1
                      • S
                        Solider last edited by

                        Moin ! 🙂

                        Vorweg schonmal Super Arbeit!

                        ich häng grad n bissl...
                        Ich möchte kein durchschalten der Views, da bei mir der Touchscreen nach 2 min eh ausschaltet. (Hab 1 RPI 4 als "Zentralen Rechner" und 1 RPI3B+ mit 10.1 " Touchscreen als Wandtablet)

                        Ich möchte also nur, dass er nach Zeit X zu Homeview zurückkehrt.
                        JS macht mir eigentlich weniger Probleme nur ich kann hier nicht ganz auseinanderfriemeln, was jetzt wofür ist. (die Alarmanlagengeschichte hab ich bei mir schon auskommentiert :D)

                        Aber irgendwie macht er bisher garnichts...

                        Ich könnte ja die nur die Homeview in die slideshow nehmen und dann bildschirmschoner nach 2 minuten. aber das scheint mir eher "gecheatet" im sinne des Scripts 😄
                        Best Grüße

                        Florian 🙂

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

                          @Peoples Danke dir! Das war auf jedenfall eines der Probleme! Danke danke 🙂

                          Jetzt bleibt nur noch folgende Fehlermeldung, wenn ich über den Schalte den Screensaver aktiviere:
                          22:01:25.846 error javascript.0 (1210) at Object.<anonymous> (script.js.common.Viewwechsel:235:9)

                          //
                          // Seitenwechsel-Script
                          // Autor: Peoples
                          //
                          //
                          // Funktionen:  1. Bei Viewwechsel wird geprüft ob eine andere View als Home gewählt ist
                          //                 wenn das der Fall ist wird ein Timer gesetzt nach dessen Ablauf wieder zurück
                          //                 auf Home gewechselt wird.
                          //              2. Wenn die Alarmanlage eingeschalten ist wird die PinEingabeView angezeigt.
                          //              3. Bei SystemView läuft kein Timer
                          //
                          //
                          // v2.0.0 - 30.09.2018  Neue Version - Grundaufbau geändert
                          // v2.0.1 - 09.03.2019  Slideshow aller gewünschen Views integriert
                          // v2.0.2 - 23.03.2019  Zusatzfunktion zum steuern der Sonderdatenpunkte eingebaut
                          // v2.0.3 - 28.03.2019  Zahlenwerte durch parseInt konvertiert
                          // v2.0.4 - 21.05.2019  Fehlerkorrekturen
                          // v2.0.5 - 14.09.2019  AutoViewWechsel als Screensaver möglich
                          // *******************************************************************************************************
                           
                          // -----------------------------------------------------------------------------
                          // allgemeine Variablen
                          // -----------------------------------------------------------------------------
                          var logging = false;                                        // Logging on/off
                          var instanz = 'javascript.0';   instanz = instanz + '.';    // 
                                                                                      //
                          var pfad0 =   'System.Iobroker';      pfad0 = pfad0 + '.';  // Pfad innerhalb der Instanz 
                          var timerTout;
                          var timerAutoSV;
                          var DefaultView = 'Main';                                   // Standard-View
                           
                          // Aus Datenpunkt vis.0.control.data entnehmen 
                          // der Teil vor dem Slash ist der Projektname:
                          // "Wandtablet/Home"
                          var project = "Vision";     project = project + '/';    // Name des Vis-Projekts
                           
                          var DisplayTime = '480';                                     // Darstellungszeit der Views bei Autowechsel
                          var startView = 1;                                          // Startview bei Autowechsel
                          var screenSv_time = 1;                                     // Zeit nach der der ScreenSaver Seitenwechsel angeht in Minuten
                           
                          //Alle vorhandenen Views
                          var VisViews = [
                              
                                  /* View Name */                  /* Anzeigezeit */   /* In Slideshow anzeigen? */
                           
                              {'view':'Screensaver1',             'SWSec':180,            'ShowIAV':'yes'},
                              {'view':'Screensaver2',         'SWSec':180,            'ShowIAV':'yes'},
                              {'view':'Screensaver3',                     'SWSec':180,            'ShowIAV':'yes'},
                              {'view':'Screensaver4',                      'SWSec':180,            'ShowIAV':'yes'},
                              {'view':'Screensaver5',                     'SWSec':120,            'ShowIAV':'yes'},
                              {'view':'Screensaver6',                       'SWSec':60,             'ShowIAV':'yes'},
                              {'view':'Screensaver7',            'SWSec':40,             'ShowIAV':'yes'},
                              {'view':'Screensaver8',                   'SWSec':180,            'ShowIAV':'yes'},
                              {'view':'Screensaver9',                   'SWSec':180,            'ShowIAV':'yes'},
                              {'view':'Screensaver10',       'SWSec':90,             'ShowIAV':'yes'},
                              {'view':'Main',                         'SWSec':0,              'ShowIAV':'yes'},
                              {'view':'Screensaver11',                      'SWSec':90,             'ShowIAV':'yes'},
                              {'view':'Screensaver12',                'SWSec':60,             'ShowIAV':'no'},
                          
                          ];
                          // -----------------------------------------------------------------------------
                          // Objekte
                          // -----------------------------------------------------------------------------
                          // Objekt für Alle Automatischen Abläufe
                          createState(pfad0 + 'Timer_View_Switch',  {def: '0',type: 'number',name: 'Timer für Wechsel auf DefaultView'});
                          createState(pfad0 + 'Auto_Switch_View',  {def: 'false',type: 'boolean',name: 'Alle Views durchlaufen lassen'});
                          createState(pfad0 + 'ScreenSaverActive',  {def: 'false',type: 'boolean',name: 'Bildschirmschoner'});
                           
                           
                          if(logging)log("Total "+Object.keys(VisViews).length+" entries");
                           
                          // $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                          // $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                          // $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                          // $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                           
                          // #############################################################################
                          // #                                                                           #
                          // #  Funktion zum automatischen Viewwechsel nach Timerablauf                  #
                          // #                                                                           #
                          // #############################################################################
                           
                          function switchToHomeView() {
                                  timerTout = setTimeout(function () {
                                      var timer = parseInt(getState(pfad0 + 'Timer_View_Switch').val, 10);
                                      if (timer > 1) {
                                          setState(pfad0 + 'Timer_View_Switch',timer - 1);
                                          switchToHomeView();
                                      }
                                      else{
                                          setState(pfad0 + 'Timer_View_Switch', 0);
                                          setState('vis.0.control.instance', 'FFFFFFFF'); //getState("vis.0.control.instance").val/*Control vis*/);
                                          setState('vis.0.control.data', project + DefaultView);
                                          setState('vis.0.control.command', 'changeView');
                                      }
                                  }, 1000);
                          }
                           
                          // #############################################################################
                          // #                                                                           #
                          // #  Funktion zum automatisch umlaufenden Viewwechsel                         #
                          // #                                                                           #
                          // #############################################################################
                           
                          function autoSwitchView(dspTime,i) {
                                  if(i === '') i = 0;
                                  if(logging) log(i);
                                  if(i < Object.keys(VisViews).length){
                                      if(VisViews[i].ShowIAV == 'yes'){
                                          timerAutoSV = setTimeout(function () {
                                              var timer = parseInt(getState(pfad0 + 'Timer_View_Switch').val, 10);
                                              if (timer > 1) {
                                                  setState(pfad0 + 'Timer_View_Switch', timer - 1);
                                                  autoSwitchView(dspTime, i);
                                              }
                                              else{
                                                      setState(pfad0 + 'Timer_View_Switch', 0);
                                                      if(getState(pfad0 + 'Auto_Switch_View').val === true) switchView(project+VisViews[i].view);
                                                      startAutoSwitchView(dspTime,(i+1));
                                              }
                                          }, 1000);
                                      }
                                      else{
                                          startAutoSwitchView(dspTime,(i+1));
                                      }
                                  }
                                  else{
                                     startAutoSwitchView(dspTime,startView); 
                                  }
                          }
                           
                          // #############################################################################
                          // #                                                                           #
                          // #  Funktion zum Starten und Stoppen des automatischen Viewwechsel           #
                          // #                                                                           #
                          // #############################################################################
                          function startAutoSwitchView(dspTime,i){
                              if(getState(pfad0 + 'Auto_Switch_View').val === true){
                                  if(dspTime !== ''){
                                      setState(pfad0 + 'Timer_View_Switch',parseInt(dspTime, 10));
                                  }
                                  else{
                                      setState(pfad0 + 'Timer_View_Switch',15);
                                  }
                                  autoSwitchView(dspTime,i);
                              } 
                              else{
                                  if(timerTout) clearTimeout(timerTout);
                                  switchView(project + DefaultView);
                                  setStateDelayed(pfad0 + 'Timer_View_Switch',0,2000);
                              }
                          }
                          //
                          // Beobachten des View Datenpunktes
                          on({id:"javascript.0.System.Iobroker.Auto_Switch_View", change: "ne"}, function (dp) {
                          //    if(dp.state.val === true){
                                  startAutoSwitchView(DisplayTime,startView);
                          //    }
                          });
                           
                          // #############################################################################
                          // #                                                                           #
                          // #  Funktion zum Scriptbasierten Viewwechsel                                 #
                          // #                                                                           #
                          // #############################################################################
                           
                          function switchView(view){
                              setState('vis.0.control.instance', 'FFFFFFFF');
                              setState('vis.0.control.data', view);
                              setState('vis.0.control.command', 'changeView');
                          }
                           
                          // #############################################################################
                          // #                                                                           #
                          // #  Funktion zum Prüfen der Wunsch View und zum auslesen der Darstellzeit    #
                          // #                                                                           #
                          // #############################################################################
                           
                          function checkView(wishView){
                              if(logging) log('View to check:'+wishView);
                              if(getState(pfad0 + 'Auto_Switch_View').val === false ){
                                  for(var i = 0; i < Object.keys(VisViews).length; i++) {  
                                      if(project+VisViews[i].view == wishView) {
                                          if(logging) log('View found in:' + i);
                                          if(timerTout) clearTimeout(timerTout);
                                          setState(pfad0 + 'Timer_View_Switch', 0);
                                          if(VisViews[i].SWSec !== 0){
                                              setState(pfad0 + 'Timer_View_Switch', VisViews[i].SWSec);
                                              switchToHomeView();
                                          }
                                      }
                                  }
                              }
                          }
                          // #############################################################################
                          // #                                                                           #
                          // #  Zusatzfunktion um ZusatzDatenpunke zu steuern                            #
                          // #                                                                           #
                          // #############################################################################
                          function additionalActions(dp){
                              if(dp == "Wandtablet/System"){
                                  setState(pfad0 + "Letzte_System_Meldungen_prio", '');
                              }
                              if(dp == "Wandtablet/Kamera_Bilder_Haustuere"){
                                  setState(pfad0 + "Tuerklingel_in_Abwesenheit", false);
                              }
                          }
                          // #############################################################################
                          // #                                                                           #
                          // #  ScreenSaver Funktion zum Durchschalten der Views als Bildschirmschoner   #
                          // #                                                                           #
                          // #############################################################################
                          function screenSaver(){
                              svTimer = setTimeout(function() {
                                  if(getState(pfad0 + 'ScreenSaverActive').val === true){
                                      if((new Date().getTime() - getState('vis.0.control.data').lc)/60000 > screenSv_time){
                                          setState(pfad0 + 'Auto_Switch_View', true);
                                      }
                                      else{
                                          setState(pfad0 + 'Auto_Switch_View', false);
                                      }  
                                      screenSaver();  
                                  }
                              }, 60000);
                              
                          }
                           
                          // Beobachten des Datenpunktes Screensaver um die Autoview einzuschalten
                          on({id:'javascript.0.System.Iobroker.ScreenSaverActive'/*Bildschirmschoner*/, change: "ne"}, function (dp) {
                              if(dp.state.val === true){
                                  screenSaver();
                                  if(logging) log('Screensaver On');
                              }
                              else{
                                  if(svTimer) clearTimeout(svTimer);
                                  setState(pfad0 + 'Auto_Switch_View', false);
                                  switchView(project + DefaultView);
                              } 
                          });
                           
                           
                          // Beobachten des View Datenpunktes für Auswertung
                          on({id:"vis.0.control.data", change: "ne"}, function (dp) {
                              checkView(dp.state.val);
                                  // Zusatzfunktion um den Datenpunkt zurück zu setzten
                              additionalActions(dp.state.val);
                          });
                           
                           
                           
                          //Bei aktiver Alarmanlage auf Pin-View umschalten
                          on({id: "javascript.0.Alarmanlage.Status.Status"/*Status für Scharfmeldung*/, change: 'any'}, function (dp) {
                              if(dp.state.val == 2 || dp.state.val == '2'){
                                  switchView('Alarmanlage_code');
                              }
                              else{
                                  switchView(DefaultView);
                              }
                          });
                           
                          //Bei Bewegung auf Kamerabild umschalten
                          on({id:"hm-rpc.0.XXXXXXXXXX.1.MOTION"/*Bewegungsmelder.Aussen.Haustuere.XXXXXXXXX:1.MOTION*/, change: 'any'}, function (dp) {
                              if(dp.state.val === true ){
                                   if(getState("javascript.0.Alarmanlage.Status.Status").val != 2 || getState("javascript.0.Alarmanlage.Status.Status").val != '2'){
                                     switchView('Kamera_Garage');
                                   }
                                   else{
                                      switchView('Alarmanlage_code');
                                   }
                              }
                          });
                           
                           
                          
                          
                          Peoples 1 Reply Last reply Reply Quote 0
                          • Peoples
                            Peoples @Solider last edited by

                            @Solider sagte in [[Vorlage] Automatischer View-Wechsel u. Slideshow](/post

                            Ich möchte also nur, dass er nach Zeit X zu Homeview zurückkehrt.

                            Du musst eigentlich nur hier:

                            var DefaultView = 'Home';                                   // Standard-View
                            var project = "Wandtablet";
                            

                            deine Homeview und den Namen deines Vis-Projekts und hier:

                                   /* View Name */                  /* Anzeigezeit */   /* In Slideshow anzeigen? */
                            
                                {'view':'Alarmanlage_code',             'SWSec':180,            'ShowIAV':'no'},
                                {'view':'Backup_Konfiguration',         'SWSec':180,            'ShowIAV':'no'},
                            

                            View ist der Name der View(s) bei denen der "Auto zurück Wechsel" funktionieren soll.
                            SWSec ist die Zeit nach der zurück gewechselt wird
                            ShowIAV wäre für den Screensaver und in deinem Fall nicht nötig

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

                              @Bostil sagte in [Vorlage] Automatischer View-Wechsel u. Slideshow:

                              @Peoples Danke dir! Das war auf jedenfall eines der Probleme! Danke danke 🙂

                              Jetzt bleibt nur noch folgende Fehlermeldung, wenn ich über den Schalte den Screensaver aktiviere:
                              22:01:25.846 error javascript.0 (1210) at Object.<anonymous> (script.js.common.Viewwechsel:235:9)

                              Wenn du das Script zweimal startest ist es immernoch so? Bei mir kommt der Fehler nur beim ersten mal starten

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

                                @Bostil

                                Mich interessiert primär der „Glow“effekt unter den kleinen Kacheln.
                                Das ist wahrscheinlich shadow/ inset aber ich bekomme es einfach nicht so hin, bei Dir siehst echt gut aus. Wenn du dass css reinstellen könntest wäre mir bereits sehr geholfen... thx

                                Bostil Chaot 2 Replies Last reply Reply Quote 0
                                • Bostil
                                  Bostil @dos1973 last edited by

                                  @dos1973 Hi, ich fühle mich in PowerPoint mehr zuhause als in CSS, daher ist alles, was du in meiner Vis als Hintergrund siehst in Power Point ziemlich einfach & schnell "designed" worden und als "img" eingefügt.

                                  1 Reply Last reply Reply Quote 0
                                  • Chaot
                                    Chaot @dos1973 last edited by

                                    @dos1973 Meinst du sowas:
                                    Glow.png
                                    Ist Box-shadow

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

                                      Ich will keine Spaßbremse sein, aber ihr kommt leicht Thread-Thema ab 🤣

                                      D 1 Reply Last reply Reply Quote 0
                                      • D
                                        dos1973 @Peoples last edited by

                                        @Peoples
                                        Hast recht... sorry

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

                                          @Peoples

                                          Ist es eigentlich Absicht, dass in deinem "Beobachten-Abschnitt" die ID's fix eingetragen sind?

                                          // Beobachten des Datenpunktes Screensaver um die Autoview einzuschalten
                                          
                                          on({id:'javascript.0.System.Iobroker.ScreenSaverActive'/*Bildschirmschoner*/, change: "ne"}, function (dp) {
                                          

                                          und

                                          // Beobachten des View Datenpunktes
                                          
                                          on({id:"javascript.0.System.Iobroker.Auto_Switch_View", change: "ne"}, function (dp) {
                                          
                                          //    if(dp.state.val === true){
                                          
                                                  startAutoSwitchView(DisplayTime,startView);
                                          
                                          //    }
                                          

                                          Sollte da nicht besser

                                          on({id:'javascript.0.' + pfad0 + 'ScreenSaverActive'/*Bildschirmschoner*/, change: "ne"}
                                          

                                          und

                                          on({id:"javascript.0." + pfad0 +"Auto_Switch_View", change: "ne"}
                                          

                                          stehen?

                                          Peoples 1 Reply Last reply Reply Quote 0
                                          • Peoples
                                            Peoples @Boronsbruder last edited by

                                            @Boronsbruder

                                            Da hast du Recht!

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            551
                                            Online

                                            31.7k
                                            Users

                                            79.9k
                                            Topics

                                            1.3m
                                            Posts

                                            22
                                            143
                                            17987
                                            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