Page 3 of 3

Re: Dashticz Security Panel

Posted: Wednesday 02 September 2020 9:55
by lzwfkv
cduijker wrote: Tuesday 01 September 2020 22:14 No Huawei phone :)
But it shows on all of my devices. I have set all languages to english on my raspberry and all other OS's.
so why chinese?
I observed the same behaviour, regardless of the language set. It seems to be an error in creative.css pointing to an icon whose code does not exist in fontawesome.
I fixed it the simple way by overriding the default icon code found in creative.css with this one entered in custom.css:

Code: Select all

.sec-frame .keypad-input .status[data-id="armhome"]:before {
  content: "\e065"; /* replaced for security panel icon arm-away, \f965 in creative.css doesn't work */
}
Hope it helps.

Re: Dashticz Security Panel

Posted: Wednesday 02 September 2020 16:37
by Lokonli
lzwfkv wrote: Wednesday 02 September 2020 9:55
cduijker wrote: Tuesday 01 September 2020 22:14 No Huawei phone :)
But it shows on all of my devices. I have set all languages to english on my raspberry and all other OS's.
so why chinese?
I observed the same behaviour, regardless of the language set. It seems to be an error in creative.css pointing to an icon whose code does not exist in fontawesome.
I fixed it the simple way by overriding the default icon code found in creative.css with this one entered in custom.css:

Code: Select all

.sec-frame .keypad-input .status[data-id="armhome"]:before {
  content: "\e065"; /* replaced for security panel icon arm-away, \f965 in creative.css doesn't work */
}
Hope it helps.
Thanks!

The FontAwesome library was indeed updated. I'll create a fix.

Re: Dashticz Security Panel

Posted: Thursday 03 September 2020 6:25
by lzwfkv
Lokonli wrote: Wednesday 02 September 2020 16:37
lzwfkv wrote: Wednesday 02 September 2020 9:55
cduijker wrote: Tuesday 01 September 2020 22:14 No Huawei phone :)
But it shows on all of my devices. I have set all languages to english on my raspberry and all other OS's.
so why chinese?
I observed the same behaviour, regardless of the language set. It seems to be an error in creative.css pointing to an icon whose code does not exist in fontawesome.
I fixed it the simple way by overriding the default icon code found in creative.css with this one entered in custom.css:

Code: Select all

.sec-frame .keypad-input .status[data-id="armhome"]:before {
  content: "\e065"; /* replaced for security panel icon arm-away, \f965 in creative.css doesn't work */
}
Hope it helps.
Thanks!

The FontAwesome library was indeed updated. I'll create a fix.
No problem Lokonli, it's a pleasure.
Thanks to you for maintaining and improving this fantastic gem of software which is a real enhancement on top of Domoticz.

Re: Dashticz Security Panel

Posted: Thursday 03 September 2020 12:54
by cduijker
lzwfkv your fix worked! thanks!
Another question ; whenever the security panel is shown full screen (config['security_panel_lock'] = 1) I get a small scroll bar on the right side of the screen. Can I get rid of that?
And is it also possible to force the security panel when the alarm is set to Arm Home (instead of only Arm Away) ?

regards

Re: Dashticz Security Panel

Posted: Friday 04 September 2020 20:19
by Lokonli
lzwfkv wrote: Thursday 03 September 2020 6:25
Lokonli wrote: Wednesday 02 September 2020 16:37
lzwfkv wrote: Wednesday 02 September 2020 9:55

I observed the same behaviour, regardless of the language set. It seems to be an error in creative.css pointing to an icon whose code does not exist in fontawesome.
I fixed it the simple way by overriding the default icon code found in creative.css with this one entered in custom.css:

Code: Select all

.sec-frame .keypad-input .status[data-id="armhome"]:before {
  content: "\e065"; /* replaced for security panel icon arm-away, \f965 in creative.css doesn't work */
}
Hope it helps.
Thanks!

The FontAwesome library was indeed updated. I'll create a fix.
No problem Lokonli, it's a pleasure.
Thanks to you for maintaining and improving this fantastic gem of software which is a real enhancement on top of Domoticz.
Fixed in latest beta.

Re: Dashticz Security Panel

Posted: Sunday 27 September 2020 18:16
by cduijker
Whenever the security panel is shown full screen (config['security_panel_lock'] = 1) I get a small scroll bar on the right side of the screen. Can I get rid of that? I have the official raspberry 7" screen.

Here is a picture :


regards

Re: Dashticz Security Panel

Posted: Wednesday 30 September 2020 20:33
by Lokonli
The scrollbar on the security panel lock screen is removed in latest beta. Can you test?

Re: Dashticz Security Panel

Posted: Wednesday 30 September 2020 21:46
by Lokonli
cduijker wrote: Thursday 03 September 2020 12:54 lzwfkv your fix worked! thanks!
Another question ; whenever the security panel is shown full screen (config['security_panel_lock'] = 1) I get a small scroll bar on the right side of the screen. Can I get rid of that?
And is it also possible to force the security panel when the alarm is set to Arm Home (instead of only Arm Away) ?

regards
In latest beta, to enable the lock screen in Arm Home state, add the following:

Code: Select all

config['security_panel_lock'] = 2;
Can you test?

Re: Dashticz Security Panel

Posted: Wednesday 30 September 2020 22:40
by sammyke007
Lokonli wrote: Wednesday 30 September 2020 21:46 In latest beta, to enable the lock screen in Arm Home state, add the following:

Code: Select all

config['security_panel_lock'] = 2;
Can you test?
Wow! Something I like in my setup, tnx!

EDIT: tested and working, tnx!

Re: Dashticz Security Panel

Posted: Thursday 01 October 2020 12:51
by cduijker
Lokonli wrote: Wednesday 30 September 2020 20:33 The scrollbar on the security panel lock screen is removed in latest beta. Can you test?
Works! Thanks !

And also the Lock sreen when armed home !! thank you!

Re: Dashticz Security Panel

Posted: Friday 25 December 2020 8:22
by brjhaverkamp
Hi all,

Merry Christmas everyone!
I started playing with Dashticz a couple of days ago. Main reason was to go have a nice security panel to control my home alarm from an old tablet that I will hang on the wall. But all the other "goodies" make it a wonder Christmas present! Thanks.

I have a small question. How can I remove (or change) the background image of the panel. The buttons are nice and clean. But I don't care for the nuts and logo, sorry. It doesn't seem to fit well with the clean look of the other blocks. My preference is to do away with the background and associated border, and leave only the buttons to make it fit better with the rest of the dashbord.

As an alternative I looked at the including it as a block. This just gives three buttons: "Disarmed", "Arm home" and "Arm away" When I press "Arm home" or "Arm away" I get a popup for the pin. But there is no numerical keyboard in the pop-up. That makes it a bit of a hassle. Where can I tune this? (Can I tune this at all? ;) )

Kind regards,

Bert Haverkamp

Re: Dashticz Security Panel

Posted: Friday 25 December 2020 9:30
by Lokonli
For the 'secpanel' block, you can remove most of the styling by adding the following to custom/custom.css:

Code: Select all

.sec-frame {
    background-image: none;
    background: rgba(0,0,0,0.2);
    -webkit-box-shadow: none;
    box-shadow: none;
} 

.sec-frame .keypad-header {
    display: none;
}

.sec-frame .keypad-footer {
    display: none;
}

.sec-frame .screw {
    display: none;
}

Re: Dashticz Security Panel

Posted: Saturday 26 December 2020 8:27
by brjhaverkamp
Hi Lokonli,

Thanks for these settings. It looks better now.
Do you know a way to slash the borders? (if this is possible)
There is quite a bit of empty space now that I don't need.

For screen-realestate reasons I'm digging into the alternative as well still. :
I would like to have the alrmpanel block in the top corne, wihtout keypad
And only if you want to change the alarm status, a popup appears for the pin.
There is already a popup, but without virtual keyboard. which makes it a bit(lot) cumbersome to work.
If anyone knows how to add a virtual numerical keyboard to this pin dialog, I'd appreciate.

Kind regards,

Bert

Re: Dashticz Security Panel

Posted: Saturday 26 December 2020 11:16
by Lokonli
For the alarmpanel block: the keypad should appear, assuming you don't have a physical keyboard attached to the same system.

What kind of tablet are you using? Which browser? If it's a Android tablet can you test with Fully Kiosk Browser?

Re: Dashticz Security Panel

Posted: Sunday 27 December 2020 15:00
by brjhaverkamp
Hi Lokonli,

You are right, a keyboard appears on a tablet.
I was testing on a laptop with a touch screen. There you only get the "Enter pin code" pop-up and you have to use the physical keyboard.
But the dashboard is in semi-finished state, so I started testing on the tablet I want to hang on the wall.
There I get the full android virtual qwerty keyboard. A bit overkill, but I can live with it.

What I was imagining was a simple numerical keypad pop-up like the attached image.
This would be more professionally looking.

Kind regards,

Bert

Re: Dashticz Security Panel

Posted: Sunday 03 January 2021 8:11
by brjhaverkamp
Hello all,

I started playing with a module to show a keypad for the security block
There are several, but I picked this one https://a.kabachnik.info/jquery-numpad.html
Mainly because there is a decent documentation and example included. And it has a pincode example

But despite those, I need a bit of a pointer, as I am not a programmer
I placed the module in vendor/Numpad and I edited the enterCode function in main.js as below:
This shows some keypad keys, so I'm on the right track;-) But it is badly formatted. So there is still something wrong with the css inclusion I think.
Or the object to reference this from ($'body') is not correct.
I haven't even come to the stage to get the actual code out of the numpad,

Any pointer is welcome.
Kind regards,

Bert

Code: Select all

function enterCode(armLevel) {
    $(
        '<link rel="stylesheet" href="vendor/Numpad/jquery.numpad.css">'
    ).appendTo('head');
    $.ajax({
        url: 'vendor/Numpad/jquery.numpad.js',
        async: false,
        datatype: 'script',
    });
    var code;
    //code = prompt(language.misc.enter_pincode);                                                                                                                                                          
    $('body').numpad({
        hideDecimalButton:true,
        hidePlusMinusButton:true });
  if (code != null) switchSecurity(armLevel, code);
}