Examples of HABPanel Solutions

Tutorials & Examples HABPanel Examples
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:

2 Likes