Examples of HABPanel Solutions


(Skinah) #416

You can get 1 FPS using this binding as some of the Dahua cameras may not support anything other than DIGEST auth.


(Sibin Arsenijevic) #417

Dahua cameras, at least the one i have also has the ability to stream motion JPEG, you get near realtime video which is supported in almost all browsers. If you want to use it on iDevices beware of limitation that apple devices do not support full resolution, i think 720p is maximum resolution for mjepg (i could be wrong). You can add this stream url in basic Image widget and it will work. Tested on Mac and Windows, iPhone and iPad.

http://<user>:<password>@<ip>/axis-cgi/mjpg/video.cgi?date=1&clock=1&resolution=640x480

If you want any other type of stream that will be supported natively in browser from dahua camera you will have to live convert it to another format using ffmpeg or smth.


(Mike) #418

I have gone nice and simple with my screens as I have numerous tablets around my home which display what they need to for the current room context.

Screenshots from Amazon Fire 7" tablets.

Kitchen Side door:

  • Hikvision driveway camera (Stills taken from ISAPI updated every 2 seconds) Blows up to full screen when its clicked
  • Link to Kitchen Sonos
  • Weather feed
  • Hue outdoor lighting
  • Bin schedule (HTML page)

Kitchen Sonos control screen:

Internet status screen

  • PiHole
  • Speedtest CLI

They have been kept deliberately simple with big buttons so they are easy to use and as they are on all the time I stayed with the orange tree theme as its really nice :slight_smile:


(Angelos) #419

Nice panels!

Can you share the widget code for the PiHole please? :slight_smile:


(JGluch) #420

I’ve just one 10“ panel in the house. Here are some example
screens. I use the orangetree-style with some modified widgets and templates.


(Mike) #421

Setup standard as per Pi-Hole Integration

The template code is as follows.

<div  class="row">
      <div class="col-md-5 modgrid">
        <img data-icon="pihole" src="../icon/pihole?state=109608&amp;format=svg" height="200pt"/>
        <br />
        <span style="font-size: 20pt">{{itemValue('PiHole_Status')}}</span>
      </div>
      <div class="col-md-7 modgrid">
        <span style="font-size: 14pt">DNS Queries (Last 24)</span>
        <br />
        <span style="font-size: 20pt">{{itemValue('PiHole_DnsQueriesToday') | number:0}}</span>
        <br />
        <br />
        <span style="font-size: 14pt">Served from cache</span>
        <br />
        <span style="font-size: 20pt">{{itemValue('PiHole_QueriesCached') | number:0}}</span>
        <br />
        <br />
        <span style="font-size: 14pt">Ads Blocked</span>
        <br />
        <span style="font-size: 20pt">{{itemValue('PiHole_AdsBlockedToday') | number:0}} ({{itemValue('PiHole_AdsPercentageToday') | number:1}}%) </span>
      </div>
</div>
<br />
<span style="font-size: 20pt">{{itemValue('PiHole_DomainsBeingBlocked') | number:0}} Domains blocked</span>

Just in case you were wondering as well the Ads Blocked is as high as it it is as the Amazon Fire tablets are CONSTANTLY calling home even with all data sharing options disabled :rage:


(Christian) #422

That sounds interesting! How did you do that? Are you loading the full picture in a new panel (clicking links to that panel)?


(Mike) #423

Sounds less awesome when you correctly guessed the reality :rofl:

All my rooms are clusters of screens that are interactive in that group so click on cctv on main screen sends you to another panel with the full screen as the cctv image and when you click on that it takes you back to the main menu

I end up with something like

  • Kitchen Side Door
    ** Kitchen Side Door CCTV
    ** Kitchen Side Door Sonos
    ** Kitchen Side Door Weather
  • Kitchen Main
    ** Kitchen Main Sonos (Same as Kitchen Side Door Sonos but redirects to Kitchen Main when clicked)
  • Dining Room
    ** Dining Room Sonos
    ** Dining Room Lights
  • CCTV
    ** CCTV Driveway (Same as Kitchen Side Door CCTV)
    ** CCTV Garage
    ** CCTV etc…

Loads of duplication but simple for guests to use without tiny buttons or complex menu navigation


(Christian) #424

Thanks Mike!
If it’s well made it’s still awesome :grinning:

I might apply the same for my dad’s Dashboard :+1:


(Bob Miles) #425

Here are some Screens of mine:




(Viktor Schopf) #426

Hi,

How did you do the weather part? Is it HTML or is it a functionality that can be done easily in HABpanel itself?

Thanks


(Viktor Schopf) #427

Hey,
How did you do the weather part? :slight_smile:
Looks good!


(Bob Miles) #428

Hi and thanks!
The weather graphs are all using grafana and influxdb, you can plot gradient bars by using “non_negative_difference” and sum() and series override to change the display to bars.
This way the pressure gradient and the rain amount is plotted. The numbers are displayed using the HABPanel Knop with the following settings:
Angles - 135 to 135
Bar width 2, cap 1
Track width 1 cap 1
Scale: Lines, width 1 qty. 3 space 10

The data itself comes from a selfmade Esp8266 weather station using a Bme280 sensor and MQTT for communication. Rain Amount comes from a Popp Z-rain.
Hope this helps, I’m happy to give more information if needed!


(Uli) #429

Hello everybody,

Here are a few of my panels.
The whole thing is responsive. But there is still much to do.

Web:

Tablet:

Mobile:


(Uli) #430

I have created more dropdowns for each function.


(Christoph Wempe) #431

Looks really great!!!

Just a little thought:
I would place the checkboxes left of the days.
image

When I first looked at the picture I was confused, because the checkboxes ar far away from the day they represent. :slight_smile:


(Uli) #432

Thanks for the hint. You’re right. But in the mobile view it would not fit. I’m trying to change something here in the tablet and web version.


(Mr. Wiseman) #433

Did you get this up and running?

What h/w did you end up using?

Best, Jay


(The Squid) #434

@jwiseman

Yes I did!

I ended up using a simple Zwave contact switch that I placed inside the mailbox.

mailbox

I have icons that display the state of the mailbox and a rule with the expire binding to keep the icon open until someone collects the mail.

I also use TTS to announce when the mail has been delivered.

After a bit of use, I added an additional rule to reset the mailbox every morning as my wife would open up the mailbox after her morning run.

Has been super stable.

Squid


(Mr. Wiseman) #435

Hey Squid,

That is great news! I’ve been looking on the boards for this solution for over 6 months now. Is there anyway I can piggy back on your solution? The only difference is I live in Chicago which we have winters so it may not work during that period.

Can you post the link for the zWave switch you bought (I’m assuming Amazon)?

Anyway to get a copy of your items & rules also (I know, a big ask).

My wife sells stuff on eBay and she is shipping stuff everyday and she is always worried did she miss the mail person yet. If so, she has to drive to the post office - meaning that have to do it ;-(

Best, Jay