Dashticz Security Panel

[lzwfkv]

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.

[Lokonli]

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.

[lzwfkv]

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.

[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

[Lokonli]

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.

[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

[Lokonli]

The scrollbar on the security panel lock screen is removed in latest beta. Can you test?

[Lokonli]

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?

[sammyke007]

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!

[cduijker]

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!

[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

[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;
}

[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

[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?

[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

[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);
}