Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [Vorlage] VIS: View durch Pin schützen

NEWS

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

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

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

[Vorlage] VIS: View durch Pin schützen

[Vorlage] VIS: View durch Pin schützen

Scheduled Pinned Locked Moved Visualisierung
vistemplate
96 Posts 36 Posters 19.1k Views 52 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • A Offline
    A Offline
    accessburn
    wrote on last edited by
    #73
    const PIN_VIEWS = [
      {
        name:       'pSet_1',        // Name der View, zu der bei Erfolg gewechselt werden soll
        project:    'main',            // VIS-Projekt, in dem die View ist, für den Viewwechsel bei Erfolg. Wert bekommt man u.a.: Vis -> Menü: Setup > Projekte (den Namen des jeweilgen Projektes nehmen)
        instance:   'c8.1a0e9',      // Funktioniert bei mir (und einigen anderen) immer mit 'FFFFFFFF', ansonsten Wert vom Vis, Menü Tools, Feld "Instanz ID" nehmen
        pin:        '1234',          // Pin
      },
      {
        name:       'startseite',          
        project:    'main',   
        instance:   'FFFFFFFF',      
        pin:        '5678',          
      },
    ];
    

    Hallöchen, erst mal danke für das nette Tool, jedoch krieg ich es nicht richtig zum laufen. Das Problem ist, er leitet nicht weiter, ich bin mir auch gar nicht so sicher wohin er es laden soll. Wenn ich pSet_1 im Script ersetze läuft die Passwortabfrage nicht mehr richtig.

    Habe ich da etwas falsch verstanden?

    L 1 Reply Last reply
    0
    • A accessburn
      const PIN_VIEWS = [
        {
          name:       'pSet_1',        // Name der View, zu der bei Erfolg gewechselt werden soll
          project:    'main',            // VIS-Projekt, in dem die View ist, für den Viewwechsel bei Erfolg. Wert bekommt man u.a.: Vis -> Menü: Setup > Projekte (den Namen des jeweilgen Projektes nehmen)
          instance:   'c8.1a0e9',      // Funktioniert bei mir (und einigen anderen) immer mit 'FFFFFFFF', ansonsten Wert vom Vis, Menü Tools, Feld "Instanz ID" nehmen
          pin:        '1234',          // Pin
        },
        {
          name:       'startseite',          
          project:    'main',   
          instance:   'FFFFFFFF',      
          pin:        '5678',          
        },
      ];
      

      Hallöchen, erst mal danke für das nette Tool, jedoch krieg ich es nicht richtig zum laufen. Das Problem ist, er leitet nicht weiter, ich bin mir auch gar nicht so sicher wohin er es laden soll. Wenn ich pSet_1 im Script ersetze läuft die Passwortabfrage nicht mehr richtig.

      Habe ich da etwas falsch verstanden?

      L Offline
      L Offline
      Lueghi
      wrote on last edited by
      #74

      @accessburn
      Ich hatte ja zu Anfang auch Probleme damit. Bei mir war es eindeutig ein Verständnisproblem. Lies meine (Fehler-)Beschreibung und die Erklärung von @Glasfaser noch mal in Ruhe durch. Dann sollte es bei Dir auch funktionieren.

      Gruß Lueghi
      (iobroker unter proxmox)

      1 Reply Last reply
      0
      • MicM Mic

        Aufgrund https://forum.iobroker.net/viewtopic.php?f=30&t=19815 veröffentliche ich hier mein Script, mit dem ich mehrere Views jeweils mit einer Pin schütze. Ich habe mich dabei an das https://forum.iobroker.net/viewtopic.php?f=30&t=2850&start=20 angelehnt, sowohl beim Script als auch beim Widget, danke dafür!

        Prinzip

        Für jede View, die man per separater Pin schützen möchte, erstellt man eine zusätzliche leere View, die vorgeschalten wird und das Tastenfeld für die Pin-Eingabe enthält. Bei korrekter Pin-Eingabe wechselt Vis dann automatisch auf die eigentliche Ziel-View.

        Das Script unterstützt beliebig viele Views, voreingestellt sind zwei, die ihr natürlich im Script anpassen müsst.

        Hinweis: Das ist natürlich kein 100% sicherer Schutz, aber es reicht, um z.B. Partygäste von Views fernzuhalten, die sie nicht öffnen sollen.

        6940_zahlenfeld.png

        Installation / Einrichtung:

        1. VIS: Neue View anlegen, in welche wir das Zahlenfeld zur Pineingabe einfügen

        2. Folgenden Widget-Satz in diese View importieren: https://github.com/Mic-M/iobroker.vis-v … widget.txt

        3. ioBroker Admin: Neues Javascript anlegen und folgendes Script rein kopieren: https://github.com/Mic-M/iobroker.vis-v … tection.js

        4. Im Javascript die Einstellungen anpassen

        5. In den Widgets nun noch die Datenpunkte anpassen.

        Ach ja, die Symbole im Widget-Satz ("löschen" und "Haken") liefere ich nicht mit, die bekommt ihr z.B. bei https://icons8.com/icon/set/backspace/ios

        Viel Spaß damit. Lasst mich wissen, ob es funktioniert oder ihr noch Hilfe braucht.

        H Offline
        H Offline
        HeadCrash
        wrote on last edited by
        #75

        @mic Ich weiß, das hier ist zwar schon recht alt, aber erst mal danke für die Anleitung. Ich hab noch ein paar kleine Verbesserungen in das Skript eingepflegt:

        1. Bei der Eingabe liefert das Skript immer eine Warnung im Log und zeigt die eingegebene Ziffer an. Grund ist, dass CurrentKey als String angelegt ist, die Ziffern aber als Number übertragen werden. Daher hab ich den Typ des States auf mixed geändert:

          function createScriptStates() {
              for (let i = 0; i < PIN_VIEWS.length; i++) {
                  createState(STATE_PATH + PIN_VIEWS[i].name + '.CurrentKey', {'name':'Mit Tasten aus VIS setzen', 'type':'mixed', 'read':true, 'write':true, 'role':'info', 'def':'' });
                  createState(STATE_PATH + PIN_VIEWS[i].name + '.WrongPinEntered', {'name':'Pin-Fehler', 'type':'boolean', 'read':true, 'write':true, 'role':'info'});
                  createState(STATE_PATH + PIN_VIEWS[i].name + '.PinWildcards', {'name':'Sterne (*) für VIS-Anzeige', 'type':'string', 'read':true, 'write':true, 'role':'info', 'def':'' });
              }
          }
          
        2. Es ist zwar nur Makulatur, aber ich finde es unschön, dass die zuletzt eingegebene Ziffer im State nachgeschaut werden kann. Daher lösche ich den State nach der Übernahme in das Skript wieder:

          function main() {
              // Überwacht das Tastenfeld in VIS für jede View
              for (var i = 0; i < PIN_VIEWS.length; i++) {
                  on({id: STATE_PATH + PIN_VIEWS[i].name + '.CurrentKey', change: "any"}, function (obj) {
                      var currView = obj.id.substr(STATE_PATH.length).split(".")[0]; // get View Name simply from obj.id
                      if(LOGGING) if(obj.state.val !== '') log('Eingabe über Tastenfeld: ' + obj.state.val + ', Viewname: ' + currView);
                      switch(obj.state.val) {
                          case 0: case 1: case 2: case 3: case 4: case 5: case 6: case 7: case 8: case 9:
                              G_LastKeyPressed[currView] = obj.state.val;
                              setState(obj.id, '');
                              userEnteredNumber(currView);
                              break;
                          case 'Enter':   // Der User hat die Pin-Eingabe bestätigt.
                              checkEnteredPin(currView);
                              break;
                          case 'Reset':
                              resetPin(currView);
                              break;
                          default:
                              //None
                      } 
                  });
              }
          }
          
        1 Reply Last reply
        0
        • andiko2A andiko2

          Habe mir das heute auch mal eingerichtet und funktioniert sehr gut. Leider gibt es bei mir aber ein großes Problem. Habe insgesamt 3 PC auf denen die Vis angezeigt wird. Einen in der Küche mit den Wetteranzeigen, einen in der Stube mit den Wetteranzeigen und mein PC an dem ich arbeite. Wenn ich jetzt am arbeits PC eine mit Pin geschütze View aufrufe, schalten die anderen PC ebenfalls um. Habe nun versucht zwei weitere Projekte anzulegen. Eines für die Küche, und eines für die Stube. Küche kein Problem ist nur die ansicht für die Küche drauf. In der Stube ist noch der View für die Heizung. Egal welche Seite ich am arbeits PC aufrufe, wechselt immer der PC in der Stube den View.

          Matthias S.M Offline
          Matthias S.M Offline
          Matthias S.
          wrote on last edited by Matthias S.
          #76

          @andiko2
          Konntest du das Problem lösen? Ich beobachte ein identisches Verhalten - also nach Codeeingabe wechselt der View auf allen Anzeigegeräten und nicht nur auf dem Gerät wo ich den Code eingebe.
          Hat jemand eine Idee?

          EisbaeeerE 1 Reply Last reply
          0
          • Matthias S.M Matthias S.

            @andiko2
            Konntest du das Problem lösen? Ich beobachte ein identisches Verhalten - also nach Codeeingabe wechselt der View auf allen Anzeigegeräten und nicht nur auf dem Gerät wo ich den Code eingebe.
            Hat jemand eine Idee?

            EisbaeeerE Offline
            EisbaeeerE Offline
            Eisbaeeer
            Developer
            wrote on last edited by
            #77

            @matthias-s Das ist klar, wenn du das hier nicht angepasst hast:

            instance:   'FFFFFFFF',      // Funktioniert bei mir (und einigen anderen) immer mit 'FFFFFFFF', ansonsten Wert vom Vis, Menü Tools, Feld "Instanz ID" nehmen
            

            Trage hier mal die Instance des Gerätes ein, auf dem du die Pin Eingabe machst. Dann sollte auch nur dieses in die View wechseln. Steht hier FF..., dann wechseln alle Browser auf die View.
            Gruß Lars

            Kein support per PM. Bitte im Forum Fragen stellen!

            P 1 Reply Last reply
            0
            • M Offline
              M Offline
              Micha3004
              wrote on last edited by
              #78

              Hallo habe mal eine Frage zu der Pin Sperre,

              ich würde gerne nur einen Button in einer View schützen das die Kinder diesen nicht schalten können. Ist dies auch Möglich oder kann ich so nur komplette Views schützen ? Es handelt sich um einen Inventwo Universal Button der geschützt werden soll, dieser ist als Switch eingestellt

              Mit freundlichen Grüßen

              C L 2 Replies Last reply
              0
              • M Micha3004

                Hallo habe mal eine Frage zu der Pin Sperre,

                ich würde gerne nur einen Button in einer View schützen das die Kinder diesen nicht schalten können. Ist dies auch Möglich oder kann ich so nur komplette Views schützen ? Es handelt sich um einen Inventwo Universal Button der geschützt werden soll, dieser ist als Switch eingestellt

                Mit freundlichen Grüßen

                C Offline
                C Offline
                Chrunchy
                wrote on last edited by
                #79

                @micha3004 Ich setzte in dem Script noch den Wert eines eigenen Datenpunktes.
                Diesen Wert könntest du dann für die Sichtbarkeit des Buttons nutzen.

                Gruß Chrunchy

                M 1 Reply Last reply
                0
                • C Chrunchy

                  @micha3004 Ich setzte in dem Script noch den Wert eines eigenen Datenpunktes.
                  Diesen Wert könntest du dann für die Sichtbarkeit des Buttons nutzen.

                  M Offline
                  M Offline
                  Micha3004
                  wrote on last edited by
                  #80

                  @chrunchy Könnest du mir kurz erklären wie ich das anstelle ? bin in skripten leider noch nicht so gut und lerne noch.

                  C 1 Reply Last reply
                  0
                  • M Micha3004

                    @chrunchy Könnest du mir kurz erklären wie ich das anstelle ? bin in skripten leider noch nicht so gut und lerne noch.

                    C Offline
                    C Offline
                    Chrunchy
                    wrote on last edited by
                    #81

                    @micha3004 Du erweiterst das Script an folgenden Stellen (Zeilenangaben beziehen sich auf das Original-Script):

                    In der function "createScriptStates" (Zeile 113) fügst du zwischen den beiden geschweiften Klammern am Ende (Zeile 119) z.B. folgendes ein:

                    createState('0_userdata.0.vis_login', {'name':'Pin-Richtig', 'type':'boolean', 'read':true, 'write':false, 'role':'info'});
                    

                    Damit wird der eigene Datenpunkt erstellt.

                    In der function "onSuccess(viewName)" (Zeile 165) fügst du vor der geschweiften Klammer am Ende (Zeile 170) folgende Zeilen ein:

                    setState("0_userdata.0.vis_login", true);
                    setStateDelayed('0_userdata.0.vis_login', false, 300000); // Abmelden nach 5 Minuten
                    

                    Damit wird nach erfolgreicher PIN-Eingabe die zuvor angelegte eigene Variable auf True gesetzt. Und nach 5 Minuten wird diese wieder auf false gesetzt.

                    Im VIS-Editor kannst du dann bei Elementen die Sichtbarkeit verwenden und prüfst ob dein Datenpunkte true ist.

                    Name und Pfad für den Datenpunkt kannst frei wählen, musst es nur überall anpassen.

                    Hoffe das hilft dir erstmal weiter.

                    Gruß Chrunchy

                    1 Reply Last reply
                    0
                    • ? Offline
                      ? Offline
                      A Former User
                      wrote on last edited by A Former User
                      #82

                      Ich hab mir das die Vorlage auch mal installiert. Funktioniert eigentlich alles einwandfrei, aber mein Log wird bei jedem Tastendruck mit Fehlermeldungen überrollt:

                      
                      javascript.0
                      2023-05-28 11:26:01.632	warn	Read-only state "javascript.0.visViewPinSperre.Kamera1.WrongPinEntered" has been written without ack-flag with value "false"
                      
                      javascript.0
                      2023-05-28 11:25:58.623	warn	Read-only state "javascript.0.visViewPinSperre.Kamera1.PinWildcards" has been written without ack-flag with value ""
                      
                      javascript.0
                      2023-05-28 11:25:58.623	warn	Read-only state "javascript.0.visViewPinSperre.Kamera1.CurrentKey" has been written without ack-flag with value ""
                      
                      web.0
                      2023-05-28 11:25:55.604	warn	Read-only state "javascript.0.visViewPinSperre.Kamera1.CurrentKey" has been written without ack-flag with value "Enter"
                      
                      javascript.0
                      2023-05-28 11:25:54.868	warn	Read-only state "javascript.0.visViewPinSperre.Kamera1.PinWildcards" has been written without ack-flag with value " * * * *"
                      
                      web.0
                      2023-05-28 11:25:54.862	warn	Read-only state "javascript.0.visViewPinSperre.Kamera1.CurrentKey" has been written without ack-flag with value "4"
                      
                      javascript.0
                      2023-05-28 11:25:53.864	warn	Read-only state "javascript.0.visViewPinSperre.Kamera1.PinWildcards" has been written without ack-flag with value " * * *"
                      
                      web.0
                      2023-05-28 11:25:53.860	warn	Read-only state "javascript.0.visViewPinSperre.Kamera1.CurrentKey" has been written without ack-flag with value "3"
                      
                      javascript.0
                      2023-05-28 11:25:53.264	warn	Read-only state "javascript.0.visViewPinSperre.Kamera1.PinWildcards" has been written without ack-flag with value " * *"
                      
                      web.0
                      2023-05-28 11:25:53.260	warn	Read-only state "javascript.0.visViewPinSperre.Kamera1.CurrentKey" has been written without ack-flag with value "2"
                      
                      javascript.0
                      2023-05-28 11:25:52.265	warn	Read-only state "javascript.0.visViewPinSperre.Kamera1.PinWildcards" has been written without ack-flag with value " *"
                      
                      web.0
                      2023-05-28 11:25:52.260	warn	Read-only state "javascript.0.visViewPinSperre.Kamera1.CurrentKey" has been written without ack-flag with value "1"
                      

                      Was mache ich wo falsch 😨

                      Edit: "Nicht alles Lesen" war der Fehler 🙄
                      Ich hab' die Änderungen von @HeadCrash (https://forum.iobroker.net/post/923928) übernommen und die bereits angelegten Datenpunkte händisch geändert. Jetzt scheint Ruhe zu sein 😂

                      1 Reply Last reply
                      0
                      • ? Offline
                        ? Offline
                        A Former User
                        wrote on last edited by
                        #83

                        Das bisher ungelöste Problem der doppelten Eingabe liegt an der Anzahl der angelegten PIN_Views. Hat man einen, erzeugt jeder Tastendruck eine Eingabe, hat man zwei Views, werden zwei Eingaben generiert, bei drei Views drei Eingaben etc.pp.

                        1 Reply Last reply
                        0
                        • M Micha3004

                          Hallo habe mal eine Frage zu der Pin Sperre,

                          ich würde gerne nur einen Button in einer View schützen das die Kinder diesen nicht schalten können. Ist dies auch Möglich oder kann ich so nur komplette Views schützen ? Es handelt sich um einen Inventwo Universal Button der geschützt werden soll, dieser ist als Switch eingestellt

                          Mit freundlichen Grüßen

                          L Offline
                          L Offline
                          Lueghi
                          wrote on last edited by Lueghi
                          #84

                          @micha3004
                          Wäre es nicht am Einfachsten wenn man nur den 1 Button in eine eigene View setzt und die in der anderen (Übersichts-)View mit angezeigt wird. Die "Button-View" bekommt dann den Schutz. Dann könnte man im "Standard" des Adapters bleiben.

                          Gruß Lueghi
                          (iobroker unter proxmox)

                          M 1 Reply Last reply
                          0
                          • L Lueghi

                            @micha3004
                            Wäre es nicht am Einfachsten wenn man nur den 1 Button in eine eigene View setzt und die in der anderen (Übersichts-)View mit angezeigt wird. Die "Button-View" bekommt dann den Schutz. Dann könnte man im "Standard" des Adapters bleiben.

                            M Offline
                            M Offline
                            Micha3004
                            wrote on last edited by
                            #85

                            @lueghi

                            ich denke das ich es auch so machen werde. bin ja eh noch nicht 100% fertig mit meiner VIS

                            1 Reply Last reply
                            0
                            • S Offline
                              S Offline
                              Shigoru
                              wrote on last edited by
                              #86

                              Es funktioniert bei mir nicht. Hmmm...

                              Hallo zusammen,

                              ich habe das Javascript importiert. Die Daten angepasst nur Name und Projekt
                              Da das Script die Datenpunkte unter javascript.0 gesperrt angelegt hat habe ich im Skript dann noch die Anlage der Variablen ausgetauscht. Der Code war auch in einem Post vorhanden

                              Bildschirmfoto 2024-01-01 um 15.17.46.png

                              so schaut das Skript im Moment aus

                              /*******************************************************************************
                               * ---------------------------
                               * Pin-Schutz für VIS-View
                               * ---------------------------
                               * Autor: Mic
                               * Change Log
                               *  - 0.2 - Fix: 0 on keypad was not recognized
                               *  - 0.1 - initial version
                               * Support: https://forum.iobroker.net/viewtopic.php?f=30&t=19871
                               ******************************************************************************/
                              
                              /*******************************************************************************
                               * Konfiguration
                               ******************************************************************************/
                              const STATE_PATH = 'javascript.' + instance + '.' + 'visViewPinSperre.';
                              
                              const LOGGING = true;         // Detaillierte Ausgabe im Log. Falls keine Probleme, dann auf false setzen.
                              
                              
                              /*******************************************************************************
                               * Konfiguration: Views
                               ******************************************************************************/
                              // Es können beliebig mehr Views hinzugefügt oder auf eine limitiert werden, bitte aber Aufbau beibehalten!
                              const PIN_VIEWS = [
                                {
                                  name:       'reboot',        // Name der View, zu der bei Erfolg gewechselt werden soll
                                  project:    'main',            // VIS-Projekt, in dem die View ist, für den Viewwechsel bei Erfolg. Wert bekommt man u.a.: Vis -> Menü: Setup > Projekte (den Namen des jeweilgen Projektes nehmen)
                                  instance:   'FFFFFFFF',      // Funktioniert bei mir (und einigen anderen) immer mit 'FFFFFFFF', ansonsten Wert vom Vis, Menü Tools, Feld "Instanz ID" nehmen
                                  pin:        '1234',          // Pin
                                },
                                {
                                  name:       'Test',          
                                  project:    'Testprojekt',   
                                  instance:   'FFFFFFFF',      
                                  pin:        '5678',          
                                },
                              ];
                              
                              
                              /**********************************************************************************************************
                               ++++++++++++++++++++++++++++ Ab hier nichts mehr ändern / Stop editing here! ++++++++++++++++++++++++++++
                               *********************************************************************************************************/
                              
                              
                              /*******************************************************************************
                               * Globale Variablen
                               *******************************************************************************/
                              // Array, pro View ein Element
                              var G_LastKeyPressed = [];      // Letzte Taste, die gedrückt wurde
                              var G_PinBufferKeys = [];       // Puffer für eingegebene Ziffern
                              var G_PinBufferWildcards = [];  // Für Vis-Anzeigefeld der Pineingabe, füllt sich mit "*" nach jeder Zifferneingabe
                              
                              /*******************************************************************************
                               * Executed on every script start.
                               *******************************************************************************/
                              init();
                              function init() {
                               
                                  // Create states
                                  createScriptStates();
                              
                                  // 1. Initialize global variables
                                  // 2. Reset for each view
                                  setTimeout(function(){
                                      for (let i = 0; i < PIN_VIEWS.length; i++) {
                                          // Initialize global variables
                                          G_LastKeyPressed[PIN_VIEWS[i].name] = '';
                                          G_PinBufferKeys[PIN_VIEWS[i].name] = '';
                                          G_PinBufferWildcards[PIN_VIEWS[i].name] = '';        
                                          // Reset für jede View durchführen
                                          resetPin(PIN_VIEWS[i].name)
                                      }
                                  }, 3000);
                              
                                  // Main Script starten, 5 Sekunden nach State-Generierung
                                  setTimeout(main, 5000);
                              
                              }
                              
                              /*******************************************************************************
                               * Haupt-Skript
                               *******************************************************************************/
                              function main() {
                                  // Überwacht das Tastenfeld in VIS für jede View
                                  for (var i = 0; i < PIN_VIEWS.length; i++) {
                                      on({id: STATE_PATH + PIN_VIEWS[i].name + '.CurrentKey', change: "any"}, function (obj) {
                                          var currView = obj.id.substr(STATE_PATH.length).split(".")[0]; // get View Name simply from obj.id
                                          if(LOGGING) if(obj.state.val !== '') log('Eingabe über Tastenfeld: ' + obj.state.val + ', Viewname: ' + currView);
                                          switch(obj.state.val) {
                                              case 0: case 1: case 2: case 3: case 4: case 5: case 6: case 7: case 8: case 9:
                                                  G_LastKeyPressed[currView] = obj.state.val;
                                                  setState(obj.id, '');
                                                  userEnteredNumber(currView);
                                                  break;
                                              case 'Enter':   // Der User hat die Pin-Eingabe bestätigt.
                                                  checkEnteredPin(currView);
                                                  break;
                                              case 'Reset':
                                                  resetPin(currView);
                                                  break;
                                              default:
                                                  //None
                                          } 
                                      });
                                  }
                              }
                              
                              
                              /********************************
                               * Create States
                               ********************************/
                              function createScriptStates() {
                                  for (let i = 0; i < PIN_VIEWS.length; i++) {
                                      createState(STATE_PATH + PIN_VIEWS[i].name + '.CurrentKey', {'name':'Mit Tasten aus VIS setzen', 'type':'mixed', 'read':true, 'write':true, 'role':'info', 'def':'' });
                                      createState(STATE_PATH + PIN_VIEWS[i].name + '.WrongPinEntered', {'name':'Pin-Fehler', 'type':'boolean', 'read':true, 'write':true, 'role':'info'});
                                      createState(STATE_PATH + PIN_VIEWS[i].name + '.PinWildcards', {'name':'Sterne (*) für VIS-Anzeige', 'type':'string', 'read':true, 'write':true, 'role':'info', 'def':'' });
                                  }
                              }
                              
                              
                              
                              /********************************
                               * Wird ausgeführt, sobald der User eine Nummer im Tastenfeld eingibt.
                               * @param {string}   viewName     Name der View
                               *********************************/
                              function userEnteredNumber(viewName) {
                                  G_PinBufferKeys[viewName] = G_PinBufferKeys[viewName] + G_LastKeyPressed[viewName];
                                  G_PinBufferWildcards[viewName] = G_PinBufferWildcards[viewName] + ' *';
                                  setState(STATE_PATH + viewName + '.PinWildcards', G_PinBufferWildcards[viewName]);
                              }
                              
                              /********************************
                               * Wird ausgeführt, sobald der User E für "Enter" eingibt
                               * @param {string}   viewName     Name der View
                               ********************************/
                              function checkEnteredPin(viewName) {
                                  if (G_PinBufferKeys[viewName] == getPresetElement(viewName, 'pin')) {
                                      if(LOGGING) log('Pin-Eingabe erfolgreich, View [' + viewName + ']');
                                      onSuccess(viewName);
                                      setTimeout(function() { resetPin(viewName) }, 3000);    // Reset nach 3 Sekunden
                                  } else {
                                      if(LOGGING) log('Falschen Pin eingegeben, View [' + viewName + ']');
                                      setState(STATE_PATH + viewName + '.WrongPinEntered', true);
                                      resetPin(viewName);
                                  }
                              }    
                              
                              /********************************
                               * Reset
                               * @param {string}   viewName     Name der View
                               ********************************/
                              function resetPin(viewName) {
                                  if(LOGGING) log('Reset Pin, View-Name: [' + viewName + ']');
                                  G_PinBufferWildcards[viewName] = '';
                                  G_PinBufferKeys[viewName] = '';
                                  setState(STATE_PATH + viewName + '.CurrentKey', '');
                                  setState(STATE_PATH + viewName + '.PinWildcards', '');
                                  setStateDelayed(STATE_PATH + viewName + '.WrongPinEntered', false, 3000); // Erst nach 3 Sekunden, für VIS-Anzeige
                              }
                              
                              /********************************
                               * Wird bei erfolgreicher Pin-Eingabe ausgeführt
                               * @param {string}   viewName     Name der View
                               ********************************/
                              function onSuccess(viewName){
                                  // Change View
                                  setState("vis-2.0.control.instance", getPresetElement(viewName, 'instance'));
                                  setState("vis-2.0.control.data",     getPresetElement(viewName, 'project') + '/' + viewName);
                                  setState("vis-2.0.control.command",  'changeView');
                              }
                              
                              
                              /********************************
                               * Gibt Elemente von PIN_VIEWS zurück
                               * @param {string}   viewName     Name of the view
                               * @param {string}   key          'project', 'instance', 'pin'
                               * @return {string}  Content of the element, e.g. the Pin "1234" for element 'pin'
                               ********************************/
                              function getPresetElement(viewName, key) {
                                  var keyEntry = '';
                                  for (let i = 0; i < PIN_VIEWS.length; i++) {
                                      if (PIN_VIEWS[i].name === viewName) {
                                          keyEntry = PIN_VIEWS[i][key]
                                      }
                                  }
                                  return keyEntry;
                              }
                              

                              ich habe die Widgets importiert und die Buttons mit dem Javascript verbunden

                              Bildschirmfoto 2024-01-01 um 15.19.14.png

                              Wenn ich jetzt in der Vis auf die Buttons drücke passiert nix!?

                              Es werden auch keine Zahlen in die Werfelder des Objekts Current key geschrieben!

                              Was mache ich falsch!?

                              Ich benutzte die vis-2 darum hätte ich den Teil in dem Skript von vis auf vis-2 geändert. Hoffe das stimmt.

                              function onSuccess(viewName){
                                  // Change View
                                  setState("vis-2.0.control.instance", getPresetElement(viewName, 'instance'));
                                  setState("vis-2.0.control.data",     getPresetElement(viewName, 'project') + '/' + viewName);
                                  setState("vis-2.0.control.command",  'changeView');
                              }
                              

                              Jede Hilfe ist willkommen. Danke und guten Rutsch nachträglich

                              Shigoru

                              A 1 Reply Last reply
                              0
                              • S Shigoru

                                Es funktioniert bei mir nicht. Hmmm...

                                Hallo zusammen,

                                ich habe das Javascript importiert. Die Daten angepasst nur Name und Projekt
                                Da das Script die Datenpunkte unter javascript.0 gesperrt angelegt hat habe ich im Skript dann noch die Anlage der Variablen ausgetauscht. Der Code war auch in einem Post vorhanden

                                Bildschirmfoto 2024-01-01 um 15.17.46.png

                                so schaut das Skript im Moment aus

                                /*******************************************************************************
                                 * ---------------------------
                                 * Pin-Schutz für VIS-View
                                 * ---------------------------
                                 * Autor: Mic
                                 * Change Log
                                 *  - 0.2 - Fix: 0 on keypad was not recognized
                                 *  - 0.1 - initial version
                                 * Support: https://forum.iobroker.net/viewtopic.php?f=30&t=19871
                                 ******************************************************************************/
                                
                                /*******************************************************************************
                                 * Konfiguration
                                 ******************************************************************************/
                                const STATE_PATH = 'javascript.' + instance + '.' + 'visViewPinSperre.';
                                
                                const LOGGING = true;         // Detaillierte Ausgabe im Log. Falls keine Probleme, dann auf false setzen.
                                
                                
                                /*******************************************************************************
                                 * Konfiguration: Views
                                 ******************************************************************************/
                                // Es können beliebig mehr Views hinzugefügt oder auf eine limitiert werden, bitte aber Aufbau beibehalten!
                                const PIN_VIEWS = [
                                  {
                                    name:       'reboot',        // Name der View, zu der bei Erfolg gewechselt werden soll
                                    project:    'main',            // VIS-Projekt, in dem die View ist, für den Viewwechsel bei Erfolg. Wert bekommt man u.a.: Vis -> Menü: Setup > Projekte (den Namen des jeweilgen Projektes nehmen)
                                    instance:   'FFFFFFFF',      // Funktioniert bei mir (und einigen anderen) immer mit 'FFFFFFFF', ansonsten Wert vom Vis, Menü Tools, Feld "Instanz ID" nehmen
                                    pin:        '1234',          // Pin
                                  },
                                  {
                                    name:       'Test',          
                                    project:    'Testprojekt',   
                                    instance:   'FFFFFFFF',      
                                    pin:        '5678',          
                                  },
                                ];
                                
                                
                                /**********************************************************************************************************
                                 ++++++++++++++++++++++++++++ Ab hier nichts mehr ändern / Stop editing here! ++++++++++++++++++++++++++++
                                 *********************************************************************************************************/
                                
                                
                                /*******************************************************************************
                                 * Globale Variablen
                                 *******************************************************************************/
                                // Array, pro View ein Element
                                var G_LastKeyPressed = [];      // Letzte Taste, die gedrückt wurde
                                var G_PinBufferKeys = [];       // Puffer für eingegebene Ziffern
                                var G_PinBufferWildcards = [];  // Für Vis-Anzeigefeld der Pineingabe, füllt sich mit "*" nach jeder Zifferneingabe
                                
                                /*******************************************************************************
                                 * Executed on every script start.
                                 *******************************************************************************/
                                init();
                                function init() {
                                 
                                    // Create states
                                    createScriptStates();
                                
                                    // 1. Initialize global variables
                                    // 2. Reset for each view
                                    setTimeout(function(){
                                        for (let i = 0; i < PIN_VIEWS.length; i++) {
                                            // Initialize global variables
                                            G_LastKeyPressed[PIN_VIEWS[i].name] = '';
                                            G_PinBufferKeys[PIN_VIEWS[i].name] = '';
                                            G_PinBufferWildcards[PIN_VIEWS[i].name] = '';        
                                            // Reset für jede View durchführen
                                            resetPin(PIN_VIEWS[i].name)
                                        }
                                    }, 3000);
                                
                                    // Main Script starten, 5 Sekunden nach State-Generierung
                                    setTimeout(main, 5000);
                                
                                }
                                
                                /*******************************************************************************
                                 * Haupt-Skript
                                 *******************************************************************************/
                                function main() {
                                    // Überwacht das Tastenfeld in VIS für jede View
                                    for (var i = 0; i < PIN_VIEWS.length; i++) {
                                        on({id: STATE_PATH + PIN_VIEWS[i].name + '.CurrentKey', change: "any"}, function (obj) {
                                            var currView = obj.id.substr(STATE_PATH.length).split(".")[0]; // get View Name simply from obj.id
                                            if(LOGGING) if(obj.state.val !== '') log('Eingabe über Tastenfeld: ' + obj.state.val + ', Viewname: ' + currView);
                                            switch(obj.state.val) {
                                                case 0: case 1: case 2: case 3: case 4: case 5: case 6: case 7: case 8: case 9:
                                                    G_LastKeyPressed[currView] = obj.state.val;
                                                    setState(obj.id, '');
                                                    userEnteredNumber(currView);
                                                    break;
                                                case 'Enter':   // Der User hat die Pin-Eingabe bestätigt.
                                                    checkEnteredPin(currView);
                                                    break;
                                                case 'Reset':
                                                    resetPin(currView);
                                                    break;
                                                default:
                                                    //None
                                            } 
                                        });
                                    }
                                }
                                
                                
                                /********************************
                                 * Create States
                                 ********************************/
                                function createScriptStates() {
                                    for (let i = 0; i < PIN_VIEWS.length; i++) {
                                        createState(STATE_PATH + PIN_VIEWS[i].name + '.CurrentKey', {'name':'Mit Tasten aus VIS setzen', 'type':'mixed', 'read':true, 'write':true, 'role':'info', 'def':'' });
                                        createState(STATE_PATH + PIN_VIEWS[i].name + '.WrongPinEntered', {'name':'Pin-Fehler', 'type':'boolean', 'read':true, 'write':true, 'role':'info'});
                                        createState(STATE_PATH + PIN_VIEWS[i].name + '.PinWildcards', {'name':'Sterne (*) für VIS-Anzeige', 'type':'string', 'read':true, 'write':true, 'role':'info', 'def':'' });
                                    }
                                }
                                
                                
                                
                                /********************************
                                 * Wird ausgeführt, sobald der User eine Nummer im Tastenfeld eingibt.
                                 * @param {string}   viewName     Name der View
                                 *********************************/
                                function userEnteredNumber(viewName) {
                                    G_PinBufferKeys[viewName] = G_PinBufferKeys[viewName] + G_LastKeyPressed[viewName];
                                    G_PinBufferWildcards[viewName] = G_PinBufferWildcards[viewName] + ' *';
                                    setState(STATE_PATH + viewName + '.PinWildcards', G_PinBufferWildcards[viewName]);
                                }
                                
                                /********************************
                                 * Wird ausgeführt, sobald der User E für "Enter" eingibt
                                 * @param {string}   viewName     Name der View
                                 ********************************/
                                function checkEnteredPin(viewName) {
                                    if (G_PinBufferKeys[viewName] == getPresetElement(viewName, 'pin')) {
                                        if(LOGGING) log('Pin-Eingabe erfolgreich, View [' + viewName + ']');
                                        onSuccess(viewName);
                                        setTimeout(function() { resetPin(viewName) }, 3000);    // Reset nach 3 Sekunden
                                    } else {
                                        if(LOGGING) log('Falschen Pin eingegeben, View [' + viewName + ']');
                                        setState(STATE_PATH + viewName + '.WrongPinEntered', true);
                                        resetPin(viewName);
                                    }
                                }    
                                
                                /********************************
                                 * Reset
                                 * @param {string}   viewName     Name der View
                                 ********************************/
                                function resetPin(viewName) {
                                    if(LOGGING) log('Reset Pin, View-Name: [' + viewName + ']');
                                    G_PinBufferWildcards[viewName] = '';
                                    G_PinBufferKeys[viewName] = '';
                                    setState(STATE_PATH + viewName + '.CurrentKey', '');
                                    setState(STATE_PATH + viewName + '.PinWildcards', '');
                                    setStateDelayed(STATE_PATH + viewName + '.WrongPinEntered', false, 3000); // Erst nach 3 Sekunden, für VIS-Anzeige
                                }
                                
                                /********************************
                                 * Wird bei erfolgreicher Pin-Eingabe ausgeführt
                                 * @param {string}   viewName     Name der View
                                 ********************************/
                                function onSuccess(viewName){
                                    // Change View
                                    setState("vis-2.0.control.instance", getPresetElement(viewName, 'instance'));
                                    setState("vis-2.0.control.data",     getPresetElement(viewName, 'project') + '/' + viewName);
                                    setState("vis-2.0.control.command",  'changeView');
                                }
                                
                                
                                /********************************
                                 * Gibt Elemente von PIN_VIEWS zurück
                                 * @param {string}   viewName     Name of the view
                                 * @param {string}   key          'project', 'instance', 'pin'
                                 * @return {string}  Content of the element, e.g. the Pin "1234" for element 'pin'
                                 ********************************/
                                function getPresetElement(viewName, key) {
                                    var keyEntry = '';
                                    for (let i = 0; i < PIN_VIEWS.length; i++) {
                                        if (PIN_VIEWS[i].name === viewName) {
                                            keyEntry = PIN_VIEWS[i][key]
                                        }
                                    }
                                    return keyEntry;
                                }
                                

                                ich habe die Widgets importiert und die Buttons mit dem Javascript verbunden

                                Bildschirmfoto 2024-01-01 um 15.19.14.png

                                Wenn ich jetzt in der Vis auf die Buttons drücke passiert nix!?

                                Es werden auch keine Zahlen in die Werfelder des Objekts Current key geschrieben!

                                Was mache ich falsch!?

                                Ich benutzte die vis-2 darum hätte ich den Teil in dem Skript von vis auf vis-2 geändert. Hoffe das stimmt.

                                function onSuccess(viewName){
                                    // Change View
                                    setState("vis-2.0.control.instance", getPresetElement(viewName, 'instance'));
                                    setState("vis-2.0.control.data",     getPresetElement(viewName, 'project') + '/' + viewName);
                                    setState("vis-2.0.control.command",  'changeView');
                                }
                                

                                Jede Hilfe ist willkommen. Danke und guten Rutsch nachträglich

                                Shigoru

                                A Offline
                                A Offline
                                andreep
                                wrote on last edited by
                                #87

                                @shigoru

                                Also bei mir läuft es jetzt mit VIS 2. Habe die Buttons wie im Bild geändert. Dann habe ich noch dein Skript wie im Bild angepasst.VIS_2_Buttons_anpassen.JPG Skript.JPG

                                H 1 Reply Last reply
                                0
                                • EisbaeeerE Eisbaeeer

                                  @matthias-s Das ist klar, wenn du das hier nicht angepasst hast:

                                  instance:   'FFFFFFFF',      // Funktioniert bei mir (und einigen anderen) immer mit 'FFFFFFFF', ansonsten Wert vom Vis, Menü Tools, Feld "Instanz ID" nehmen
                                  

                                  Trage hier mal die Instance des Gerätes ein, auf dem du die Pin Eingabe machst. Dann sollte auch nur dieses in die View wechseln. Steht hier FF..., dann wechseln alle Browser auf die View.
                                  Gruß Lars

                                  P Offline
                                  P Offline
                                  PeZi
                                  wrote on last edited by
                                  #88

                                  @eisbaeeer
                                  @matthias-s
                                  Ich habe bei mir die ganze Zeile

                                  //    instance:   'FFFFFFFF',      // Funktioniert bei mir (und einigen anderen) immer mit 'FFFFFFFF', ansonsten Wert vom Vis, Menü Tools, Feld "Instanz ID" nehmen
                                  

                                  einfach auskommentiert.
                                  Dann wird die geschützte View nur auf dem Gerät aufgerufen, auf dem die PIN eingegeben wurde.
                                  Ich verwende allerdings nur eine PIN-geschützte View. Wie sich das bei mehreren Views verhält habe ich nicht getestet.

                                  Kann jemand das Verhalten auch für mehrere Views bestätigen?

                                  1 Reply Last reply
                                  0
                                  • A andreep

                                    @shigoru

                                    Also bei mir läuft es jetzt mit VIS 2. Habe die Buttons wie im Bild geändert. Dann habe ich noch dein Skript wie im Bild angepasst.VIS_2_Buttons_anpassen.JPG Skript.JPG

                                    H Offline
                                    H Offline
                                    HeN30
                                    wrote on last edited by
                                    #89

                                    @andreep Ich versuche auch gerade das ganze auf VIS2 zu implementieren. Funktioniert alles auch soweit, bis auf die Wildcard-Anzeige bei PIN-Eingabe. Wie hast du das hinbekommen?
                                    Und wie kann ich bei "Enter" und "Reset" Symbole zuweisen?

                                    1 Reply Last reply
                                    0
                                    • MicM Mic

                                      Aufgrund https://forum.iobroker.net/viewtopic.php?f=30&t=19815 veröffentliche ich hier mein Script, mit dem ich mehrere Views jeweils mit einer Pin schütze. Ich habe mich dabei an das https://forum.iobroker.net/viewtopic.php?f=30&t=2850&start=20 angelehnt, sowohl beim Script als auch beim Widget, danke dafür!

                                      Prinzip

                                      Für jede View, die man per separater Pin schützen möchte, erstellt man eine zusätzliche leere View, die vorgeschalten wird und das Tastenfeld für die Pin-Eingabe enthält. Bei korrekter Pin-Eingabe wechselt Vis dann automatisch auf die eigentliche Ziel-View.

                                      Das Script unterstützt beliebig viele Views, voreingestellt sind zwei, die ihr natürlich im Script anpassen müsst.

                                      Hinweis: Das ist natürlich kein 100% sicherer Schutz, aber es reicht, um z.B. Partygäste von Views fernzuhalten, die sie nicht öffnen sollen.

                                      6940_zahlenfeld.png

                                      Installation / Einrichtung:

                                      1. VIS: Neue View anlegen, in welche wir das Zahlenfeld zur Pineingabe einfügen

                                      2. Folgenden Widget-Satz in diese View importieren: https://github.com/Mic-M/iobroker.vis-v … widget.txt

                                      3. ioBroker Admin: Neues Javascript anlegen und folgendes Script rein kopieren: https://github.com/Mic-M/iobroker.vis-v … tection.js

                                      4. Im Javascript die Einstellungen anpassen

                                      5. In den Widgets nun noch die Datenpunkte anpassen.

                                      Ach ja, die Symbole im Widget-Satz ("löschen" und "Haken") liefere ich nicht mit, die bekommt ihr z.B. bei https://icons8.com/icon/set/backspace/ios

                                      Viel Spaß damit. Lasst mich wissen, ob es funktioniert oder ihr noch Hilfe braucht.

                                      andre1deA Offline
                                      andre1deA Offline
                                      andre1de
                                      wrote on last edited by
                                      #90

                                      Hallo,
                                      ich kriege Fehler:
                                      Screenshot 2024-09-08 at 20-06-08 logs - raspberrypi.png
                                      Wo und wie soll ich ask-flage setzen?
                                      Danke!

                                      C 1 Reply Last reply
                                      0
                                      • andre1deA andre1de

                                        Hallo,
                                        ich kriege Fehler:
                                        Screenshot 2024-09-08 at 20-06-08 logs - raspberrypi.png
                                        Wo und wie soll ich ask-flage setzen?
                                        Danke!

                                        C Offline
                                        C Offline
                                        Chrunchy
                                        wrote on last edited by
                                        #91

                                        @andre1de Das ACK-Flag setzt du, indem du in deinem Script, überall wo ein setState verwendet wird, das Flag einfügst.

                                        Dazu wird der setState-Befehl innerhalb der Klammer um ein ", true" erweitert.

                                        setState(STATE_PATH + viewName + '.WrongPinEntered', true);
                                        

                                        wird zu

                                        setState(STATE_PATH + viewName + '.WrongPinEntered', true, true);
                                        

                                        Gruß Chrunchy

                                        L 1 Reply Last reply
                                        0
                                        • C Chrunchy

                                          @andre1de Das ACK-Flag setzt du, indem du in deinem Script, überall wo ein setState verwendet wird, das Flag einfügst.

                                          Dazu wird der setState-Befehl innerhalb der Klammer um ein ", true" erweitert.

                                          setState(STATE_PATH + viewName + '.WrongPinEntered', true);
                                          

                                          wird zu

                                          setState(STATE_PATH + viewName + '.WrongPinEntered', true, true);
                                          
                                          L Offline
                                          L Offline
                                          Lueghi
                                          wrote on last edited by
                                          #92

                                          @chrunchy Dieses Thema mit dem fehlenden ACK-Flag kam ja schon öfter auf. Kann das denn niemand im Originalcode einbringen?

                                          Gruß Lueghi
                                          (iobroker unter proxmox)

                                          C mcm1957M 2 Replies Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          400

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe