Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [Vorlage] VIS: View durch Pin schützen

    NEWS

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    [Vorlage] VIS: View durch Pin schützen

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

      Ich hoffe mit meiner Frage auch ein paar Neulingen zu helfen, die wie ich noch ziemlich am Anfang von VIS stehen, aber dennoch sowas wichtiges wie das PIN Pad einrichten wollen.

      Leider erschließt sich mir mit meinen jetzigen Kenntnissen überhaupt nicht, wie man Punkt 2 der Installation umzusetzen hat:

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

      Könntest du das netterweise etwas genauer erklären, so dass auch der blutigste Anfänger den kleinen wichtigen Wink mit dem Zaunpfahl bekommt? Das wäre fantastisch!

      Danke dir

      1 Reply Last reply Reply Quote 0
      • Negalein
        Negalein Global Moderator last edited by

        @digitalnaive:

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

        In dem Link ist der Code für das fertige Widget.

        Im VIS-Editor gehst do oben rechts auf "Widget importieren"!
        9441_edit_vis.png

        Dort kopierst du den Code rein!

        [{"tpl":"tplIconState","data":{"oid":"javascript.0.visViewPinSperre.pSet_1.CurrentKey","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"/icons-mic/checkmark_white.png","imageHeight":"53","invert_icon":false,"class":"keypad","value":"Enter"},"style":{"left":"759px","top":"402px","width":"53px","height":"53px","border-width":"","border-style":"","border-color":"","border-radius":"","z-index":"10"},"widgetSet":"jqui"},{"tpl":"tplIconState","data":{"oid":"javascript.0.visViewPinSperre.pSet_1.CurrentKey","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"/icons-mic/ios_backspace_white.png","imageHeight":"48","invert_icon":false,"class":"keypad","value":"Reset"},"style":{"left":"629px","top":"402px","width":"53px","height":"53px","border-width":"","border-style":"","border-color":"","border-radius":"4px","z-index":"10"},"widgetSet":"jqui"},{"tpl":"tplValueString","data":{"oid":"","g_fixed":false,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":"true","visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html_prepend":"Falsche Pin","visibility-oid":"javascript.0.visViewPinSperre.pSet_1.WrongPinEntered"},"style":{"left":"631px","top":"170px","width":"180px","height":"24px","z-index":"100","text-align":"center","color":"#cc1919","font-weight":"bold"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"javascript.0.visViewPinSperre.pSet_1.PinWildcards","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"html_append":"","test_html":" * * * *","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"name":"","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","class":"","filterkey":""},"style":{"left":"629px","top":"162px","border-width":"","border-style":"","border-color":"","border-radius":"4px","width":"183px","height":"32px","background-color":"","opacity":"0.9","color":"#ffffff","text-align":"center","line-height":"40px","font-size":"20px","z-index":11,"text-shadow":"","font-family":"RobotoCondensed-Bold","background":"rgba(111,113,111,0.5)"},"widgetSet":"basic"},{"tpl":"tplJquiButtonState","data":{"oid":"javascript.0.visViewPinSperre.pSet_1.CurrentKey","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"buttontext":"4","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"no_style":false,"class":"","value":"4","views":["Klima"],"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"name":"","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","filterkey":""},"style":{"left":"629px","top":"273px","width":"55px","height":"55px","z-index":11,"opacity":"","border-radius":"","border-style":"","border-color":"","border-width":"","font-family":"RobotoCondensed-Regular"},"widgetSet":"jqui"},{"tpl":"tplJquiButtonState","data":{"oid":"javascript.0.visViewPinSperre.pSet_1.CurrentKey","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"buttontext":"1","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"no_style":false,"class":"","value":"1","views":["Klima"],"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"name":"","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","filterkey":""},"style":{"left":"629px","top":"209px","width":"55px","height":"55px","z-index":11,"opacity":"","border-radius":"","border-style":"","border-color":"","border-width":"","font-family":"RobotoCondensed-Regular"},"widgetSet":"jqui"},{"tpl":"tplJquiButtonState","data":{"oid":"javascript.0.visViewPinSperre.pSet_1.CurrentKey","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"buttontext":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"no_style":false,"class":"","value":"0","views":["Klima","Licht","Strom","System","Fenster"],"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"name":"","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","filterkey":""},"style":{"left":"694px","top":"402px","width":"55px","height":"55px","z-index":11,"opacity":"","border-radius":"4px","border-style":"","border-color":"","border-width":"","font-family":"RobotoCondensed-Regular"},"widgetSet":"jqui"},{"tpl":"tplJquiButtonState","data":{"oid":"javascript.0.visViewPinSperre.pSet_1.CurrentKey","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"buttontext":"9","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"no_style":false,"class":"","value":"9","views":["Klima","Licht","Strom","System","Fenster"],"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"name":"","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","filterkey":""},"style":{"left":"759px","top":"337px","width":"55px","height":"55px","z-index":11,"opacity":"","border-radius":"","border-style":"","border-color":"","border-width":"","font-family":"RobotoCondensed-Regular"},"widgetSet":"jqui"},{"tpl":"tplJquiButtonState","data":{"oid":"javascript.0.visViewPinSperre.pSet_1.CurrentKey","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"buttontext":"8","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"no_style":false,"class":"","value":"8","views":["Klima","Licht","Strom","System","Fenster"],"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"name":"","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","filterkey":""},"style":{"left":"694px","top":"337px","width":"55px","height":"55px","z-index":11,"opacity":"","border-radius":"","border-style":"","border-color":"","border-width":"","font-family":"RobotoCondensed-Regular"},"widgetSet":"jqui"},{"tpl":"tplJquiButtonState","data":{"oid":"javascript.0.visViewPinSperre.pSet_1.CurrentKey","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"buttontext":"7","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"no_style":false,"class":"","value":"7","views":["Klima","Licht","Strom","System","Fenster"],"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"name":"","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","filterkey":""},"style":{"left":"629px","top":"337px","width":"55px","height":"55px","z-index":11,"opacity":"","border-radius":"","border-style":"","border-color":"","border-width":"","font-family":"RobotoCondensed-Regular"},"widgetSet":"jqui"},{"tpl":"tplJquiButtonState","data":{"oid":"javascript.0.visViewPinSperre.pSet_1.CurrentKey","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"buttontext":"6","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"no_style":false,"class":"","value":"6","views":["Klima","Licht","Strom","System","Fenster"],"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"name":"","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","filterkey":""},"style":{"left":"759px","top":"273px","width":"55px","height":"55px","z-index":11,"opacity":"","border-radius":"","border-style":"","border-color":"","border-width":"","font-family":"RobotoCondensed-Regular"},"widgetSet":"jqui"},{"tpl":"tplJquiButtonState","data":{"oid":"javascript.0.visViewPinSperre.pSet_1.CurrentKey","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"buttontext":"5","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"no_style":false,"class":"","value":"5","views":["Klima","Licht","Strom","System","Fenster"],"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"name":"","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","filterkey":""},"style":{"left":"694px","top":"273px","width":"55px","height":"55px","z-index":11,"opacity":"","border-radius":"","border-style":"","border-color":"","border-width":"","font-family":"RobotoCondensed-Regular"},"widgetSet":"jqui"},{"tpl":"tplJquiButtonState","data":{"oid":"javascript.0.visViewPinSperre.pSet_1.CurrentKey","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"buttontext":"2","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"no_style":false,"class":"","value":"2","views":["Klima","Licht","Strom","System","Fenster"],"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"name":"","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","filterkey":""},"style":{"left":"694px","top":"209px","width":"55px","height":"55px","z-index":11,"opacity":"","border-radius":"","border-style":"","border-color":"","border-width":"","font-family":"RobotoCondensed-Regular"},"widgetSet":"jqui"},{"tpl":"tplJquiButtonState","data":{"oid":"javascript.0.visViewPinSperre.pSet_1.CurrentKey","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":true,"g_signals":false,"buttontext":"3","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"no_style":false,"value":"3","gestures-swipeLeft-limit":"-2","views":["Klima","Licht","Strom","System","Fenster"],"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"name":"","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","class":"","filterkey":""},"style":{"left":"759px","top":"209px","width":"55px","height":"55px","z-index":11,"opacity":"","border-radius":"","border-style":"","border-color":"","border-width":"","font-family":"RobotoCondensed-Regular"},"widgetSet":"jqui"}]
        
        

        Fertig!

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

          Vielen herzlichen Dank für die schnelle unkomplizierte und präzise Hilfe!!

          Als letzter Schritt steht ja jetzt Datenpunkte setzen. Diese sind bei mir schon direkt auf den Adapter gerichtet und müssten passen.

          Wenn ich die VIS jetzt starte kommt das PAD, ich tippe den PIN ein, den ich im Javascript angelegt habe, aber es passiert nichts. Gibt es denn noch einen zusätzlichen Datenpunkt den ich setzen muss, der nicht schon gesetzt war/ist?

          1 Reply Last reply Reply Quote 0
          • Negalein
            Negalein Global Moderator last edited by

            @digitalnaive:

            Vielen herzlichen Dank für die schnelle unkomplizierte und präzise Hilfe!!

            Als letzter Schritt steht ja jetzt Datenpunkte setzen. Diese sind bei mir schon direkt auf den Adapter gerichtet und müssten passen.

            Wenn ich die VIS jetzt starte kommt das PAD, ich tippe den PIN ein, den ich im Javascript angelegt habe, aber es passiert nichts. Gibt es denn noch einen zusätzlichen Datenpunkt den ich setzen muss, der nicht schon gesetzt war/ist? `

            Zeig mal, welche Datenpunkte du wo im Widget gesetzt hast.

            Wenn du die Zahlen betätigst, erscheinen dann im Feld oben die Sternchen (*)?

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

              Anbei 3 Screenshots wie es bei mir aussieht. Ich hoffe ich habe die richtigen Infos geliefert?

              Und nein, die Sterne erscheinen beim klicken nicht.

              6496_screenshot_2019-01-23_at_20.19.37.png 6496_screenshot_2019-01-23_at_20.19.05.png 6496_screenshot_2019-01-23_at_20.18.48.png

              1 Reply Last reply Reply Quote 0
              • Negalein
                Negalein Global Moderator last edited by

                @digitalnaive:

                Anbei 3 Screenshots wie es bei mir aussieht. Ich hoffe ich habe die richtigen Infos geliefert? `

                Mach mal einen Screenshot von

                Objekte – visViewPinSperre

                Bei mir waren da auch 2 und mein eigener!

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

                  Deine Nachfrage hat mich auf die richtige Fährte gebracht 🙂

                  Die Datenpunkte waren natürlich noch falsch eingehängt. Sorry für die unnötige Rückfrage.

                  1 Reply Last reply Reply Quote 0
                  • Negalein
                    Negalein Global Moderator last edited by

                    @digitalnaive:

                    Deine Nachfrage hat mich auf die richtige Fährte gebracht 🙂

                    Die Datenpunkte waren natürlich noch falsch eingehängt. Sorry für die unnötige Rückfrage. `

                    Kein Problem!

                    Bin auch noch neu im ioBroker!

                    Helfe gerne wenn ich kann!

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

                      Dann hätte ich jetzt nur noch die Frage, wie gewährleiste ich, dass niemand an dem Keypad vorbei einfach auf die "richtige" URL zugreift und das Keypad sich vorschaltet? Das passiert bei mir gerade noch nicht.

                      1 Reply Last reply Reply Quote 0
                      • Mic
                        Mic Developer last edited by

                        Z.B. unter Android den Fully Browser einsetzen, damit kannst Du das ganz leicht sperren, dass da keiner an der URL herumfummelt.

                        1 Reply Last reply Reply Quote 0
                        • Negalein
                          Negalein Global Moderator @Mic last edited by

                          @Mic sagte in [Vorlage] VIS: View durch Pin schützen:

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

                          Hi Mic!

                          Dein Script lief bis gestern perfekt.
                          Gestern hab ich die Scripte von @Kuddel mit meinen zusammengeführt und neu importiert.

                          Seitdem läuft das PIN-Script nicht mehr.

                          Könntest du mal drüberschaun?

                          Danke

                          /*******************************************************************************
                           * ---------------------------
                           * 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:       '041_Energie',        // 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:   '353.6043',      // Funktioniert bei mir (und einigen anderen) immer mit 'FFFFFFFF', ansonsten Wert vom Vis, Menü Tools, Feld "Instanz ID" nehmen
                              pin:        '2901',          // Pin          
                            },
                          ];
                          
                          
                          /**********************************************************************************************************
                           ++++++++++++++++++++++++++++ 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;
                                              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':'string', 'read':true, 'write':false, 'role':'info', 'def':'' });
                                  createState(STATE_PATH + PIN_VIEWS[i].name + '.WrongPinEntered', {'name':'Pin-Fehler', 'type':'boolean', 'read':true, 'write':false, 'role':'info'});
                                  createState(STATE_PATH + PIN_VIEWS[i].name + '.PinWildcards', {'name':'Sterne (*) für VIS-Anzeige', 'type':'string', 'read':true, 'write':false, '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.0.control.instance", getPresetElement(viewName, 'instance'));
                              setState("vis.0.control.data",     getPresetElement(viewName, 'project') + '/' + viewName);
                              setState("vis.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;
                          }
                          

                          LOG:

                          24.9.2019, 13:56:45.189	[info ]: javascript.0 script.js.common.Pin: Eingabe über Tastenfeld: 2, Viewname: 041_Energie
                          24.9.2019, 13:56:45.189	[warn ]: javascript.0 script.js.common.Pin: setForeignState(id=javascript.0.visViewPinSperre.041_Energie.PinWildcards, state=" * * * * * * *") - was not executed, while debug mode is active
                          24.9.2019, 13:56:46.190	[info ]: javascript.0 script.js.common.Pin: Eingabe über Tastenfeld: 9, Viewname: 041_Energie
                          24.9.2019, 13:56:46.191	[warn ]: javascript.0 script.js.common.Pin: setForeignState(id=javascript.0.visViewPinSperre.041_Energie.PinWildcards, state=" * * * * * * * *") - was not executed, while debug mode is active
                          24.9.2019, 13:56:46.943	[info ]: javascript.0 script.js.common.Pin: Eingabe über Tastenfeld: 0, Viewname: 041_Energie
                          24.9.2019, 13:56:46.943	[warn ]: javascript.0 script.js.common.Pin: setForeignState(id=javascript.0.visViewPinSperre.041_Energie.PinWildcards, state=" * * * * * * * * *") - was not executed, while debug mode is active
                          24.9.2019, 13:56:47.944	[info ]: javascript.0 script.js.common.Pin: Eingabe über Tastenfeld: 1, Viewname: 041_Energie
                          24.9.2019, 13:56:47.945	[warn ]: javascript.0 script.js.common.Pin: setForeignState(id=javascript.0.visViewPinSperre.041_Energie.PinWildcards, state=" * * * * * * * * * *") - was not executed, while debug mode is active
                          24.9.2019, 13:56:49.358	[info ]: javascript.0 script.js.common.Pin: Eingabe über Tastenfeld: Enter, Viewname: 041_Energie
                          24.9.2019, 13:56:49.358	[info ]: javascript.0 script.js.common.Pin: Falschen Pin eingegeben, View [041_Energie]
                          24.9.2019, 13:56:49.359	[warn ]: javascript.0 script.js.common.Pin: setForeignState(id=javascript.0.visViewPinSperre.041_Energie.WrongPinEntered, state=true) - was not executed, while debug mode is active
                          24.9.2019, 13:56:49.359	[info ]: javascript.0 script.js.common.Pin: Reset Pin, View-Name: [041_Energie]
                          24.9.2019, 13:56:49.359	[warn ]: javascript.0 script.js.common.Pin: setForeignState(id=javascript.0.visViewPinSperre.041_Energie.CurrentKey, state="") - was not executed, while debug mode is active
                          24.9.2019, 13:56:49.359	[warn ]: javascript.0 script.js.common.Pin: setForeignState(id=javascript.0.visViewPinSperre.041_Energie.PinWildcards, state="") - was not executed, while debug mode is active
                          24.9.2019, 13:56:52.359	[warn ]: javascript.0 script.js.common.Pin: setForeignState(id=javascript.0.visViewPinSperre.041_Energie.WrongPinEntered, state={"val":false,"ack":false}) - was not executed, while debug mode is active
                          
                          Mic 1 Reply Last reply Reply Quote 0
                          • Mic
                            Mic Developer @Negalein last edited by Mic

                            @Negalein sagte in [Vorlage] VIS: View durch Pin schützen:

                            Gestern hab ich die Scripte von @Kuddel mit meinen zusammengeführt und neu importiert.

                            Hi,
                            Du hast also das Script angepasst/erweitert und das läuft dadurch nicht mehr? Was genau hast du denn angepasst? Sorry, aber ich kann aus Zeitgründen im Moment nur das Original-Script von mir supporten ohne weiterer Anpassungen.

                            Negalein 1 Reply Last reply Reply Quote 0
                            • Negalein
                              Negalein Global Moderator @Mic last edited by

                              @Mic sagte in [Vorlage] VIS: View durch Pin schützen:

                              Du hast also das Script angepasst/erweitert und das läuft dadurch nicht mehr? Was genau hast du denn angepasst? Sorry, aber ich kann aus Zeitgründen im Moment nur das Original-Script von mir supporten ohne weiterer Anpassungen.

                              Nein, das hast du falsch verstanden.

                              Ich hab seine Scripte und meine Scripte zu einem ZIP gemacht und dann importiert.

                              Seitdem läuft das PIN-Script nicht mehr.

                              1 Reply Last reply Reply Quote 0
                              • Mic
                                Mic Developer last edited by

                                @Negalein
                                Mit diesem ZIP-Import kenne ich mich nicht aus, ich kann also nur zur oben beschriebenen Methode helfen.

                                1 Reply Last reply Reply Quote 0
                                • Negalein
                                  Negalein Global Moderator last edited by

                                  @Mic

                                  Sorry für die Verspätung!

                                  Das Script hat wieder funktioniert.

                                  Doch seit ich heute den Admin upgedatet habe, will es nicht mehr.

                                  Im Log sehe ich keinen Fehler.

                                  13:57:53.593	info	javascript.0 Stop script script.js.common.Pin
                                  13:57:56.731	info	javascript.0 Start javascript script.js.common.Pin
                                  13:57:56.732	info	javascript.0 script.js.common.Pin: registered 0 subscriptions and 0 schedules
                                  13:57:59.731	info	javascript.0 script.js.common.Pin: Reset Pin, View-Name: [041_Energie]
                                  13:58:17.339	info	javascript.0 script.js.common.Pin: Eingabe über Tastenfeld: 2, Viewname: 041_Energie
                                  13:58:18.458	info	javascript.0 script.js.common.Pin: Eingabe über Tastenfeld: 9, Viewname: 041_Energie
                                  13:58:19.440	info	javascript.0 script.js.common.Pin: Eingabe über Tastenfeld: 0, Viewname: 041_Energie
                                  13:58:20.149	info	javascript.0 script.js.common.Pin: Eingabe über Tastenfeld: 1, Viewname: 041_Energie
                                  13:58:21.384	info	javascript.0 script.js.common.Pin: Eingabe über Tastenfeld: Enter, Viewname: 041_Energie
                                  13:58:21.385	info	javascript.0 script.js.common.Pin: Pin-Eingabe erfolgreich, View [041_Energie]
                                  13:58:24.386	info	javascript.0 script.js.common.Pin: Reset Pin, View-Name: [041_Energie]
                                  

                                  So schaut dein Script bei mir 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:       '041_Energie',        // 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:   '353.6043',      // Funktioniert bei mir (und einigen anderen) immer mit 'FFFFFFFF', ansonsten Wert vom Vis, Menü Tools, Feld "Instanz ID" nehmen
                                      pin:        '2901',          // Pin          
                                    },
                                  ];
                                  
                                  
                                  /**********************************************************************************************************
                                   ++++++++++++++++++++++++++++ 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;
                                                      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':'string', 'read':true, 'write':false, 'role':'info', 'def':'' });
                                          createState(STATE_PATH + PIN_VIEWS[i].name + '.WrongPinEntered', {'name':'Pin-Fehler', 'type':'boolean', 'read':true, 'write':false, 'role':'info'});
                                          createState(STATE_PATH + PIN_VIEWS[i].name + '.PinWildcards', {'name':'Sterne (*) für VIS-Anzeige', 'type':'string', 'read':true, 'write':false, '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.0.control.instance", getPresetElement(viewName, 'instance'));
                                      setState("vis.0.control.data",     getPresetElement(viewName, 'project') + '/' + viewName);
                                      setState("vis.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;
                                  }
                                  
                                  1 Reply Last reply Reply Quote 0
                                  • Iccube
                                    Iccube last edited by

                                    Hallo, bekomme das bei mir nicht zum laufen.
                                    Habe folgende Fehler

                                    2019-11-13 20:53:17.713 - info: javascript.0 Start javascript script.js.Home_Tablet.PIN_eingabe
                                    2019-11-13 20:53:17.726 - error: javascript.0 script.js.Home_Tablet.PIN_eingabe: script.js.Home_Tablet.PIN_eingabe:109
                                    2019-11-13 20:53:17.726 - error: javascript.0 for (let i = 0; i < PIN_VIEWS.length; i++) {
                                    2019-11-13 20:53:17.726 - error: javascript.0 ^
                                    2019-11-13 20:53:17.726 - error: javascript.0 ReferenceError: PIN_VIEWS is not defined
                                    2019-11-13 20:53:17.726 - error: javascript.0 at createScriptStates (script.js.Home_Tablet.PIN_eingabe:109:25)
                                    2019-11-13 20:53:17.726 - error: javascript.0 at init (script.js.Home_Tablet.PIN_eingabe:55:5)
                                    2019-11-13 20:53:17.727 - error: javascript.0 at script.js.Home_Tablet.PIN_eingabe:379:1
                                    2019-11-13 20:53:17.727 - error: javascript.0 at Script.runInContext (vm.js:133:20)
                                    
                                    

                                    einer ne Idee ?

                                    Admin V=3.6.12
                                    Java V= 4.3.1

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

                                      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.

                                      H Matthias S. 2 Replies Last reply Reply Quote 0
                                      • H
                                        hini2001 @andiko2 last edited by

                                        @andiko2 said in [Vorlage] VIS: View durch Pin schützen:

                                        Küche

                                        Das gleiche Problem habe ich auch. Ansonsten eine top Arbeit! 😉

                                        1 Reply Last reply Reply Quote 0
                                        • D
                                          darkiop Most Active last edited by

                                          @Mic Ich wollte mir grade dein Projekt anschauen und für meinen Sicherheits-View umsetzen. Ich arbeite hier allerdings mit dem 'View in Widget 8', d.h. der View ansich wird nicht gewechselt, sonder ein Datenpunkt bekommt beim Wechsel eine neue Index Nr. als Datum.

                                          Die Funktionalität des Umschaltens nach korrektem PIN habe ich quick + dirty in deinem Skript so angepasst:

                                          function onSuccess(viewName){
                                              // Change View
                                              
                                              //setState("vis.0.control.instance", getPresetElement(viewName, 'instance'));
                                              //setState("vis.0.control.data",     getPresetElement(viewName, 'project') + '/' + viewName);
                                              //setState("vis.0.control.command",  'changeView');
                                              
                                              setState("javascript.0.VIS.TopAppBar_Index", 10);
                                          }
                                          

                                          Jetzt kommt das aber ... 🙂

                                          Die Menüstruktur + entsprechende Index-Nr. ist in der Kombination der Material Top App Bar + View in Widget 8 festgelegt. D.h. im Menü ist auch immer der View vorhanden welcher eigentlich durch den PIN verdeckt sein soll.

                                          Hast du deinen Idee wie man das lösen könnte?

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

                                            wenn ich die PIN eingebe, und auf "Enter" klicke, werde ich nicht weiter geleitet.

                                            Weiß jemand ne Lösung?

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            969
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            template vis
                                            36
                                            96
                                            14539
                                            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